:root {
  --bg:#050606;
  --bg-soft:#0b0d0e;
  --ink:#111515;
  --paper:#efede7;
  --paper-line:#d8d4cb;
  --text:#f2f2ee;
  --muted:#b7bdbb;
  --muted-2:#7f8885;
  --line:rgba(255,255,255,.12);
  --line-2:rgba(0,0,0,.10);
  --radius:28px;
  --pad:clamp(22px,4vw,44px);
  --shell:min(1200px, calc(100vw - 48px));
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell{width:var(--shell);margin-inline:auto}
.dark-section{background:var(--bg);color:var(--text)}
.light-section{background:var(--paper);color:var(--ink)}
.section-pad{padding-block:clamp(92px,12vw,160px)}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:60;pointer-events:none;background:transparent}
.scroll-progress span{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:#f0f0ec}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:84px;display:flex;align-items:center;justify-content:space-between;padding-inline:24px;transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(5,6,6,.72);backdrop-filter:blur(16px);border-color:var(--line)}
.brand{font-size:28px;letter-spacing:-.06em;color:#f4f4ef;display:flex;align-items:baseline;gap:0}.brand strong{font-weight:640}.brand span{font-weight:300}
.desktop-nav{display:flex;gap:34px;font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#d7dddb}
.desktop-nav a{opacity:.82;transition:opacity .2s ease}.desktop-nav a:hover{opacity:1}
.menu-button{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);position:relative}.menu-button i{position:absolute;width:18px;height:1px;background:currentColor}.menu-button i:first-child{transform:translateY(-4px)}.menu-button i:last-child{transform:translateY(4px)}
.mobile-menu{display:none;position:fixed;left:20px;right:20px;top:92px;z-index:45;background:#080b0b;border:1px solid var(--line);border-radius:18px;padding:14px;flex-direction:column;gap:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.mobile-menu a{padding:12px 14px;border-radius:12px;font-size:15px}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}
.hero{min-height:100svh;display:flex;align-items:center;padding-top:104px;padding-bottom:44px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 36%, rgba(255,255,255,.06), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 28%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,110px);align-items:center}
.section-kicker,.section-index{margin:0 0 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
.display{margin:0;font-size:clamp(72px,10vw,140px);line-height:.92;font-weight:250;letter-spacing:-.072em}.display span{color:#cdd2cf}
.hero-copy{max-width:620px;font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--muted);margin:28px 0 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--line);font-size:13px;text-transform:uppercase;letter-spacing:.14em;transition:background .2s ease,color .2s ease,border-color .2s ease}
.button-solid{background:#f1f1ec;color:#0a0d0d;border-color:#f1f1ec}.button-ghost{background:transparent;color:#f1f1ec}
.hero-visual{display:flex;justify-content:center}
.hero-card{width:min(100%, 450px);border:1px solid rgba(255,255,255,.08);border-radius:34px;background:linear-gradient(180deg,#f4f3ef,#dfdbd2);padding:clamp(16px,2vw,22px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.hero-card img{width:100%;height:auto}
.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(44px,7vw,110px);align-items:start}
.section-title{margin:0;font-size:clamp(46px,6.8vw,90px);line-height:.94;font-weight:260;letter-spacing:-.065em;color:inherit}.section-title span{color:#616a67}.dark-title span{color:#7a8481}
.body-copy{margin:0;font-size:clamp(16px,1.7vw,22px);line-height:1.7;color:var(--muted);max-width:760px}.dark-copy{color:#4b5250}
.why-section{border-top:1px solid var(--line)}
.meter-stage{margin-top:72px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#070909,#050606)}
.meter-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#77817e}
.meter-number{margin-top:14px;font-size:clamp(92px,17vw,240px);line-height:.88;font-weight:240;letter-spacing:-.08em}.meter-number small{font-size:.2em;margin-left:.06em;vertical-align:middle;color:#97a09d}
.meter-line{margin-top:22px;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.meter-line span{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:#f2f2ee;box-shadow:0 0 12px rgba(255,255,255,.16)}
.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,7vw,100px);align-items:center}
.product-card{border:1px solid var(--paper-line);border-radius:34px;background:linear-gradient(180deg,#f7f5f0,#ddd8cf);padding:22px;box-shadow:0 18px 40px rgba(0,0,0,.08)}
.product-card img{width:100%;height:auto}
.feature-stack{display:grid;gap:18px;margin-top:28px}.feature-stack article{padding-top:18px;border-top:1px solid var(--paper-line)}.feature-stack h3{margin:0 0 6px;font-size:20px;font-weight:580;letter-spacing:-.03em}.feature-stack p{margin:0;color:#555c5a;line-height:1.6}
.technology-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.possibility-grid{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.possibility-card{padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#080a0a,#060707)}.possibility-card span{display:inline-block;color:#7d8784;font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px}.possibility-card h3{margin:0 0 10px;font-size:28px;font-weight:340;letter-spacing:-.04em}.possibility-card p{margin:0;color:#adb5b2;line-height:1.6}
.about-section{border-bottom:1px solid var(--paper-line)}
.contact-section{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}
.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(44px,7vw,110px);align-items:start}.contact-title{margin:0;font-size:clamp(52px,7vw,108px);line-height:.92;font-weight:250;letter-spacing:-.065em}.contact-title span{color:#7e8785}.email-link{display:inline-block;margin-top:32px;color:#e1e5e3;border-bottom:1px solid #717a77;padding-bottom:5px}
.contact-form{border:1px solid var(--line);border-radius:24px;background:#080a0a;padding:clamp(22px,4vw,38px);display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:8px;color:#8b9492;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.contact-form label span{opacity:.6;text-transform:none;letter-spacing:0}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#050606;color:#f2f2ee;padding:14px 15px;outline:none;resize:vertical;text-transform:none;letter-spacing:0;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{border-color:#798280}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.turnstile-wrap{min-height:76px;border:1px solid var(--line);border-radius:10px;background:#050606;padding:12px;display:flex;align-items:center}.turnstile-wrap p{margin:0;color:#697270;font-size:11px;line-height:1.4}
.contact-form button{height:56px;border:0;border-radius:999px;padding:0 22px;background:#f2f2ee;color:#0b0d0d;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:540;transition:.2s ease}.contact-form button:disabled{opacity:.4;cursor:not-allowed}.form-status{margin:0;min-height:18px;color:#b5bfbc;font-size:12px}.privacy-note{margin:0;color:#65706d;font-size:10px}
.site-footer{margin-top:100px;padding-block:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;color:#64706d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.site-footer>:nth-child(2){text-align:center}.site-footer>:last-child{text-align:right}.footer-brand{color:#f2f2ee;text-transform:none;letter-spacing:-.045em;font-size:17px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}
@media (max-width:980px){.desktop-nav{display:none}.menu-button,.mobile-menu{display:flex}.hero-grid,.two-col,.product-grid,.contact-grid{grid-template-columns:1fr}.possibility-grid{grid-template-columns:1fr}.contact-grid{gap:70px}}
@media (max-width:640px){:root{--shell:min(100vw - 32px, 1200px)}.site-header{height:74px;padding-inline:16px}.brand{font-size:23px}.hero{padding-top:100px}.display{font-size:clamp(58px,20vw,92px)}.hero-copy{font-size:16px}.meter-number{font-size:29vw}.form-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:10px}.site-footer>:nth-child(2),.site-footer>:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}