.os{--os-green:#0bbf64;--os-mint:#7cffb2;--os-teal:#26f2d6;--os-deep:#00822f;--os-panel-top:#103322;--os-panel-bottom:#05150c;--os-slab:#03200f;--os-text-on-panel:#f3fff7;--os-soft-on-panel:#b5d6c3;--os-muted-on-panel:#6fa487;--os-line:#00000012;--os-card:#fff;--os-card-2:#f6faf8;--os-ink:#0b0f0d;--os-ink-soft:#52605a;overflow-x:clip}@media (prefers-color-scheme:dark){.os{--os-line:#ffffff14;--os-card:#1c1c1c;--os-card-2:#202020;--os-ink:#fff;--os-ink-soft:#a3aaa6}}.os ::selection{background:var(--os-green);color:#fff}.os a:focus-visible,.os button:focus-visible{outline:2px solid var(--os-green);outline-offset:3px;border-radius:12px}.os pre,.os code,.os .os-selectable{-webkit-user-select:text;user-select:text}.os-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (min-width:640px){.os-container{padding-left:28px;padding-right:28px}}.os-section{padding:88px 0;position:relative}@media (min-width:900px){.os-section{padding:120px 0}}.os-section-head{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:760px;margin:0 auto 56px;display:flex}.os-h2{letter-spacing:-.04em;color:var(--os-ink);font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.06}.os-lead{color:var(--os-ink-soft);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.7}.os-grid-bg{pointer-events:none;opacity:.07;background-image:linear-gradient(#0bbf6480 1px,#0000 1px),linear-gradient(90deg,#0bbf6480 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 35%,#0000 78%);mask-image:radial-gradient(at 50% 35%,#000 35%,#0000 78%)}.os-orb{pointer-events:none;filter:blur(80px);border-radius:999px;position:absolute}.os-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--os-green);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0bbf641a;border:1px solid #0bbf6447;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 8px 30px -10px #0bbf6440}.os-eyebrow-dot{background:var(--os-green);width:7px;height:7px;box-shadow:0 0 10px var(--os-green);border-radius:999px;animation:1.8s ease-in-out infinite os-pulse}@keyframes os-pulse{0%,to{opacity:1}50%{opacity:.3}}.os-btn,.os-btn-ghost{letter-spacing:.01em;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-weight:800;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background-color .25s,color .25s,border-color .25s;display:inline-flex}.os-btn{color:#fff;background:linear-gradient(135deg,#0bbf64 0%,#10d97a 100%);box-shadow:0 14px 40px -12px #0bbf6499,inset 0 1px #ffffff59,inset 0 -3px #005a2859}.os-btn:hover{box-shadow:0 20px 50px -12px #0bbf64b3,inset 0 1px #ffffff59,inset 0 -3px #005a2859}.os-btn-ghost{color:var(--os-ink-soft);border:1px solid var(--os-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff05}.os-btn-ghost:hover{color:var(--os-ink);border-color:#0bbf6473}.os-btn:active,.os-btn-ghost:active{transform:scale(.97)}.os-panel{isolation:isolate;color:var(--os-text-on-panel);background:radial-gradient(120% 90% at 15% 0%, #22e07d29, transparent 55%), linear-gradient(180deg, var(--os-panel-top), var(--os-panel-bottom));box-shadow:0 8px 0 0 var(--os-slab), 0 8px 0 1px #0bbf6440, 0 40px 80px -30px #0028128c, 0 18px 40px -20px #00000080;border-radius:28px;position:relative}.os-panel:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(#c9ffe06b,#c9ffe00f 32%,#c9ffe008);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.os-panel.accent{background:radial-gradient(120% 90% at 15% 0,#22e07d3d,#0000 55%),linear-gradient(#134a2c,#061c10)}.os-panel h3{color:var(--os-text-on-panel)}.os-panel p{color:var(--os-soft-on-panel)}.os-panel-muted{color:var(--os-muted-on-panel)}.os-card{background:var(--os-card);border:1px solid var(--os-line);border-radius:24px;position:relative;box-shadow:0 6px #0bbf6414,0 30px 60px -34px #00000059}.os-tile{color:#f2fff7;background:linear-gradient(160deg,#22db73,#00822f);border-radius:17px;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative;box-shadow:0 5px #004f1c,0 14px 26px -10px #00822fa6,inset 0 0 0 1.5px #9bf7c48c}.os-tile:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:13px 13px 10px 10px;height:48%;position:absolute;top:4%;left:7%;right:7%}.os-tile svg{z-index:1;filter:drop-shadow(0 1.5px #00561fbf);position:relative}.os-tile.sm{border-radius:13px;width:44px;height:44px;box-shadow:0 4px #004f1c,0 10px 20px -8px #00822f99,inset 0 0 0 1.5px #9bf7c48c}.os-tile.lg{border-radius:21px;width:76px;height:76px}.os-chip-row{flex-wrap:wrap;gap:8px;display:flex}.os-chip{color:#0a9b52;background:#0bbf641a;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.os-panel .os-chip{color:#9af5c3;background:#0bbf6429}@media (prefers-color-scheme:dark){.os-chip{color:#7cffb2}}.os-code{background:#020a06;border:1px solid #1d4a30e6;border-radius:20px;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009,inset 0 1px #c9ffe014}.os-code-bar{color:var(--os-muted-on-panel);border-bottom:1px solid #1d4a30b3;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.os-code-dots{gap:6px;margin-right:6px;display:flex}.os-code-dots i{border-radius:999px;width:10px;height:10px;display:block}.os-code pre{color:#cfe8d9;margin:0;padding:20px 22px;font-size:13.5px;line-height:1.75;overflow-x:auto}.os-code .t-k{color:#7cffb2}.os-code .t-s{color:#fde68a}.os-code .t-c{color:#5e8c72;font-style:italic}.os-code .t-n{color:#26f2d6}.os-code .t-p{color:#86efac}.os-code .t-t{color:#f3fff7;font-weight:600}.os-table-wrap{border:1px solid var(--os-line);background:var(--os-card);border-radius:20px;overflow-x:auto}.os-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.92rem}.os-table th,.os-table td{text-align:left;border-bottom:1px solid var(--os-line);color:var(--os-ink-soft);vertical-align:top;padding:14px 18px}.os-table th{letter-spacing:.16em;text-transform:uppercase;color:var(--os-green);background:var(--os-card-2);font-size:11px;font-weight:800}.os-table td:first-child{color:var(--os-ink);font-weight:700}.os-table tr:last-child td{border-bottom:0}.os-table code{color:#0a9b52;background:#0bbf641a;border-radius:6px;padding:2px 6px;font-size:.85em}@media (prefers-color-scheme:dark){.os-table code{color:#7cffb2}}.os-marquee{padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.os-marquee-track{gap:14px;width:max-content;animation:38s linear infinite os-marquee;display:flex}.os-marquee:hover .os-marquee-track{animation-play-state:paused}@keyframes os-marquee{to{transform:translate(-50%)}}.os-phone{aspect-ratio:9/18.5;background:linear-gradient(160deg,#173d28,#0b2a1a);border-radius:46px;width:100%;max-width:300px;padding:12px;position:relative;box-shadow:0 10px #021a0c,0 50px 90px -30px #002812b3,inset 0 0 0 1.5px #c9ffe040}.os-phone-screen{background:#03100a;border-radius:36px;height:100%;position:relative;overflow:hidden}.os-phone-notch{z-index:3;background:#000;border-radius:999px;width:88px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.os-photo{border-radius:14px;position:relative;overflow:hidden}.os-photo:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c9ffe038}.os-badge{letter-spacing:.08em;text-transform:uppercase;color:#86efac;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020a06d1;border-radius:7px;align-items:center;gap:5px;padding:3px 7px;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.os-step-dot{z-index:1;color:#f2fff7;background:linear-gradient(160deg,#22db73,#00822f);border-radius:999px;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 4px #004f1c,0 0 0 6px #0bbf641f,0 14px 30px -10px #0bbf6499}@media (prefers-reduced-motion:reduce){.os-eyebrow-dot,.os-marquee-track{animation:none}}
