:root{--ink:#161d23;--sage:#82958d;--sage-deep:#75897e;--grey:#dbdbd7;--paper:#fbfbf8;--white:#fff;--line:rgba(22,29,35,.14);--pad:clamp(1.25rem,4vw,4.75rem);--radius:1.4rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--ink);color:white;padding:.8rem 1rem;border-radius:.5rem}.skip:focus{top:1rem}a:focus-visible{outline:3px solid #b8d5c9;outline-offset:4px}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:600;font-size:1.22rem;letter-spacing:-.03em}.brand svg{width:34px;height:30px;fill:none;stroke:var(--ink);stroke-width:3.4}.brand svg circle{stroke:none;fill:var(--ink)}.brand svg .mark-fill{stroke:none;fill:var(--sage)}nav{display:flex;align-items:center;gap:clamp(1.1rem,2.7vw,2.5rem);font-size:.84rem;font-weight:500}nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:.72rem 1rem;border-radius:999px}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:5vw;padding:5vh var(--pad) 9vh;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;margin:0 0 1.4rem;color:var(--sage-deep)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.5rem,7.2vw,7.8rem);letter-spacing:-.075em;line-height:.89;margin-bottom:2rem;font-weight:500}.hero h1 em{color:var(--sage);font-style:normal}.lead{font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.65;max-width:38rem;color:#4d5853}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2.5rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9rem}.button.primary{background:var(--sage);color:white}.text-link{text-underline-offset:.3rem;font-size:.9rem}
.hero-stage{height:min(72vh,700px);min-height:490px;background:var(--sage);border-radius:clamp(1.5rem,3vw,3rem);position:relative;display:grid;place-items:center;transform:rotate(1.1deg)}.browser-card{width:min(84%,620px);background:var(--paper);border:2px solid var(--ink);border-radius:1rem;box-shadow:18px 20px 0 rgba(22,29,35,.13);overflow:hidden;transform:rotate(-2.5deg)}.browser-bar{height:44px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:.4rem;padding:0 .85rem}.browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--ink)}.browser-bar span{margin-left:auto;font-size:.65rem;color:#65706b}.browser-body{padding:clamp(2rem,5vw,4.5rem)}.browser-body p{font-size:clamp(2rem,4.6vw,4.5rem);letter-spacing:-.065em;line-height:1;margin-bottom:2rem}.browser-body strong{color:var(--sage);font-weight:500}.browser-body>span{display:inline-block;border-bottom:1px solid;padding-bottom:.25rem;font-size:.75rem}.stage-note{position:absolute;background:var(--ink);color:white;border-radius:999px;padding:.75rem 1.1rem;font-size:.75rem;z-index:2}.note-one{top:9%;right:-1rem;transform:rotate(6deg)}.note-two{bottom:9%;left:-1.5rem;transform:rotate(-7deg);background:white;color:var(--ink)}
.statement{background:var(--ink);color:white;padding:clamp(5rem,10vw,10rem) var(--pad);text-align:center}.statement p{font-size:clamp(2.5rem,6vw,6.8rem);letter-spacing:-.065em;line-height:1.02;margin-bottom:1.5rem}.statement p span{color:#aebdb7}.statement small{font-size:clamp(.9rem,1.2vw,1.1rem);color:#b9c1bd}
.questions{padding:clamp(5rem,10vw,10rem) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:3.5rem}.section-head h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.06em;line-height:1;margin-bottom:0;font-weight:500}.question{display:grid;grid-template-columns:80px minmax(0,1fr) 40px;gap:2rem;padding:clamp(2rem,4vw,4rem) 0;border-top:1px solid var(--line)}.question:last-child{border-bottom:1px solid var(--line)}.number{font-size:.72rem;color:var(--sage-deep);font-weight:600}.question h3{font-size:clamp(1.75rem,3vw,3.2rem);letter-spacing:-.045em;margin-bottom:1rem;font-weight:500}.question p{max-width:52rem;line-height:1.7;color:#55605b;font-size:clamp(1rem,1.35vw,1.18rem)}.plus{font-size:1.5rem;color:var(--sage)}.path{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}.path span{display:flex;gap:.55rem;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.6rem .9rem;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.path b{color:var(--sage);font-weight:600}
.process{background:var(--sage);color:white;margin:0 var(--pad);border-radius:clamp(1.5rem,3vw,3rem);padding:clamp(3rem,7vw,7rem);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.light{color:#dce5e1}.process h2{font-size:clamp(2.6rem,5vw,5.7rem);line-height:.98;letter-spacing:-.06em;font-weight:500}.process-intro>p:last-child{line-height:1.7;color:#eef3f0;max-width:36rem}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:46px 1fr;gap:1.1rem;padding:1.8rem 0;border-top:1px solid rgba(255,255,255,.28)}.steps li:last-child{border-bottom:1px solid rgba(255,255,255,.28)}.steps li>span{font-size:.7rem}.steps h3{font-size:1.35rem;margin-bottom:.5rem}.steps p{font-size:.92rem;line-height:1.6;color:#eef3f0}
.values{display:grid;grid-template-columns:repeat(3,1fr);padding:clamp(5rem,9vw,9rem) var(--pad);gap:1px}.values>div{border:1px solid var(--line);padding:clamp(1.5rem,3vw,3rem);min-height:220px}.values span{font-size:clamp(1.5rem,2.5vw,2.4rem);letter-spacing:-.04em}.values p{margin-top:3rem;line-height:1.65;color:#58625d;font-size:.9rem}
.contact{padding:clamp(5rem,10vw,10rem) var(--pad);background:#e8ece8;text-align:center}.contact h2{font-size:clamp(2.5rem,6vw,6.8rem);letter-spacing:-.065em;line-height:1.02;font-weight:500}.contact h2 span{color:var(--sage)}.contact-actions{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem}.button.dark{background:var(--ink);color:white}
footer{padding:2.2rem var(--pad);display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:3rem;border-top:1px solid var(--line);font-size:.75rem}.footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer-brand strong{font-size:1rem}.footer-brand span,footer>p{color:#6f7974;margin:0}.footer-links{display:flex;gap:1.25rem}.footer-links a{text-underline-offset:.2rem}
@media(max-width:900px){nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:8vh}.hero-stage{height:520px}.section-head,.process{grid-template-columns:1fr}.section-head{gap:1rem}.process{gap:4rem}.values{grid-template-columns:1fr}.values>div{min-height:170px}.values p{margin-top:2rem}footer{grid-template-columns:1fr auto}.footer-links{grid-row:1;grid-column:2}footer>p{grid-column:1/-1}}
@media(max-width:560px){.site-header{height:72px}.brand{font-size:1.05rem}.brand svg{width:30px}.nav-cta{padding:.65rem .8rem;font-size:.72rem}.hero{padding-top:5vh}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-stage{min-height:390px;height:112vw;max-height:490px}.browser-card{width:88%;box-shadow:10px 12px 0 rgba(22,29,35,.13)}.browser-body{padding:2rem 1.3rem}.question{grid-template-columns:38px minmax(0,1fr);gap:1rem}.question .plus{display:none}.path{gap:.5rem}.path span{font-size:.59rem;padding:.5rem .6rem}.process{margin:0 .75rem;padding:3rem 1.3rem}.contact-actions{flex-direction:column}footer{grid-template-columns:1fr}.footer-links{grid-column:1;grid-row:auto}}
.brand,nav a,.text-link,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}