:root{color-scheme:dark;--bg:#07070c;--bg-2:#0d0d16;--surface:#ffffff09;--surface-2:#ffffff0f;--border:#ffffff14;--border-2:#ffffff24;--text:#f4f4f8;--muted:#9a9ab0;--dim:#6b6b80;--violet:#7c5cff;--blue:#3fa9ff;--mint:#2ee6a6;--glow:#7c5cff;--brand-grad:linear-gradient(120deg, #7c5cff 0%, #3fa9ff 50%, #2ee6a6 100%);--radius:22px;--ease:cubic-bezier(.22, 1, .36, 1);--mx:50vw;--my:30vh;--max:1200px;--gutter:clamp(16px, 4vw, 40px);--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}@property --glow{syntax:"<color>";inherits:true;initial-value:#7c5cff}:root{transition:--glow 1.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.round{border-radius:24%}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}::selection{background:#7c5cff73}.aurora{z-index:-3;filter:blur(90px)saturate(140%);opacity:.55;pointer-events:none;position:fixed;inset:-20vmax}.aurora span{mix-blend-mode:screen;width:55vmax;height:55vmax;animation:drift 28s var(--ease) infinite alternate;border-radius:50%;position:absolute}.aurora span:first-child{background:radial-gradient(circle, var(--glow) 0%, transparent 62%);transition:background 1.2s;top:0;left:5%}.aurora span:nth-child(2){opacity:.6;background:radial-gradient(circle,#3fa9ff 0%,#0000 60%);animation-duration:34s;animation-delay:-8s;top:30%;right:0}.aurora span:nth-child(3){opacity:.35;background:radial-gradient(circle,#2ee6a6 0%,#0000 60%);animation-duration:40s;animation-delay:-16s;bottom:0;left:25%}.aurora span:nth-child(4){opacity:.3;background:radial-gradient(circle,#ec4899 0%,#0000 60%);animation-duration:46s;animation-delay:-4s;top:50%;left:-10%}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(8vmax,-6vmax)scale(1.15)}to{transform:translate(-6vmax,8vmax)scale(.9)}}.aurora:after{content:"";background:radial-gradient(ellipse at center, transparent 0%, var(--bg) 75%);position:absolute;inset:0}.spotlight{z-index:-2;pointer-events:none;background:radial-gradient(600px circle at var(--mx) var(--my), #ffffff0f, transparent 60%);position:fixed;inset:0}.grain{z-index:100;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.progress{z-index:60;background:var(--brand-grad);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.nav{z-index:50;width:min(var(--max), calc(100% - 2 * var(--gutter)));border:1px solid #0000;border-radius:999px;align-items:center;gap:24px;padding:10px 10px 10px 18px;transition:background .4s,border-color .4s,backdrop-filter .4s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.nav.scrolled{border-color:var(--border);-webkit-backdrop-filter:blur(18px)saturate(160%);background:#0d0d16a6}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{width:30px;height:30px}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.dd{position:relative}.nav-links .dd-trigger{align-items:center;gap:6px;display:inline-flex}.dd-trigger svg{width:12px;height:12px;transition:transform .3s var(--ease)}.dd:hover .dd-trigger,.dd:focus-within .dd-trigger{color:var(--text);background:var(--surface-2)}.dd:hover .dd-trigger svg,.dd:focus-within .dd-trigger svg{transform:rotate(180deg)}.dd-panel{border:1px solid var(--border-2);-webkit-backdrop-filter:blur(24px)saturate(160%);opacity:0;visibility:hidden;transform-origin:50% 0;width:640px;transition:opacity .25s var(--ease), transform .35s var(--ease), visibility 0s .35s;background:#10101aeb;border-radius:20px;margin-top:14px;padding:14px;position:absolute;top:100%;left:50%;transform:translate(-50%,-8px)scale(.97);box-shadow:0 30px 80px -20px #000c,0 0 60px -20px #7c5cff80}.dd-panel:before{content:"";height:16px;position:absolute;bottom:100%;left:0;right:0}.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transition:opacity .25s var(--ease), transform .35s var(--ease), visibility 0s;transform:translate(-50%)scale(1)}.dd.closing .dd-panel{opacity:0;visibility:hidden;pointer-events:none}.dd-title{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--dim);padding:4px 10px 10px}.dd-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.dd-grid .dd-item:last-child:nth-child(3n+1){grid-column:1/-1}.dd-item em{font:600 9.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;vertical-align:1px;color:#07070c;background:var(--mint);border-radius:999px;margin-left:4px;padding:1px 6px;font-style:normal}.nav-links .dd-item{color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}.nav-links .dd-item:hover,.nav-links .dd-item:focus-visible{background:#ffffff12}.dd-item img,.dd-item svg{object-fit:contain;width:38px;height:38px;transition:transform .3s var(--ease);flex:none}.dd-item:hover img,.dd-item:hover svg{transform:scale(1.1)rotate(-4deg)}.dd-item b{font-size:14px;font-weight:600;line-height:1.2;display:block}.dd-item small{white-space:nowrap;color:var(--dim);font-size:12px;display:block}.nav-links .dd-all{border-top:1px solid var(--border);text-align:center;border-radius:0 0 10px 10px;margin-top:8px;padding:10px;font-size:13px;display:block}.btn{letter-spacing:-.01em;white-space:nowrap;transition:transform .35s var(--ease), box-shadow .35s, background .3s, border-color .3s;will-change:transform;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn svg{width:18px;height:18px}.btn--small{padding:9px 18px;font-size:14px}.btn--primary{color:#07070c;background:#fff;box-shadow:0 0 #fff6,0 10px 40px -10px #7c5cffcc}.btn--primary:hover{box-shadow:0 0 0 6px #ffffff14,0 16px 50px -10px #7c5cff}.btn--ghost{color:var(--text);background:var(--surface);border:1px solid var(--border-2);backdrop-filter:blur(10px)}.btn--ghost:hover{background:var(--surface-2);border-color:#ffffff47}.btn--accent{color:#07070c;background:linear-gradient(120deg, var(--c1), var(--c2));box-shadow:0 12px 40px -12px var(--c1)}.btn--accent:hover{box-shadow:0 0 0 6px color-mix(in srgb, var(--c1) 20%, transparent), 0 18px 50px -10px var(--c1)}.btn--py{color:#07070c;background:linear-gradient(120deg,#ffd43b,#6fa8dc);margin-top:28px;box-shadow:0 12px 40px -12px #3776ab}.icon-link{border:1px solid var(--border-2);background:var(--surface);width:50px;height:50px;transition:background .3s, transform .35s var(--ease);border-radius:50%;place-items:center;display:grid}.icon-link:hover{background:var(--surface-2)}.icon-link svg{width:20px;height:20px}.hero{min-height:100svh;max-width:var(--max);padding:130px var(--gutter) 60px;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;margin:0 auto;display:grid;position:relative}.pill{border:1px solid var(--border-2);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 10px;font-size:13px;transition:border-color .3s,color .3s;display:inline-flex}.pill:hover{color:var(--text);border-color:#ec489980}.pill-arrow{transition:transform .3s var(--ease)}.pill:hover .pill-arrow{transform:translate(4px)}.pill-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:2s infinite ping;box-shadow:0 0 #2ee6a6b3}@keyframes ping{0%{box-shadow:0 0 #2ee6a6b3}70%{box-shadow:0 0 0 10px #2ee6a600}to{box-shadow:0 0 #2ee6a600}}.hero-title{letter-spacing:-.055em;margin-top:28px;font-size:clamp(46px,7.4vw,104px);font-weight:800;line-height:.98}.hero-title .line{padding-bottom:.08em;display:block;overflow:hidden}.hero-title .word{opacity:0;transition:transform 1.1s var(--ease), opacity 1.1s var(--ease);transition-delay:calc(var(--i,0) * 90ms + .15s);display:inline-block;transform:translateY(110%)rotate(6deg)}.loaded .hero-title .word{opacity:1;transform:none}.gradient-text{background:linear-gradient(100deg,#7c5cff,#3fa9ff,#2ee6a6,#ec4899,#7c5cff) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shimmer}@keyframes shimmer{to{background-position:300% 0}}.hero-sub{max-width:540px;color:var(--muted);margin-top:28px;font-size:clamp(17px,1.6vw,20px);line-height:1.55}.hero-sub strong{color:var(--text);font-weight:600}.hero-rotator{color:var(--muted);margin-top:14px;font-size:clamp(17px,1.6vw,20px)}.rotator{color:var(--text);transition:opacity .35s, transform .35s var(--ease), filter .35s;font-weight:700;display:inline-block}.rotator.out{opacity:0;filter:blur(6px);transform:translateY(-10px)}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-stats{grid-template-columns:repeat(4,auto);justify-content:start;gap:36px;margin-top:56px;display:grid}.hero-stats dt{letter-spacing:-.04em;font-size:30px;font-weight:800;line-height:1}.hero-stats dd{color:var(--dim);margin-top:6px;font-size:13px}.hero-visual{perspective:1200px;place-items:center;display:grid;position:relative}.orbit{aspect-ratio:1;width:min(520px,100%);transform-style:preserve-3d;transition:transform .8s var(--ease);position:relative}.orbit-core{filter:drop-shadow(0 0 60px #7c5cffe6)drop-shadow(0 0 120px #3fa9ff80);border-radius:30%;animation:5s ease-in-out infinite breathe;position:absolute;inset:37%}.orbit-core svg{width:100%;height:100%}@keyframes breathe{50%{transform:scale(1.07)}}.ring{animation:spin var(--dur) linear infinite;border:1px solid #ffffff14;border-radius:50%;position:absolute}.ring:before{content:"";background:conic-gradient(from 0deg, transparent 0 70%, #7c5cffb3, transparent 85%);border-radius:50%;position:absolute;inset:-1px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px))}.ring--1{--dur:22s;inset:22%}.ring--2{--dur:38s;animation-direction:reverse;inset:8%}.ring--3{--dur:60s;border-style:dashed;border-color:#ffffff0f;inset:-4%}.ring--3:before{display:none}@keyframes spin{to{transform:rotate(360deg)}}.node{width:0;height:0;transform:rotate(var(--a)) translateX(var(--r,0));position:absolute;top:50%;left:50%}.ring--1 .node{--r:calc(min(520px, 38vw) * .28)}.ring--2 .node{--r:calc(min(520px, 38vw) * .42)}.ring--3 .node{--r:calc(min(520px, 38vw) * .54)}.node>*{translate:-50% -50%;transform:rotate(calc(-1 * var(--a)));position:absolute}.node img{object-fit:contain;filter:drop-shadow(0 12px 24px #0009);width:64px;max-width:none;height:64px;animation:counter-spin var(--dur) linear infinite}.ring--2 .node img{animation-direction:reverse}.node img.round{border-radius:24%}.node--chip span{font:500 12px var(--mono);color:var(--muted);border:1px solid var(--border-2);white-space:nowrap;animation:counter-spin var(--dur) linear infinite;background:#0d0d16cc;border-radius:999px;padding:6px 12px}@keyframes counter-spin{0%{rotate:0deg}to{rotate:-360deg}}.marquee{border-block:1px solid var(--border);padding:26px 0;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:56px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee-track span{color:var(--dim);letter-spacing:-.01em;white-space:nowrap;font-size:18px;font-weight:600}.marquee-track span:before{content:"✦";color:#7c5cff99;vertical-align:middle;margin-right:56px;font-size:12px}.marquee-track--slow{animation-duration:55s}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(calc(-50% - 28px))}}.marquee--logos{border:0;margin-top:18px}.marquee--logos span{letter-spacing:-.04em;color:#ffffff38;font-size:clamp(22px,3vw,34px);font-weight:800}.marquee--logos span:before{color:#ffffff1f}.section{max-width:var(--max);padding:clamp(90px, 12vw, 160px) var(--gutter) 0;margin:0 auto}.section-head{max-width:760px;margin-bottom:56px}.eyebrow{font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.14em;background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.eyebrow--py{background:linear-gradient(90deg,#ffd43b,#6fa8dc);-webkit-background-clip:text;background-clip:text}.section-title{letter-spacing:-.045em;margin-top:14px;font-size:clamp(36px,5.2vw,68px);font-weight:800;line-height:1.02}.muted{color:var(--dim)}.btn--soon{opacity:.6;cursor:default;pointer-events:none}#suite .section-head{margin-bottom:0}#suite+.spot{padding-top:clamp(48px,6vw,80px)}.spot{max-width:var(--max);padding:clamp(100px, 13vw, 170px) var(--gutter) 0;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(32px,6vw,80px);margin:0 auto;display:grid;position:relative}.spot--flip .spot-copy{order:2}.spot-index{font:500 13px var(--mono);color:var(--dim);letter-spacing:.1em}.spot-title{align-items:center;gap:18px;margin-top:18px;display:flex}.spot-title img{object-fit:contain;width:72px;height:72px;filter:drop-shadow(0 10px 30px color-mix(in srgb, var(--c1) 60%, transparent))}.spot-title h2{letter-spacing:-.045em;font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1}.spot-title p{font:500 13px var(--mono);color:var(--muted);margin-top:6px}.spot-lead{letter-spacing:-.04em;margin-top:30px;font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.08}.accent-text{background:linear-gradient(100deg, var(--c1), var(--c2));color:#0000;-webkit-background-clip:text;background-clip:text}.spot-desc{color:var(--muted);max-width:540px;margin-top:18px;font-size:17px}.features{gap:12px;margin-top:26px;list-style:none;display:grid}.features li{color:var(--muted);padding-left:30px;font-size:15px;position:relative}.features li:before{content:"";background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.7 6.2-4.2 4.3a.8.8 0 0 1-1.1 0L4.3 8.4a.8.8 0 0 1 1.1-1.1L7 8.8l3.6-3.7a.8.8 0 0 1 1.1 1.1z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.7 6.2-4.2 4.3a.8.8 0 0 1-1.1 0L4.3 8.4a.8.8 0 0 1 1.1-1.1L7 8.8l3.6-3.7a.8.8 0 0 1 1.1 1.1z'/%3E%3C/svg%3E") 50%/contain no-repeat}.features b{color:var(--text);font-weight:600}kbd{font:500 12px var(--mono);background:var(--surface-2);border:1px solid var(--border-2);border-bottom-width:2px;border-radius:6px;padding:1px 7px}.stats{background:var(--border);border:1px solid var(--border);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;display:grid;overflow:hidden}.stats>div{background:var(--bg-2);padding:18px 20px}.stats b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg, #fff 30%, var(--c1,#fff));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.1;display:block}.stats span{color:var(--dim);font-size:12.5px}.spot-ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.spot-copy,.spot-visual{min-width:0}.spot-visual{position:relative}.spot-visual:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--c1) 45%, transparent), color-mix(in srgb, var(--c2) 20%, transparent) 45%, transparent 70%);filter:blur(50px);border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:10% 5%}.window{border:1px solid var(--border-2);backdrop-filter:blur(20px);background:#0d0d16e0;border-radius:18px;overflow:hidden;box-shadow:0 50px 100px -40px #000000e6,inset 0 0 0 1px #ffffff05}.window-bar{border-bottom:1px solid var(--border);background:#ffffff06;align-items:center;gap:8px;padding:13px 16px;display:flex}.window-bar i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.window-bar i:nth-child(2){background:#febc2e}.window-bar i:nth-child(3){background:#28c840}.window-bar span{font:500 12px var(--mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-left:10px;overflow:hidden}.irar-visual{aspect-ratio:1/.9;place-items:center;display:grid;position:relative}.irar-icon{filter:drop-shadow(0 30px 60px #ffb40059);width:46%;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{50%{transform:translateY(-14px)rotate(-2deg)}}.formats{position:absolute;inset:0}.formats span{left:calc(50% + var(--x));top:calc(50% + var(--y));opacity:0;font:700 13px var(--mono);color:#1b1200;transition:transform .7s var(--ease), opacity .7s var(--ease);transition-delay:var(--d);background:linear-gradient(135deg,#ffe066,#ffc93c);border-radius:12px;padding:8px 14px;position:absolute;transform:translate(-50%,-50%)scale(.6);box-shadow:0 10px 30px -10px #ffc93ccc}.formats span:nth-child(2n){color:var(--text);box-shadow:none;background:#ffc93c1f;border:1px solid #ffc93c59}.in .formats span{opacity:1;transform:translate(-50%,-50%)scale(1)}.formats span.pulse{animation:pop .9s var(--ease)}@keyframes pop{40%{transform:translate(-50%,-50%)scale(1.25)}}.ibridge-visual{aspect-ratio:1/.9;place-items:center;display:grid;position:relative}.ib-icon{width:40%;filter:drop-shadow(0 30px 60px var(--glow-ib,#0a84ff66));z-index:1;animation:6s ease-in-out infinite float;position:absolute}.ib-dev{background:color-mix(in srgb, var(--dc) 12%, transparent);border:1px solid color-mix(in srgb, var(--dc) 45%, transparent);box-shadow:0 20px 50px -20px var(--dc);border-radius:20px;justify-items:center;gap:2px;padding:18px 16px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ib-dev span{font-size:30px}.ib-dev b{font-size:15px}.ib-dev small{font:500 11px var(--mono);color:var(--dim)}.ib-dev--ios{left:0}.ib-dev--android{right:0}.ib-fly i{opacity:0;animation:ib-left 3.6s var(--ease) infinite;animation-delay:calc(var(--n) * 1.2s);font-size:26px;font-style:normal;position:absolute;top:50%;left:14%}.ib-fly i:first-child{--n:0}.ib-fly i:nth-child(2){--n:1}.ib-fly i:nth-child(3){--n:2}.ib-fly i:nth-child(n+4){animation-name:ib-right;left:auto;right:14%}.ib-fly i:nth-child(4){--n:.6}.ib-fly i:nth-child(5){--n:1.6}.ib-fly i:nth-child(6){--n:2.6}@keyframes ib-left{0%{opacity:0;transform:translateY(-50%)scale(.6)}20%{opacity:1}70%{opacity:1;transform:translate(120%,-160%)scale(1)}to{opacity:0;transform:translate(190%,-50%)scale(.4)}}@keyframes ib-right{0%{opacity:0;transform:translateY(-50%)scale(.6)}20%{opacity:1}70%{opacity:1;transform:translate(-120%,60%)scale(1)}to{opacity:0;transform:translate(-190%,-50%)scale(.4)}}.term,.code{min-height:380px;font:400 13.5px/1.75 var(--mono);color:#c9c9d6;white-space:pre-wrap;padding:22px 22px 26px;overflow:hidden}.term .p{color:var(--mint)}.term .h{color:#fff;font-weight:700}.term .a{color:#9fd2ff}.term .v{color:#b39dff}.term .g{color:#8ff0c9}.term .r{color:#ff8a8a}.term .d{color:var(--dim)}.term .sel{background:#3fa9ff2e;border-radius:4px}.window--itunes{background:#14161c}.it-tui{--cw:6px;width:max-content;font-family:var(--mono);font-weight:500;font-size:calc(var(--cw) / .6);white-space:pre;color:#c6cad3;user-select:none;font-variant-ligatures:none;margin:0 auto;padding:8px 0 10px;line-height:1.2;display:block}.it-tui .r{height:1.2em;display:block}.it-tui .r span{vertical-align:top;height:1.2em;display:inline-block;overflow:hidden}.it-tui b{font-weight:800}.window--term{background:#0b0b13;position:relative}.keycast{pointer-events:none;gap:6px;display:flex;position:absolute;bottom:44px;right:14px}.keycast span{font:400 13px var(--mono);color:var(--text);backdrop-filter:blur(8px);animation:keypop 1.4s var(--ease) forwards;background:#141420d9;border:1px solid #ffffff29;border-bottom-width:3px;border-radius:9px;padding:6px 11px;box-shadow:0 10px 30px #00000080}.keycast span em{color:var(--dim);font-style:normal;font-family:var(--sans,inherit);margin-left:5px;font-size:11px}@keyframes keypop{0%{opacity:0;transform:translateY(10px)scale(.8)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@media (width<=680px){.keycast span em{display:none}}.caret{vertical-align:-2px;background:var(--mint);width:8px;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.spec-wrap{padding:16px 16px 16px 52px;position:relative}#spectrogram{background:#000004;border-radius:8px;width:100%;height:auto;display:block}.spec-axis{font:500 10px var(--mono);color:var(--dim);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:16px;bottom:16px;left:12px}.spec-cutoff{left:52px;right:16px;top:var(--cut,30%);transition:top 1.2s var(--ease), opacity .6s;border-top:2px dashed #7fe7ff;position:absolute}.spec-cutoff span{font:600 11px var(--mono);color:#7fe7ff;position:absolute;top:-24px;right:8px}.spec-cutoff.hide{opacity:0}.spec-verdict{border:1px solid var(--border);font:600 13px var(--mono);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;margin:0 16px 16px;padding:12px 14px;transition:color .5s,border-color .5s;display:flex}.spec-verdict i{background:currentColor;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px}.spec-verdict.ok{color:var(--mint);border-color:#2ee6a659}.spec-verdict.bad{color:#ff8a5c;border-color:#ff8a5c66}.pets-visual{place-items:center;padding:30px 0;display:grid;position:relative}.phone{aspect-ratio:1206/2622;background:linear-gradient(145deg,#2a2a35,#0b0b10);border-radius:46px;width:min(290px,70%);padding:10px;animation:7s ease-in-out infinite float;position:relative;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px #ffffff1f,0 60px 120px -40px #6a4cffcc,0 30px 60px -30px #000}.phone-screen{background:#5b48a6;border-radius:37px;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s, transform 1.6s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.phone-screen img.on{opacity:1;transform:none}.phone-island{background:#000;border-radius:20px;width:30%;height:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.float-card{border:1px solid var(--border-2);-webkit-backdrop-filter:blur(16px);background:#141222bf;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 20px 40px -20px #000}.float-card>span{font-size:22px}.float-card b{font-weight:600;display:block}.float-card small{color:var(--dim);font-size:12px}.fc-1{animation-delay:-1s;top:12%;left:0}.fc-2{animation-delay:-3s;top:46%;right:0}.fc-3{animation-delay:-5s;bottom:10%;left:6%}.tabs{background:var(--surface);border:1px solid var(--border-2);backdrop-filter:blur(14px);border-radius:999px;gap:6px;padding:6px;display:inline-flex}.tab{font:600 15px var(--font);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;transition:color .3s,background .3s;display:inline-flex;position:relative;overflow:hidden}.tab img{object-fit:contain;width:32px;height:32px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:#ffffff14}.tab-progress{background:linear-gradient(90deg, var(--c1), var(--c2));transform-origin:0;border-radius:2px;height:2px;position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}.tab.active .tab-progress{animation:tab-progress var(--tab-time,9s) linear forwards}.tabs.paused .tab-progress{opacity:.5;animation:none;transform:scaleX(1)}@keyframes tab-progress{to{transform:scaleX(1)}}.spot--panel{max-width:none;padding:56px 0 0}.spot--panel[hidden]{display:none}.spot--panel.active .spot-copy>*,.spot--panel.active .spot-visual{animation:panel-in .8s var(--ease) both}.spot--panel.active .spot-copy>:nth-child(2){animation-delay:60ms}.spot--panel.active .spot-copy>:nth-child(3){animation-delay:.12s}.spot--panel.active .spot-copy>:nth-child(4){animation-delay:.18s}.spot--panel.active .spot-copy>:nth-child(5){animation-delay:.24s}.spot--panel.active .spot-copy>:nth-child(6){animation-delay:.3s}.spot--panel.active .spot-visual{animation-delay:.12s}@keyframes panel-in{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:none;transform:none}}.spot-desc code,.features code{font:500 13px var(--mono);color:var(--text);background:var(--surface-2);border-radius:6px;padding:1px 6px}.window-bar em{color:var(--c2);font-style:normal}.data-toolbar{border-bottom:1px solid var(--border);font:500 12px var(--mono);color:var(--dim);align-items:center;gap:10px;padding:10px 14px;display:flex}.data-toolbar .search{border:1px solid var(--border);white-space:nowrap;background:#ffffff0a;border-radius:8px;flex:1;padding:5px 10px;overflow:hidden}.data-toolbar .tag{border:1px solid var(--border);white-space:nowrap;border-radius:8px;padding:4px 9px}.data-toolbar .speed{color:var(--c2);white-space:nowrap;font-weight:700}.data-toolbar .valid{color:var(--mint);white-space:nowrap;margin-left:auto}.seg{border:1px solid var(--border);background:#ffffff0d;border-radius:9px;padding:2px;display:inline-flex}.seg b{white-space:nowrap;border-radius:7px;padding:4px 10px;font-weight:500;transition:background .35s,color .35s}.seg b.on{color:#07070c;background:linear-gradient(120deg, var(--c1), var(--c2));font-weight:700}.data-foot{border-top:1px solid var(--border);font:500 11.5px var(--mono);color:var(--dim);justify-content:space-between;gap:12px;padding:11px 16px;display:flex}.data-foot .ok{color:var(--mint);white-space:nowrap}.plist-head,.plist-rows li{grid-template-columns:1.35fr .7fr 1.2fr;align-items:center;gap:10px;display:grid}.plist-head{font:600 11px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:9px 16px}.plist-rows{min-height:318px;padding:6px 8px;list-style:none}.plist-rows li{font:400 12.5px var(--mono);color:#d6d6e2;border-radius:8px;padding:6px 8px;transition:background .3s}.plist-rows li>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plist-rows li.sel{background:color-mix(in srgb, var(--c2) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c2) 45%, transparent)}.plist-rows .k{padding-left:calc(var(--lvl,0) * 16px)}.plist-rows .k:before{content:var(--tw,"");width:14px;color:var(--dim);display:inline-block}.plist-rows .t{color:#ff8fa3}.plist-rows .v{color:#9ff5dd}.plist-rows .v.n{color:var(--dim)}.plist-rows .bool{align-items:center;gap:8px;display:inline-flex}.plist-rows .bool i{background:var(--c2);border-radius:9px;width:26px;height:15px;transition:background .3s;position:relative}.plist-rows .bool i:after{content:"";width:11px;height:11px;transition:left .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:13px}.plist-rows .bool.off i{background:#ffffff26}.plist-rows .bool.off i:after{left:2px}.json-views{min-height:360px;position:relative}.json-tree,.json-text{font:400 12.5px/1.75 var(--mono);transition:opacity .45s, transform .6s var(--ease);padding:14px 16px;position:absolute;inset:0}.json-tree{list-style:none}.json-views:not(.text) .json-text,.json-views.text .json-tree{opacity:0;pointer-events:none;transform:translateY(10px)}.json-tree li{padding:1px 8px;padding-left:calc(8px + var(--lvl,0) * 18px);white-space:nowrap;border-radius:6px;gap:8px;transition:background .3s;display:flex}.json-tree li.sel{background:color-mix(in srgb, var(--c1) 22%, transparent)}.json-tree .tw{width:12px;color:var(--dim)}.json-tree .key{color:#e2d9ff}.json-tree .cnt{color:var(--dim)}.jv-s{color:#8ff0c9}.jv-n{color:#ffb86c}.jv-b{color:#7fb4ff}.jv-z{color:#ff8fa3}.jv-k{color:#d6c6ff}.jv-p{color:var(--dim)}.json-text{color:#c9c9d6;white-space:pre;overflow:hidden}.csv-grid{--cols:84px 1.15fr 1fr 1.05fr .85fr;font:400 12.5px var(--mono);min-height:330px;overflow:hidden}.csv-row{grid-template-columns:var(--cols);border-bottom:1px solid #ffffff0d;display:grid}.csv-row>span{white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #ffffff0d;padding:7px 10px;overflow:hidden}.csv-row>span:first-child{color:var(--dim);text-align:right;background:#ffffff05;font-size:11px}.csv-row--head>span{color:#fff;background:color-mix(in srgb, var(--c1) 40%, transparent);font-weight:700}.csv-row--head>span:first-child{background:color-mix(in srgb, var(--c1) 30%, transparent)}.csv-row .num{text-align:right;color:#ffd59a}.csv-row .zip{color:#9ff5dd}.csv-row .cell-sel{outline:2px solid var(--c2);outline-offset:-2px;background:color-mix(in srgb, var(--c2) 18%, transparent);color:#fff}.csv-grid.scrolling .csv-row:not(.csv-row--head){filter:blur(.6px)}.xml-split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:330px;display:grid}.xml-tree{border-right:1px solid var(--border);font:400 12.5px var(--mono);padding:10px 8px;list-style:none}.xml-tree li{padding:4px 8px;padding-left:calc(8px + var(--lvl,0) * 14px);white-space:nowrap;color:#d6d6e2;border-radius:7px;align-items:center;gap:7px;transition:background .3s;display:flex;overflow:hidden}.xml-tree li.sel{background:color-mix(in srgb, var(--c1) 22%, transparent)}.xml-tree li.new{animation:panel-in .6s var(--ease) both}.xml-tree .ic{width:15px;height:15px;font:800 9px var(--font);color:#07070c;border-radius:4px;flex:none;place-items:center;display:grid}.xml-tree .at{color:#9ff5dd;text-overflow:ellipsis;background:#9ff5dd1a;border-radius:5px;padding:0 5px;font-size:10.5px;overflow:hidden}.xml-code{font:400 12.5px/1.75 var(--mono);color:#c9c9d6;white-space:pre;padding:12px 0;overflow:hidden}.xml-code>span{padding:0 14px 0 0;transition:background .3s;display:block}.xml-code>span.sel{background:color-mix(in srgb, var(--c1) 14%, transparent)}.xml-code .ln{text-align:right;width:34px;color:var(--dim);opacity:.6;user-select:none;padding-right:10px;display:inline-block}.xv-t{color:#ff8fc0}.xv-a{color:#8fd8ff}.xv-v{color:#8ff0a8}.xv-c{color:var(--dim);font-style:italic}.xv-p{color:var(--dim)}.xv-g{color:var(--dim);opacity:.8}.xml-code .kc{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);border-radius:6px;margin-left:8px;padding:1px 7px;font-size:11px}.academy{border:1px solid var(--border);background:radial-gradient(80% 80% at 0% 0%, #3776ab47, transparent 60%), radial-gradient(70% 70% at 100% 100%, #ffd43b1f, transparent 60%), var(--bg-2);--c1:#ffd43b;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,60px);padding:clamp(28px,5vw,60px);display:grid;position:relative;overflow:hidden}.modules{counter-reset:m;gap:4px;margin-top:26px;list-style:none;display:grid}.modules li{border-bottom:1px dashed var(--border);color:var(--muted);transition:color .3s, padding .3s var(--ease);align-items:center;gap:14px;padding:9px 0;font-weight:500;display:flex}.modules li:hover{color:var(--text);padding-left:6px}.modules span{width:26px;height:26px;font:700 12px var(--mono);color:#07070c;background:linear-gradient(135deg,#ffd43b,#6fa8dc);border-radius:8px;place-items:center;display:grid}.code{min-height:360px}.code .k{color:#ff79c6}.code .s{color:#f1fa8c}.code .f{color:#8be9fd}.code .c{color:var(--dim);font-style:italic}.code .o{color:var(--mint)}.trusted{text-align:center;font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}.final{max-width:var(--max);padding:clamp(110px, 14vw, 190px) var(--gutter) clamp(80px, 10vw, 120px);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.final-title{letter-spacing:-.06em;font-size:clamp(48px,9vw,128px);font-weight:900;line-height:.95}.final .spot-desc{margin-top:22px}.dock{border:1px solid var(--border-2);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border-radius:28px;align-items:flex-end;gap:14px;height:104px;margin-top:56px;padding:14px 18px;display:flex;box-shadow:0 30px 80px -30px #7c5cff99}.dock a{--s:1;width:64px;height:64px;transform:translateY(calc((var(--s) - 1) * -22px)) scale(var(--s));transform-origin:50% 100%;transition:transform .18s ease-out;position:relative}.dock a img,.dock a svg{object-fit:contain;filter:drop-shadow(0 8px 14px #00000080);width:100%;height:100%}.dock-py{background:#12121c;border-radius:24%;place-items:center;padding:6px;display:grid}.dock a:after{content:attr(data-label);transform:translateX(-50%) scale(calc(1 / var(--s)));transform-origin:50% 100%;white-space:nowrap;border:1px solid var(--border-2);opacity:0;pointer-events:none;background:#1e1e2cf2;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(100% + 14px);left:50%}.dock a:hover:after,.dock a:focus-visible:after{opacity:1}.footer{max-width:var(--max);padding:36px var(--gutter) 48px;border-top:1px solid var(--border);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:13px;display:flex}.footer-brand{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.footer-brand .brand-mark{width:24px;height:24px}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a:hover{color:var(--text)}.footer>p{text-align:center;flex-basis:100%}.footer-creator{color:var(--dim);text-decoration:underline;text-decoration-color:var(--border-2);text-underline-offset:3px;transition:color .2s}.footer-creator:hover{color:var(--text)}.reveal{opacity:0;filter:blur(8px);transition:opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);transition-delay:var(--delay,0s);transform:translateY(40px)}.reveal.in{opacity:1;filter:none;transform:none}@media (width<=1000px){.hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{order:-1;width:100%;max-width:420px;margin:0 auto}.ring--1 .node{--r:calc(min(420px, 86vw) * .28)}.ring--2 .node{--r:calc(min(420px, 86vw) * .42)}.ring--3 .node{--r:calc(min(420px, 86vw) * .54)}.node img{width:50px;height:50px}.spot,.academy{grid-template-columns:1fr}.spot--flip .spot-copy{order:0}}@media (width<=680px){.nav{gap:12px}.nav-links>a{display:none}.nav-links .dd{position:static}.nav-links .dd-trigger{border:1px solid var(--border-2);color:var(--text)}.dd-panel{width:auto;max-height:calc(100dvh - 100px);left:0;right:0;overflow-y:auto;transform:translateY(-8px)scale(.97)}.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:0;visibility:hidden;transform:translateY(-8px)scale(.97)}.dd.open .dd-panel{opacity:1;visibility:visible;transition:opacity .25s var(--ease), transform .35s var(--ease), visibility 0s;transform:none}.dd.open .dd-trigger svg{transform:rotate(180deg)}.dd-grid{grid-template-columns:repeat(2,1fr)}.dd-grid .dd-item:last-child:nth-child(3n+1){grid-column:auto}.dd-grid .dd-item:last-child:nth-child(odd){grid-column:1/-1}.nav-links .dd-item{gap:10px;padding:8px}.dd-item img,.dd-item svg{width:32px;height:32px}.dd-item small{white-space:normal}.hero-stats{grid-template-columns:repeat(2,auto);gap:22px 36px}.stats{grid-template-columns:1fr 1fr 1fr}.xml-split{grid-template-columns:minmax(0,1fr)}.xml-tree{display:none}.stats>div{padding:14px 12px}.term,.code{min-height:320px;padding:16px;font-size:11.5px}.dock{gap:6px;max-width:100%;height:60px;padding:10px}.dock a{width:32px;height:32px}.float-card{padding:9px 12px;font-size:11px}.float-card>span{font-size:18px}.ring--3{display:none}.tabs{width:100%;display:flex}.tab{flex:1;justify-content:center;padding:8px 10px;font-size:14px}.tab img{width:26px;height:26px}.data-toolbar .search{display:none}.plist-rows li,.json-tree,.json-text,.csv-grid{font-size:11px}.csv-grid{--cols:84px 1.2fr 1fr}.csv-row>span:nth-child(3),.csv-row>span:nth-child(5){display:none}.hero{gap:8px;padding-top:104px}.hero-visual{order:0;max-width:320px}.ring--1 .node{--r:calc(min(320px, 80vw) * .28)}.ring--2 .node{--r:calc(min(320px, 80vw) * .42)}.node img{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1;filter:none;transform:none}.hero-title .word{opacity:1;transform:none}}