:root{color-scheme:dark;--bg:#11160f;--ink:#f2f4e9;--muted:#b5bdab;--line:#35402b;--lime:#99ff00;--panel:#1c2517}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px;border-radius:3px}.skip{position:absolute;left:20px;top:-60px;padding:12px;background:var(--lime);color:var(--bg);z-index:5}.skip:focus{top:12px}.wrap{max-width:1160px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.7px}.brand img{width:42px;height:42px;border-radius:11px}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--lime)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;min-height:560px;padding:56px 0}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:10px}.dot{height:6px;width:6px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-3.5px;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}.intro{max-width:490px;font-size:19px;line-height:1.6;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:40px;background:var(--lime);color:var(--bg);padding:17px 24px;text-decoration:none;font-weight:650;font-size:15px;margin-top:22px}.button:hover{background:#e4ffab}.platform{font-size:12px;color:var(--muted);margin-top:18px}.art{position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(ellipse at center,#3d5128 0%,transparent 65%);isolation:isolate}.art:before,.art:after{content:"";position:absolute;border:1px solid #3d4b32;border-radius:50%;inset:4%;transform:rotate(-25deg) scaleY(.8);z-index:-1}.art:after{inset:-2%;transform:rotate(28deg) scaleY(.75)}.art img{width:70%;height:auto;border-radius:24%;transform:rotate(-8deg);box-shadow:0 40px 70px #0006}.art-label{position:absolute;bottom:0;right:5%;color:var(--muted);font-size:11px;letter-spacing:2px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:42px;padding:36px 0}.number{color:var(--lime);font-size:12px;font-variant-numeric:tabular-nums}h2{font-size:24px;letter-spacing:-.7px;line-height:1.2}p{line-height:1.7}.features p{font-size:15px;color:var(--muted);margin-bottom:0}.beta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:58px 0}.beta h2{font-size:32px;margin:0 0 10px}.beta p{color:var(--muted);max-width:640px;margin:0}.text-link{white-space:nowrap;color:var(--lime);font-size:15px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 35px;color:var(--muted);font-size:12px}footer div{display:flex;gap:24px}.document{max-width:780px;margin:0 auto;padding:60px 0 80px}.document h1{font-size:56px;letter-spacing:-2.6px;margin:18px 0 22px}.document h2{margin-top:38px}.document p,.document li{color:var(--muted);font-size:17px;line-height:1.75}.document li{margin:10px 0}.document a{color:var(--lime)}.document .lead{font-size:22px;color:var(--ink)}.note{background:var(--panel);border-left:3px solid var(--lime);padding:18px 22px;margin:28px 0}.note p{margin:0}details{border-bottom:1px solid var(--line);padding:21px 0}summary{font-weight:650;font-size:18px;cursor:pointer;line-height:1.5}details p{margin-bottom:0}.contact{overflow-wrap:anywhere}.small{font-size:13px!important}::selection{background:var(--lime);color:var(--bg)}@media(max-width:740px){.wrap{padding:0 24px}header{padding:22px 0}.brand{font-size:17px}.brand img{width:34px;height:34px}nav{gap:16px;font-size:13px}.hero{grid-template-columns:1fr;gap:15px;min-height:0;padding:48px 0 36px}h1{letter-spacing:-2.5px;font-size:60px}.intro{font-size:17px}.art{width:80%;max-width:330px;margin:5px auto 10px}.features{grid-template-columns:1fr;gap:30px;padding:32px 0}.features h2{margin:10px 0}.beta{display:block;padding:38px 0}.beta .text-link{display:inline-block;margin-top:22px}footer{align-items:flex-start;flex-direction:column;gap:20px}.document{padding:40px 0 55px}.document h1{font-size:44px}.document p,.document li{font-size:16px}.document .lead{font-size:20px}}@media(prefers-reduced-motion:no-preference){.art img{animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px) rotate(-5deg)}}}

.promise{font-size:18px;font-weight:650;line-height:1.5;margin:20px 0 0}.features{border-bottom:0}footer{margin-top:28px}@media(max-width:740px){.promise{font-size:17px}h1{font-size:clamp(40px,9vw,60px)}.art{max-width:250px;width:65%;margin:18px auto}.hero{gap:10px}}@media(max-width:370px){.wrap{padding:0 18px}.brand{gap:8px;font-size:16px}nav{gap:12px}}

.privacy-note{max-width:460px;margin:26px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.hero h1{margin-top:0}@media(max-width:740px){.hero{padding-top:36px}.privacy-note{font-size:14px}.art{max-width:200px;margin:14px auto}}

/* Primary links on document pages retain readable dark text on lime. */
.document .button{color:var(--bg)}

/* Full-width landing page; document pages retain their reading measure. */
.landing{--gutter:clamp(20px,4vw,96px);overflow-x:clip}
.landing .wrap{width:100%;max-width:none;padding-inline:var(--gutter)}
.landing header{position:relative;z-index:2}
.landing .hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,120px);padding:60px 0 72px}
.landing .hero>div:not(.equipment-scene){position:relative;z-index:1;min-width:0}
.landing .hero h1{font-size:clamp(56px,6vw,112px);letter-spacing:-.055em;max-width:10ch}
.landing .intro{font-size:clamp(17px,1.3vw,21px);max-width:38ch}
.landing .privacy-note{max-width:48ch}
.hero-product{display:flex;align-items:center;flex-direction:column;gap:24px}
.phone{display:block;overflow:hidden;border-radius:32px;background:#141711;box-shadow:0 0 0 1px #ffffff1a,0 18px 45px #0004;line-height:0;max-width:100%;width:100%;transition:box-shadow .2s}
.phone:hover{box-shadow:0 0 0 2px var(--lime),0 22px 55px #0005}
.phone img{display:block;width:100%;height:auto}
.hero-product .phone{width:clamp(250px,21vw,340px);transform:rotate(3deg)}
.product-caption{color:var(--muted);font-size:13px;letter-spacing:.2px}
.feature-story{border-top:1px solid var(--line);scroll-margin-top:24px}
.section-heading{position:relative;isolation:isolate;padding:64px 0 34px}
.section-heading>p,.section-heading>h2{position:relative;z-index:1}
.section-heading h2{font-size:clamp(40px,4.5vw,72px);letter-spacing:-.045em;line-height:1.05;margin:16px 0 22px}
.sample-note{color:var(--muted);font-size:13px;margin:0;max-width:440px}
.feature-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,4vw,100px);padding:48px 0;border-bottom:1px solid var(--line);align-items:center;position:relative;isolation:isolate}
.feature-copy{position:relative;z-index:1;min-width:0}
.feature-copy h3{font-size:clamp(28px,2.7vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.04em;margin:18px 0;max-width:14ch}
.feature-copy p{font-size:clamp(16px,1.1vw,19px);line-height:1.65;color:var(--muted);margin:0;max-width:34ch}
.number{font-size:12px;letter-spacing:2px}
.extra-view{display:inline-block;margin-top:20px;color:var(--lime);font-size:13px}
.screen-pair{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,64px);align-items:start;padding:40px clamp(20px,3vw,64px) 24px;border-radius:36px;background:#1b2316e8}
.feature-02 .screen-pair,.feature-05 .screen-pair{background:#19211fe8}
.feature-04 .screen-pair{background:#24231ce8}
.feature-06 .screen-pair{background:#222623ed}
.screen-pair figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.screen-pair figure:nth-child(2){padding-top:48px}
.screen-pair .phone{max-width:360px;border-radius:clamp(22px,2vw,36px)}
.screen-pair figcaption{text-align:center;font-size:13px;font-weight:550;color:var(--muted);line-height:1.5;min-height:36px;padding:0 4px}
.screen-pair:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.closing{position:relative;isolation:isolate;padding:86px 0 80px}
.closing>h2,.closing>p,.closing>.button{position:relative;z-index:1}
.closing h2{font-size:clamp(48px,5vw,84px);letter-spacing:-.045em;line-height:1.03;margin:0 0 24px}
.closing h2 em{font-style:normal;color:var(--lime)}
.closing p{color:var(--muted);margin:0}
.landing footer{margin-top:0;position:relative}

/* The decoration layer clips only itself, never links or their focus rings. */
.equipment-scene{position:absolute;inset:0 calc(-1 * var(--gutter));overflow:hidden;overflow:clip;pointer-events:none;user-select:none;z-index:0}
.motif{position:absolute;width:var(--size,180px);height:auto;aspect-ratio:1;object-fit:contain;opacity:var(--fade,.11);transform:rotate(var(--angle,0deg));pointer-events:none}
.motif-1{--duration:32s;--delay:-9s;--angle:-12deg;--dx:14px;--dy:-18px;--turn:7deg}
.motif-2{--duration:27s;--delay:-18s;--angle:16deg;--dx:-12px;--dy:15px;--turn:-9deg}
.motif-3{--duration:38s;--delay:-26s;--angle:-20deg;--dx:18px;--dy:12px;--turn:6deg}
.motif-4{--duration:29s;--delay:-12s;--angle:10deg;--dx:-15px;--dy:-13px;--turn:-7deg}
.motif-5{--duration:35s;--delay:-22s;--angle:22deg;--dx:12px;--dy:20px;--turn:8deg}
.motif-6{--duration:25s;--delay:-7s;--angle:8deg;--dx:16px;--dy:-12px;--turn:-6deg}
.scene-hero .motif-1{--size:clamp(350px,39vw,740px);--fade:.13;right:-9%;top:-8%}
.scene-hero .motif-2{--size:clamp(96px,10vw,180px);--fade:.13;left:43%;top:5%}
.scene-hero .motif-3{--size:clamp(105px,10vw,190px);left:51%;bottom:12%}
.scene-hero .motif-4{--size:clamp(100px,12vw,220px);--fade:.08;left:7%;top:-8%}
.scene-hero .motif-5{--size:clamp(230px,24vw,440px);--fade:.085;left:-10%;bottom:-22%}
.scene-hero .motif-6{--size:clamp(80px,7vw,130px);--fade:.15;right:8%;bottom:5%}
.scene-heading .motif-1{--size:clamp(190px,21vw,360px);right:12%;top:-13%;--fade:.13}
.scene-heading .motif-2{--size:clamp(75px,7vw,120px);right:4%;bottom:8%;--fade:.15}
.scene-feature .motif-1{--size:clamp(180px,19vw,340px);left:-5%;top:0;--fade:.08}
.scene-feature .motif-2{--size:clamp(86px,8vw,150px);left:25%;bottom:8%;--fade:.14}
.scene-feature .motif-3{--size:clamp(125px,15vw,270px);right:-6%;bottom:2%;--fade:.12}
.feature-row:nth-of-type(even) .motif-1{top:auto;bottom:1%;--angle:24deg;--delay:-17s}
.feature-row:nth-of-type(even) .motif-2{bottom:auto;top:8%;left:28%;--delay:-4s}
.scene-closing .motif-1{--size:clamp(250px,29vw,520px);right:8%;top:2%;--fade:.14}
.scene-closing .motif-2{--size:clamp(110px,12vw,200px);right:41%;bottom:8%;--fade:.12}
.scene-closing .motif-3{--size:clamp(70px,8vw,140px);right:3%;top:6%;--fade:.16}
.scene-closing .motif-4{--size:clamp(120px,14vw,240px);left:28%;top:-10%;--fade:.09}
@media(prefers-reduced-motion:no-preference){
  .motif{animation:equipment-float var(--duration,30s) ease-in-out var(--delay,0s) infinite}
  @keyframes equipment-float{50%{transform:translate(var(--dx,12px),var(--dy,-16px)) rotate(calc(var(--angle,0deg) + var(--turn,6deg)))}}
}
@media(prefers-reduced-motion:reduce){.motif{animation:none}.phone{transition:none}}
@media(prefers-contrast:more){.equipment-scene{display:none}.feature-copy p,.sample-note,.screen-pair figcaption,.product-caption{color:var(--ink)}}

@media(max-width:1000px){
  .landing .hero{gap:30px}
  .landing .hero h1{font-size:clamp(48px,6vw,64px)}
  .feature-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:28px}
  .screen-pair{gap:20px;padding:28px 20px 16px}
  .feature-copy h3{font-size:30px}
}
@media(max-width:800px){
  .feature-row{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0}
  .feature-copy h3{max-width:24ch;margin:12px 0}
  .feature-copy p{max-width:48ch}
  .screen-pair{gap:36px;padding:32px 36px 16px}
  .screen-pair .phone{max-width:280px}
  .scene-feature .motif-1{left:auto;right:-5%;top:-2%;--size:220px;--fade:.1}
  .scene-feature .motif-2,.feature-row:nth-of-type(even) .motif-2{left:52%;top:4%;bottom:auto;--size:80px;--fade:.09}
  .feature-row:nth-of-type(even) .motif-1{top:-2%;bottom:auto;--angle:18deg}
  .scene-feature .motif-3{right:auto;left:-4%;bottom:3%;--size:160px}
}
@media(max-width:600px){
  .landing{--gutter:20px}
  .landing header{gap:12px;padding:22px 0}
  .landing nav{gap:16px;font-size:12px}
  .landing .hero{grid-template-columns:minmax(0,1fr);gap:38px;padding:44px 0 48px}
  .landing .hero h1{font-size:clamp(48px,10vw,64px);max-width:none}
  .landing .intro{font-size:17px}
  .hero-product .phone{width:clamp(238px,57vw,290px);transform:rotate(2deg)}
  .scene-hero .motif-1{--size:370px;right:-45%;top:23%;--fade:.11}
  .scene-hero .motif-2{--size:95px;left:auto;right:3%;top:2%;--fade:.08}
  .scene-hero .motif-3{--size:100px;left:-2%;bottom:34%;--fade:.13}
  .scene-hero .motif-4{--size:100px;left:40%;top:38%;--fade:.09}
  .scene-hero .motif-5{--size:230px;left:-31%;bottom:-2%;--fade:.12}
  .scene-hero .motif-6{--size:85px;right:0;bottom:7%}
  .section-heading{padding:42px 0 24px}
  .section-heading h2{font-size:40px}
  .section-heading>p,.section-heading>h2{max-width:31ch}
  .scene-heading .motif-1{--size:200px;right:-20%;top:5%;--fade:.1}
  .scene-heading .motif-2{--size:64px;right:20%;bottom:6%;--fade:.1}
  .feature-copy h3{font-size:30px;max-width:22ch}
  .screen-pair{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;gap:20px;padding:24px 14px 16px;border-radius:24px;scroll-padding-inline:14px}
  .screen-pair figure{flex:0 0 min(260px,72vw);scroll-snap-align:start}
  .screen-pair figure:nth-child(2){padding-top:0}
  .screen-pair .phone{max-width:none;border-radius:29px}
  .screen-pair figcaption{font-size:12px}
  .closing{padding:60px 0}
  .closing h2{font-size:48px}
  .scene-closing .motif-1{--size:270px;right:-35%;top:14%;--fade:.12}
  .scene-closing .motif-2{--size:90px;right:19%;bottom:5%}
  .scene-closing .motif-3{--size:65px;right:8%;top:1%;--fade:.1}
  .scene-closing .motif-4{--size:115px;left:40%;top:-7%;--fade:.07}
}
@media(max-width:380px){
  .landing{--gutter:18px}
  .landing nav a:last-child{display:none}
  .section-heading h2{font-size:36px}
  .feature-copy h3{font-size:28px}
  .landing .hero h1{font-size:48px}
}