/* Studio Lévézou · version classique : same brand as the animated site (paper, ink, gold, night),
   laid out as one long calm page with larger type and no scroll effects */
/* latin-ext */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/f0.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* latin */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/f1.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/f8.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/f9.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* the animated site's palette (site.css), plus a few shades for the dark panels */
  --paper:#ece6db;
  --paper-2:#e3dbcd;
  --card:#f7f3ec;
  --card-2:#fbf8f2;
  --ink:#1b1a17;
  --ink-2:#5a544a;
  --muted:#635e56;   /* readable small grey (WCAG AA) on the light backgrounds */
  --gold:#d6a03c;
  --gold-2:#e3b151;
  --gold-ink:#835509;   /* a touch darker than the logo gold so small text passes WCAG AA on the beige backgrounds */
  --gold-soft:#f0e0bb;
  --gold-win:linear-gradient(160deg,#e6b85a,#c48f2c);
  --night:#161512;
  --night-2:#201e1a;
  --night-3:#2c2a25;
  --night-deep:#0e0d0b;
  --night-ink:#efe8dc;
  --night-ink-2:#b8b0a3;
  --line:rgba(27,26,23,.13);
  --line-d:rgba(239,232,220,.14);
  --f-body:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-serif:"Instrument Serif","Iowan Old Style","Times New Roman",serif;
  --maxw:72.94118rem;
  --gut:clamp(1.05882rem,4.2vw,3.29412rem);
  --r:1.17647rem;
  --sh:0 1.76471rem 3.52941rem -2.35294rem rgba(50,35,15,.4),0 2px .35294rem rgba(50,35,15,.04);
  --ease:cubic-bezier(.16,1,.3,1);
  --chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.4 5 8.8l4.4-5' fill='none' stroke='%2393610e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --chk-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.4 5 8.8l4.4-5' fill='none' stroke='%231d1406' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' stroke='%23a63b27' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  color-scheme:light;
}
*{box-sizing:border-box}
html{font-size:clamp(17px,calc(14.5px + .22vw),19px);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-body);font-size:1rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:760;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
h1 em,h2 em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.015em;color:var(--gold-ink)}
.dark h1 em,.dark h2 em{color:var(--gold)}
::selection{background:var(--gold);color:#1d1406}
:focus-visible{outline:.17647rem solid var(--gold-ink);outline-offset:.17647rem;border-radius:.35294rem}
[hidden]{display:none!important}
.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--gut));margin-inline:auto;padding-inline:max(var(--gut),env(safe-area-inset-left,0px))}
.skip{position:absolute;left:-588.17647rem;top:.70588rem;z-index:100;padding:.70588rem 1.05882rem;border-radius:.70588rem;background:var(--card);color:var(--ink);font-weight:700}
.skip:focus{left:.70588rem}

