:root{--lime:#b7e229;--ink:#182018;--muted:#697269;--paper:#f7f8f4;--white:#fff;--line:rgba(24,32,24,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:82px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand b{color:#82b400}.paw{width:28px;height:28px;border-radius:50% 50% 45% 45%;background:var(--lime);color:transparent;position:relative}.paw:before{content:"•••";position:absolute;color:var(--ink);font-size:15px;letter-spacing:2px;top:-13px;left:1px}.tag{font-size:13px;font-weight:700;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.6)}main{max-width:1440px;margin:auto}.hero{min-height:780px;padding:70px 5vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.2em;font-weight:800;color:#668600;margin:0 0 20px}.hero h1,.story h2,.section-head h2,.boundary h2{font-size:clamp(44px,5.4vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:#79a700}.lead{max-width:630px;font-size:19px;line-height:1.7;color:var(--muted);margin:28px 0 34px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}.benefits article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:var(--white);padding:18px;border-radius:18px;border:1px solid var(--line)}.benefits strong{color:#77a000;font-size:13px}.benefits span{font-size:14px;line-height:1.5;font-weight:650}.cta{display:inline-flex;gap:18px;align-items:center;background:var(--ink);color:white;text-decoration:none;padding:16px 22px;border-radius:999px;font-size:14px;font-weight:800}.cta span{color:var(--lime);font-size:20px}.hero-visual{position:relative;height:700px;display:grid;place-items:center}.phone{margin:0;border:9px solid #121712;border-radius:42px;overflow:hidden;background:#fff;box-shadow:0 35px 100px rgba(24,32,24,.22)}.phone img{display:block;width:100%;height:auto}.hero-phone{width:min(345px,62%);transform:rotate(3deg);position:relative;z-index:2}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:510px;height:510px;background:var(--lime);opacity:.86}.orb-b{width:290px;height:290px;background:#dff49a;right:3%;top:3%}.float-card{position:absolute;z-index:3;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding:18px 20px;border-radius:18px;box-shadow:0 20px 45px rgba(24,32,24,.14);width:220px}.float-card b,.float-card span{display:block}.float-card b{font-size:14px;margin-bottom:5px}.float-card span{font-size:12px;color:var(--muted);line-height:1.45}.card-order{left:0;top:18%}.card-track{right:-2%;bottom:18%}.story{background:var(--ink);color:#fff;border-radius:42px;padding:90px 6vw;margin:0 2vw}.story h2{font-size:clamp(38px,4.4vw,66px);max-width:1050px}.story .eyebrow{color:var(--lime)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);margin-top:70px}.story-grid>div{background:var(--ink);padding:34px 30px}.story-grid span{color:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.story-grid p{color:#bfc8bf;line-height:1.75;margin:16px 0 0}.screens{padding:130px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2{font-size:clamp(38px,4vw,64px);max-width:720px}.screen-tabs{display:flex;gap:6px;flex-wrap:wrap}.screen-tabs button{border:1px solid var(--line);background:white;padding:12px 17px;border-radius:999px;font:700 13px Manrope;color:var(--ink);cursor:pointer;transition:.25s}.screen-tabs button:hover,.screen-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.screen-stage{margin-top:60px;min-height:760px;border-radius:36px;background:#e7f2bd;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 7vw;overflow:hidden;position:relative}.screen-stage:after{content:"";position:absolute;width:520px;height:520px;background:var(--lime);border-radius:50%;right:7%;top:12%;opacity:.8}.screen-copy{position:relative;z-index:2;max-width:470px}.step{font-size:13px;font-weight:800;letter-spacing:.18em;color:#648000}.screen-copy h3{font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:-.05em;margin:18px 0}.screen-copy>p{font-size:18px;color:#505b50;line-height:1.7}.concept-note{margin-top:34px;border-top:1px solid rgba(24,32,24,.18);padding-top:22px;font-size:12px;line-height:1.6;color:#596359}.stage-phone{width:340px;justify-self:center;position:relative;z-index:2;transition:opacity .22s,transform .22s}.stage-phone.switching{opacity:0;transform:translateY(15px)}.flow{padding:40px 5vw 130px}.flow-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;border-top:1px solid var(--line);padding-top:35px}.flow-line>div{display:flex;gap:15px;align-items:start}.flow-line b{font-size:12px;color:#77a000}.flow-line span{font-weight:700;line-height:1.5}.flow-line i{font-style:normal;color:#90a090;font-size:24px;padding:0 12px}.boundary{margin:0 2vw 80px;padding:70px 5vw;border-radius:36px;background:var(--lime);display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw}.boundary .eyebrow{color:#486200}.boundary h2{font-size:clamp(38px,4vw,62px)}.boundary>p{font-size:17px;line-height:1.8;margin:0;color:#384238}footer{max-width:1440px;margin:auto;padding:34px 5vw 50px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
@media(max-width:900px){.tag{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-visual{height:630px}.benefits{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.screen-stage{grid-template-columns:1fr;padding:45px 24px}.screen-copy{text-align:center;margin:auto}.stage-phone{margin-top:40px;width:min(330px,90%)}.screen-stage:after{right:50%;transform:translateX(50%);top:auto;bottom:4%;width:390px;height:390px}.flow-line{grid-template-columns:1fr;gap:18px}.flow-line i{transform:rotate(90deg);justify-self:center}.boundary{grid-template-columns:1fr}.card-order{left:1%}.card-track{right:1%}}@media(max-width:560px){.topbar{height:70px}.hero{padding-left:22px;padding-right:22px}.hero h1{font-size:45px}.lead{font-size:16px}.hero-visual{height:560px}.hero-phone{width:250px}.float-card{width:170px;padding:14px}.card-order{top:12%}.card-track{bottom:10%}.story{margin:0 10px;padding:60px 24px;border-radius:28px}.story h2{font-size:38px}.screens{padding:90px 22px}.screen-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.screen-stage{margin-top:35px;border-radius:28px}.screen-copy h3{font-size:38px}.flow{padding:10px 22px 90px}.boundary{margin:0 10px 50px;padding:55px 24px;border-radius:28px}.boundary h2{font-size:38px}footer{padding:28px 22px;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-phone{transition:none}}