.os-landing{--brand-blue:#06c;--white:#fff;--off-white:#f5f5f7;--near-black:#1d1d1f;--blue-700:#004a99;--blue-600:#0055b3;--blue-500:#06c;--blue-400:#2b86dd;--blue-200:#9dc7ee;--blue-100:#e6f0fb;--gray-900:#1d1d1f;--gray-800:#2c2c2e;--gray-700:#48484a;--gray-600:#6e6e73;--gray-500:#86868b;--gray-400:#aeaeb2;--gray-300:#d2d2d7;--gray-200:#e3e3e8;--gray-100:#f5f5f7;--gray-50:#fbfbfd;--green-500:#248a3d;--green-100:#e4f3e8;--amber-500:#ffcc03;--amber-100:#fff3c2;--red-500:#d70015;--red-100:#fbe4e6;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-inverse:var(--white);--text-link:var(--brand-blue);--text-on-accent:var(--white);--surface-page:var(--white);--surface-muted:var(--off-white);--surface-card:var(--white);--surface-raised:var(--gray-50);--surface-inverse:var(--near-black);--surface-accent:var(--brand-blue);--surface-accent-tint:var(--blue-100);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-subtle:var(--gray-200);--border-accent:var(--brand-blue);--accent:var(--brand-blue);--accent-hover:var(--blue-400);--accent-pressed:var(--blue-600);--focus-ring:#0066cc59;--status-success:var(--green-500);--status-success-surface:var(--green-100);--status-warning:var(--amber-500);--status-warning-surface:var(--amber-100);--status-danger:var(--red-500);--status-danger-surface:var(--red-100);--font-sans:"Helvetica Neue", Helvetica, Arial, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--weight-roman:400;--weight-medium:500;--weight-bold:700;--text-display-2xl:80px;--text-display-xl:64px;--text-display-lg:48px;--text-h1:40px;--text-h2:32px;--text-h3:24px;--text-h4:21px;--text-lg:19px;--text-body:17px;--text-sm:15px;--text-xs:13px;--text-2xs:11px;--leading-tight:1.07;--leading-snug:1.2;--leading-normal:1.47;--leading-relaxed:1.6;--tracking-tighter:-.025em;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:0;--tracking-caps:.06em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--gutter:24px;--page-max:1200px;--page-pad:22px;--section-y:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--radius-circle:50%;--border-width:1px;--border-hairline:.5px;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 3px #0000000f, 0 6px 18px #0000000d;--shadow-overlay:0 18px 48px #00000024;--shadow-focus:0 0 0 2px var(--focus-ring);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.24s;--duration-slow:.4s;--z-sticky:100;--z-overlay:1000;--z-modal:1100;--z-toast:1200;background:var(--surface-page);width:100%;color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-roman);font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth;overflow-x:hidden}.os-landing *,.os-landing :before,.os-landing :after{box-sizing:border-box}.os-landing h1,.os-landing h2,.os-landing h3,.os-landing h4,.os-landing h5,.os-landing h6{font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-wrap:balance;margin:0}.os-landing p{text-wrap:pretty;margin:0}.os-landing a{color:#06c;text-decoration:none}.os-landing a:hover{opacity:.82}.os-landing button{font-family:inherit}.os-landing ::selection{color:#fff;background:#06c}.os-landing :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.os-landing code,.os-landing pre,.os-landing kbd{font-family:var(--font-mono)}.os-landing .os-btn{font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:var(--accent);color:var(--text-on-accent);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex}.os-landing .os-btn:hover{background:var(--accent-hover);opacity:1;text-decoration:none}.os-landing .os-btn:active{background:var(--accent-pressed)}.os-landing .os-btn-md{font-size:var(--text-body);height:42px;padding:10px 20px}.os-landing .os-btn-lg{font-size:var(--text-lg);height:50px;padding:13px 26px}.os-landing{animation:none}@keyframes osdash{0%{stroke-dashoffset:640px}to{stroke-dashoffset:0}}@keyframes osFloat{0%,to{transform:translate(0, 0) rotate(var(--r,0deg))}50%{transform:translate(4px, -5px) rotate(var(--r,0deg))}}@keyframes osDashFlow{to{stroke-dashoffset:-26px}}@keyframes osPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.afterbox{color:#6e6e73;text-align:center;letter-spacing:-.01em;background:#d2d2d7;border-radius:8px;justify-content:center;align-items:center;padding:2px;font-size:clamp(9px,1.05vw,12px);font-weight:500;line-height:1.1;animation:4s cubic-bezier(.16,1,.3,1) infinite afterFlash;display:flex}@keyframes afterFlash{0%{color:#6e6e73;background:#d2d2d7}3%{color:#fff;background:#06c}12%{color:#6e6e73;background:#d2d2d7}to{color:#6e6e73;background:#d2d2d7}}.wire{opacity:0;animation:4s linear infinite wireFlow}@keyframes wireFlow{0%{stroke-dashoffset:100px;opacity:0}2%{opacity:1}12%{stroke-dashoffset:0;opacity:1}17%{opacity:0}to{opacity:0;stroke-dashoffset:0}}@keyframes osPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.timeline{max-width:900px;margin:0 auto;padding:0;list-style:none}.tl-step{grid-template-columns:48px auto minmax(0,1fr);align-items:center;gap:clamp(18px,2.6vw,34px);padding-bottom:clamp(30px,4vw,50px);display:grid;position:relative}.tl-step:last-child{padding-bottom:0}.tl-step:not(:last-child):before{content:"";z-index:0;background:#d2d2d7;width:2px;position:absolute;top:48px;bottom:0;left:24px;transform:translate(-1px)}.tl-num{z-index:1;color:#06c;background:#fff;border:1px solid #d2d2d7;border-radius:50%;justify-content:center;align-self:start;align-items:center;width:48px;height:48px;font-size:15px;font-weight:500;display:flex;position:relative}.tl-body h3{letter-spacing:-.01em;color:#1d1d1f;margin:0 0 .4em;font-size:clamp(19px,2vw,22px);font-weight:500;line-height:1.2}.tl-body p{color:#6e6e73;max-width:52ch;font-size:16px;line-height:1.5}.tl-anim{--scale:1.5;width:calc(92px * var(--scale));height:calc(92px * var(--scale));background:#f5f5f7;border:1px solid #e3e3e8;border-radius:18px;position:relative;overflow:hidden}.tl-stage{width:92px;height:92px;transform:translate(-50%, -50%) scale(var(--scale));transform-origin:50%;position:absolute;top:50%;left:50%}@media (max-width:760px){.tl-anim{display:none}.tl-step{grid-template-columns:48px 1fr}}.anim-1 .fig{background:#06c;border-radius:50%;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%}.anim-1 .fig.l{left:6%}.anim-1 .fig.r{right:6%}.anim-1 .talk{align-items:center;gap:3px;height:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anim-1 .talk i{transform-origin:50%;background:#06c;border-radius:2px;width:2.5px;height:100%;animation:1s ease-in-out infinite tlTalk;transform:scaleY(.25)}.anim-1 .talk i:first-child{animation-delay:0s}.anim-1 .talk i:nth-child(2){animation-delay:.15s}.anim-1 .talk i:nth-child(3){animation-delay:.3s}.anim-1 .talk i:nth-child(4){animation-delay:.15s}.anim-1 .talk i:nth-child(5){animation-delay:0s}@keyframes tlTalk{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.anim-2 .grid{background-image:radial-gradient(circle,#0066cc4d 1.5px,#0000 2px);background-size:33.3% 33.3%;position:absolute;inset:24%}.anim-2 .mag{animation:5s linear infinite tlMag;position:absolute;top:28%;left:28%;transform:translate(-50%,-50%)}.anim-2 .mag .lens{background:#0066cc0f;border:2.5px solid #06c;border-radius:50%;width:20px;height:20px;display:block;position:relative}.anim-2 .mag .lens:after{content:"";transform-origin:0;background:#06c;border-radius:2px;width:10px;height:3px;position:absolute;top:14px;left:14px;transform:rotate(45deg)}@keyframes tlMag{0%,to{top:28%;left:28%}25%{top:28%;left:72%}50%{top:72%;left:72%}75%{top:72%;left:28%}}.anim-3 .pin{background:#06c;border-radius:50% 50% 50% 0;width:17px;height:17px;margin-left:-8.5px;animation:2.6s ease-in-out infinite tlDrop;position:absolute;top:6%;left:50%;transform:rotate(-45deg)}.anim-3 .pin:after{content:"";background:#f5f5f7;border-radius:50%;position:absolute;inset:5px}.anim-3 .ripple{opacity:0;border:2px solid #06c;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;animation:2.6s ease-out infinite tlRipple;position:absolute;top:54%;left:50%}@keyframes tlDrop{0%{opacity:0;top:4%}14%{opacity:1}40%{top:34%}48%{top:29%}56%{top:34%}82%{opacity:1;top:34%}94%,to{opacity:0;top:34%}}@keyframes tlRipple{0%,38%{opacity:0;transform:scale(.25)}44%{opacity:.9;transform:scale(.55)}80%{opacity:0;transform:scale(3.2)}to{opacity:0}}.anim-4 .lk{stroke:#06c;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;animation:5s ease-in-out infinite bpLink}.anim-4 .nd{fill:#06c;transform-box:fill-box;transform-origin:50%;opacity:0;animation:5s ease-in-out infinite bpNode}.anim-4 .ring{fill:none;stroke:#06c;stroke-width:1.8px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:5s ease-out infinite bpPing}@keyframes bpNode{0%,8%{opacity:0;transform:scale(0)}12%{opacity:1;transform:scale(1.5)}17%{transform:scale(1)}86%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(.4)}}@keyframes bpLink{0%,12%{stroke-dashoffset:100px;opacity:0}15%{opacity:.6}32%{stroke-dashoffset:0}86%{stroke-dashoffset:0;opacity:.6}95%,to{opacity:0}}@keyframes bpPing{0%,8%{opacity:0;transform:scale(.4)}13%{opacity:.85;transform:scale(1)}28%{opacity:0;transform:scale(2.6)}to{opacity:0}}.anim-5 .board{background:#06c;height:15%;position:absolute;bottom:0;left:0;right:0}.anim-5 .nail{background:#8a9099;border-radius:1px 1px 0 0;width:3px;height:22%;margin-left:-1.5px;animation:1.5s cubic-bezier(.3,0,.45,1) infinite tlSink;position:absolute;bottom:15%;left:50%}.anim-5 .nail:before{content:"";background:#8a9099;border-radius:2px;width:11px;height:3.5px;position:absolute;top:-2.5px;left:-4px}.anim-5 .hammer{transform-origin:96% 54%;width:80%;height:80%;animation:1.5s cubic-bezier(.5,0,.5,1) infinite tlHammer;position:absolute;top:7%;left:10%}.anim-5 .spark{opacity:0;width:12px;height:12px;margin-left:-6px;animation:1.5s ease-out infinite tlSpark;position:absolute;top:60%;left:50%}.anim-5 .spark i{transform-origin:50%;background:#06c;border-radius:1px;width:2px;height:6px;margin:-3px 0 0 -1px;position:absolute;top:50%;left:50%}.anim-5 .spark i:first-child{transform:rotate(0)translateY(-4px)}.anim-5 .spark i:nth-child(2){transform:rotate(72deg)translateY(-4px)}.anim-5 .spark i:nth-child(3){transform:rotate(-72deg)translateY(-4px)}@keyframes tlHammer{0%,34%{transform:rotate(58deg)}48%{transform:rotate(0)}57%{transform:rotate(13deg)}65%{transform:rotate(0)}73%{transform:rotate(9deg)}to{transform:rotate(58deg)}}@keyframes tlSink{0%,44%{transform:translateY(0)}50%{transform:translateY(4px)}78%,to{transform:translateY(0)}}@keyframes tlSpark{0%,44%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}66%{opacity:0;transform:scale(1.5)}to{opacity:0}}.anim-6 .env{width:62px;height:42px;margin:auto;animation:5.2s ease-in-out infinite envMove;position:absolute;inset:0}.anim-6 .ebody{background:#fff;border:2.5px solid #06c;border-radius:5px;position:absolute;inset:0}.anim-6 .eflap{width:100%;height:100%;position:absolute;inset:0}.anim-6 .eflap path{stroke:#06c;stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.anim-6 .seal{background:#06c;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:55%;left:50%}.anim-6 .clickring{opacity:0;border:2px solid #06c;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:5.2s ease-out infinite clickPulse;position:absolute;top:55%;left:50%}.anim-6 .cursor{z-index:3;width:15px;height:21px;animation:5.2s ease-in-out infinite curMove;position:absolute;top:50%;left:50%}.anim-6 .cursor path{fill:#fff;stroke:#1d1d1f;stroke-width:1.4px;stroke-linejoin:round}@keyframes envMove{0%{opacity:0;transform:translate(-155%)}8%{opacity:1}22%{opacity:1;transform:translate(0)}74%{opacity:1;transform:translate(0)}86%{opacity:1;transform:translate(160%)}90%{opacity:0}to{opacity:0;transform:translate(160%)}}@keyframes curMove{0%,22%{opacity:0;transform:translate(40px,46px)}27%{opacity:1;transform:translate(40px,46px)}45%{opacity:1;transform:translateY(2px)}51%{opacity:1;transform:translate(-1px)scale(.8)}57%{opacity:1;transform:translateY(2px)scale(1)}76%{opacity:1;transform:translate(40px,46px)}80%,to{opacity:0;transform:translate(40px,46px)}}@keyframes clickPulse{0%,48%{opacity:0;transform:scale(.3)}54%{opacity:.95;transform:scale(1)}66%{opacity:0;transform:scale(2)}to{opacity:0}}.anim-7 .plat{background:#06c;height:2.5px;position:absolute;bottom:26%;left:0;right:0}.anim-7 .rs{opacity:0;width:22px;height:22px;animation:3s linear infinite tlRoll;position:absolute;bottom:27%}.anim-7 .rs .wheel{background:#eef4fb;border:2.5px solid #06c;border-radius:50%;width:100%;height:100%;display:block;position:relative}.anim-7 .rs .wheel:before,.anim-7 .rs .wheel:after{content:"";background:#06c;width:2px;height:96%;margin-top:-48%;margin-left:-1px;position:absolute;top:50%;left:50%}.anim-7 .rs .wheel:after{transform-origin:50%;transform:rotate(90deg)}.anim-7 .r1{animation-delay:0s}.anim-7 .r2{animation-delay:1s}.anim-7 .r3{animation-delay:2s}@keyframes tlRoll{0%{opacity:0;left:-18%;transform:rotate(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;left:100%;transform:rotate(720deg)}}.anim-8 .gear{fill:#06c;transform-origin:50%;position:absolute}.anim-8 .g-big{width:48px;height:48px;animation:6s linear infinite tlSpin;top:16%;left:16%}.anim-8 .g-small{width:30px;height:30px;animation:4.5s linear infinite tlSpinR;top:52%;left:52%}@keyframes tlSpin{to{transform:rotate(360deg)}}@keyframes tlSpinR{to{transform:rotate(-360deg)}}.accordion{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.acc-item{background:#fff;border:1px solid #d2d2d7;border-radius:12px;transition:box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .24s;overflow:hidden}.acc-item.open{border-color:#c9d6e6;box-shadow:0 6px 20px #00000014}.acc-head{cursor:pointer;text-align:left;color:#1d1d1f;letter-spacing:-.01em;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:clamp(20px,2.6vw,26px) clamp(20px,2.8vw,30px);font-family:inherit;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.25;display:flex}.acc-head:hover{background:#f5f5f7}.acc-head .acc-chev{color:#06c;flex:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.acc-item.open .acc-head .acc-chev{transform:rotate(180deg)}.acc-panel{max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.acc-item.open .acc-panel{max-height:2400px}.acc-inner{padding:clamp(8px,1.5vw,16px) clamp(20px,2.8vw,30px) clamp(28px,3.4vw,40px)}.acc-inner .timeline .tl-step:first-child{padding-top:4px}