.os-timeline{padding:8px 0 4px;position:relative}.os-timeline-label{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:18px;font-size:10px;display:block}.os-timeline-track{grid-template-columns:repeat(6,1fr);gap:10px;display:grid;position:relative}@media (width<=900px){.os-timeline-track{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.os-timeline-track{grid-template-columns:repeat(2,1fr)}}.os-timeline-track:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff66,#b366ff66,#ff3fa466,#0000);height:1px;position:absolute;top:7px;left:0;right:0}.os-tl-node{color:inherit;flex-direction:column;gap:5px;padding:0 4px;text-decoration:none;transition:transform .3s;display:flex}.os-tl-node:hover{transform:translateY(-3px)}.os-tl-dot{border:2px solid var(--cyan);background:var(--bg);width:14px;height:14px;box-shadow:0 0 12px var(--cyan-glow);border-radius:50%;transition:background .3s}.os-tl-node.tone-warn .os-tl-dot{border-color:#ffb84d;box-shadow:0 0 12px #ffb84d80}.os-tl-node.tone-violet .os-tl-dot{border-color:var(--violet);box-shadow:0 0 12px #b366ff80}.os-tl-node.tone-magenta .os-tl-dot{border-color:var(--magenta);box-shadow:0 0 12px #ff3fa480}.os-tl-node:hover .os-tl-dot{background:currentColor}.os-tl-name{font-family:var(--mono);letter-spacing:.1em;color:#ffffffeb;white-space:nowrap;font-size:11px}.os-tl-era{font-family:var(--mono);letter-spacing:.16em;color:var(--fg-mute);text-transform:uppercase;font-size:9px}.os-list{flex-direction:column;gap:44px;display:flex}.os-card{backdrop-filter:blur(14px)saturate(130%);opacity:0;background:radial-gradient(70% 100% at 0%,#00e5ff0f,#0000 60%),linear-gradient(#08111fb3,#040914d9);border:1px solid #ffffff12;border-radius:26px;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:36px;scroll-margin-top:110px;transition:opacity .8s,transform .7s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .45s;display:grid;transform:translateY(26px)}.os-card.in{opacity:1;transform:none}.os-card.flip .os-mock-wrap{order:2}@media (width<=900px){.os-card{grid-template-columns:1fr;gap:26px;padding:24px}.os-card.flip .os-mock-wrap{order:0}}.os-card.tone-cyan:hover{border-color:#00e5ff73;box-shadow:0 30px 80px -20px #00e5ff4d}.os-card.tone-warn:hover{border-color:#ffb84d80;box-shadow:0 30px 80px -20px #ffb84d47}.os-card.tone-violet:hover{border-color:#b366ff80;box-shadow:0 30px 80px -20px #b366ff4d}.os-card.tone-magenta:hover{border-color:#ff3fa480;box-shadow:0 30px 80px -20px #ff3fa44d}.os-mock-wrap{perspective:1000px;position:relative}.os-mock-wrap .os-mock{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.os-mock-shadow{filter:blur(8px);pointer-events:none;background:radial-gradient(#0000008c,#0000 70%);height:30px;position:absolute;bottom:-18px;left:8%;right:8%}.os-head{align-items:center;gap:18px;margin-bottom:14px;display:flex}.os-logo{width:54px;height:54px;color:var(--cyan);filter:drop-shadow(0 0 14px var(--cyan-glow));flex:none}.os-card.tone-warn .os-logo{color:#ffb84d;filter:drop-shadow(0 0 14px #ffb84d8c)}.os-card.tone-violet .os-logo{color:var(--violet);filter:drop-shadow(0 0 14px #b366ff8c)}.os-card.tone-magenta .os-logo{color:var(--magenta);filter:drop-shadow(0 0 14px #ff3fa48c)}.os-name{font-family:var(--display);letter-spacing:-.02em;background:linear-gradient(#fff,#cfe1f5);color:#0000;background-clip:text;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.05}.os-ver{font-family:var(--mono);letter-spacing:.18em;-webkit-text-fill-color:var(--cyan);vertical-align:super;font-size:12px;font-weight:400}.os-card.tone-warn .os-ver{-webkit-text-fill-color:#ffb84d}.os-card.tone-violet .os-ver{-webkit-text-fill-color:var(--violet)}.os-card.tone-magenta .os-ver{-webkit-text-fill-color:var(--magenta)}.os-era{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-size:10px}.os-tagline{font-family:var(--display);letter-spacing:-.01em;color:#fffffff2;margin-bottom:12px;font-size:clamp(18px,2vw,24px);font-weight:600}.os-desc{color:#d8eaffc2;max-width:58ch;margin-bottom:18px;font-size:14px;line-height:1.7}.os-vs{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid #ff3fa466;border-radius:999px;align-items:center;gap:12px;margin-bottom:18px;padding:8px 14px;font-size:10px;display:inline-flex}.os-vs-k{color:var(--fg-mute)}.os-vs-v{color:var(--magenta);text-shadow:0 0 10px #ff3fa480;font-weight:700}.os-specs-label{font-family:var(--mono);letter-spacing:.24em;color:var(--fg-mute);margin-bottom:10px;font-size:9px;display:block}.os-specs-row{flex-wrap:wrap;gap:8px;display:flex}.os-spec{font-family:var(--mono);letter-spacing:.1em;color:#d8eaffcc;opacity:0;transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * 70ms + .25s);background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:10px;transform:translateY(8px)}.os-card.in .os-spec{opacity:1;transform:none}.os-card:hover .osm-tile.t1{transform:translateY(-3px);box-shadow:0 8px 18px #00e5ff59}.os-name a{color:inherit;text-decoration:none}.os-name a:hover{color:var(--cyan)}.os-card-cta{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid #00e5ff66;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 16px;font-size:11px;text-decoration:none;transition:background .3s,transform .3s;display:inline-flex}.os-card.tone-warn .os-card-cta{color:#ffb84d;border-color:#ffb84d66}.os-card.tone-violet .os-card-cta{color:var(--violet);border-color:#b366ff66}.os-card.tone-magenta .os-card-cta{color:var(--magenta);border-color:#ff3fa466}.os-card-cta:hover{background:#00e5ff1a;transform:translate(3px)}.os-mock-wrap{text-decoration:none;display:block;position:relative}.os-mock-open{z-index:4;text-align:center;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#02060fe6);padding:10px;font-size:10px;transition:opacity .3s,transform .3s;position:absolute;inset:auto 0 0;transform:translateY(6px)}.os-mock-wrap:hover .os-mock-open{opacity:1;transform:none}.cmp-lede{color:#d8eaffc7;max-width:68ch;margin:-6px 0 26px;font-size:15px;line-height:1.7}.cmp-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.cmp-tab{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;color:#d8eaffcc;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:9px;padding:9px 15px;font-size:11px;transition:all .25s;display:inline-flex}.cmp-tab-logo{color:currentColor;width:20px;height:20px}.cmp-tab:hover{border-color:#ffffff40;transform:translateY(-2px)}.cmp-tab.on{color:#06101c;border-color:#0000}.cmp-tab.on.tone-cyan{background:var(--cyan)}.cmp-tab.on.tone-warn{background:#ffb84d}.cmp-tab.on.tone-violet{background:var(--violet)}.cmp-tab.on.tone-magenta{background:var(--magenta)}.cmp-tab.on .cmp-tab-logo{color:#06101c}.cmp-board{background:radial-gradient(80% 100% at 0 0,#00e5ff0f,#0000 55%),#04091499;border:1px solid #ffffff14;border-radius:22px;padding:26px 30px}.cmp-head{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:16px;margin-bottom:20px;font-size:11px;display:flex}.cmp-vs-us{color:var(--cyan)}.cmp-vs-us b{color:#fff}.cmp-vs-them{color:var(--fg-mute)}.cmp-vs-them b{color:#d8eaffcc}.cmp-rows{flex-direction:column;gap:14px;display:flex}.cmp-row{grid-template-columns:130px 1fr 1fr;align-items:center;gap:14px;display:grid}@media (width<=720px){.cmp-row{grid-template-columns:96px 1fr 1fr;gap:8px}}.cmp-ax{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#d8eaffbf;font-size:10px}.cmp-track{background:#ffffff0d;border-radius:6px;height:22px;position:relative;overflow:hidden}.cmp-track.them{transform:scaleX(-1)}.cmp-bar{height:100%;width:var(--w,0%);transition:width 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 90ms + .15s);border-radius:6px;justify-content:flex-end;align-items:center;padding:0 8px;display:flex}.cmp-bar.us{background:linear-gradient(90deg, #00e5ff66, var(--cyan));box-shadow:0 0 16px #00e5ff4d}.cmp-bar.them{background:linear-gradient(90deg,#788caa4d,#96aac88c)}.cmp-bar span{font-family:var(--mono);color:#041018;font-size:10px;font-weight:700}.cmp-track.them .cmp-bar span{color:#0a1018;transform:scaleX(-1)}@media (pointer:coarse){.cmp-tab{min-height:44px}}.os-mock-wrap{perspective:1100px;overflow:visible}.os-card-cover{z-index:2;image-rendering:pixelated;transform-style:preserve-3d;will-change:transform;background-position:top;background-size:cover;border-radius:18px;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 70px -24px #000c}.os-card:hover .os-card-cover{box-shadow:inset 0 0 0 1px #ffffff24, -24px 44px 80px -22px #000000e6, 0 0 60px -12px color-mix(in srgb, currentColor 40%, transparent);transform:rotateY(-8deg)rotateX(4.5deg)translateY(-10px)scale(1.035)}.os-card.flip:hover .os-card-cover{box-shadow:inset 0 0 0 1px #ffffff24, 24px 44px 80px -22px #000000e6, 0 0 60px -12px color-mix(in srgb, currentColor 40%, transparent);transform:rotateY(8deg)rotateX(4.5deg)translateY(-10px)scale(1.035)}.os-card.tone-cyan .os-card-cover{color:var(--cyan)}.os-card.tone-warn .os-card-cover{color:var(--warn)}.os-card.tone-violet .os-card-cover{color:var(--violet)}.os-card.tone-magenta .os-card-cover{color:var(--magenta)}.os-card-cover:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(105deg,#0000 42%,#ffffff38 50%,#ffffff0d 54%,#0000 60%);transition:none;position:absolute;inset:-30%;transform:translate(-130%)rotate(.001deg)}.os-card:hover .os-card-cover:after{animation:.9s cubic-bezier(.3,.6,.3,1) 80ms both osCoverGlare}@keyframes osCoverGlare{0%{transform:translate(-130%)}to{transform:translate(130%)}}.os-card-cover-scan{pointer-events:none;mix-blend-mode:overlay;opacity:.45;background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px);position:absolute;inset:0}.os-card-cover-label{z-index:4;font-family:var(--mono);letter-spacing:.16em;color:#dff3ff;background:#03060fb8;border:1px solid #ffffff24;border-radius:4px;padding:4px 8px;font-size:9px;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s;position:absolute;bottom:10px;left:12px}.os-card:hover .os-card-cover-label{transform:translateZ(34px)translateY(-3px);box-shadow:0 14px 30px -10px #000000e6}.os-card:hover .os-mock{transform:rotateY(-6deg)rotateX(3deg)translateY(-8px)scale(1.01)}.os-card.flip:hover .os-mock{transform:rotateY(6deg)rotateX(3deg)translateY(-8px)scale(1.01)}.os-mock-shadow{transition:transform .55s,opacity .55s,filter .55s}.os-card:hover .os-mock-shadow{opacity:.85;filter:blur(12px);transform:translateY(10px)scaleX(.94)}@media (prefers-reduced-motion:reduce){.os-card:hover .os-card-cover,.os-card.flip:hover .os-card-cover,.os-card:hover .os-mock,.os-card.flip:hover .os-mock{transform:none}.os-card:hover .os-card-cover:after{animation:none}.os-card:hover .os-card-cover-label{transform:none}}