@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(fonts/instrument-sans-latin.woff2) format('woff2')}

:root{--creme:#EDE3D3;--beige:#D8C8B0;--taupe:#A69582;--brun:#5A3A2A;--choc:#2A1812;--bord:#6B1E2A;
--bg:var(--creme);--fg:var(--choc);--muted:#6A5848;--line:rgba(42,24,18,.2);
--font:'Instrument Sans','Helvetica Neue',Arial,sans-serif;--gut:max(16px,env(safe-area-inset-left,0px));--gutr:max(16px,env(safe-area-inset-right,0px))}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}
:focus-visible{outline:2px solid var(--bord);outline-offset:3px}
img{max-width:100%;height:auto}
.in{max-width:1280px;margin-inline:auto;padding-inline:var(--gut) var(--gutr)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.bar{max-width:1280px;margin-inline:auto;height:64px;padding-inline:var(--gut) var(--gutr);display:flex;align-items:center;justify-content:space-between;gap:20px}
.bar nav{display:flex;gap:28px;font-size:.95rem}.bar nav a{text-decoration:none;opacity:.85}.bar nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.logo img{display:block;width:121px;height:auto}
.btn{display:inline-flex;align-items:center;padding:13px 24px;border-radius:999px;background:var(--fg);color:var(--bg);font:600 .95rem var(--font);text-decoration:none;border:0;cursor:pointer;transition:transform .25s ease}
.btn:hover{transform:translateY(-2px)}.btn.sm{padding:10px 18px;font-size:.88rem}
.btn.alt{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg)}
.ph{padding-block:clamp(48px,9vw,120px) clamp(40px,7vw,90px)}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:clamp(24px,4vw,44px)}
.crumbs a{text-underline-offset:3px}.crumbs span+span::before,.crumbs a+span::before{content:"/";margin:0 .6em;opacity:.6}
.ph h1{font-size:clamp(2.3rem,6.2vw,5.6rem);line-height:.98;letter-spacing:-.04em;font-variation-settings:"wdth" 82,"wght" 680;text-wrap:balance;max-width:17ch}
@supports (animation-timeline:scroll()){.ph h1{animation:morph linear both;animation-timeline:scroll(root);animation-range:0 45vh}
@keyframes morph{from{font-variation-settings:"wdth" 76,"wght" 600}to{font-variation-settings:"wdth" 100,"wght" 700}}}
.lead{margin-top:clamp(22px,3vw,38px);font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5;max-width:62ch}
.actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px}
.blk{border-top:1px solid var(--line);padding-block:clamp(48px,8vw,104px)}
.blk h2{font-size:clamp(1.8rem,4vw,3.3rem);letter-spacing:-.03em;line-height:1;font-variation-settings:"wdth" 84,"wght" 650;text-wrap:balance}
.blk .sub{margin-top:14px;color:var(--muted);max-width:60ch}
.dl{margin-top:clamp(26px,4vw,48px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.dl div{padding:22px 0;border-top:1px solid var(--line)}.dl h3{font-size:1.25rem;letter-spacing:-.01em;font-variation-settings:"wdth" 90,"wght" 620}.dl p{margin-top:6px;max-width:46ch}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,5vw,72px)}
.cols .txt p+p{margin-top:1.1em}.cols .txt{max-width:60ch}
.steps{margin-top:clamp(26px,4vw,48px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;counter-reset:s}
.steps li{border-top:2px solid var(--fg);padding-top:16px;counter-increment:s}
.steps li::before{content:counter(s);display:block;font-size:2.6rem;line-height:1;letter-spacing:-.04em;color:var(--bord);font-variation-settings:"wdth" 78,"wght" 680;margin-bottom:10px}
.steps h3{font-size:1.25rem;letter-spacing:-.01em;font-variation-settings:"wdth" 90,"wght" 620}.steps p{margin-top:6px;font-size:.97rem}
.faq{margin-top:clamp(22px,3vw,40px)}
.faq details{border-top:1px solid var(--line);padding-block:20px}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:clamp(1.15rem,2vw,1.6rem);letter-spacing:-.02em;font-variation-settings:"wdth" 88,"wght" 560}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.5em;line-height:.8;transition:transform .3s ease}
.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{margin-top:12px;max-width:64ch}
.chips{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
.chips a{display:inline-block;padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--fg);text-decoration:none;font-size:.95rem;transition:background-color .2s ease,color .2s ease}
.chips a:hover{background:var(--fg);color:var(--bg)}
.cards{margin-top:clamp(26px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cardx{border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:260px;background:var(--beige)}
.cardx:nth-child(3n+1){background:var(--bord);color:var(--creme)}.cardx:nth-child(3n+2){background:var(--beige)}.cardx:nth-child(3n){background:var(--taupe)}
.cardx h3{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.02;letter-spacing:-.03em;font-variation-settings:"wdth" 82,"wght" 650}.cardx p{max-width:36ch;font-size:.98rem}
.cardx .go{margin-top:auto;display:flex;gap:18px;flex-wrap:wrap;font-weight:600}.cardx .go a{text-underline-offset:4px}
.cta{background:var(--bord);color:var(--creme);padding-block:clamp(56px,9vw,120px)}
.cta h2{font-size:clamp(2.2rem,6vw,5.4rem);line-height:.95;letter-spacing:-.04em;font-variation-settings:"wdth" 80,"wght" 680;max-width:15ch;text-wrap:balance}
.cta p{margin-top:18px;max-width:50ch;font-size:1.1rem}.cta .mail{display:inline-block;margin-top:26px;font-size:clamp(1.2rem,2.8vw,2.2rem);letter-spacing:-.02em;font-variation-settings:"wdth" 88,"wght" 580;overflow-wrap:anywhere}
.cta .btn{background:var(--creme);color:var(--choc);margin-top:24px;margin-right:14px}
.facts{margin-top:clamp(26px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.facts div{border-top:2px solid var(--fg);padding-top:14px}.facts b{display:block;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1;letter-spacing:-.04em;font-variation-settings:"wdth" 80,"wght" 680}.facts span{display:block;margin-top:8px}
.prose{max-width:68ch}.prose p+p,.prose ul+p,.prose p+ul{margin-top:1em}.prose ul{padding-left:1.1em;list-style:disc}.prose li+li{margin-top:.4em}
.foot{background:var(--choc);color:var(--creme);padding-block:clamp(48px,7vw,90px) 28px}
.foot .grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:34px}
.foot img{width:150px;height:auto;display:block}.foot p{margin-top:16px;max-width:30ch;font-size:.95rem;opacity:.85}
.foot h2{font-size:.95rem;font-weight:600;margin-bottom:12px;letter-spacing:0}.foot ul{display:flex;flex-direction:column;gap:8px;font-size:.93rem}
.foot a{text-decoration:none;opacity:.85}.foot a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.foot .legal{margin-top:46px;padding-top:20px;border-top:1px solid rgba(237,227,211,.22);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:.85rem;opacity:.85}
@media(max-width:900px){.dl{grid-template-columns:1fr}.cols{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.foot .grid{grid-template-columns:1fr 1fr}.bar nav{display:none}}
@media(max-width:520px){.steps{grid-template-columns:1fr}.foot .grid{grid-template-columns:1fr}}
.tick{display:grid;gap:0}.tick li{padding:14px 0 14px 26px;position:relative;border-top:1px solid var(--line);max-width:62ch}.tick li:last-child{border-bottom:1px solid var(--line)}
.tick li::before{content:"";position:absolute;left:2px;top:1.35em;width:10px;height:10px;border-radius:50%;background:var(--bord)}
.cta .btn.alt2{background:transparent;color:var(--creme);box-shadow:inset 0 0 0 1.5px var(--creme)}
.fine{font-size:.85rem;color:var(--muted);margin-top:10px}
.aform{display:grid;gap:16px}.aform label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.aform input,.aform select,.aform textarea{font:inherit;font-weight:400;padding:13px 14px;border-radius:10px;border:1.5px solid var(--taupe);background:transparent;color:var(--fg);width:100%}
.aform input:focus,.aform select:focus,.aform textarea:focus{outline:2px solid var(--bord);outline-offset:1px}
.aform .btn{justify-self:start}
@media(prefers-reduced-motion:reduce){.ph h1{animation:none}.btn,.chips a,.faq summary::after{transition:none}}
