:root{--night:#101719;--night-2:#1E2A2D;--ivory:#F4F0E8;--ivory-2:#E9E3D8;--olive:#24685F;--olive-d:#1A2A2B;--sage:#F28A65;--muted:#C7D1CC;--line:rgba(244,240,232,.18);--line-d:rgba(26,42,43,.18);--sans:'Aptos','Segoe UI',system-ui,Arial,sans-serif;--serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;--pad:clamp(1.25rem,6vw,6rem);scrollbar-width:thin;scrollbar-color:#F28A65 #101719}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;background:var(--night);color:var(--ivory);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:90;background:var(--ivory);color:var(--night);padding:.7rem 1rem}.skip-link:focus{top:1rem}
.wrap{max-width:1280px;margin:auto}.light{background:var(--ivory);color:var(--night)}.dark{background:var(--night)}
section{padding:clamp(4rem,9vw,7.5rem) var(--pad)}
h2{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.05;letter-spacing:-.04em;font-weight:500}
h3{font-size:1.2rem;letter-spacing:-.02em;font-weight:600}
.sec-head{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem 4rem;align-items:end;margin-bottom:3rem}.sec-head p{color:inherit;opacity:.75;max-width:46ch}
/* header */
.site-header{position:fixed;z-index:40;top:0;left:0;transform:none;width:100%;height:4.5rem;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border:0;border-radius:0 0 1.15rem 1.15rem;background:rgba(16,23,25,.62);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 30px rgba(0,0,0,.1);transition:background .3s}
.site-header:after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:var(--line);pointer-events:none}
.site-header.is-scrolled{background:rgba(16,23,25,.86)}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;letter-spacing:-.05em;width:max-content}.brand-symbol{width:2rem;height:2rem;display:block}
.main-nav{display:flex;gap:clamp(1rem,2.2vw,2.2rem);font-size:.9rem}.main-nav a{opacity:.85;transition:color .2s,opacity .2s}.main-nav a:hover{color:var(--sage);opacity:1}
.nav-cta{justify-self:end;padding:.6rem 1.15rem;border-radius:99px;background:var(--sage);color:var(--night);font-size:.9rem;font-weight:700;transition:background .2s}.nav-cta:hover{background:var(--ivory)}
.menu-toggle{display:none}
/* buttons */
.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:0;border-radius:99px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}.button-primary{background:var(--sage);color:var(--night)}.button-primary:hover{background:var(--ivory)}
.text-link,.under-link{font-weight:600;border-bottom:1px solid currentColor;padding-bottom:.15rem;width:max-content}.text-link:hover,.under-link:hover{color:var(--sage)}.light .under-link:hover{color:var(--olive-d)}
.under-link{display:inline-block;margin-top:2.2rem}
/* hero */
.hero{min-height:min(72svh,820px);padding-top:4.5rem;padding-bottom:2rem;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(2rem,4vw,4.5rem);overflow:hidden;background:radial-gradient(ellipse at 70% 48%,rgba(36,104,95,.3),transparent 46%),var(--night)}
.hero-copy{max-width:650px;margin-left:auto;width:100%;align-self:start;margin-top:clamp(2rem,5vh,3.8rem)}
.hero-eyebrow{color:var(--sage);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.5rem}
.hero h1{font-size:clamp(4rem,8vw,8rem);font-weight:400;letter-spacing:-.078em;line-height:.82;margin-bottom:1.8rem}.hero h1 span,.hero h1 em{display:block}
.hero h1 em{font-family:var(--serif);color:var(--sage);letter-spacing:-.05em}
.hero-intro{font-size:1.12rem;color:#E7EEEA;max-width:43ch;margin-bottom:2.2rem;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.hero-promises{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2.2rem;font-size:.9rem;color:var(--muted)}.hero-promises li:before{content:"✓";color:var(--sage);margin-right:.5rem}
.hero-visual{position:relative;aspect-ratio:1.1;width:100%;max-width:740px;justify-self:center;align-self:start;margin-top:clamp(2rem,5vh,3.8rem);display:grid;place-items:center;overflow:visible}
.browser-scene{position:relative;width:min(100%,700px);aspect-ratio:1.22;isolation:isolate;filter:drop-shadow(0 32px 48px rgba(0,0,0,.34))}
.browser-window{position:absolute;inset:6% 4% 7% 4%;overflow:hidden;border:1px solid rgba(244,240,232,.26);border-radius:1.4rem;background:rgba(30,42,45,.8);box-shadow:0 22px 60px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(16px)}
.browser-chrome{height:13%;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:.8rem;padding:0 1.2rem;border-bottom:1px solid rgba(244,240,232,.12);background:rgba(244,240,232,.045)}
.window-dots,.chrome-menu{display:flex;gap:.32rem}.window-dots i{width:.42rem;height:.42rem;border-radius:50%;background:rgba(242,138,101,.78)}.window-dots i:nth-child(2){opacity:.62}.window-dots i:nth-child(3){opacity:.38}.address-bar{justify-self:stretch;padding:.25rem .8rem;border:1px solid rgba(244,240,232,.12);border-radius:99px;color:var(--muted);font-size:clamp(.55rem,1vw,.75rem);text-align:center;background:rgba(16,23,25,.48)}.chrome-menu{justify-self:end}.chrome-menu i{width:3px;height:3px;border-radius:50%;background:var(--muted)}
.browser-page{height:87%;position:relative;padding:4% 6%;background:radial-gradient(ellipse at 78% 65%,rgba(36,104,95,.19),transparent 42%),linear-gradient(140deg,rgba(244,240,232,.055),rgba(244,240,232,.01))}
.mock-page-header{display:flex;align-items:center;gap:1rem;min-height:14%;border-bottom:1px solid rgba(244,240,232,.13)}.mock-wordmark{display:flex;align-items:center;gap:.45rem;font-size:clamp(.58rem,1vw,.78rem);font-weight:700;letter-spacing:-.04em}.mock-symbol{width:.8rem;height:.8rem;border:2px solid var(--sage);border-radius:3px 8px 3px 8px;transform:rotate(45deg)}.mock-menu-lines{display:flex;gap:.35rem;margin-left:auto}.mock-menu-lines i{width:1rem;height:2px;border-radius:99px;background:rgba(244,240,232,.5)}.mock-nav-button{width:3.5rem;height:1rem;border:1px solid rgba(242,138,101,.56);border-radius:99px}
.mock-content{height:72%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%}.mock-copy{position:relative;z-index:2}.mock-kicker{font-size:clamp(.42rem,.7vw,.58rem);letter-spacing:.1em;color:var(--sage)}.mock-copy h2{font:clamp(1.2rem,2.3vw,2rem)/.98 var(--serif);letter-spacing:-.055em;margin:.55rem 0}.mock-copy h2 em{color:var(--sage)}.mock-text-lines{display:grid;gap:.3rem;margin:.65rem 0}.mock-text-lines i{height:3px;width:90%;border-radius:99px;background:rgba(244,240,232,.32)}.mock-text-lines i:last-child{width:64%}.mock-action-row{display:flex;align-items:center;gap:.65rem}.browser-cta{padding:.35rem .7rem;border-radius:99px;background:var(--sage);color:var(--night);font-size:clamp(.48rem,.75vw,.62rem);font-weight:700;transform-origin:center}.mock-secondary{width:2.8rem;height:2px;border-radius:99px;background:rgba(244,240,232,.45)}
.mock-visual{position:relative;aspect-ratio:.9;border-radius:48% 34% 42% 28% / 35% 45% 32% 50%;overflow:hidden;background:linear-gradient(145deg,rgba(242,138,101,.64),rgba(36,104,95,.45) 43%,rgba(16,23,25,.8));box-shadow:inset 0 1px rgba(255,255,255,.35)}.mock-visual-glow{position:absolute;width:60%;aspect-ratio:1;top:7%;right:4%;border-radius:50%;background:rgba(244,240,232,.23);filter:blur(22px)}.mock-visual-shape{position:absolute;inset:24% 20% 12% 14%;border-radius:54% 24% 48% 32%;transform:rotate(26deg);background:linear-gradient(130deg,rgba(244,240,232,.38),rgba(242,138,101,.12) 45%,rgba(16,23,25,.42));border:1px solid rgba(244,240,232,.2)}.mock-orbit{position:absolute;z-index:2;inset:-12%;width:124%;height:124%;overflow:visible;pointer-events:none}.mock-orbit path{fill:none;stroke:rgba(244,240,232,.38);stroke-width:1.2}.mock-visual-chip{position:absolute;z-index:3;right:5%;bottom:7%;font-size:clamp(.4rem,.6vw,.5rem);letter-spacing:.08em;color:var(--ivory)}.mock-page-footer{height:14%;display:flex;align-items:center;gap:1rem;border-top:1px solid rgba(244,240,232,.12)}.mock-page-footer span{width:18%;height:3px;border-radius:99px;background:rgba(244,240,232,.25)}.mock-page-footer span:first-child{background:var(--sage)}
.wireframe-layer{position:absolute;z-index:4;inset:0;padding:4% 6%;display:grid;grid-template-columns:1fr .9fr;grid-template-rows:14% 20% 12% 1fr 12%;gap:4%;background:rgba(26,42,43,.96);opacity:0;pointer-events:none}.wire-block{display:block;border:1px solid rgba(242,138,101,.72);border-radius:.55rem;background:rgba(242,138,101,.09);transform-origin:left center}.wire-nav{grid-column:1/-1}.wire-title{grid-column:1}.wire-copy{grid-column:1}.wire-image{grid-column:2;grid-row:2/5;border-radius:1rem 2rem 1.4rem 2.5rem}.wire-button{grid-column:1;width:56%;border-radius:99px}
.float-card{position:absolute;z-index:5;border:1px solid rgba(244,240,232,.2);border-radius:1rem;background:rgba(30,42,45,.76);box-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ivory)}.float-card-heading{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600}.chart-dot,.toast-indicator{width:.42rem;height:.42rem;border-radius:50%;background:var(--sage);box-shadow:0 0 12px rgba(242,138,101,.6)}.chart-float{top:-3%;right:-3%;width:21%;padding:.6rem .7rem}.mini-chart{height:2.25rem;display:flex;align-items:end;gap:.3rem;margin:.55rem 0}.mini-bar{flex:1;height:100%;border-radius:99px 99px .2rem .2rem;transform-origin:bottom;background:linear-gradient(0deg,var(--olive),var(--sage))}.mini-bar:nth-child(2){height:55%}.mini-bar:nth-child(3){height:72%}.mini-bar:nth-child(4){height:48%}.mini-bar:nth-child(5){height:84%}.mini-bar:nth-child(6){height:66%}.float-card-caption,.speed-label{font-size:.54rem;letter-spacing:.09em;color:var(--muted)}
.speed-float{left:-3%;bottom:-10%;width:20%;padding:.55rem .65rem}.speed-gauge{width:100%;height:auto;margin:.3rem 0 -.25rem;overflow:visible}.speed-track{stroke:rgba(244,240,232,.16);stroke-width:5;stroke-linecap:round}.speed-arc{stroke:var(--sage);stroke-width:5;stroke-linecap:round;stroke-dasharray:92 150}.speed-needle{stroke:var(--ivory);stroke-width:2;stroke-linecap:round;transform-origin:60px 58px}.speed-gauge circle{fill:var(--sage)}.code-float{right:1%;bottom:-8%;padding:.55rem .7rem;font:.68rem/1.2 ui-monospace,monospace;color:var(--sage)}.code-prompt{color:var(--muted);margin-right:.3rem}.code-caret{display:inline-block;width:1px;height:.8rem;background:var(--sage);vertical-align:middle;margin-left:.15rem}.contact-toast{top:2%;left:-3%;display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;transform:scale(.92);transform-origin:top left}.toast-mark{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:.6rem;background:rgba(242,138,101,.14);color:var(--sage);font-size:1.1rem}.contact-toast b,.contact-toast small{display:block}.contact-toast b{font-size:.74rem}.contact-toast small{font-size:.62rem;color:var(--muted)}.toast-indicator{margin-left:.4rem}
.scene-cursor{position:absolute;z-index:7;top:48%;left:44%;width:1.35rem;height:1.7rem;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transform-origin:top left;opacity:0}
/* problem */
.problem .sec-head{align-items:center}
.clarity-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch;margin:0 0 2rem}
.clarity-card{position:relative;display:flex;flex-direction:column;min-height:235px;padding:1.6rem;border:1px solid rgba(23,37,38,.12);border-radius:1.6rem;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.34));box-shadow:inset 0 1px rgba(255,255,255,.9),0 14px 36px rgba(25,35,30,.055);backdrop-filter:blur(12px)}
.clarity-card:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.48))}
.clarity-icon{position:relative;display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:2.2rem;border-radius:1rem;background:var(--night);box-shadow:0 7px 18px rgba(16,23,25,.18)}
.clarity-icon:before,.clarity-icon:after{content:"";position:absolute;border:1.5px solid var(--sage);border-radius:99px}
.icon-offer:before{width:1.15rem;height:.8rem;transform:rotate(-12deg)}.icon-offer:after{width:.35rem;height:.35rem;right:.42rem;top:.36rem;background:var(--sage)}
.icon-trust:before{width:1.05rem;height:1.05rem;border-radius:50%}.icon-trust:after{width:.38rem;height:.38rem;background:var(--sage);border:0}
.icon-contact:before{width:1.15rem;height:.78rem;border-radius:.3rem}.icon-contact:after{width:.35rem;height:.35rem;left:.55rem;bottom:.65rem;border-top:0;border-right:0;border-radius:0;transform:rotate(-45deg)}
.clarity-card h3{min-height:1.6em;margin-bottom:.55rem;font-size:1.2rem}.clarity-card p{max-width:35ch;margin-top:auto;color:#4B5854;font-size:.96rem;line-height:1.65}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.compare-col{padding:2rem;border-radius:1.4rem}.compare-col h3{margin-bottom:1.2rem}.compare-col li{padding:.8rem 0 .8rem 1.8rem;border-top:1px solid var(--line-d);position:relative}
.compare-col li:before{position:absolute;left:0;top:.8rem;font-weight:700}
.is-before{border:1px solid var(--line-d);background:rgba(255,255,255,.35)}.is-before li:before{content:"✕";color:#9a4b3a}
.is-after{background:var(--night);color:var(--ivory)}.is-after li{border-color:var(--line)}.is-after li:before{content:"✓";color:var(--sage)}
/* services */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.service-card{display:flex;flex-direction:column;gap:.8rem;padding:1.8rem;border:1px solid var(--line);border-radius:1.6rem;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.015)),var(--night-2);box-shadow:inset 0 1px rgba(255,255,255,.07);transition:border-color .25s,transform .25s}
.service-card:hover{border-color:rgba(242,138,101,.5);transform:translateY(-4px)}
.service-card .goal{font-family:var(--serif);font-size:1.15rem;line-height:1.3;color:var(--sage)}.service-card p{color:#c7c6ba;font-size:.95rem}.service-card .fit{font-size:.88rem;color:var(--muted);margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line)}
.card-cta{font-weight:700;color:var(--sage);padding:.5rem 0;display:inline-block}.card-cta:hover{color:var(--ivory)}
.service-card.is-lead{background:var(--sage);color:var(--night);border-color:var(--sage)}.is-lead .goal{color:var(--olive-d)}.is-lead p{color:#2b2d20}.is-lead .fit{border-color:rgba(16,23,25,.2);color:#3d3f2e}.is-lead .card-cta{color:var(--night)}
/* concepts */
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.concept{min-height:380px;padding:1.6rem;border-radius:1.3rem;color:#f2eee2;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;position:relative;overflow:hidden}
.concept:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,23,25,.88),rgba(16,23,25,.1) 70%)}.concept>*{position:relative}
.concept h3{font:2.6rem/1 var(--serif);letter-spacing:-.03em}.concept .goal{color:var(--sage);font-weight:600}.concept p:last-child{font-size:.92rem;color:rgba(242,238,226,.8)}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.case-card{display:block;overflow:hidden;border:1px solid rgba(26,42,43,.12);border-radius:1.8rem;background:linear-gradient(150deg,#fff,rgba(255,255,255,.68));color:var(--night);box-shadow:0 18px 50px rgba(20,32,29,.08);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.case-card:hover{transform:translateY(-5px);border-color:rgba(242,138,101,.42);box-shadow:0 26px 58px rgba(20,32,29,.13)}
.case-cover{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(250px,28vw,360px);padding:clamp(1.5rem,4vw,3rem);overflow:hidden;isolation:isolate;color:#F4F0E8;background:radial-gradient(ellipse at 80% 70%,rgba(36,104,95,.5),transparent 42%),linear-gradient(145deg,#263436,#101719)}
.case-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.045),transparent 70%)}
.case-overline,.case-domain{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,240,232,.66)}
.case-mark{position:relative;z-index:1;margin-top:1.8rem;font:clamp(3.2rem,7vw,6rem)/.82 var(--serif);letter-spacing:-.08em}
.case-cover strong{position:relative;z-index:1;font:italic clamp(2.8rem,5.4vw,4.5rem)/.95 var(--serif);letter-spacing:-.065em;color:var(--sage)}
.case-domain{position:relative;z-index:1;margin-top:1.3rem;letter-spacing:.07em;text-transform:none}
.case-form{position:absolute;z-index:0;right:8%;bottom:-28%;width:44%;aspect-ratio:1;border:1px solid rgba(242,138,101,.6);border-radius:48% 52% 61% 39%;transform:rotate(-26deg)}
.case-form-b{right:19%;bottom:-16%;width:30%;border-color:rgba(244,240,232,.22);transform:rotate(31deg)}
.case-piano .case-cover{background:radial-gradient(ellipse at 80% 75%,rgba(242,138,101,.2),transparent 45%),linear-gradient(145deg,#332421,#151718)}
.piano-keys{position:absolute;right:-3%;bottom:-7%;width:50%;height:44%;transform:perspective(500px) rotateX(38deg) rotateZ(-11deg);border:1px solid rgba(244,240,232,.3);border-radius:.8rem;background:repeating-linear-gradient(90deg,rgba(244,240,232,.86) 0 8%,transparent 8% 9%),linear-gradient(#182124,#182124);box-shadow:0 12px 40px rgba(0,0,0,.4);opacity:.55}
.case-piano .case-mark{font-style:italic;color:var(--sage)}
.case-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:1.2rem;min-height:150px;padding:1.45rem 1.55rem 1.6rem}
.case-copy>div{display:flex;flex-direction:column;min-height:100%}
.case-copy h3{font:500 1.65rem/1.1 var(--serif);letter-spacing:-.035em;margin-bottom:.35rem}
.case-copy p{max-width:44ch;color:#56625E;font-size:.92rem;line-height:1.55}
.case-visit{align-self:end;white-space:nowrap;padding:.65rem .9rem;border-radius:99px;background:var(--night);color:var(--ivory);font-size:.8rem;font-weight:700;transition:background .25s,color .25s}
.case-card:hover .case-visit{background:var(--sage);color:var(--night)}
.case-card:focus-visible{outline-offset:5px}
.tag{position:absolute;top:1.3rem;left:1.6rem;font-size:.78rem;padding:.25rem .7rem;border:1px solid rgba(244,240,232,.45);border-radius:99px;background:rgba(16,23,25,.5)}
.c-boreal{background:radial-gradient(ellipse at 75% 30%,#a08a62,#43453a 38%,#171913)}
.c-verita{background:radial-gradient(ellipse at 70% 28%,#4c6740,#1b2a1b 45%,#0d120d)}
.c-altura{background:linear-gradient(160deg,#9aa49b,#c3b698 30%,#4d5144 31%,#222923 62%,#10130f)}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:s}
.steps li{padding:1.6rem;border-top:2px solid var(--sage);background:var(--night-2);border-radius:0 0 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}
.n{font:2.4rem/1 var(--serif);color:var(--sage)}.steps p{color:#c7c6ba;font-size:.95rem}.steps b{margin-top:auto;padding-top:.8rem;font-size:.88rem;font-weight:600;color:var(--ivory)}
/* about + faq */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.about h2,.faq h2{margin-bottom:1.4rem}.about p{max-width:46ch}.about .muted{opacity:.65;margin-top:1rem}
.faq h2{font-size:clamp(1.7rem,3vw,2.4rem)}
details{border-top:1px solid var(--line-d)}details:last-child{border-bottom:1px solid var(--line-d)}
summary{cursor:pointer;list-style:none;padding:1.1rem 2rem 1.1rem 0;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:.3rem;top:1rem;font-size:1.3rem;color:var(--olive-d);transition:transform .25s}details[open] summary:after{transform:rotate(45deg)}
details p{padding:0 2rem 1.2rem 0;opacity:.78;font-size:.95rem}
/* brief */
.brief{padding-bottom:0;background:radial-gradient(ellipse at 80% 30%,rgba(36,104,95,.18),transparent 45%),var(--night-2)}
.brief h2{font-size:clamp(2.2rem,4.6vw,4rem);margin-bottom:1.2rem}.brief-copy>p{color:#c7c6ba;max-width:42ch}.brief-copy .hero-promises{flex-direction:column;margin:1.6rem 0}
.contact-email{display:inline-block;border-bottom:1px solid rgba(244,240,232,.35);padding-bottom:.15rem;color:var(--ivory)}.contact-email:hover{color:var(--sage)}
.brief-form{display:flex;flex-direction:column;gap:1.2rem;padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--line);border-radius:1.5rem;background:rgba(244,240,232,.04)}
fieldset{border:0;padding:0;margin:0}legend{padding:0;margin-bottom:.7rem;font-size:.95rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips input{position:absolute;opacity:0}.chips span{display:inline-block;padding:.55rem 1rem;border:1px solid var(--line);border-radius:99px;cursor:pointer;font-size:.92rem;transition:background .2s,color .2s,border-color .2s}
.chips span:hover{border-color:var(--sage)}.chips input:checked+span{background:var(--sage);color:var(--night);border-color:var(--sage);font-weight:700}.chips input:focus-visible+span{outline:2px solid var(--sage);outline-offset:3px}
.field{display:flex;flex-direction:column;gap:.45rem;font-size:.95rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
input:not([type=radio]),select,textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:rgba(16,23,25,.6)}
select option{color:#101719}input:focus,select:focus,textarea:focus{outline:2px solid var(--sage);outline-offset:1px}
.form-error{color:#f0b09c;font-size:.9rem}.form-note{font-size:.85rem;color:var(--muted)}
.form-error[hidden]{display:none}[aria-invalid="true"]{border-color:#f0b09c!important}.chips input[aria-invalid="true"]+span{border-color:#f0b09c}
.footer{margin-top:clamp(4rem,8vw,6rem);min-height:5rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.85rem;flex-wrap:wrap;padding:1rem 0}
.sticky-cta{position:fixed;z-index:35;left:1rem;right:1rem;bottom:1rem;padding:.95rem 1.2rem;text-align:center;font-weight:700;border-radius:99px;background:var(--sage);color:var(--night);box-shadow:0 12px 30px rgba(0,0,0,.4);display:none}
/* motion */
.js-motion .hero-eyebrow,.js-motion .hero h1 span,.js-motion .hero h1 em,.js-motion .hero-intro,.js-motion .hero-actions,.js-motion .hero-promises,.js-motion .hero-visual{opacity:0}.js-motion .browser-chrome,.js-motion .wire-block,.js-motion .mock-page-header,.js-motion .mock-copy,.js-motion .mock-visual,.js-motion .mock-page-footer,.js-motion .float-card,.js-motion .scene-cursor{opacity:0}.js-motion .wireframe-layer{opacity:1}.js-motion .wire-block{transform:scale(.9)}.js-motion .scene-cursor{pointer-events:none}.js-motion .section-reveal{opacity:0;transform:translateY(22px)}
@media(max-width:1000px){.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.concept-grid{grid-template-columns:1fr 1fr}.concept:last-child{grid-column:1/-1;min-height:290px}.sec-head{grid-template-columns:1fr}.main-nav{gap:1rem;font-size:.85rem}}
@media(max-width:760px){html{scroll-padding-top:5rem}
.site-header{grid-template-columns:1fr auto auto;height:4rem;padding:0 var(--pad);top:0}
.menu-toggle{display:flex;width:2.6rem;height:2.6rem;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(244,240,232,.32);border-radius:50%;background:transparent}.menu-toggle span{width:14px;height:1px;background:currentColor;transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.nav-cta{display:none}
.main-nav{position:absolute;top:calc(100% + .4rem);left:0;right:0;flex-direction:column;gap:0;padding:.6rem 1.2rem 1rem;background:rgba(16,23,25,.97);border:1px solid var(--line);border-radius:1.2rem;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;font-size:1rem}.main-nav.is-open{visibility:visible;opacity:1;transform:none}.main-nav a{padding:.85rem 0;border-bottom:1px solid var(--line)}.main-nav a:last-child{border:0}
.hero{display:flex;flex-direction:column;min-height:0;padding-top:5rem}.hero-copy{align-self:stretch;margin:0}.hero-visual{max-width:440px;align-self:center;margin-top:-1rem}
.compare,.two,.concept-grid,.service-grid,.steps,.field-row,.clarity-path,.case-grid{grid-template-columns:1fr}.concept,.concept:last-child{grid-column:auto;min-height:300px}.clarity-card,.clarity-card:nth-child(2){min-height:0;margin-top:0}.clarity-icon{margin-bottom:1.1rem}.clarity-card p{margin-top:0}
.sticky-cta.is-on{display:block}.footer{padding-bottom:5.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js-motion .hero-eyebrow,.js-motion .hero h1 span,.js-motion .hero h1 em,.js-motion .hero-intro,.js-motion .hero-actions,.js-motion .hero-promises,.js-motion .hero-visual,.js-motion .browser-chrome,.js-motion .mock-page-header,.js-motion .mock-copy,.js-motion .mock-visual,.js-motion .mock-page-footer,.js-motion .float-card{opacity:1!important;transform:none!important}.js-motion .wireframe-layer,.js-motion .wire-block,.js-motion .scene-cursor{display:none!important}}
@media(max-width:760px){html.no-js .site-header{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 1.5rem);height:auto;min-height:3.7rem;margin:.5rem auto;display:flex;flex-direction:column;align-items:stretch;border-radius:1.2rem;padding:.65rem 1rem}.no-js .menu-toggle,.no-js .nav-cta{display:none}.no-js .main-nav{position:static;display:flex;flex-direction:column;visibility:visible;opacity:1;transform:none;padding:.5rem 0 .2rem;border:0;background:transparent}.no-js .main-nav a{padding:.7rem 0;border-bottom:1px solid var(--line)}}
/* Softer detail surfaces, readable form states and browser-native scrollbar styling. */
::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#131E20;border-radius:99px}::-webkit-scrollbar-thumb{min-height:42px;background:linear-gradient(180deg,#F28A65 0%,#D96E53 58%,#24685F 100%);border:3px solid #131E20;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(244,240,232,.14)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#FFB094,#E77C5D 58%,#39786D)}::-webkit-scrollbar-button:vertical:decrement{display:block;height:15px;background:#131E20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 7.5 6 3.5l4 4' fill='none' stroke='%23F28A65' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px 11px no-repeat;border-radius:8px 8px 0 0}::-webkit-scrollbar-button:vertical:increment{display:block;height:15px;background:#131E20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4.5 4 4 4-4' fill='none' stroke='%23F28A65' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px 11px no-repeat;border-radius:0 0 8px 8px}::-webkit-scrollbar-button:vertical:decrement:hover,::-webkit-scrollbar-button:vertical:increment:hover{background-color:#1E2A2D}::-webkit-scrollbar-corner{background:#131E20}
.compare-col li{margin:.45rem 0;padding:.72rem .85rem .72rem 2.2rem;border:1px solid rgba(16,23,25,.09);border-radius:.85rem;background:rgba(255,255,255,.26)}.compare-col li:before{left:.85rem;top:.72rem}.is-after li{border-color:rgba(244,240,232,.1);background:rgba(255,255,255,.035)}
.steps li{position:relative;border:1px solid rgba(244,240,232,.12);border-radius:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.05)}.steps li:before{content:"";height:3px;width:2.8rem;position:absolute;top:-1px;left:1.6rem;background:linear-gradient(90deg,var(--sage),rgba(242,138,101,.05));border-radius:99px}.steps .n{display:none}
details{border:1px solid rgba(16,23,25,.1);border-radius:.95rem;margin:.55rem 0;background:rgba(255,255,255,.24);overflow:hidden}details:last-child{border-bottom:1px solid rgba(16,23,25,.1)}summary{padding:1rem 2rem 1rem 1rem}summary:after{right:.7rem;top:.8rem}details p{padding:0 1rem 1rem}
.card-cta:after{content:none}