@layer reset,base,components,responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure{margin:0}button,a{font:inherit}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer}}
@layer base{:root{--ink:#101613;--ink-2:#16211c;--paper:#f4f1e9;--paper-2:#ebe7dc;--white:#fffdf7;--mint:#8ce2c2;--mint-deep:#22775e;--lime:#d7f36b;--muted:#677069;--line:#d8d5ca;--blue:#0c1724;--radius:26px;--shadow:0 30px 80px rgba(16,22,19,.12)}body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;z-index:999;transform:translateY(-150%);background:#fff;padding:10px 14px;border-radius:8px}.skip:focus{transform:none}.section-kicker,.overline{font-size:.72rem;letter-spacing:.15em;font-weight:900;text-transform:uppercase}.section-kicker{color:var(--mint-deep)}.section-intro{max-width:780px}.section-intro h2,.cases-head h2,.method h2,.contact h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:.98;letter-spacing:-.055em;font-weight:650;margin-top:14px}.section-intro p{max-width:690px;margin-top:20px;color:var(--muted);font-size:1.05rem}.section-intro.inverse{color:#fff}.section-intro.inverse .section-kicker{color:var(--mint)}.section-intro.inverse p{color:#aeb9b3}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}.delay-1,.delay-2{transition-delay:0s}}
@layer components{.header{position:fixed;inset:0 0 auto;z-index:100;height:76px;display:flex;align-items:center;transition:.25s ease;color:#fff}.header.scrolled{background:rgba(16,22,19,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-weight:850}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:.95rem}.brand-text{font-size:.9rem}.nav{display:flex;justify-content:center;gap:28px}.nav a{font-size:.82rem;color:#dfe6e1;transition:.2s}.nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(255,255,255,.25);padding:9px 13px;border-radius:999px;font-size:.78rem;font-weight:800}.menu-button{display:none;background:none;border:0;color:#fff;width:40px;height:40px}.menu-button span{display:block;width:22px;height:1.5px;background:#fff;margin:6px auto}
.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:150px 0 28px;min-height:760px}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-glow{position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(140,226,194,.16),transparent 65%);right:-220px;top:-200px}.hero-layout{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:76px;align-items:center}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:8px 12px;border-radius:999px;color:#d2ddd7;font-size:.76rem;margin-bottom:30px}.availability span{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(140,226,194,.1)}.overline{color:var(--mint);margin-bottom:20px}.hero h1{font-size:clamp(3.8rem,7vw,7.6rem);line-height:.85;letter-spacing:-.075em;font-weight:650}.hero h1 em{font-style:normal;color:#bfc7c1}.hero-lead{font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.6;color:#bdc7c0;max-width:680px;margin-top:34px}.hero-lead strong{color:#fff}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 19px;font-size:.84rem;font-weight:850;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--lime);color:var(--ink)}.btn.secondary{border-color:rgba(255,255,255,.22);color:#fff}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.hero-tags span{font-size:.7rem;color:#9faea5;border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:999px}.hero-visual{position:relative;min-height:520px}.visual-frame{position:absolute;background:#0a1110;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.36)}.main-frame{inset:10px 0 100px 0;transform:rotate(1deg)}.main-frame img{width:100%;height:100%;object-fit:cover}.window-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#111a18;border-bottom:1px solid rgba(255,255,255,.08)}.window-bar i{width:7px;height:7px;border-radius:50%;background:#3d4b46}.window-bar span{margin-left:auto;color:#65766e;font:600 .62rem ui-monospace,monospace}.mini-frame{width:42%;right:-16px;bottom:12px;border-radius:14px;transform:rotate(-3deg)}.mini-frame img{aspect-ratio:16/10;object-fit:cover}.visual-float{position:absolute;left:-32px;bottom:56px;background:var(--lime);color:var(--ink);border-radius:18px;padding:17px 20px;box-shadow:0 18px 40px rgba(0,0,0,.25);transform:rotate(-2deg)}.visual-float span{display:block;font-size:1.8rem;font-weight:950;letter-spacing:-.05em}.visual-float small{font-size:.68rem;font-weight:800}.visual-note{position:absolute;right:20px;top:-10px;background:#fff;color:var(--ink);padding:13px 16px;border-radius:13px;box-shadow:0 18px 40px rgba(0,0,0,.2);transform:rotate(2deg)}.visual-note b,.visual-note span{display:block}.visual-note b{font-size:.73rem}.visual-note span{font-size:.65rem;color:#6d746f;margin-top:2px}.hero-bottom{position:relative;margin-top:74px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8f9d95;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.proof{padding:110px 0;background:var(--paper)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-grid article{padding:28px 24px;border-right:1px solid var(--line)}.metric-grid article:first-child{padding-left:0}.metric-grid article:last-child{border-right:0}.metric-grid strong{font-size:2.8rem;letter-spacing:-.06em}.metric-grid span{display:block;font-size:.73rem;font-weight:900;color:var(--mint-deep);text-transform:uppercase;letter-spacing:.1em}.metric-grid p{color:var(--muted);font-size:.78rem;margin-top:12px}.proof-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:44px}.proof-gallery button{position:relative;border:0;padding:0;background:#111;border-radius:22px;overflow:hidden;text-align:left}.proof-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.gallery-main{min-height:470px}.gallery-side{display:grid;gap:14px}.gallery-side button{min-height:228px}.proof-gallery button>span{position:absolute;inset:auto 14px 14px;background:rgba(14,22,18,.82);backdrop-filter:blur(12px);color:#fff;padding:13px 15px;border-radius:13px;max-width:72%}.proof-gallery b,.proof-gallery small{display:block}.proof-gallery b{font-size:.8rem}.proof-gallery small{font-size:.68rem;color:#aeb9b2;margin-top:3px}.proof-caption{text-align:center;color:#888f89;font-size:.7rem;margin-top:13px}
.problems{background:#101613;color:#fff;padding:110px 0}.problem-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:56px}.problem-tabs{border-top:1px solid rgba(255,255,255,.12)}.problem-tab{width:100%;display:grid;grid-template-columns:42px 1fr;column-gap:12px;text-align:left;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.1);padding:18px 4px;transition:.2s}.problem-tab span{grid-row:1/3;color:#57645e;font-size:.68rem;font-weight:900;padding-top:3px}.problem-tab b{font-size:.96rem}.problem-tab small{color:#7d8c84;font-size:.73rem;margin-top:4px}.problem-tab.active{padding-left:14px;background:rgba(215,243,107,.06)}.problem-tab.active span{color:var(--lime)}.problem-tab.active b{color:var(--lime)}.problem-panel{position:sticky;top:100px;align-self:start;background:#17201c;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:42px;min-height:470px}.panel-index{font-size:4.8rem;color:#28332e;font-weight:900;letter-spacing:-.08em}.panel-label{font-size:.68rem;color:var(--mint);font-weight:900;letter-spacing:.14em;margin-top:25px}.problem-panel h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.045em;margin-top:10px}.panel-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:34px}.panel-flow span{background:#222d28;border:1px solid rgba(255,255,255,.09);padding:8px 10px;border-radius:999px;font-size:.7rem;font-weight:850}.panel-flow i{color:var(--lime);font-style:normal}.panel-copy{color:#9ba9a1;margin-top:30px;max-width:540px}.text-link{display:inline-flex;gap:8px;color:var(--lime);font-size:.8rem;font-weight:900;margin-top:34px}
.cases{padding:110px 0;background:#eae6dc}.cases-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:42px}.cases-head p{font-size:.76rem;color:var(--muted)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card{background:var(--white);border:1px solid #d9d5ca;border-radius:20px;padding:24px;min-height:315px;display:flex;flex-direction:column;transition:.25s ease}.case-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(20,27,23,.09);border-color:#c7c8ba}.case-card.hidden{display:none}.case-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.case-number{font:800 .65rem ui-monospace,monospace;color:#8e958f}.case-tag{font-size:.65rem;font-weight:850;color:var(--mint-deep);text-align:right}.case-card h3{font-size:1.22rem;line-height:1.18;letter-spacing:-.025em;margin-top:32px}.case-card>p{font-size:.82rem;color:var(--muted);line-height:1.6;margin-top:12px}.case-card-foot{margin-top:auto;padding-top:24px;display:flex;align-items:end;justify-content:space-between;gap:14px}.case-proof{max-width:58%;font-size:.63rem;color:#576159;background:#ecefe8;border-radius:8px;padding:7px 9px;line-height:1.35}.case-proof.muted{color:#8b918d}.case-open{border:0;background:none;color:var(--ink);font-size:.72rem;font-weight:900;padding:0}.case-open:hover{color:var(--mint-deep)}
.method{background:var(--paper);padding:110px 0}.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.method-copy{position:sticky;top:110px;align-self:start}.method-copy>p{color:var(--muted);font-size:1rem;margin-top:25px;max-width:430px}.method-quote{margin-top:38px;padding:22px;border-left:3px solid var(--mint-deep);background:#e9eee8;font-size:1.05rem;font-weight:750}.method-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.method-steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:27px 0}.method-steps li>span{color:#a0a69f;font:800 .7rem ui-monospace,monospace}.method-steps b{font-size:1.05rem}.method-steps p{color:var(--muted);font-size:.83rem;margin-top:6px;max-width:540px}
.fit{padding:100px 0;background:#dfe6df}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}.fit-grid article{background:rgba(255,255,255,.62);border:1px solid rgba(16,22,19,.09);border-radius:18px;padding:24px;min-height:190px}.fit-grid article span{font:800 .65rem ui-monospace,monospace;color:var(--mint-deep)}.fit-grid h3{font-size:1.12rem;margin-top:30px}.fit-grid p{font-size:.82rem;color:var(--muted);margin-top:8px}.contact{padding:90px 0;background:var(--paper)}.contact-card{background:var(--ink);color:#fff;border-radius:32px;padding:58px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;overflow:hidden;position:relative}.contact-card::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(140,226,194,.14),transparent 67%);right:-80px;bottom:-200px}.contact-card .section-kicker{color:var(--mint)}.contact-card p{color:#aeb9b2;max-width:610px;margin-top:22px}.contact-actions{display:grid;gap:10px;position:relative;z-index:1}.btn.light{background:var(--lime);color:var(--ink);justify-content:space-between}.btn.outline-light{border-color:rgba(255,255,255,.15);color:#fff;justify-content:space-between}footer{background:var(--ink);color:#77847d;border-top:1px solid rgba(255,255,255,.07)}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}
.case-dialog{width:min(980px,calc(100% - 32px));max-height:90vh;border:0;padding:0;border-radius:26px;background:#f6f3eb;color:var(--ink);box-shadow:0 50px 150px rgba(0,0,0,.45);overflow:auto}.case-dialog::backdrop{background:rgba(4,8,6,.78);backdrop-filter:blur(8px)}.dialog-close{position:sticky;float:right;top:14px;right:14px;z-index:4;width:42px;height:42px;border-radius:50%;border:0;background:rgba(16,22,19,.88);color:#fff;font-size:1.6rem}.dialog-content{padding:0 0 36px}.case-modal-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;padding:46px;background:#ebe7dc}.case-modal-hero .kicker{color:var(--mint-deep);font-size:.65rem;font-weight:900;letter-spacing:.11em}.case-modal-hero h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em;margin-top:12px}.case-modal-hero p{color:var(--muted);margin-top:18px}.case-modal-hero img{width:100%;height:260px;object-fit:cover;border-radius:15px;align-self:center}.case-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:34px 46px 0}.detail-label,.proof-box>span{display:block;color:var(--mint-deep);font-size:.65rem;font-weight:900;letter-spacing:.11em}.case-modal-grid p{font-size:.91rem;color:#4e5852;margin-top:10px;line-height:1.65}.proof-box{margin:30px 46px 0;background:var(--ink);color:#fff;border-radius:18px;padding:24px}.proof-box strong{display:block;font-size:1.25rem;margin-top:7px}.proof-box p{color:#aeb9b2;font-size:.82rem;margin-top:7px}.case-modal-grid.lower{padding-bottom:20px}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(4,8,6,.92);display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.lightbox button{position:absolute;top:18px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:1.7rem}}
@layer responsive{@media(max-width:980px){.shell{width:min(100% - 32px,1180px)}.nav{position:fixed;inset:76px 16px auto;background:#111a16;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;display:none;flex-direction:column;gap:6px}.nav.open{display:flex}.nav a{padding:10px}.menu-button{display:block;justify-self:end}.nav-shell{grid-template-columns:auto 1fr auto auto}.nav-cta{grid-column:4}.hero{padding-top:130px}.hero-layout{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:760px}.hero-visual{min-height:430px;max-width:680px}.hero-bottom{flex-wrap:wrap;justify-content:flex-start}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:nth-child(2){border-right:0}.metric-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.proof-gallery,.problem-layout,.method-grid,.contact-card{grid-template-columns:1fr}.problem-panel,.method-copy{position:static}.case-grid,.fit-grid{grid-template-columns:1fr 1fr}.case-modal-hero{grid-template-columns:1fr}.case-modal-hero img{height:320px}}
@media(max-width:640px){.header{height:68px}.nav{inset:68px 10px auto}.brand-text{display:none}.nav-shell{gap:10px}.nav-cta{font-size:.7rem;padding:8px 10px}.hero{min-height:auto;padding:112px 0 24px}.hero h1{font-size:3.5rem}.hero-lead{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{min-height:330px}.main-frame{bottom:80px}.visual-float{left:0;bottom:44px}.mini-frame{right:0}.visual-note{display:none}.hero-bottom{margin-top:50px}.proof,.problems,.cases,.method,.fit{padding:78px 0}.metric-grid{grid-template-columns:1fr}.metric-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important;padding-left:0}.metric-grid article:last-child{border-bottom:0!important}.proof-gallery{grid-template-columns:1fr}.gallery-main{min-height:300px}.gallery-side{grid-template-columns:1fr 1fr}.gallery-side button{min-height:160px}.proof-gallery button>span{max-width:86%}.problem-panel{padding:28px;min-height:auto}.panel-index{font-size:3.5rem}.case-grid,.fit-grid{grid-template-columns:1fr}.cases-head{align-items:start;flex-direction:column}.method-grid{gap:44px}.contact-card{padding:34px 24px}.contact-card h2{font-size:2.6rem}.footer{flex-direction:column;align-items:flex-start;justify-content:center}.case-modal-hero{padding:38px 22px 26px}.case-modal-hero img{height:210px}.case-modal-grid{grid-template-columns:1fr;padding:26px 22px 0}.proof-box{margin:26px 22px 0}.gallery-side{grid-template-columns:1fr}.case-dialog{width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.case-card,.problem-tab{transition:none}}}