.hero{gap:40px;padding-block:64px 72px}.hero h1{font-size:clamp(56px,5.7vw,82px);letter-spacing:-.055em;line-height:1.12}.hero-description{max-width:440px;line-height:1.9}
.hero-stage{background:transparent;overflow:visible;perspective:1100px;height:575px;border-radius:0}.stage-caption{left:24px;top:12px;letter-spacing:.08em}
.phone{border:2px solid #43463f;background:linear-gradient(120deg,#73776f,#191d19 12%,#10120f 88%,#62675c);padding:9px 7px;border-radius:36px;box-shadow:inset 0 0 0 1px #ffffff35,14px 20px 25px -19px #10170ba6,30px 45px 64px -38px #25311e70}
.phone-viewport{position:relative;width:100%;aspect-ratio:1/1.68;overflow:hidden;border-radius:26px;background:#151914;isolation:isolate}.phone-viewport img{width:100%;max-width:none;height:auto;display:block;transform:translateY(0);will-change:transform}.phone-speaker{top:12px;height:6px;width:22%;z-index:3;box-shadow:0 1px 1px #ffffff16}
.phone-front{width:266px;left:34px;top:66px;transform:rotateY(12deg) rotateZ(-7deg);z-index:2}.phone-back{width:238px;right:14px;top:122px;transform:rotateY(-15deg) rotateZ(9deg);filter:none;z-index:1}
.phone-front::after,.phone-back::after{content:'';pointer-events:none;position:absolute;inset:3px;border-radius:32px;background:linear-gradient(125deg,#fff2,transparent 22%,transparent 80%,#ffffff05);z-index:2}
.stage-note{right:1px;bottom:46px;transform:rotate(-3deg);padding:16px 20px;box-shadow:0 15px 40px -15px #25321c42}.motion-toggle{position:absolute;left:25px;bottom:4px;font-size:11px;border:0;border-bottom:1px solid #adb5a4;padding:4px 0;background:none;color:#62685b}
.experience-phone{width:285px;transform:perspective(1000px) rotateY(10deg) rotateZ(-4deg)}.experience-preview{min-height:550px}
.why-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;padding-block:100px;border-bottom:1px solid var(--line)}.why-intro{position:sticky;top:44px;align-self:start}.why-intro h2{margin-top:23px;font-size:clamp(32px,3.4vw,46px);line-height:1.22}.why-intro>p:not(.eyebrow){color:var(--muted);max-width:365px;margin-top:24px;line-height:1.85}.why-intro .text-link{display:inline-block;margin-top:22px}
.why-stories{display:grid;gap:0}.why-story{display:flex;gap:26px;padding-block:28px;border-bottom:1px solid var(--line)}.why-story:first-child{padding-top:0}.why-story:last-child{border:0;padding-bottom:0}.why-number{font-size:12px;color:var(--coral);padding-top:4px;font-weight:700}.why-context{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#6e7962}.why-story h3{font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.45;margin-top:9px}.why-story p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:13px}
.feature-tag{letter-spacing:.08em;font-size:10px}.feature-card{padding:28px}.plan-card>.button{width:100%;margin-top:20px}.plan-price-on-request{font-size:19px;line-height:1.6;color:#525e47;padding-block:24px 12px}.plans-heading .section-description{max-width:535px}.footer-top{justify-content:flex-start;gap:30px}.footer-top>p{margin-left:0}
.contact-dialog{width:min(930px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);border:1px solid #d6d9cc;border-radius:20px;padding:0;background:#fafaf5;color:var(--ink);box-shadow:0 30px 110px #0d140f45}.contact-dialog::backdrop{background:#16221580;backdrop-filter:blur(6px)}.contact-dialog[open]{animation:contact-entrance .25s ease-out}.contact-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-width:0}
.contact-aside{background:#e4e8da;padding:40px 30px;display:flex;flex-direction:column;align-items:flex-start}.contact-aside>img{margin-bottom:42px}.contact-aside h2{font-size:35px;line-height:1.25;letter-spacing:-1.5px;margin-top:18px}.contact-aside p{font-size:14px;line-height:1.9;margin-top:22px;color:#536048}.contact-aside-note{font-size:12px;line-height:1.8;color:#5b684f;margin-top:auto;padding-top:55px}
.contact-main{padding:38px;min-width:0}.contact-main>h2{font-size:29px;line-height:1.3;letter-spacing:-1px;margin:12px 0;padding-right:12px}.contact-main>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.75;margin-bottom:25px}.contact-close{position:absolute;top:13px;right:15px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#ebece2;font-size:24px;line-height:1}.contact-close:hover{background:#e1e5d6}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}.contact-fields>label{display:flex;flex-direction:column;min-width:0;font-size:12px;font-weight:600;line-height:1.6;gap:6px}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;min-width:0;border:1px solid #cdd3c3;border-radius:7px;background:#fffef9;color:var(--ink);padding:10px 12px;font:400 14px/1.5 var(--font);min-height:43px}.contact-fields textarea{resize:vertical}.contact-fields [aria-invalid=true]{border-color:#bb472d}.contact-wide{grid-column:1/-1}
.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{outline:2px solid #8c9c7244;border-color:#788763;outline-offset:1px}.contact-field-error{color:#a13424;font-size:11px;line-height:1.5;font-weight:400}.contact-field-error:empty{display:none}
.contact-consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;font-size:11px;line-height:1.85;color:#606950}.contact-consent input{width:16px;height:16px;flex-shrink:0;margin:3px 0 0;accent-color:#576447}.contact-consent a{text-decoration:underline;text-underline-offset:2px}.contact-submit{width:100%;margin-top:18px;justify-content:space-between}.contact-submit:disabled{opacity:.6;cursor:wait}.contact-feedback{color:#a13424;font-size:13px;line-height:1.65;margin-top:13px}.contact-feedback:empty{display:none}.contact-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-success{padding-block:36px}.contact-success[hidden],.contact-main form[hidden]{display:none}.contact-success-mark{width:58px;height:58px;display:grid;place-items:center;background:#e2e9d8;border-radius:50%;font-size:25px;color:#476437;margin-bottom:23px}.contact-success h3{font-size:27px;line-height:1.4;margin-bottom:18px;font-weight:600}.contact-success p{color:var(--muted);line-height:1.8;margin-bottom:25px}
@keyframes contact-entrance{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:1100px){.desktop-nav{gap:20px;font-size:13px}.hero{gap:12px}.phone-front{width:239px;left:12px}.phone-back{width:209px;right:0}.hero-stage{height:530px}.why-section{gap:45px}}
@media(max-width:800px){.hero{gap:36px}.hero-stage{max-width:550px;width:100%;margin:auto}.phone-front{width:260px;left:30px}.phone-back{width:229px;right:12px}.why-section{grid-template-columns:1fr;gap:35px;padding-block:62px}.why-intro{position:static}.why-intro>p:not(.eyebrow){max-width:560px}.why-stories{max-width:620px}.contact-layout{grid-template-columns:1fr}.contact-aside{display:none}.contact-dialog{width:min(590px,calc(100vw - 32px))}.contact-main{padding:30px}.hero h1{font-size:clamp(53px,9vw,77px)}}
@media(max-width:540px){.hero{padding-block:39px 48px;gap:35px}.hero h1{font-size:clamp(43px,12.5vw,66px);letter-spacing:-.055em}.hero-stage{height:470px}.stage-caption{left:11px;top:0}.phone-front{width:210px;left:12px;top:57px}.phone-back{width:180px;right:2px;top:101px}.phone{border-radius:29px;padding:7px 5px}.phone-viewport{border-radius:21px}.phone-front::after,.phone-back::after{border-radius:27px}.stage-note{bottom:42px;right:0;max-width:calc(100% - 35px);padding:13px 16px}.motion-toggle{bottom:7px;left:13px}.experience-phone{width:247px}.experience-preview{min-height:470px}.why-section{padding-block:50px}.why-intro h2{font-size:34px}.why-story{gap:18px;padding-block:25px}.why-story h3{font-size:22px}.why-story p{font-size:14px}.header-actions .button{font-size:11px;padding-inline:10px;gap:6px}.contact-main{padding:27px 21px}.contact-main>h2{font-size:25px}.contact-fields{grid-template-columns:1fr;gap:13px}.contact-fields input,.contact-fields select,.contact-fields textarea{font-size:16px}.contact-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px);border-radius:14px}.contact-close{top:9px;right:10px}.contact-main>.eyebrow{padding-right:35px}.footer-top{gap:15px}}
@media(max-width:360px){.site-header .brand>img{width:125px}.phone-front{width:189px;left:0}.phone-back{width:158px}.hero-stage{height:425px}.header-actions .button{font-size:10px}.stage-note{bottom:26px}.motion-toggle{bottom:0}}
@media(prefers-reduced-motion:reduce){.contact-dialog[open]{animation:none}.phone-viewport img{will-change:auto}}