:root{--ink:#14201C;--muted:#4A5A54;--bg:#F3F5F4;--card:#FFFFFF;--line:#E3EAE7;--line2:#B7C4BE;--green:#0F6B4F;--green-bg:#0F6B4F;--soft-green:#E2F1EA;--tile:#E2F1EA;--amber:#8A5200;--soft-amber:#F6EBD9;--red:#A3201A;--head:rgba(243,245,244,.92);--body:#2C3A35;--shadow:rgba(15,107,79,.14);color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#E6EEEA;--muted:#A9B9B2;--bg:#0E1513;--card:#17211D;--line:#25332E;--line2:#3F534B;--green:#5ED1A5;--green-bg:#0F6B4F;--soft-green:#183B2E;--tile:#2E5A49;--amber:#E6B35C;--soft-amber:#3B2F18;--red:#F28B82;--head:rgba(14,21,19,.92);--body:#CBD8D2;--shadow:rgba(0,0,0,.45);color-scheme:dark}}
:root[data-theme=dark]{--ink:#E6EEEA;--muted:#A9B9B2;--bg:#0E1513;--card:#17211D;--line:#25332E;--line2:#3F534B;--green:#5ED1A5;--green-bg:#0F6B4F;--soft-green:#183B2E;--tile:#2E5A49;--amber:#E6B35C;--soft-amber:#3B2F18;--red:#F28B82;--head:rgba(14,21,19,.92);--body:#CBD8D2;--shadow:rgba(0,0,0,.45);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
a{color:var(--green)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.pilot{background:var(--soft-green);color:var(--green);text-align:center;font-size:13px;font-weight:500;padding:8px 16px;border-bottom:1px solid var(--line)}
header{position:sticky;top:0;z-index:10;background:var(--head);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:10px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:20px;letter-spacing:-.015em}
.links{display:none;gap:22px;margin-left:auto}.links a{color:var(--ink);text-decoration:none;font-size:14px}.btns{display:flex;gap:8px;margin-left:auto;align-items:center}
@media(min-width:860px){.links{display:flex}.btns{margin-left:12px}}
@media(max-width:420px){.btns .btn{height:38px;padding:0 12px;font-size:14px}.logo{font-size:18px}}
.theme{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line2);border-radius:999px;background:var(--card)}
.theme button{border:0;background:transparent;color:var(--ink);font:500 13px/1 inherit;min-width:30px;height:28px;border-radius:999px;cursor:pointer;padding:0 6px}
.theme button[aria-pressed=true]{background:var(--soft-green);box-shadow:inset 0 0 0 1px var(--green)}.theme button:focus-visible,.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.nf{text-align:center;padding:90px 0 70px}.nf .big{font:600 72px/1 'IBM Plex Mono',ui-monospace,monospace;color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:10px;font-weight:500;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,107,79,.2)}.pri{background:var(--green-bg);color:#fff}.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line2)}
.hero{display:grid;gap:40px;padding:56px 0 40px;align-items:center}@media(min-width:860px){.hero{grid-template-columns:1.15fr .85fr;padding:84px 0 64px}}
.eyebrow{font:500 12px 'IBM Plex Mono',ui-monospace,monospace;color:var(--green);letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(34px,6vw,56px);line-height:1.06;margin:12px 0 18px;font-weight:600;letter-spacing:-.02em}h1 em{font-style:normal;color:var(--green)}
h2{font-size:clamp(26px,4vw,36px);line-height:1.15;margin:8px 0 10px;font-weight:600;letter-spacing:-.01em}h3{margin:6px 0;font-size:19px;font-weight:600}
.lead{font-size:18px;color:var(--muted);max-width:560px;margin:0 0 26px}.cta{display:flex;gap:12px;flex-wrap:wrap}
.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--muted)}.trust span:before{content:"■ ";color:var(--green);font-size:10px}
.stage{display:flex;justify-content:center}.sq{position:relative;width:220px;height:220px;animation:turn 1.2s 1.4s cubic-bezier(.6,0,.2,1) both}
.sq .e{position:absolute;background:var(--green);border-radius:3px}.t{top:0;left:0;height:6px;width:100%;transform-origin:left;animation:sx .45s .1s both}
.r{top:0;right:0;width:6px;height:100%;transform-origin:top;animation:sy .45s .5s both}.b{bottom:0;right:0;height:6px;width:100%;transform-origin:right;animation:sx .45s .9s both}
.l{bottom:0;left:0;width:6px;height:100%;transform-origin:bottom;animation:sy .45s 1.3s both}
.q{position:absolute;width:calc(50% - 22px);height:calc(50% - 22px);border-radius:8px;animation:pop .6s both}.q1{top:16px;left:16px;background:var(--green);animation-delay:2.4s}
.q2{top:16px;right:16px;background:var(--soft-green);animation-delay:2.55s}.q3{bottom:16px;left:16px;background:var(--soft-green);animation-delay:2.7s}.q4{bottom:16px;right:16px;background:var(--green);animation-delay:2.85s}
.chip{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 14px;font-size:13px;white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.1);animation:up .6s 3.4s both}.chip b{color:var(--green)}
@keyframes sx{from{transform:scaleX(0)}}@keyframes sy{from{transform:scaleY(0)}}@keyframes turn{from{transform:rotate(45deg) scale(.86)}}@keyframes pop{from{opacity:0;transform:scale(.4)}}@keyframes up{from{opacity:0;transform:translate(-50%,14px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
section{padding:48px 0}.sub{color:var(--muted);margin:0 0 26px;max-width:640px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,107,79,.12);border-color:var(--green)}
.n{font:500 12px 'IBM Plex Mono',ui-monospace,monospace;color:var(--green);letter-spacing:.05em}.card p{margin:0;color:var(--muted);font-size:15px}
.ic{width:40px;height:40px;border-radius:10px;background:var(--soft-green);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.ic i{width:16px;height:16px;border:2.5px solid var(--green);border-radius:3px}
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.plan{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.plan.hi{border:2px solid var(--green);box-shadow:0 16px 40px var(--shadow)}.pname{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;font-size:18px}
.price{font-size:34px;font-weight:600;margin:12px 0 2px;letter-spacing:-.01em}.price small{font-size:15px;color:var(--muted);font-weight:400}.price s{font-size:20px;color:var(--muted);font-weight:400}
.alt{color:var(--muted);font-size:14px}.pill{font-size:12px;font-weight:500;border-radius:999px;padding:3px 10px;background:var(--soft-green);color:var(--green)}.pill.soon{background:var(--soft-amber);color:var(--amber)}
.eb{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:#fff;background:var(--green-bg);border-radius:999px;padding:4px 10px}
.plan ul{list-style:none;padding:0;margin:18px 0 0;font-size:14.5px}.plan li{padding:6px 0 6px 24px;position:relative;border-top:1px solid var(--line)}.plan li:before{content:"✓";position:absolute;left:2px;color:var(--green);font-weight:600}
.plan li.no{color:var(--muted)}.plan li.no:before{content:"–";color:var(--line2)}.plan .btn{width:100%;margin-top:18px}.iva{text-align:center;color:var(--muted);font-size:13px;margin-top:14px}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}summary{cursor:pointer;font-weight:500}details p{color:var(--muted);margin:10px 0 0}
footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:14px;color:var(--muted)}.foot{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;align-items:center}.foot nav{display:flex;gap:18px;flex-wrap:wrap}
.legal{max-width:780px;padding:40px 0 24px}.legal h1{font-size:clamp(30px,5vw,42px)}.legal h2{font-size:21px;margin-top:28px}.legal p,.legal li{color:var(--body)}.legal code{font-size:13px;background:var(--soft-green);padding:1px 5px;border-radius:4px}
:root{--glass:rgba(255,255,255,.78);--glass-line:rgba(15,107,79,.13);--glow1:rgba(15,107,79,.11);--glow2:rgba(94,209,165,.14)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--glass:rgba(23,33,29,.74);--glass-line:rgba(94,209,165,.11);--glow1:rgba(15,107,79,.26);--glow2:rgba(94,209,165,.07)}}
:root[data-theme=dark]{--glass:rgba(23,33,29,.74);--glass-line:rgba(94,209,165,.11);--glow1:rgba(15,107,79,.26);--glow2:rgba(94,209,165,.07)}
body{background:radial-gradient(1100px 560px at 100% -6%,var(--glow1),transparent 62%),radial-gradient(900px 520px at -8% 60%,var(--glow2),transparent 60%),var(--bg);background-attachment:fixed}
.hero{position:relative;overflow:hidden;margin:28px 0 8px;padding:44px 26px 56px;border-radius:28px;color:#E6EEEA;background:linear-gradient(135deg,#0F6B4F 0%,#145A44 38%,#14201C 100%);background-size:160% 160%;box-shadow:0 24px 60px rgba(15,107,79,.22);animation:glow 14s ease-in-out infinite alternate}
@media(min-width:860px){.hero{padding:64px 56px 72px}}
.hero:before{content:"";position:absolute;right:-70px;top:-80px;width:300px;height:300px;border-radius:64px;border:26px solid rgba(94,209,165,.09);transform:rotate(14deg);pointer-events:none}
.hero>*{position:relative;z-index:1}.hero .eyebrow{color:#5ED1A5}.hero h1{color:#fff}.hero h1 em{color:#5ED1A5}.hero .lead{color:#CFE3DA}
.hero .trust{color:#DCE6E2}.hero .trust span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 12px}.hero .trust span:before{content:""}
.hero .pri{background:#5ED1A5;color:#0F2A20;font-weight:600}.hero .pri:hover{box-shadow:0 10px 24px rgba(94,209,165,.35)}
.hero .ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.hero .sq .e,.hero .q1,.hero .q4{background:#5ED1A5}.hero .q2,.hero .q3{background:rgba(255,255,255,.14)}
.hero .chip{background:rgba(255,255,255,.94);color:#14201C;border-color:rgba(255,255,255,.6)}.hero .chip b{color:#0F6B4F}
@keyframes glow{from{background-position:0% 30%}to{background-position:100% 70%}}
.card,.plan,details{background:var(--glass);border:1px solid var(--glass-line);box-shadow:0 1px 2px rgba(20,32,28,.04),0 12px 32px rgba(15,107,79,.07)}
.plan.hi{border:2px solid var(--green)}.ic{background:linear-gradient(135deg,#5ED1A5,#0F6B4F)}.ic i{border-color:#fff}
.pri{background:linear-gradient(135deg,#14946C 0%,#0F6B4F 55%,#0B523C 100%)}
.legal{background:var(--glass);border:1px solid var(--glass-line);border-radius:22px;padding:34px 24px;margin:32px auto}
@media(min-width:700px){.legal{padding:44px 52px}}