@font-face{font-family:Lora;src:url('assets/fonts/lora-variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--page-bg:#f8f7f3;--logo-progress:0;--scene-shift:0px}
body{background:var(--page-bg);transition:background-color 900ms cubic-bezier(.22,.61,.36,1)}
.hero h1,.section-heading h2,.price-intro h2,.editorial h2,.quote h2,.faq h2,.closing em{font-family:Lora,Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.045em;line-height:1.19}
.hero h1{font-size:clamp(32px,3.5vw,47px)}.hero h1 strong{font-size:.95em;line-height:1.16;letter-spacing:-.04em}.section-heading h2,.price-intro h2,.editorial h2{font-size:45px}.quote h2{font-size:51px}.faq h2{font-size:42px}
.header{background:color-mix(in srgb,var(--page-bg) 94%,transparent);transition:background-color .8s,box-shadow .5s;box-shadow:0 1px 0 #171c2000}.header.scrolled{box-shadow:0 1px 0 #171c2010}
.brand{position:relative;height:44px;display:flex;align-items:center;isolation:isolate}.brand>.logo-full{width:208px;max-width:none;opacity:calc(1 - var(--logo-progress));transform:translateX(calc(var(--logo-progress) * -9px));will-change:opacity,transform}.brand-symbol{position:absolute;left:0;top:0;width:48px;height:44px;overflow:hidden;display:flex;align-items:center;opacity:var(--logo-progress);transform:translateY(calc((1 - var(--logo-progress)) * 5px));pointer-events:none}.brand-symbol img{width:208px;max-width:none;height:auto;flex-shrink:0}.brand:focus-visible{outline-offset:5px}
.brand-world{background:#eeefe7;transition:background-color 1s,clip-path .3s;clip-path:inset(0 var(--scene-inset,0px) round 3px)}.world-art{transform:translateY(var(--scene-shift));will-change:transform}.world-copy h2{transition:letter-spacing .6s}.brand-world:hover .world-copy h2{letter-spacing:-.055em}
.benefits article{background:#ffffff65;backdrop-filter:blur(8px)}.benefits article:nth-child(2),.price-row:nth-child(2),.steps li:nth-child(2){transition-delay:90ms}.benefits article:nth-child(3),.price-row:nth-child(3),.steps li:nth-child(3){transition-delay:180ms}
.price-row{background:#ffffff88}.price-row:hover{background:#ffffffd9}.price-art{transition:background-position .9s,filter .6s;filter:saturate(.75)}.price-row:hover .price-art{filter:saturate(1.15)}
.editorial figure{overflow:hidden}.editorial figure>img{transform:translateY(var(--catalog-shift,0px)) scale(1.08);will-change:transform}.editorial figcaption{position:relative;background:var(--page-bg);padding-top:13px;margin-top:0;transition:background-color .9s}
.steps-section{background:transparent;color:#171c20;transition:color .8s}.steps-section p{color:#4e545c}.steps li{border-color:#aeb9be;position:relative}.steps li:before{content:'';height:2px;background:#1557e5;position:absolute;left:0;right:0;top:-1px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.65,.3,1)}.steps li.visible:before{transform:scaleX(1)}.steps li>span{color:#1557e5}.quote-form{background:#ffffff70;transition:box-shadow .5s,background .5s}.quote-form:focus-within{background:#ffffffcc;box-shadow:0 18px 60px #171c2008}.closing{background:transparent}.closing:after{transform:translateY(calc(-50% + var(--closing-shift,0px))) rotate(-7deg);will-change:transform}
.text-link{position:relative}.text-link:after{content:'';position:absolute;height:1px;bottom:-3px;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}.text-link:hover:after{transform:scaleX(1)}
.faq details[open] p{animation:answer-in .35s ease both}.faq summary:after{transition:transform .3s}.faq details[open] summary:after{transform:rotate(180deg)}@keyframes answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.motion .reveal{transition-duration:.9s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.motion .reveal:not(.visible){transform:translateY(35px)}
@media(max-width:760px){.brand>.logo-full,.brand-symbol img{width:178px}.brand-symbol{width:41px}.hero h1{font-size:29px;line-height:1.26;letter-spacing:-.045em}.section-heading h2,.price-intro h2,.editorial h2{font-size:34px;line-height:1.2}.quote h2{font-size:39px}.faq h2{font-size:34px}.brand-world{clip-path:none}.world-art{transform:translateY(calc(var(--scene-shift) * .4))}.closing:after{transform:translateY(var(--closing-shift,0px)) rotate(-7deg)}.closing h2{font-size:43px}.closing em{font-size:.9em}.benefits article{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body,.header{transition:none!important}.brand>.logo-full,.brand-symbol{transform:none!important}.world-art,.editorial figure>img{transform:none!important;will-change:auto}.closing:after{transform:rotate(-7deg)!important;will-change:auto}.brand-world{clip-path:none}.steps li:before{transition:none}.faq details[open] p{animation:none}}