/* ---------- buttons (same pills as the animated site, a little larger) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:3.17647rem;padding:.9em 1.55em;border:0;border-radius:58.76471rem;font:650 1rem/1.15 var(--f-body);text-align:center;text-decoration:none;cursor:pointer;transition:background .35s,color .35s,box-shadow .35s,border-color .35s}
.btn svg{width:.94118rem;height:.94118rem;flex:none;transition:transform .45s var(--ease)}
.btn:hover svg{transform:translateX(.23529rem)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:#34322d}
.btn-gold{background:var(--gold);color:#1d1406;box-shadow:0 1.05882rem 2.35294rem -1.05882rem rgba(150,95,10,.8)}
.btn-gold:hover{background:var(--gold-2)}
.btn-line{border:1.5px solid currentColor;background:transparent;color:inherit}
.btn-line:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.dark .btn-line:hover{border-color:var(--night-ink);background:var(--night-ink);color:var(--ink)}
.btn-sm{min-height:2.70588rem;padding:.6em 1.2em;font-size:.88rem}

/* ---------- version bar + header ---------- */
.vbar{background:var(--night);color:var(--night-ink-2);font-size:.84rem}
.vbar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.23529rem .94118rem;min-height:2.47059rem;padding-block:.35294rem;text-align:center}
.vbar b{color:var(--night-ink);font-weight:700}
.vbar a{display:inline-flex;align-items:center;gap:.35294rem;font-weight:700;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(214,160,60,.45)}
.vbar a:hover{border-color:var(--gold)}
.vbar svg{width:.82353rem;height:.82353rem}
.top{position:sticky;top:0;z-index:40;background:rgba(236,230,219,.95);-webkit-backdrop-filter:blur(.70588rem);backdrop-filter:blur(.70588rem);color:var(--ink);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.top.sc{border-color:var(--line);box-shadow:0 .82353rem 1.76471rem -1.52941rem rgba(50,35,15,.45)}
.top-in{display:flex;align-items:center;gap:1.41176rem;min-height:4.70588rem}
.brand{flex:none;display:flex;align-items:center;gap:.70588rem;font-weight:800;font-size:1rem;line-height:.98;letter-spacing:-.02em;text-decoration:none}
.brand img{width:2.70588rem;height:auto;flex:none}
.nav{display:flex;align-items:center;gap:1.41176rem;margin-inline:auto}
.nav>a{position:relative;padding-block:.35294rem;font-weight:550;font-size:.92rem;text-decoration:none;opacity:.78;transition:opacity .3s}
.nav>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav>a:hover,.nav>a.on{opacity:1}
.nav>a:hover::after,.nav>a.on::after{transform:scaleX(1);transform-origin:left}
.nav-m{display:none}
.top-r{display:flex;align-items:center;gap:1.05882rem;flex:none}
.tel{display:inline-flex;align-items:center;gap:.47059rem;font-weight:700;font-size:.95rem;white-space:nowrap;text-decoration:none}
.tel svg{width:1.05882rem;height:1.05882rem;color:var(--gold-ink)}
.tel:hover{color:var(--gold-ink)}
.burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.29412rem;width:2.94118rem;height:2.94118rem;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.burger i{display:block;width:1.05882rem;height:1.8px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .3s}
.menu-open .burger i:nth-child(1){transform:translateY(.4rem) rotate(45deg)}
.menu-open .burger i:nth-child(2){opacity:0}
.menu-open .burger i:nth-child(3){transform:translateY(-.4rem) rotate(-45deg)}

/* ---------- shared section bits ---------- */
.dark{background:var(--night);color:var(--night-ink)}
.alt{background:var(--paper-2)}
.sec{position:relative;padding:clamp(4.23529rem,9vw,7.29412rem) 0}
.head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.17647rem clamp(1.88235rem,6vw,5.64706rem);align-items:end;margin-bottom:clamp(2.11765rem,5vw,3.76471rem)}
.eyebrow{font:650 .78rem/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.dark .eyebrow{color:var(--gold)}
h2{margin-top:.82353rem;font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1;letter-spacing:-.035em}
.lead{font-size:1.1rem;line-height:1.6;color:var(--ink-2)}
.dark .lead{color:var(--night-ink-2)}
.center{margin-top:3.05882rem;text-align:center}
.pill{display:inline-flex;align-items:center;gap:.47059rem;padding:.52941rem .88235rem;border:1px solid var(--line);border-radius:58.76471rem;background:var(--card);font:650 .74rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.pill svg{width:.88235rem;height:.88235rem}
.ic{flex:none;display:grid;place-items:center;width:2.94118rem;height:2.94118rem;border:1px solid rgba(214,160,60,.4);border-radius:.88235rem;background:rgba(214,160,60,.14);color:var(--gold-ink)}
.ic svg{width:1.41176rem;height:1.41176rem}
.mini-bar{display:flex;align-items:center;gap:.29412rem;height:1.76471rem;padding:0 .64706rem;background:#efe9de;border-bottom:1px solid #e1d9cb}
.mini-bar i{width:.47059rem;height:.47059rem;border-radius:50%;background:#d4cbbb}
.mini-bar span{margin-left:.47059rem;overflow:hidden;font-size:.66rem;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}

/* ---------- hero (paper, like the animated pages) ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(2.35294rem,6vw,5.17647rem) 0 clamp(3.52941rem,7vw,5.88235rem)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 60% at 82% 30%,rgba(214,160,60,.16),transparent 65%)}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(2.11765rem,5vw,4.47059rem);align-items:center}
.hero h1{margin-top:1.41176rem;font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:780;line-height:1;letter-spacing:-.045em}
.rot{display:grid;color:var(--gold-ink)}
.rot-w{grid-area:1/1;font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;opacity:0;transform:translateY(.32em);transition:opacity .55s ease,transform .75s var(--ease)}
.rot-w.on{opacity:1;transform:none}
.rot-w.out{transform:translateY(-.32em)}
.hero .lead{margin-top:1.41176rem;max-width:36rem;font-size:1.12rem}
.btns{display:flex;flex-wrap:wrap;gap:.70588rem;margin-top:1.88235rem}
.checks{display:flex;flex-wrap:wrap;gap:.58824rem 1.41176rem;margin-top:1.64706rem;font-size:.92rem;font-weight:600;color:var(--ink-2)}
.checks li,.chips li,.assure li,.p-list li,.ba-list li{display:flex;align-items:center;gap:.58824rem}
.checks li::before,.chips li::before,.assure li::before,.p-list li::before,.ba-list li::before{content:"";flex:none;width:1.29412rem;height:1.29412rem;border-radius:50%;background:var(--gold-soft) var(--chk) center/.70588rem no-repeat}
.checks li::before,.chips li::before{background-color:var(--gold);background-image:var(--chk-d)}

/* trade preview, inside the gold window of the logo */
.pv{position:relative;min-width:0}
.pv-top{font-size:.88rem;color:var(--ink-2)}
.pv-top em{margin-right:.23529rem;font:italic 400 1.4rem/1 var(--f-serif);color:var(--gold-ink)}
.pv-chips{display:flex;flex-wrap:wrap;gap:.47059rem;margin:.82353rem 0 1.41176rem}
.pv-chips button{min-height:2.47059rem;padding:.47059rem .82353rem;border:1px solid var(--line);border-radius:58.76471rem;background:var(--card);color:var(--ink);font:600 .86rem/1 var(--f-body);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.pv-chips button:hover{border-color:var(--ink)}
.pv-chips button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.pv-stage{position:relative;padding:0 2.70588rem 2.58824rem 0}
.pv-browser{position:relative;z-index:1;padding:0 .70588rem .70588rem;border-radius:1.64706rem;background:var(--gold-win);color:var(--ink);box-shadow:0 3.52941rem 6.47059rem -2.94118rem rgba(120,80,10,.65),0 0 0 1px rgba(150,95,10,.25)}
.pv-bar{display:flex;align-items:center;gap:.47059rem;height:2.82353rem;padding-left:.58824rem}
.pv-bar i{flex:none;width:.70588rem;height:.70588rem;border-radius:50%;background:#f7f0e2}
.pv-url{flex:1;min-width:0;height:1.52941rem;margin:0 .35294rem 0 .58824rem;padding:0 .70588rem;overflow:hidden;border-radius:.47059rem;background:rgba(255,253,248,.85);font-size:.72rem;line-height:1.52941rem;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis}
.pv-bar b{flex:none;padding:.29412rem .52941rem;border-radius:58.76471rem;background:var(--ink);color:var(--paper);font:700 .56rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.pv-screen{position:relative;overflow:hidden;border-radius:1.05882rem;background:var(--card-2)}
.pv-screen::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%)}
.pv-site{position:relative;aspect-ratio:16/10;overflow:hidden;color:#fff;background:#2a2622}
.pv-pics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s ease,transform 1.4s var(--ease)}
.pv-pics img.on{opacity:1;transform:none}
.pv-site::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,11,7,.74),rgba(14,11,7,.28) 62%,rgba(14,11,7,.06)),linear-gradient(0deg,rgba(14,11,7,.32),transparent 45%)}
.pv-nav{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:.94118rem;padding:.88235rem 1.05882rem;font-size:.68rem;color:rgba(255,255,255,.85)}
.pv-nav b{margin-right:auto;font:800 .7rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.pv-copy{position:absolute;left:1.05882rem;right:28%;bottom:1.05882rem;z-index:2}
.pv-copy small{display:block;font:700 .62rem/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#f1d9a6}
.pv-copy strong{display:block;margin-top:.47059rem;font:italic 400 clamp(1.25rem,2.1vw,1.85rem)/1.05 var(--f-serif)}
.pv-btns{display:flex;flex-wrap:wrap;gap:.47059rem;margin-top:.82353rem}
.pv-btns span{padding:.41176rem .70588rem;border-radius:58.76471rem;background:var(--gold);color:#1d1406;font:700 .66rem/1 var(--f-body)}
.pv-btns span+span{border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff}
.pv-strip{display:flex;flex-wrap:wrap;gap:.47059rem;padding:.70588rem .82353rem;background:var(--card-2)}
.pv-strip span{padding:.35294rem .58824rem;border-radius:58.76471rem;background:#ece5d8;font:600 .66rem/1 var(--f-body);color:var(--ink-2)}
.pv-phone{position:absolute;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;width:31%;max-width:10.35294rem;overflow:hidden;border:.35294rem solid #15130f;border-radius:1.64706rem;background:var(--card-2);color:var(--ink);box-shadow:0 2.35294rem 3.52941rem -1.76471rem rgba(40,25,5,.6)}
.pv-ph-pic{aspect-ratio:1/1;overflow:hidden;background:#2a2622}
.pv-ph-pic img{width:100%;height:100%;object-fit:cover}
.pv-phone b{padding:.58824rem .70588rem 0;font:italic 400 1.05rem/1.1 var(--f-serif)}
.pv-phone span{padding:.23529rem .70588rem 0;font-size:.6rem;line-height:1.3;color:#2c7a4b}
.pv-phone i{margin:.58824rem .70588rem .70588rem;padding:.47059rem 0;border-radius:58.76471rem;background:var(--ink);font:700 .66rem/1 var(--f-body);font-style:normal;text-align:center;color:var(--paper)}
.pv-call{position:absolute;top:34%;left:-1.41176rem;z-index:3;display:flex;align-items:center;gap:.58824rem;padding:.58824rem .94118rem .58824rem .58824rem;border-radius:.94118rem;background:rgba(255,253,248,.95);color:var(--ink);font-size:.74rem;line-height:1.25;box-shadow:0 1.52941rem 2.94118rem -1.41176rem rgba(50,35,15,.55),0 0 0 1px rgba(27,26,23,.06);animation:float 7s ease-in-out infinite}
.pv-call .ic{width:2rem;height:2rem;border:0;border-radius:.64706rem;background:var(--gold);color:#1d1406}
.pv-call .ic svg{width:1rem;height:1rem}
.pv-call b{display:block}
.pv-call small{color:var(--muted)}
.pv-stamp{position:absolute;left:-.94118rem;bottom:.35294rem;z-index:4;display:grid;place-content:center;width:5.76471rem;height:5.76471rem;border-radius:50%;background:var(--night);color:var(--night-ink);text-align:center;text-decoration:none;transform:rotate(-12deg);box-shadow:0 1.17647rem 2rem -.94118rem rgba(0,0,0,.55),inset 0 0 0 .17647rem rgba(214,160,60,.6)}
.pv-stamp span{font:700 .6rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase}
.pv-stamp em{font:italic 400 1.35rem/1 var(--f-serif);color:var(--gold)}
.pv-copy,.pv-nav b,.pv-url,.pv-phone b,.pv-phone span,.pv-phone i{transition:opacity .22s ease}
.pv-stage.sw .pv-copy,.pv-stage.sw .pv-nav b,.pv-stage.sw .pv-url,.pv-stage.sw .pv-phone b,.pv-stage.sw .pv-phone span,.pv-stage.sw .pv-phone i{opacity:0}
@keyframes float{50%{transform:translateY(-.47059rem)}}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.41176rem;margin-top:clamp(2.82353rem,6vw,4.94118rem);padding-top:1.88235rem;border-top:1px solid var(--line)}
.stats b{display:block;font:780 clamp(1.9rem,3vw,2.7rem)/1 var(--f-body);letter-spacing:-.04em}
.stats span{display:block;margin-top:.47059rem;font-size:.92rem;color:var(--ink-2)}

/* ---------- 01 before / after: the same slider as on the animated site ---------- */
/* sizes follow the frame width: --u is 1 % of it (container unit, or set by classique.js on older browsers) */
.cmp{--u:.52941rem;--x:50%;position:relative;width:100%;max-width:65.88235rem;margin-inline:auto;aspect-ratio:16/9;overflow:hidden;border-radius:.82353rem;background:#fff;box-shadow:0 2.94118rem 5.88235rem -2.35294rem rgba(50,35,15,.45),0 0 0 1px rgba(27,26,23,.08);-webkit-user-select:none;user-select:none;touch-action:pan-y}
@supports (width:1cqw){.cmp{container-type:inline-size}.cmp>*{--u:1cqw}}
.cmp .layer{position:absolute;inset:0}
.cmp .chrome{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:calc(var(--u) * .8);height:calc(var(--u) * 3.2);padding:0 calc(var(--u) * 1.4);background:#ece7df;border-bottom:1px solid rgba(0,0,0,.06)}
.cmp .chrome i{width:var(--u);height:var(--u);border-radius:50%;background:#e06a5f}
.cmp .chrome i:nth-child(2){background:#e6b84d}
.cmp .chrome i:nth-child(3){background:#68b45a}
.cmp .chrome span{width:calc(var(--u) * 32);height:calc(var(--u) * 2.1);margin-left:calc(var(--u) * 1.4);border-radius:5.82353rem;background:#fbf8f3;font:500 calc(var(--u) * 1.15)/calc(var(--u) * 2.1) var(--f-body);color:#6d665c;text-align:center}
/* the 2009 site */
.cmp .old{top:calc(var(--u) * 3.2);padding:calc(var(--u) * 2) calc(var(--u) * 5);background:#c9e3f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0h4v4H0zM4 4h4v4H4z' fill='%23b4d4ec'/%3E%3C/svg%3E");color:#000;font-family:"Times New Roman",Times,serif;text-align:center}
.cmp .old .oh{margin:0;font:bold calc(var(--u) * 3)/1.2 "Comic Sans MS","Comic Sans",cursive;letter-spacing:0;color:#c00;text-shadow:2px 2px 0 #ff0}
.cmp .onav{margin:calc(var(--u) * 1.2) 0;font-size:calc(var(--u) * 1.5);color:#00e}
.cmp .onav u{margin:0 calc(var(--u) * .6)}
.cmp .ogrid{display:grid;grid-template-columns:calc(var(--u) * 24) 1fr;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 1.4);padding:calc(var(--u) * 1.6);border:.17647rem ridge #999;background:#fff;text-align:left}
.cmp .oimg{display:grid;place-items:center;height:calc(var(--u) * 16);border:1px solid #999;background:#ddd;font:calc(var(--u) * 1.3)/1.2 Arial,sans-serif;color:#555}
.cmp .old p{margin:0;font-size:calc(var(--u) * 1.6);line-height:1.35}
.cmp .old .blink{margin-top:var(--u);font-weight:bold;color:#f0f;animation:blink 1s steps(1) infinite}
.cmp .cnt{margin-top:calc(var(--u) * 1.6);font:calc(var(--u) * 1.4) Arial,sans-serif;color:#333}
.cmp .cnt span{padding:calc(var(--u) * .2) calc(var(--u) * .6);background:#000;color:#0f0;font-family:"Courier New",monospace;letter-spacing:.2em}
@keyframes blink{50%{opacity:0}}
/* the new site, revealed from the handle to the right */
.cmp .new{top:calc(var(--u) * 3.2);background:#2a2622;clip-path:inset(0 0 0 var(--x))}
.cmp .new img,.cmp .new video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;transform:scaleX(-1)}
.cmp .new img{transition:opacity .8s}
.cmp .new .shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(244,234,216,.95) 0%,rgba(244,234,216,.78) 38%,rgba(244,234,216,0) 66%)}
.cmp .new nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2.2) calc(var(--u) * 4);font:800 calc(var(--u) * 1.3)/1 var(--f-body);letter-spacing:.16em;color:#3b2415}
.cmp .new nav span{display:flex;align-items:center;gap:calc(var(--u) * 2.4);font:500 calc(var(--u) * 1.2)/1 var(--f-body);letter-spacing:0}
.cmp .new nav em{padding:calc(var(--u) * .9) calc(var(--u) * 1.6);border-radius:5.82353rem;background:#3b2415;color:#f4ead8;font-style:normal}
.cmp .new .t{position:absolute;top:24%;right:calc(var(--u) * 4);width:42%;color:#3b2415}
.cmp .new .t small{font:600 calc(var(--u) * 1.2)/1.3 var(--f-body);letter-spacing:.2em;color:#a2622d}
.cmp .new .t b{display:block;margin:calc(var(--u) * 1.2) 0 calc(var(--u) * 1.6);font:italic 400 calc(var(--u) * 6.4)/.95 var(--f-serif)}
.cmp .new .t p{margin:0;font:400 calc(var(--u) * 1.6)/1.45 var(--f-body);color:#6d5440}
.cmp .new .bt{display:flex;gap:var(--u);margin-top:calc(var(--u) * 2.2)}
.cmp .new .bt span{padding:calc(var(--u) * 1.3) calc(var(--u) * 2.2);border-radius:5.82353rem;background:#3b2415;color:#f4ead8;font:600 calc(var(--u) * 1.35)/1 var(--f-body)}
.cmp .new .bt span+span{border:1px solid rgba(59,36,21,.4);background:transparent;color:#3b2415}
/* the handle: a white line and a round button you drag */
.handle{position:absolute;top:calc(var(--u) * 3.2);bottom:0;left:var(--x);z-index:5;width:0}
.handle::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.handle button{position:absolute;top:50%;left:0;display:grid;place-items:center;width:3.41176rem;height:3.41176rem;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 .58824rem 1.76471rem -.47059rem rgba(0,0,0,.45);cursor:ew-resize;transform:translate(-50%,-50%)}
.handle button svg{width:1.41176rem;height:1.41176rem}
.handle button::after{content:"";position:absolute;inset:-.41176rem;border:2px solid rgba(255,255,255,.85);border-radius:50%;animation:hpulse 2.4s ease-out infinite;pointer-events:none}
.cmp.used .handle button::after{display:none}
@keyframes hpulse{0%{opacity:.9;transform:scale(.9)}80%,100%{opacity:0;transform:scale(1.35)}}
.tagx{position:absolute;bottom:calc(var(--u) * 2);z-index:4;padding:.47059rem .70588rem;border-radius:58.76471rem;background:rgba(27,26,23,.82);color:#efe8dc;font:700 .70588rem/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase}
.tagx.l{left:calc(var(--u) * 2)}
.tagx.r{right:calc(var(--u) * 2);background:var(--gold);color:#1d1406}
.cmp-hint{display:flex;align-items:center;justify-content:center;gap:.58824rem;margin-top:1.17647rem;font-size:.96rem;font-weight:600;color:var(--ink-2);text-align:center}
.cmp-hint svg{flex:none;width:1.17647rem;height:1.17647rem;color:var(--gold-ink)}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.82353rem,2vw,1.41176rem);max-width:65.88235rem;margin:1.64706rem auto 0}
.vs>div{padding:1.29412rem 1.41176rem;border:1px solid var(--line);border-radius:1.05882rem;background:var(--card)}
.tag{display:inline-block;padding:.35294rem .70588rem;border-radius:58.76471rem;background:#e6dfd2;color:var(--ink-2);font:700 .7rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase}
.tag-gold{background:var(--gold);color:#1d1406}
.ba-list{display:grid;gap:.52941rem;margin-top:.94118rem;font-size:.98rem;font-weight:600}
.ba-list.no li::before{background-color:#f3dbd3;background-image:var(--cross)}

/* ---------- 02 simulator (night panel) ---------- */
.sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line-d);border-radius:1.41176rem}
.sim-in{padding:clamp(1.41176rem,3vw,2.47059rem);background:var(--night-2)}
.sim-out{position:relative;display:flex;flex-direction:column;gap:.94118rem;padding:clamp(1.41176rem,3vw,2.47059rem);overflow:hidden;background:var(--night-deep)}
.sim-out::before{content:"";position:absolute;right:-20%;top:-40%;width:80%;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,rgba(214,160,60,.2),transparent 70%)}
.sim-out>*{position:relative}
.sim-k{font:650 .74rem/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--night-ink-2)}
.sl{padding:1.29412rem 0;border-bottom:1px solid var(--line-d)}
.sl:last-child{padding-bottom:0;border-bottom:0}
.sl label{display:flex;justify-content:space-between;gap:.94118rem;font-size:1rem;font-weight:600;line-height:1.4}
.sl output{font-weight:800;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}
.sl input{--p:10%;width:100%;height:2rem;margin:.58824rem 0 2px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.sl input::-webkit-slider-runnable-track{height:.35294rem;border-radius:.35294rem;background:linear-gradient(90deg,var(--gold) var(--p),rgba(255,255,255,.16) var(--p))}
.sl input::-moz-range-track{height:.35294rem;border-radius:.35294rem;background:linear-gradient(90deg,var(--gold) var(--p),rgba(255,255,255,.16) var(--p))}
.sl input::-webkit-slider-thumb{width:1.64706rem;height:1.64706rem;margin-top:-.64706rem;border:.23529rem solid var(--night-ink);border-radius:50%;background:var(--gold);box-shadow:0 .23529rem .58824rem rgba(0,0,0,.4);-webkit-appearance:none;appearance:none}
.sl input::-moz-range-thumb{width:1.17647rem;height:1.17647rem;border:.23529rem solid var(--night-ink);border-radius:50%;background:var(--gold);box-shadow:0 .23529rem .58824rem rgba(0,0,0,.4)}
.sl-mm{display:flex;justify-content:space-between;font-size:.78rem;color:var(--night-ink-2)}
.sl-mm i{font-style:normal}
.sim-lab{margin-top:.47059rem;color:var(--night-ink-2)}
.sim-big{font:780 clamp(2.8rem,6vw,4.8rem)/1 var(--f-body);letter-spacing:-.045em;color:var(--gold);font-variant-numeric:tabular-nums}
.sim-row{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line-d);border-radius:.94118rem}
.sim-row div{padding:.82353rem 1.05882rem}
.sim-row div+div{border-left:1px solid var(--line-d)}
.sim-row small{display:block;font:650 .72rem/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--night-ink-2)}
.sim-row b{display:block;margin-top:.23529rem;font-size:1.55rem;font-variant-numeric:tabular-nums}
.sim-out .btn{margin-top:.35294rem}
.sim-note{font-size:.8rem;color:var(--night-ink-2)}

/* ---------- 03 services ---------- */
.svc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.82353rem,1.6vw,1.29412rem)}
.svc-c{display:flex;flex-direction:column;padding:.82353rem .82353rem 1.64706rem;border:1px solid var(--line);border-radius:1.29412rem;background:var(--card);box-shadow:var(--sh)}
.s-a,.s-d{grid-column:span 3}
.s-b,.s-c{grid-column:span 2}
.svc-vis{position:relative;display:grid;place-items:center;height:clamp(13.52941rem,22vw,17.05882rem);margin-bottom:1.29412rem;overflow:hidden;border-radius:.82353rem}
.svc-c>h3{padding:0 .70588rem;font-size:1.3rem}
.svc-c>p{margin-top:.47059rem;padding:0 .70588rem;color:var(--ink-2)}
.v-site{background:var(--gold-win)}
.mini-win{width:min(68%,24.70588rem);overflow:hidden;border-radius:.70588rem;background:var(--card-2);box-shadow:0 1.76471rem 2.94118rem -1.64706rem rgba(60,40,10,.6);transform:translateY(.94118rem)}
.mini-win img{width:100%;aspect-ratio:16/7;object-fit:cover}
.mw-foot{display:grid;grid-template-columns:1fr auto;gap:2px .70588rem;align-items:center;padding:.70588rem .82353rem .94118rem}
.mw-foot b{font:italic 400 1.2rem/1.1 var(--f-serif)}
.mw-foot span{grid-column:1;font-size:.7rem;color:var(--muted)}
.mw-foot i{grid-row:1/3;grid-column:2;padding:.47059rem .82353rem;border-radius:58.76471rem;background:var(--ink);color:var(--paper);font:700 .7rem/1 var(--f-body);font-style:normal}
.v-google{display:flex;flex-direction:column;justify-content:center;gap:.58824rem;padding:1.17647rem;background:#e5dfd3}
.g-search{display:flex;align-items:center;gap:.52941rem;padding:.64706rem .94118rem;border-radius:58.76471rem;background:var(--card-2);font-size:.86rem;color:var(--ink-2);box-shadow:0 .35294rem .94118rem -.58824rem rgba(50,35,15,.35)}
.g-search svg{width:.94118rem;height:.94118rem;color:var(--muted)}
.g-card{display:flex;align-items:center;gap:.70588rem;padding:.70588rem;border-radius:.82353rem;background:var(--card-2);box-shadow:0 .82353rem 1.76471rem -1.05882rem rgba(50,35,15,.4)}
.g-card img{flex:none;width:3.64706rem;height:3.64706rem;border-radius:.58824rem;object-fit:cover}
.g-card b{display:block;font-size:.98rem}
.g-stars{display:block;font-size:.8rem;color:#d1951a}
.g-stars i{font-style:normal;color:var(--muted)}
.g-open{display:block;font-size:.76rem;font-weight:600;color:#2c7a4b}
.g-actions{display:flex;flex-wrap:wrap;gap:.47059rem}
.g-actions span{padding:.41176rem .70588rem;border:1px solid var(--line);border-radius:58.76471rem;background:var(--card-2);font:600 .74rem/1 var(--f-body)}
.g-actions .g-call{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.v-chat{display:flex;flex-direction:column;justify-content:center;gap:.70588rem;padding:1.29412rem;background:#e5dfd3}
.bub{max-width:84%;padding:.70588rem .88235rem;border-radius:.94118rem;font-size:.88rem;line-height:1.42;box-shadow:0 .58824rem 1.41176rem -.94118rem rgba(50,35,15,.4)}
.bub small{display:block;margin-bottom:.23529rem;font:700 .66rem/1.2 var(--f-body)}
.b-in{border-bottom-left-radius:.23529rem;background:var(--card-2)}
.b-in small{color:var(--gold-ink)}
.b-out{align-self:flex-end;border-bottom-right-radius:.23529rem;background:var(--ink);color:var(--paper)}
.b-out small{color:var(--gold)}
.v-photos{display:flex;align-items:center;justify-content:center;background:var(--night)}
.v-photos figure{width:min(26%,11.17647rem);margin:0 -1%;padding:.41176rem .41176rem 0;border-radius:.23529rem;background:var(--card-2);box-shadow:0 1.29412rem 2rem -.94118rem rgba(0,0,0,.6)}
.v-photos figure:nth-child(1){transform:rotate(-7deg) translateY(.35294rem)}
.v-photos figure:nth-child(2){z-index:1;transform:rotate(2deg) translateY(-.47059rem)}
.v-photos figure:nth-child(3){transform:rotate(8deg) translateY(.47059rem)}
.v-photos img{width:100%;aspect-ratio:1/1;object-fit:cover}
.v-photos figcaption{padding:.47059rem 0 .58824rem;font:italic 400 clamp(.78rem,1.1vw,.98rem)/1 var(--f-serif);text-align:center;color:var(--ink)}

/* ---------- 04 trades + examples ---------- */
.trades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.94118rem}
.trades article{display:flex;align-items:flex-start;gap:.94118rem;padding:1.29412rem;border:1px solid var(--line);border-radius:1.05882rem;background:var(--card)}
.trades h3{font-size:1.08rem;letter-spacing:-.01em}
.trades p{margin-top:.35294rem;font-size:.94rem;line-height:1.5;color:var(--ink-2)}
.trades-more{margin-top:1.29412rem;color:var(--ink-2)}
.trades-more a{font-weight:700;color:var(--ink)}
.ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.05882rem,2vw,1.76471rem);margin-top:clamp(2.58824rem,5vw,4rem)}
.ex-win{overflow:hidden;border:1px solid var(--line);border-radius:.82353rem;background:var(--card);box-shadow:var(--sh);transition:transform .6s var(--ease)}
.ex article:hover .ex-win{transform:translateY(-.29412rem)}
.ex-pic{position:relative;aspect-ratio:16/10;color:#fff}
.ex-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ex-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,11,7,.68),rgba(14,11,7,0) 62%)}
.ex-pic p{position:absolute;left:.94118rem;right:.94118rem;bottom:.82353rem;z-index:1}
.ex-pic small{display:block;font:700 .6rem/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#f1d9a6}
.ex-pic b{display:block;margin-top:.23529rem;font:italic 400 1.5rem/1.05 var(--f-serif)}
.ex h3{margin-top:.94118rem;font-size:1.06rem;letter-spacing:-.01em}
.ex article>span{font-size:.9rem;color:var(--muted)}

/* ---------- 05 automation ---------- */
.autos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.94118rem}
.autos article{padding:1.52941rem;border:1px solid var(--line);border-radius:1.05882rem;background:var(--card)}
.autos small{display:block;margin-top:1.05882rem;font:650 .7rem/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.autos h3{margin-top:.35294rem;font-size:1.2rem}
.autos p{margin-top:.47059rem;font-size:.96rem;line-height:1.55;color:var(--ink-2)}
.auto-band{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:1.41176rem 2.35294rem;align-items:center;margin-top:1.41176rem;padding:clamp(1.41176rem,3vw,2.11765rem);overflow:hidden;border-radius:1.41176rem;background:var(--night);color:var(--night-ink)}
.auto-band::before{content:"";position:absolute;right:-10%;top:-80%;width:60%;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,rgba(214,160,60,.22),transparent 70%)}
.auto-band>*{position:relative}
.ab-txt b{display:block;font-size:1.25rem}
.ab-txt span{display:block;margin-top:.23529rem;font-size:.96rem;color:var(--night-ink-2)}
.ab-prices{display:flex;gap:1.76471rem}
.ab-prices small{display:block;font-size:.8rem;font-weight:600;color:var(--night-ink-2)}
.ab-prices b{display:block;font-size:1.35rem;font-weight:800;white-space:nowrap}
.ab-prices i{font-size:.84rem;font-style:normal;font-weight:600;color:var(--night-ink-2)}
.auto-band .btn-ink{background:var(--gold);color:#1d1406;box-shadow:0 1.05882rem 2.35294rem -1.05882rem rgba(150,95,10,.8)}
.auto-band .btn-ink:hover{background:var(--gold-2)}

/* ---------- 06 method (cards with a serif numeral, as on the animated pages) ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.70588rem,1.4vw,1.17647rem)}
.steps li{position:relative;display:flex;flex-direction:column;gap:.58824rem;padding:clamp(1.41176rem,2.2vw,1.88235rem);border:1px solid var(--line-d);border-radius:1.17647rem;background:rgba(255,255,255,.035)}
.steps li::after{content:"";position:absolute;left:clamp(1.41176rem,2.2vw,1.88235rem);right:clamp(1.41176rem,2.2vw,1.88235rem);top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),rgba(214,160,60,0))}
.steps .n{margin-bottom:clamp(.58824rem,2.4vh,1.52941rem);font:italic 400 clamp(3.2rem,4.2vw,4.8rem)/.8 var(--f-serif);color:var(--gold)}
.steps h3{font-size:1.2rem}
.steps p{font-size:.97rem;color:var(--night-ink-2)}
.chips{display:flex;flex-wrap:wrap;gap:.58824rem;margin-top:2.58824rem}
.chips li{padding:.58824rem 1.05882rem .58824rem .70588rem;border:1px solid var(--line-d);border-radius:58.76471rem;background:rgba(255,255,255,.04);font-size:.92rem;font-weight:600}

/* ---------- 07 about ---------- */
.me{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2.11765rem,6vw,5.88235rem);align-items:center}
.me-pic{margin:0}
.me-ph{position:relative;padding:0 .70588rem .70588rem;border-radius:1.76471rem;background:var(--gold-win);box-shadow:0 3.52941rem 6.47059rem -2.94118rem rgba(120,80,10,.6)}
.me-ph::before{content:"";display:block;width:4.82353rem;height:2.58824rem;background:radial-gradient(circle,#f7f0e2 .35294rem,transparent .38235rem) .23529rem 50%/1.52941rem 1.52941rem repeat-x}
.me-ph img{width:100%;aspect-ratio:3/3.7;object-fit:cover;border-radius:1.17647rem}
.me-badge{position:absolute;left:1.64706rem;bottom:1.64706rem;display:inline-flex;align-items:center;gap:.47059rem;padding:.58824rem .88235rem;border-radius:58.76471rem;background:var(--night);color:var(--night-ink);font:700 .82rem/1 var(--f-body)}
.me-badge svg{width:.94118rem;height:.94118rem;color:var(--gold)}
.me-pic figcaption{margin-top:.82353rem;font:italic 400 1.25rem/1 var(--f-serif);text-align:center;color:var(--ink-2)}
.me-txt .big{margin-top:1.41176rem;font-size:1.24rem;line-height:1.55;color:var(--ink)}
.me-txt p:not(.eyebrow):not(.big):not(.sign){margin-top:.94118rem;color:var(--ink-2)}
.me-list{display:grid;gap:.70588rem;margin-top:1.64706rem}
.me-list li{display:flex;align-items:center;gap:.82353rem;font-weight:700}
.me-list .ic{width:2.47059rem;height:2.47059rem;border-radius:50%}
.me-list .ic svg{width:1.11765rem;height:1.11765rem}
.sign{margin-top:1.41176rem;font:italic 400 2.5rem/1 var(--f-serif);color:var(--gold-ink)}

/* ---------- 08 prices: one price paid once, one monthly line, nothing else on the cards ---------- */
.no-fond [data-fond]{display:none!important}
.fond{display:flex;flex-wrap:wrap;align-items:center;gap:.82353rem 1.41176rem;margin-bottom:2rem;padding:1.05882rem 1.29412rem;border:1.5px dashed rgba(147,97,14,.45);border-radius:1.05882rem;background:var(--card)}
.fond-tag{padding:.41176rem .76471rem;border-radius:58.76471rem;background:var(--gold);color:#1d1406;font:700 .72rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase}
.fond p{flex:1;min-width:14.11765rem}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.82353rem,1.6vw,1.29412rem);align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:clamp(1.41176rem,2.4vw,2rem);border:1px solid var(--line);border-radius:1.29412rem;background:var(--card);box-shadow:var(--sh)}
.plan-reco{border-color:var(--night);background:var(--night);color:var(--night-ink);box-shadow:0 2.35294rem 4.11765rem -2.11765rem rgba(20,15,5,.75)}
.ribbon{position:absolute;top:-.88235rem;right:1.29412rem;padding:.47059rem .88235rem;border-radius:58.76471rem;background:var(--gold);color:#1d1406;font:700 .72rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;transform:rotate(3deg)}
.p-k{font:650 .74rem/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.plan-reco .p-k{color:var(--gold)}
.plan h3{margin-top:.58824rem;font-size:1.6rem}
.p-desc{margin-top:.58824rem;min-height:4.95em;color:var(--ink-2)}
.plan-reco .p-desc{color:var(--night-ink-2)}
.p-cost{display:grid;gap:.70588rem;margin-top:1.17647rem;padding:1.17647rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plan-reco .p-cost{border-color:var(--line-d)}
.p-once b{display:block;font:780 clamp(2.7rem,3.8vw,3.4rem)/1 var(--f-body);letter-spacing:-.045em}
.p-once b small{font-size:.36em;font-weight:700;letter-spacing:0}
.p-once span{display:block;margin-top:.35294rem;font-size:.95rem;font-weight:600;color:var(--ink-2)}
.plan-reco .p-once span{color:var(--night-ink-2)}
.p-fond{justify-self:start;padding:.35294rem .70588rem;border-radius:58.76471rem;background:rgba(214,160,60,.18);font-size:.88rem;font-weight:600;color:var(--gold-ink)}
.p-fond b{font-weight:800}
.plan-reco .p-fond{background:rgba(214,160,60,.2);color:var(--gold)}
.p-month b{display:block;font-size:1.2rem;font-weight:800;letter-spacing:-.01em}
.p-month span{display:block;margin-top:2px;font-size:.9rem;color:var(--ink-2)}
.plan-reco .p-month span{color:var(--night-ink-2)}
.p-list{display:grid;gap:.58824rem;margin:1.29412rem 0 1.64706rem;font-size:.98rem}
.plan-reco .p-list li::before{background-color:var(--gold);background-image:var(--chk-d)}
.plan .btn{width:100%;margin-top:auto}

/* the two explanations under the cards: paying monthly, and what the upkeep covers */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(.82353rem,1.6vw,1.29412rem);margin-top:clamp(1.05882rem,2vw,1.52941rem)}
.box{padding:clamp(1.41176rem,2.6vw,2.11765rem);border:1px solid var(--line);border-radius:1.29412rem;background:var(--card)}
.box h3{font-size:1.35rem}
.box>p{margin-top:.58824rem;color:var(--ink-2)}
.sp-tab{width:100%;margin-top:1.17647rem;border-collapse:collapse;font-size:1rem}
.sp-tab th,.sp-tab td{padding:.76471rem .58824rem;border-bottom:1px solid var(--line);text-align:left}
.sp-tab thead th{padding-top:0;font:650 .74rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sp-tab tbody th{font-weight:700}
.sp-tab td b{font-size:1.12rem;font-weight:800}
.sp-tab tbody tr:last-child th,.sp-tab tbody tr:last-child td{border-bottom:0}
.sp-tab th:first-child,.sp-tab td:first-child{padding-left:0}
.sp-note{margin-top:.82353rem;padding:.64706rem .82353rem;border-radius:.70588rem;background:rgba(214,160,60,.16);font-size:.9rem;color:var(--ink-2)}
.sp-note b{color:var(--ink)}
.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.70588rem;margin-top:1.17647rem}
.care-c{padding:1.05882rem 1.05882rem .23529rem;border:1px solid var(--line);border-radius:.94118rem;background:var(--card-2)}
.care-reco{border-color:rgba(214,160,60,.55);box-shadow:inset 0 .17647rem 0 var(--gold)}
.care-n{display:flex;align-items:baseline;justify-content:space-between;gap:.47059rem;font-size:1.12rem;font-weight:800}
.care-n b{font-size:1.12rem;white-space:nowrap}
.care-n small{font-size:.75em;font-weight:600;color:var(--ink-2)}
.care-c .p-list{margin:.82353rem 0;gap:.47059rem;font-size:.93rem;font-weight:500}
.care-c .p-list li{align-items:flex-start;line-height:1.4}
.care-c .p-list li::before{width:1.17647rem;height:1.17647rem;background-size:.64706rem}

/* options, folded: they are extras, the page stays short */
.more{margin-top:clamp(1.05882rem,2vw,1.52941rem);padding-block:0}
.more summary{display:flex;flex-wrap:wrap;align-items:center;gap:.35294rem .82353rem;padding:1.29412rem 3.05882rem 1.29412rem 0;cursor:pointer;list-style:none;position:relative;font-size:1.15rem;font-weight:800}
.more summary::-webkit-details-marker{display:none}
.more summary span{font-size:.92rem;font-weight:500;color:var(--muted)}
.more summary::after{content:"";position:absolute;right:0;top:50%;width:2rem;height:2rem;margin-top:-1rem;border-radius:50%;color:var(--gold-ink);background:linear-gradient(currentColor,currentColor) center/.76471rem 1.8px no-repeat,linear-gradient(currentColor,currentColor) center/1.8px .76471rem no-repeat,rgba(214,160,60,.16);transition:transform .35s var(--ease)}
.more[open] summary::after{transform:rotate(45deg)}
.opts{padding-bottom:1.29412rem}
.opts li{display:flex;align-items:center;justify-content:space-between;gap:.94118rem;padding:.76471rem 0;border-top:1px solid var(--line)}
.opts li b{display:block;font-size:.98rem}
.opts li small{display:block;font-size:.85rem;color:var(--muted)}
.opts em{font-style:normal;font-weight:800;white-space:nowrap}
.small-print{max-width:52rem;margin:1.52941rem auto 0;font-size:.86rem;line-height:1.55;text-align:center;color:var(--muted)}
.assure{display:flex;flex-wrap:wrap;justify-content:center;gap:.70588rem 1.76471rem;margin-top:1.52941rem;font-size:.96rem;font-weight:700}

/* ---------- 09 questions (cards with a gold round toggle, as on the animated pages) ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(1.88235rem,5vw,4.94118rem);align-items:start}
.faq-side{position:sticky;top:7.05882rem}
.ask{position:relative;margin-top:1.76471rem;padding:1.52941rem;overflow:hidden;border-radius:1.29412rem;background:var(--night);color:var(--night-ink)}
.ask::before{content:"";position:absolute;right:-30%;top:-60%;width:90%;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,rgba(214,160,60,.2),transparent 70%)}
.ask>*{position:relative}
.ask b{font-size:1.15rem}
.ask p{margin:.47059rem 0 1.05882rem;font-size:.96rem;color:var(--night-ink-2)}
.qa{display:grid;gap:.58824rem}
.qa details{padding:0 clamp(.94118rem,1.6vw,1.52941rem);border:1px solid var(--line);border-radius:1.05882rem;background:var(--card);transition:background .4s,border-color .4s,box-shadow .5s}
.qa details:hover{border-color:rgba(214,160,60,.45)}
.qa details[open]{border-color:rgba(214,160,60,.55);background:#fffdf8;box-shadow:0 1.76471rem 3.52941rem -2.58824rem rgba(50,35,15,.45)}
.qa summary{display:grid;grid-template-columns:2.58824rem minmax(0,1fr) 2rem;gap:.70588rem;align-items:center;padding:1.17647rem 0;cursor:pointer;list-style:none;font-size:1.06rem;font-weight:700;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary em{font:italic 400 1.4rem/1 var(--f-serif);color:var(--gold-ink)}
.qa summary::after{content:"";width:2rem;height:2rem;border-radius:50%;color:var(--gold-ink);background:linear-gradient(currentColor,currentColor) center/.76471rem 1.8px no-repeat,linear-gradient(currentColor,currentColor) center/1.8px .76471rem no-repeat,rgba(214,160,60,.16);transition:transform .35s var(--ease),background-color .3s}
.qa details[open] summary::after{transform:rotate(45deg);background-color:rgba(214,160,60,.32)}
.ans{padding:0 2.70588rem 1.41176rem 3.29412rem;color:var(--ink-2)}

/* ---------- local band ---------- */
.local{position:relative;overflow:hidden;padding:clamp(5.64706rem,12vw,10rem) 0;background:var(--night);color:#fff;text-align:center}
.local>img,.local>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.local::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(22,21,18,.45),rgba(22,21,18,.74))}
.local-in{position:relative;z-index:2;max-width:52.94118rem}
.local .pill{border-color:rgba(255,255,255,.28);background:rgba(22,21,18,.35);color:var(--gold);-webkit-backdrop-filter:blur(.35294rem);backdrop-filter:blur(.35294rem)}
.local h2{margin-top:1.17647rem;font-size:clamp(2.2rem,4.4vw,3.8rem)}
.local h2 em{color:var(--gold)}
.local .lead{max-width:37.64706rem;margin:1.05882rem auto 0;color:rgba(255,255,255,.88)}
.towns{display:flex;flex-wrap:wrap;justify-content:center;gap:.47059rem;margin-top:1.76471rem}
.towns li{padding:.47059rem .88235rem;border:1px solid rgba(255,255,255,.24);border-radius:58.76471rem;background:rgba(255,255,255,.12);font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(.35294rem);backdrop-filter:blur(.35294rem)}

/* ---------- contact (shared block from _contact.html), framed like the gold window of the logo ---------- */
.contact{padding:clamp(4.23529rem,9vw,7.29412rem) 0}
.contact-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.64706rem,4vw,3.76471rem);align-items:start;padding:clamp(3.76471rem,6vw,4.94118rem) clamp(1.41176rem,4.5vw,3.76471rem) clamp(1.64706rem,4.5vw,3.76471rem);border-radius:1.76471rem;background:var(--gold-win);color:#1d1406;box-shadow:0 3.52941rem 6.47059rem -2.94118rem rgba(120,80,10,.6)}
.contact-grid::before{content:"";position:absolute;top:1.29412rem;left:1.41176rem;width:4.82353rem;height:.82353rem;background:radial-gradient(circle,#f7f0e2 .35294rem,transparent .38235rem) 0 50%/1.52941rem .82353rem repeat-x}
.contact .eyebrow{color:#3d2a08}
.contact .eyebrow b{font-weight:700}
.contact h2{margin-top:.94118rem}
.contact h2 em{color:#3a2504}
.contact .lead{margin-top:1.05882rem;color:#3a2a10}
.me-card{display:flex;align-items:center;gap:.82353rem;margin-top:1.52941rem;padding:.82353rem;border-radius:1.05882rem;background:rgba(255,253,248,.4)}
.me-card img{flex:none;width:3.76471rem;height:3.76471rem;border-radius:50%;object-fit:cover}
.me-card b{display:block;font-size:1.05rem}
.me-card span{display:block;font-size:.88rem}
.me-card small{display:block;margin-top:2px;font-size:.84rem;color:#4a3610}
.reach{display:grid;gap:.58824rem;margin-top:.82353rem}
.reach-row{display:flex;align-items:center;justify-content:space-between;gap:.70588rem;padding:.70588rem .82353rem .70588rem 1.05882rem;border-radius:.94118rem;background:rgba(255,253,248,.58)}
.reach-row small{display:block;font:700 .72rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#6a4a10}
.reach-row span{display:block;margin-top:2px;font-size:1.05rem;font-weight:800}
.copybtn{flex:none;display:inline-flex;align-items:center;min-height:2.47059rem;padding:.47059rem .94118rem;border:0;border-radius:58.76471rem;background:var(--ink);color:var(--paper);font:650 .84rem/1 var(--f-body);text-decoration:none;cursor:pointer}
.copybtn:hover{background:#34322d}
.fcard{display:grid;gap:.94118rem;padding:clamp(1.29412rem,2.6vw,2rem);border-radius:1.29412rem;background:var(--card-2);color:var(--ink);box-shadow:0 2.35294rem 4.11765rem -2.35294rem rgba(60,35,5,.6)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.82353rem}
.field{display:grid;gap:.41176rem;min-width:0}
.field label,.flabel{font-size:.94rem;font-weight:700}
.field input,.field textarea{width:100%;min-height:3.17647rem;padding:.8em 1em;border:1.5px solid #ddd4c4;border-radius:.70588rem;background:#fff;color:var(--ink);font:500 1rem/1.3 var(--f-body)}
.field textarea{min-height:6.58824rem;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#9a9285}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--gold-ink);box-shadow:0 0 0 .17647rem rgba(214,160,60,.28)}
.toggles{display:flex;flex-wrap:wrap;gap:.47059rem}
.toggles label{position:relative;display:inline-flex;align-items:center;min-height:2.70588rem;padding:.47059rem .94118rem;border:1.5px solid #ddd4c4;border-radius:58.76471rem;background:#fff;font-size:.94rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.toggles input{position:absolute;opacity:0;pointer-events:none}
.toggles label:hover{border-color:var(--ink)}
.toggles label:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--paper)}
.toggles label:has(input:focus-visible){outline:.17647rem solid var(--gold-ink);outline-offset:2px}
.fcard button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.58824rem;min-height:3.41176rem;border:0;border-radius:58.76471rem;background:var(--ink);color:var(--paper);font:650 1.06rem/1 var(--f-body);cursor:pointer;transition:background .25s}
.fcard button[type=submit]:hover{background:#34322d}
.fcard button[type=submit]:disabled{opacity:.6;cursor:wait}
.fcard button svg{width:.94118rem;height:.94118rem}
.form-ok{padding:.82353rem .94118rem;border-radius:.70588rem;background:#e2efe5;color:#1d5c34;font-weight:600}
.form-note{font-size:.82rem;line-height:1.5;color:var(--muted)}

/* ---------- footer (same night footer as the animated site) ---------- */
.foot{position:relative;overflow:hidden;padding:clamp(3.76471rem,8vw,6.47059rem) 0 0;background:var(--night);color:var(--night-ink-2)}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.25fr;gap:2.11765rem}
.foot-brand img{width:auto;height:3.52941rem}
.foot-brand p{max-width:32ch;margin:1.05882rem 0 1.29412rem;font-size:.95rem}
.foot h4,.foot .fh{margin-bottom:.94118rem;font:650 .74rem/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.foot ul{display:grid;gap:.58824rem}
.foot ul a{font-weight:600;color:var(--night-ink);text-decoration:none}
.foot ul a:hover{color:var(--gold)}
.foot-top p{font-size:.95rem}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.58824rem 1.41176rem;margin-top:2.82353rem;padding-top:1.29412rem;border-top:1px solid var(--line-d);font-size:.86rem}
.foot-bot a{color:var(--night-ink)}
.bigmark{margin:1.17647rem 0 0;overflow:hidden;font:800 clamp(3rem,11.5vw,11rem)/.82 var(--f-body);letter-spacing:-.05em;text-align:center;white-space:nowrap;color:rgba(239,232,220,.05)}

.callbar{display:none}
.totop{position:fixed;right:max(1.05882rem,env(safe-area-inset-right,0px));bottom:1.29412rem;z-index:45;display:inline-flex;align-items:center;gap:.47059rem;padding:.70588rem .94118rem;border-radius:58.76471rem;background:var(--ink);color:var(--paper);font:650 .86rem/1 var(--f-body);text-decoration:none;box-shadow:0 .94118rem 1.76471rem -.82353rem rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(.58824rem);transition:opacity .35s,transform .35s,visibility .35s}
.totop svg{width:.88235rem;height:.88235rem}
.totop.on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:#34322d}

/* ---------- gentle reveal (sections only fade in once) ---------- */
.js .rv{opacity:0;transform:translateY(1.17647rem);transition:opacity .8s ease,transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .nav{gap:1.05882rem}
  .nav>a{font-size:.88rem}
  .tel{font-size:.9rem}
}
@media (max-width:1100px){
  .burger{display:flex}
  .nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 4.70588rem);margin:0;padding:.47059rem var(--gut) 1.52941rem;overflow:auto;border-top:1px solid var(--line);background:var(--paper);box-shadow:0 1.76471rem 2.35294rem -1.41176rem rgba(50,35,15,.4)}
  .menu-open .nav{display:flex}
  .nav>a{padding:.70588rem 2px;border-bottom:1px solid var(--line);font:italic 400 1.9rem/1.1 var(--f-serif);letter-spacing:-.01em;opacity:1}
  .nav>a::after{display:none}
  .nav>a:hover,.nav>a.on{color:var(--gold-ink)}
  .nav-m{display:grid;gap:.58824rem;margin-top:1.29412rem}
  .nav-ver{margin-top:.35294rem;font-weight:600;color:var(--ink-2)}
  .top-r{margin-left:auto}
  .hero-grid{grid-template-columns:1fr}
  .pv{max-width:40rem}
  .head{grid-template-columns:1fr;align-items:start}
  .svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-a,.s-b,.s-c,.s-d{grid-column:auto}
  .trades,.autos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ex{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auto-band{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .me{grid-template-columns:1fr}
  .me-pic{max-width:25.88235rem}
  .duo{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .faq-side{position:static}
  .foot-top{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .plans{grid-template-columns:1fr;max-width:32.94118rem;margin-inline:auto;row-gap:1.64706rem}
  .p-desc{min-height:0}
}
@media (max-width:760px){
  html{scroll-padding-top:4.94118rem}
  .tel{display:none}
  .top-in{min-height:4.23529rem;gap:.82353rem}
  .brand{font-size:.88235rem}
  .brand img{width:2.47059rem}
  .nav{max-height:calc(100vh - 4.23529rem)}
  .hero h1{font-size:clamp(2.3rem,9.6vw,3rem)}
  .btns .btn{width:100%}
  .stats{grid-template-columns:1fr 1fr;row-gap:1.64706rem}
  .pv-stage{padding:0 1.29412rem 2.23529rem 0}
  .pv-browser{padding:0 .52941rem .52941rem;border-radius:1.29412rem}
  .pv-bar{height:2.23529rem;gap:.35294rem}
  .pv-bar i{width:.58824rem;height:.58824rem}
  .pv-screen{border-radius:.82353rem}
  .pv-call{display:none}
  .pv-stamp{left:-.47059rem;bottom:0;width:4.58824rem;height:4.58824rem}
  .pv-stamp em{font-size:1.1rem}
  .pv-phone{width:36%;border-width:.29412rem;border-radius:1.29412rem}
  .pv-copy{right:.94118rem;bottom:.82353rem}
  .pv-btns span+span,.pv-nav span{display:none}
  .cmp{aspect-ratio:4/5}
  .cmp .chrome{height:calc(var(--u) * 6)}
  .cmp .chrome i{width:calc(var(--u) * 2);height:calc(var(--u) * 2)}
  .cmp .chrome span{width:calc(var(--u) * 50);height:calc(var(--u) * 4);font-size:calc(var(--u) * 2.6);line-height:calc(var(--u) * 4)}
  .cmp .old,.cmp .new,.handle{top:calc(var(--u) * 6)}
  .cmp .old{padding:calc(var(--u) * 4)}
  .cmp .old .oh{font-size:calc(var(--u) * 5.4)}
  .cmp .onav{font-size:calc(var(--u) * 3)}
  .cmp .ogrid{grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 3)}
  .cmp .oimg{height:calc(var(--u) * 26);font-size:calc(var(--u) * 2.6)}
  .cmp .old p{font-size:calc(var(--u) * 3.2)}
  .cmp .cnt{font-size:calc(var(--u) * 2.6)}
  .cmp .new .t{top:22%;width:74%}
  .cmp .new .t small{font-size:calc(var(--u) * 2.6)}
  .cmp .new .t b{font-size:calc(var(--u) * 11)}
  .cmp .new .t p{font-size:calc(var(--u) * 3.5)}
  .cmp .new .bt span{padding:calc(var(--u) * 2.6) calc(var(--u) * 3.8);font-size:calc(var(--u) * 3)}
  .cmp .new nav{padding:calc(var(--u) * 3.4) calc(var(--u) * 4);font-size:calc(var(--u) * 2.8)}
  .cmp .new nav span{font-size:calc(var(--u) * 2.6)}
  .vs{grid-template-columns:1fr}
  .sim{grid-template-columns:1fr}
  .svc,.trades,.autos{grid-template-columns:1fr}
  .svc-vis{height:14.11765rem}
  .ex{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;margin-right:calc(-1 * var(--gut));padding:0 var(--gut) .70588rem 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .ex article{scroll-snap-align:start}
  .ab-prices{flex-direction:column;gap:.70588rem}
  .auto-band .btn{width:100%}
  .steps{grid-template-columns:1fr}
  .steps .n{margin-bottom:.23529rem}
  .qa summary{grid-template-columns:1.76471rem minmax(0,1fr) 1.76471rem;font-size:1rem}
  .qa summary::after{width:1.76471rem;height:1.76471rem}
  .ans{padding:0 .23529rem 1.29412rem 2.47059rem}
  .row2{grid-template-columns:1fr}
  .care-grid{grid-template-columns:1fr}
  .sp-tab{font-size:.94rem}
  .sp-tab th,.sp-tab td{padding:.70588rem .35294rem}
  .reach-row{flex-wrap:wrap}
  .contact-grid{padding:3.29412rem 1.05882rem 1.29412rem;border-radius:1.41176rem}
  .contact-grid::before{top:1.05882rem;left:1.05882rem}
  .foot-top{grid-template-columns:1fr}
  .foot-bot{padding-bottom:.47059rem}
  .callbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1.5fr;gap:.47059rem;padding:.58824rem .70588rem calc(.58824rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:rgba(236,230,219,.95);color:var(--ink);-webkit-backdrop-filter:blur(.70588rem);backdrop-filter:blur(.70588rem)}
  .callbar .btn{min-height:2.94118rem;padding:.6em 1em;font-size:.95rem}
  body{padding-bottom:4.35294rem}
  .totop{bottom:calc(4.94118rem + env(safe-area-inset-bottom,0px));padding:.64706rem .76471rem;font-size:0;gap:0}
  .totop svg{width:1.05882rem;height:1.05882rem}
}
@media (max-width:520px){
  .top-r .btn{display:none}
  .vbar{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  .cmp .old .blink,.handle button::after{animation:none}
  .pv-call{animation:none}
  .rot-w,.pv-pics img{transition:none}
}

/* =====================================================================
   Nouvelles offres (Excel, Photo et vidéo) et Tarifs en trois étapes
   ===================================================================== */
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nav{gap:.94118rem}
.nav>a{font-size:.86rem}
@media (max-width:1240px){.nav{gap:.76471rem}.nav>a{font-size:.84rem}}

/* Excel and Photo et vidéo sections */
.note-line{display:flex;align-items:center;gap:.70588rem;margin-top:1.05882rem;font-size:.96rem;font-weight:600;color:var(--ink-2)}
.note-line svg{flex:none;width:1.29412rem;height:1.29412rem;color:var(--gold-ink)}
.moments{display:flex;flex-wrap:wrap;align-items:center;gap:.70588rem 1.05882rem;margin-top:1.29412rem;padding:1.17647rem 1.29412rem;border:1px solid var(--line);border-radius:1.05882rem;background:var(--card)}
.moments b{font-size:1rem}
.moments ul{display:flex;flex-wrap:wrap;gap:.47059rem}
.moments li{padding:.47059rem .82353rem;border-radius:58.76471rem;background:var(--gold-soft);font-size:.9rem;font-weight:600;color:#5a3d07}
.checks.promises{margin-top:1.29412rem}
.autos a,.box a:not(.btn){color:var(--gold-ink);font-weight:600}

/* Tarifs: steps */
.step{display:flex;flex-wrap:wrap;align-items:center;gap:.58824rem .94118rem;margin:clamp(2.35294rem,5vw,3.76471rem) 0 1.29412rem;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em}
.step span{padding:.47059rem .82353rem;border-radius:58.76471rem;background:var(--night);color:var(--gold);font:700 .72rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.fond+.step{margin-top:.47059rem}
.p-who{display:grid;gap:.23529rem;margin-bottom:.94118rem;padding:.82353rem .94118rem;border-radius:.82353rem;background:rgba(214,160,60,.14)}
.p-who span{font:700 .7rem/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.p-who b{font-size:1.02rem;line-height:1.35}
.p-who small{font-size:.88rem;color:var(--ink-2)}
.plan-reco .p-who{background:rgba(214,160,60,.16)}
.plan-reco .p-who span{color:var(--gold)}
.plan-reco .p-who small{color:var(--night-ink-2)}
.plan h3{margin-top:.23529rem}
.p-zero{font-size:.9rem;line-height:1.45;color:var(--ink-2)}
.p-zero b{color:var(--ink)}
.plan-reco .p-zero{color:var(--night-ink-2)}
.plan-reco .p-zero b{color:var(--night-ink)}
.p-meta{margin:-.58824rem 0 1.29412rem;font-size:.88rem;font-weight:600;color:var(--muted)}
.plan-reco .p-meta{color:var(--night-ink-2)}
.small-print.left{margin:1.17647rem 0 0;text-align:left}

/* Tarifs: the subscription, by situations */
.situ{width:100%;border-collapse:collapse;font-size:.98rem}
.situ th,.situ td{padding:.82353rem .70588rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.situ thead th{padding-top:.23529rem;font-size:1.05rem;font-weight:800;vertical-align:bottom}
.situ thead th:first-child{font:650 .74rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.situ thead th b{display:block;margin-top:.23529rem;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.situ thead th small{display:block;margin-top:2px;font-size:.8rem;font-weight:600;color:var(--muted)}
.situ thead th.reco{color:var(--gold-ink)}
.situ th:first-child{width:38%;padding-left:0}
.situ tbody th{font-weight:700}
.situ td{color:var(--ink-2)}
.situ td:last-child{background:rgba(214,160,60,.08)}
.situ i{display:inline-block;width:1.29412rem;height:1.29412rem;margin-right:.47059rem;vertical-align:-.35294rem;border-radius:50%}
.situ i.y{background:var(--gold) var(--chk-d) center/.70588rem no-repeat}
.situ i.n{background:rgba(166,59,39,.1) var(--cross) center/.64706rem no-repeat}
.advice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.70588rem;margin-top:1.29412rem}
.advice p{display:grid;gap:.35294rem;padding:.94118rem 1.05882rem;border:1px solid var(--line);border-radius:.94118rem;background:var(--card-2)}
.advice span{font-size:.95rem;color:var(--ink-2)}
.advice b{font:italic 400 1.7rem/1 var(--f-serif);color:var(--gold-ink)}
.advice p.on{border-color:var(--night);background:var(--night)}
.advice p.on span{color:var(--night-ink-2)}
.advice p.on b{color:var(--gold)}
.box-note{margin-top:.82353rem;font-size:.92rem;color:var(--ink-2)}
.box-note b{color:var(--ink)}

/* Tarifs: the other services */
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.82353rem,1.6vw,1.29412rem)}
.others .box{display:flex;flex-direction:column}
.others h4{font-size:1.25rem;letter-spacing:-.01em}
.others .opts{margin-top:.70588rem;padding-bottom:0}
.others .go{margin-top:auto;padding-top:.82353rem}
.box+.box.more,.others+.more{margin-top:clamp(.82353rem,1.6vw,1.29412rem)}

/* Tarifs: budget examples */
.budgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.82353rem,1.6vw,1.29412rem)}
.bud-k{font:700 .76rem/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.bud ul{margin-top:.82353rem}
.bud li{display:flex;justify-content:space-between;gap:.94118rem;padding:.64706rem 0;border-bottom:1px dashed var(--line);font-size:.96rem}
.bud li b{white-space:nowrap}
.bud-tot{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.35294rem .94118rem;margin-top:.94118rem}
.bud-tot span{font-weight:700}
.bud-tot b{font:780 clamp(2.2rem,3.2vw,2.8rem)/1 var(--f-body);letter-spacing:-.04em;white-space:nowrap}
.bud-then{margin-top:.47059rem;font-size:.94rem;color:var(--ink-2)}
.bud-reco{border-color:var(--night);background:var(--night);color:var(--night-ink)}
.bud-reco .bud-k{color:var(--gold)}
.bud-reco li{border-color:var(--line-d)}
.bud-reco .bud-tot b{color:var(--gold)}
.bud-reco .bud-then{color:var(--night-ink-2)}
.bud-reco .bud-then b{color:var(--night-ink)}

/* Tarifs: "Quelle formule pour moi ?" */
.quiz{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:1.17647rem clamp(1.17647rem,3vw,2.35294rem);margin-top:clamp(1.64706rem,3vw,2.35294rem);align-items:start;scroll-margin-top:5.88235rem}
.qz-head{grid-column:1/-1}
.qz-head h3{font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.02em}
.qz-head p{margin-top:.35294rem;color:var(--ink-2)}
.qz-form{display:grid;gap:.70588rem;min-width:0}
.qz-q{min-width:0;margin:0;padding:.94118rem 1.05882rem;border:1px solid var(--line);border-radius:.94118rem;background:var(--card-2)}
.qz-q legend{float:left;width:100%;display:flex;align-items:center;gap:.58824rem;margin:0 0 .70588rem;padding:0;font-size:1.02rem;font-weight:800}
.qz-q legend em{display:grid;place-items:center;flex:none;width:1.52941rem;height:1.52941rem;border-radius:50%;background:var(--gold);color:#1d1406;font-style:normal;font-size:.85rem}
.qz-opts{clear:both;display:flex;flex-wrap:wrap;gap:.47059rem}
.qz-opts label{position:relative;cursor:pointer}
.qz-opts input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.qz-opts span{display:inline-flex;align-items:center;min-height:2.58824rem;padding:.52941rem .88235rem;border:1.5px solid var(--line);border-radius:58.76471rem;background:var(--card);font-size:.94rem;font-weight:600;line-height:1.25;transition:background .3s,color .3s,border-color .3s}
.qz-opts label:hover span{border-color:var(--gold-ink)}
.qz-opts input:checked+span{border-color:var(--night);background:var(--night);color:var(--night-ink)}
.qz-opts input:focus-visible+span{outline:.17647rem solid var(--gold-ink);outline-offset:2px}
.qz-res{padding:1.41176rem 1.29412rem;border-radius:1.05882rem;background:var(--night);color:var(--night-ink)}
.qz-wait{color:var(--night-ink-2)}
.qz-res .k{font:700 .72rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.qz-title{margin-top:.58824rem;font-size:1.4rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}
.qz-why{margin-top:.58824rem;font-size:.95rem;line-height:1.55;color:var(--night-ink-2)}
.qz-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58824rem;margin-top:.94118rem}
.qz-sum div{padding:.70588rem;border-radius:.70588rem;background:var(--night-3)}
.qz-sum small{display:block;font-size:.76rem;font-weight:700;color:var(--night-ink-2)}
.qz-sum b{display:block;margin-top:.23529rem;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--gold);white-space:nowrap}
.qz-then{margin-top:.70588rem;font-size:.88rem;line-height:1.55;color:var(--night-ink-2)}
.qz-cta{width:100%;margin-top:1.05882rem}

@media (max-width:1100px){
  .others{grid-template-columns:1fr;max-width:37.64706rem}
  .quiz{grid-template-columns:1fr}
}
@media (max-width:900px){
  .budgets{grid-template-columns:1fr}
}
@media (max-width:760px){
  .advice{grid-template-columns:1fr}
  .situ thead{display:none}
  .situ,.situ tbody,.situ tr,.situ th,.situ td{display:block;width:auto}
  .situ tr{padding:.70588rem 0;border-bottom:1px solid var(--line)}
  .situ th,.situ td{padding:.23529rem 0;border:0}
  .situ th:first-child{width:auto}
  .situ tbody th{margin-bottom:.23529rem}
  .situ td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:.47059rem;align-items:start;font-size:.94rem}
  .situ td::before{content:attr(data-l);font-weight:700;color:var(--ink)}
  .situ td:last-child{background:none}
  .situ td:last-child::before{color:var(--gold-ink)}
  .situ i{display:none}
}

/* price bands: the text column never collapses, prices wrap when they are long */
.auto-band{grid-template-columns:minmax(15rem,1fr) minmax(0,max-content) auto}
.ab-prices{flex-wrap:wrap;gap:.82353rem 1.76471rem}
@media (max-width:1100px){.auto-band{grid-template-columns:1fr}}
.box .bud-k{color:var(--gold-ink)}
.box .bud-tot{color:var(--ink)}
.box.bud-reco .bud-k{color:var(--gold)}
.box.bud-reco .bud-tot{color:var(--night-ink)}
.foot .fh{margin-top:0}
.foot-bot a{text-decoration:underline;text-underline-offset:.17647rem;text-decoration-thickness:1px}

/* the four services, right after the hero */
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.82353rem,1.6vw,1.29412rem)}
.cat{display:flex;flex-direction:column;padding:1.52941rem;border:1px solid var(--line);border-radius:1.17647rem;background:var(--card);color:inherit;text-decoration:none;box-shadow:var(--sh);transition:transform .4s var(--ease),border-color .3s}
.cat:hover,.cat:focus-visible{transform:translateY(-.23529rem);border-color:rgba(214,160,60,.6)}
.cat small{display:block;margin-top:1.05882rem;font:650 .72rem/1 var(--f-body);letter-spacing:.14em;color:var(--gold-ink)}
.cat h3{margin-top:.35294rem;font-size:1.3rem;letter-spacing:-.01em}
.cat p{margin-top:.47059rem;font-size:.96rem;line-height:1.55;color:var(--ink-2)}
.cat-p{margin-top:.94118rem;font-size:.92rem;color:var(--ink-2)}
.cat-p b{font-size:1.25rem;font-weight:800;color:var(--ink)}
.cat-go{display:inline-flex;align-items:center;gap:.47059rem;margin-top:auto;padding-top:.94118rem;font-weight:700;color:var(--gold-ink)}
.cat-go svg{width:.94118rem;height:.94118rem;transition:transform .4s var(--ease)}
.cat:hover .cat-go svg{transform:translateX(.23529rem)}
@media (max-width:1100px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cats{grid-template-columns:1fr}}

/* =====================================================================
   redesign-v2 · the classic version follows the same charter as the animated one:
   the same spacing scale, the page gutters instead of a 1240px box, the same growth on large screens
   ===================================================================== */
:root{
  --s1:.5rem;--s2:1rem;--s3:1.5rem;
  --s4:clamp(2rem,3.2vw,3.5rem);
  --s5:clamp(3rem,5.4vw,6rem);
  --s6:clamp(4.5rem,8.4vw,9.5rem);
  --s7:clamp(6rem,11.5vw,13.5rem);
  --sec:var(--s7);                  /* between two sections */
  --sec-s:var(--s6);                /* a tighter one */
  --maxw:100vw;                     /* no box: the gutters set the width, as on the animated version */
  --gut:clamp(.94118rem,4.2vw,6.58824rem);
}
html{font-size:max(17px,min(calc(14.5px + .22vw),17.67px),min(calc(6.317px + .7884vw),26.5px));scroll-padding-top:5.647rem}   /* as before up to 1440px wide, then it grows with the screen; every length of this file is written in rem of 17px (see fluidpx.py), so everything grows together */
/* one rhythm between sections */
.sec,.contact{padding-block:var(--sec-s)}
.head{margin-bottom:var(--s5)}
picture{display:contents}   /* a <picture> (AVIF first, JPG as fallback) never changes the layout of its image */
picture>source{display:none}   /* …and its <source> never becomes a flex or grid item of the parent (it would add an empty cell or a gap) */
/* the big wordmark of the footer, as on the animated version: cream and gold, in the serif italic, above the legal line */
.bigmark{margin:var(--s6) 0 0;overflow:visible;font:italic 400 clamp(4rem,15.6vw,42rem)/.82 var(--f-serif);letter-spacing:-.035em;text-align:left;color:var(--night-ink);user-select:none}
.bigmark span{color:var(--gold)}
.foot{padding-bottom:1.64706rem}
/* keyboard: a field that has the focus gets the same clear ring as links and buttons (the soft halo alone was too faint) */
.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}
/* menu: two leftovers of the day the menu got more entries.
   - on a phone the links of the open menu were set by a later desktop rule (tiny): they get their large size back;
   - between 1101 and 1180px wide the labels broke onto two lines: they never break, and the bar is a little tighter there. */
.nav>a{white-space:nowrap}
@media (max-width:1100px){.nav>a{font-size:1.9rem;white-space:normal}.nav{padding-bottom:6.5rem}}   /* …and the end of the open menu clears the call bar that stays on top of it */
@media (min-width:1101px) and (max-width:1180px){
  .top-in{gap:1rem}
  .nav{gap:.55rem}
  .nav>a{font-size:.78rem}
  .tel{font-size:.84rem}
}