.skip{position:absolute;left:-999px;top:0;background:#fff;padding:10px 16px;z-index:20}
.skip:focus{left:8px;top:8px}
.hero{display:grid;gap:var(--s4);align-items:center;padding-top:var(--s3)}
@media(min-width:860px){.hero{grid-template-columns:1.1fr .9fr}}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin:var(--s3) 0 var(--s2)}
.hero .visu{display:grid;place-items:center;position:relative}
.hero .visu img.shot{width:min(300px,78%);border-radius:36px;border:8px solid var(--ink);box-shadow:0 18px 0 rgba(37,48,92,.12);background:var(--bg)}
.hero .visu .roux{position:absolute;left:0;bottom:-10px;width:clamp(90px,24vw,130px)}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s2)}
.steps{counter-reset:s;display:grid;gap:var(--s3)}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{list-style:none;counter-increment:s;background:var(--paper);border-radius:var(--r);padding:var(--s3);box-shadow:var(--shadow-card);position:relative}
.steps li::before{content:counter(s);position:absolute;top:-18px;left:20px;width:40px;height:40px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font-family:var(--font-title);font-size:22px}
.steps{padding:0;margin:0}
.shots{display:flex;gap:var(--s3);overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x mandatory}
.shots figure{margin:0;flex:none;width:min(240px,64vw);scroll-snap-align:center}
.shots img{width:100%;border-radius:28px;border:6px solid var(--ink);display:block}
.shots figcaption{margin-top:10px;font-size:16px;color:var(--ink-soft);text-align:center}
.stores{display:flex;gap:14px;flex-wrap:wrap}
.price{font-family:var(--font-title);font-size:56px;line-height:1}
.price span{font-size:20px;margin-left:6px;font-family:var(--font)}
.plan{display:flex;flex-direction:column;gap:var(--s2)}
.plan.star{border:5px solid var(--ink);background:#fff}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li .ic{color:var(--good);margin-top:3px}
.plan .btn{margin-top:auto}
.seg{display:flex;gap:10px;flex-wrap:wrap}
.seg label{margin:0;font-weight:400}
.pick{display:block;border:4px solid var(--line);border-radius:var(--r-sm);padding:14px 18px;background:var(--paper);cursor:pointer}
.pick:has(input:checked){border-color:var(--ink);background:#fff}
.pick input{margin-right:10px;accent-color:var(--ink)}
.pick b{font-family:var(--font-title)}
.state{display:grid;gap:var(--s2)}
[hidden]{display:none!important}
.doc h2{font-size:26px;margin-top:var(--s4)}
.doc .todo{background:var(--loss-bg);border-radius:8px;padding:2px 8px;font-weight:700;color:var(--loss)}
.fox-end{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.fox-end img{width:110px}