@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--bg:#05060c;--bg-2:#080a14;--panel:#0b0e18;--panel-2:#10142a;--paper:#eef2ff;--text:#eef2ff;--muted:#8e96b3;--cyan:#22e6ff;--cyan-dim:#0e9bb8;--magenta:#ff3bd8;--violet:#7c5cff;--red:#ff5d5d;--yellow:#ffd166;--green:#2fe3a1;--line:#97a9dc29;--line-strong:#22e6ff52;--mono:Consolas,"Cascadia Mono","SFMono-Regular",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Microsoft YaHei UI,PingFang SC,Arial,sans-serif;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#96ade62e 1px,#0000 1.3px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 8%,#000 0%,#0000 68%);mask-image:radial-gradient(circle at 50% 8%,#000 0%,#0000 68%)}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 0,#22e6ff1a,#0000 32%),radial-gradient(circle at 94% 12%,#ff3bd817,#0000 30%),radial-gradient(circle at 50% 100%,#7c5cff14,#0000 40%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}main{z-index:1;position:relative}.shell{width:min(1180px,100% - 40px);margin-inline:auto}::selection{background:var(--cyan);color:#05060c}.button{color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));cursor:pointer;background:linear-gradient(115deg,#0fb8d6,#3f5cff 58%,#c82bd6);border:1px solid #22e6ff6b;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 0 24px #22e6ff3d,0 0 52px #ff3bd81f,inset 0 0 18px #ffffff0f}.button:hover{filter:saturate(1.15);transform:translateY(-2px);box-shadow:0 0 34px #22e6ff61,0 0 70px #ff3bd833,inset 0 0 22px #ffffff14}.button b{font-weight:800}.button-small{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));padding:10px 16px;font-size:13px}.button-ghost{color:var(--text);box-shadow:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#22e6ff0d;border-color:#22e6ff57}.button-ghost:hover{box-shadow:none;filter:none;background:#22e6ff1a}.button-white{background:var(--paper);color:#05060c;border-color:#0000;box-shadow:0 0 26px #22e6ff33}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);z-index:50;background:#05060cd1;border-top:0;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;gap:22px;height:76px;padding:0 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.brand img{object-fit:cover;border-radius:6px;outline:1px solid #22e6ff52;width:42px;height:42px;box-shadow:0 0 18px #22e6ff2e}.navlinks{color:#aab2ca;gap:28px;font-size:14px;display:flex}.navlinks a{padding:28px 0;position:relative}.navlinks a:hover{color:#fff;text-shadow:0 0 12px #22e6ff8c}.navlinks a:after{content:"";background:linear-gradient(90deg,var(--cyan),var(--magenta));transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 14px #22e6ffa6}.navlinks a:hover:after{transform:scaleX(1)}.hero{isolation:isolate;grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;min-height:740px;padding:46px 0 66px;display:grid;position:relative;overflow:hidden}.hero:before{content:"XJ-CANVAS // 02";z-index:2;font:700 10px var(--mono);color:#8e96b38c;position:absolute;top:28px;right:2%}.hero:after{content:"";background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);width:150px;height:1px;position:absolute;bottom:12px;right:5%;box-shadow:0 0 12px #22e6ffb3}.hero-gridlines{z-index:-1;opacity:.5;background-image:linear-gradient(#5f82d224 1px,#0000 1px),linear-gradient(90deg,#5f82d224 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:6% -10% 2% 40%;transform:perspective(900px)rotateY(-10deg)rotate(-2deg);-webkit-mask-image:radial-gradient(at 55% 55%,#000 8%,#0000 70%);mask-image:radial-gradient(at 55% 55%,#000 8%,#0000 70%)}.hero-copy{z-index:3;position:relative}.eyebrow{width:max-content;color:var(--cyan);font:700 10px var(--mono);background:#22e6ff0f;border:1px solid #22e6ff57;border-radius:4px;align-items:center;gap:9px;padding:8px 12px 8px 9px;display:flex;box-shadow:inset 0 0 18px #22e6ff0f}.eyebrow i{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 12px var(--magenta);border-radius:50%}.hero h1{margin:24px 0 22px;font-size:68px;line-height:1.06}.hero h1 span{background:linear-gradient(92deg,var(--cyan),var(--violet) 55%,var(--magenta));color:#0000;filter:drop-shadow(0 0 22px #22e6ff40);-webkit-background-clip:text}.hero-copy>p{color:var(--muted);max-width:560px;margin:0;font-size:17px;line-height:1.9}.hero-actions{gap:14px;margin-top:34px;display:flex}.trust-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.trust-row span{border:1px solid var(--line);color:#aab2ca;background:#10142a6b;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.trust-row span:before{content:"";background:var(--cyan);clip-path:polygon(20% 45%,45% 68%,80% 18%,100% 32%,45% 100%,0 65%);width:12px;height:12px;box-shadow:0 0 10px #22e6ffb3}.hero-art{perspective:1200px;place-items:center;height:620px;display:grid;position:relative}.visual-halo{filter:blur(38px);background:radial-gradient(circle,#22e6ff38,#ff3bd824 52%,#0000 74%);border-radius:50%;width:78%;height:78%;animation:9s ease-in-out infinite haloPulse;position:absolute}.hero-visual-frame{isolation:isolate;background:#070a14;border:1px solid #22e6ff52;border-radius:6px;width:82%;height:88%;position:relative;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 0 0 1px #ff3bd814,0 0 50px #22e6ff1f,0 42px 90px #0000008c,inset 0 -70px 90px #05060c94}.hero-visual-frame:before{content:"";z-index:4;background-image:radial-gradient(circle at 7px 6px,var(--red) 4px,transparent 4.5px),radial-gradient(circle at 23px 6px,var(--yellow) 4px,transparent 4.5px),radial-gradient(circle at 39px 6px,var(--green) 4px,transparent 4.5px);background-repeat:no-repeat;background-size:16px 12px;width:46px;height:12px;position:absolute;top:13px;left:14px}.hero-visual-frame:after{content:"CANVAS_02.tsx";z-index:3;font:700 9px var(--mono);color:#22e6ffd9;background:#05060c9e;border:1px solid #22e6ff38;border-radius:3px;padding:5px 7px;position:absolute;top:13px;right:14px}.hero-visual{object-fit:cover;object-position:60% center;filter:saturate(.95)contrast(1.07)hue-rotate(-6deg);width:100%;height:100%;animation:16s ease-in-out infinite alternate visualDrift;transform:scale(1.04)}.visual-index{z-index:3;font:700 9px var(--mono);color:var(--cyan);border-left:2px solid var(--cyan);background:#05060ca8;padding:6px 8px;position:absolute;bottom:14px;left:16px;box-shadow:0 0 16px #22e6ff33}.visual-corner{z-index:3;text-align:right;font:700 9px/1.7 var(--mono);color:#b2bcd69e;position:absolute;bottom:16px;right:18px}.hero-tag{z-index:4;font:700 8px var(--mono);color:#bcd4ff;background:#080b16c7;border:1px solid #7c5cff6b;border-radius:3px;padding:6px 8px;position:absolute;box-shadow:0 0 14px #7c5cff38}.tag-top{top:28px;left:-8px}.tag-side{bottom:124px;right:-10px}.float-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0e1cdb;border:1px solid #22e6ff47;border-radius:6px;padding:14px 18px;animation:6s ease-in-out infinite cardFloat;position:absolute;box-shadow:0 0 30px #22e6ff24,0 18px 45px #00000073}.float-card:before{content:"";background:var(--magenta);width:6px;height:6px;box-shadow:0 0 10px var(--magenta);position:absolute;top:12px;left:12px;transform:rotate(45deg)}.float-card small{font:700 9px var(--mono);color:var(--cyan);margin:0 0 7px 12px;display:block}.float-card strong{font-size:13px}.card-a{top:150px;left:0;transform:rotate(-2.4deg)}.card-b{border-color:#ff3bd857;animation-delay:-2.5s;bottom:112px;right:0;transform:rotate(1.8deg)}.card-b:before{background:var(--cyan)}.card-b small{color:var(--magenta)}.spark{z-index:5;background:var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan),0 0 32px #22e6ffa6;animation:3.2s ease-in-out infinite sparkle;position:absolute;transform:rotate(45deg)}.spark-one{top:16%;right:13%}.spark-two{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 10px var(--magenta),0 0 32px #ff3bd899;animation-delay:-1.4s;bottom:19%;left:8%}.motion-ticker{border-block:1px solid var(--line);z-index:6;background:linear-gradient(90deg,#22e6ff0f,#7c5cff17,#ff3bd80f),#080b16b3;width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.motion-ticker>div{color:#c6d0ea;white-space:nowrap;align-items:center;gap:30px;width:max-content;padding:15px 0;font-size:13px;font-weight:800;animation:26s linear infinite tickerRun;display:flex}.motion-ticker i{color:var(--magenta);text-shadow:0 0 12px #ff3bd899;font-size:15px;font-style:normal}.scroll-zoom{--zoom:0;--reveal:0;--reveal-late:0;--board-scale:.58;--board-radius:8px;--pop-y:44px;--pop-scale:.88;--late-y:28px;--late-scale:.72;background:#030409;height:190vh;margin-top:18px;position:relative}.scroll-sticky{background:radial-gradient(circle at 50% 82%,#22e6ff1a,#0000 44%),radial-gradient(circle at 16% 16%,#ff3bd814,#0000 38%),#030409;place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.scroll-sticky:before{content:"";background-image:radial-gradient(circle,#8ca0dc29 1px,#0000 1.3px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 75%);mask-image:linear-gradient(#000000b3,#0000 75%)}.scroll-hint{z-index:4;color:#737d9c;font:700 9px var(--mono);flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;top:32px;left:50%;transform:translate(-50%)}.scroll-hint i{background:linear-gradient(var(--cyan),transparent);width:1px;height:25px;box-shadow:0 0 8px var(--cyan);animation:1.7s ease-in-out infinite scrollPulse}.zoom-board{border-radius:var(--board-radius);width:min(94vw,1500px);height:min(80vh,780px);transform:scale(var(--board-scale));transform-origin:50%;will-change:transform,border-radius;background:radial-gradient(circle at 52% 76%,#22e6ff1a,#0000 32%),radial-gradient(circle at 70% 56%,#ff3bd81a,#0000 28%),#070a14;border:1px solid #22e6ff4d;position:relative;overflow:hidden;box-shadow:0 0 60px #22e6ff1a,0 40px 130px #000000b3}.zoom-grid{opacity:.5;background-image:radial-gradient(circle,#7896dc59 1px,#0000 1.3px);background-size:15px 15px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000c,#000 50%,#0000008c);mask-image:linear-gradient(90deg,#000c,#000 50%,#0000008c)}.zoom-toolbar{border-bottom:1px solid var(--line);z-index:3;background:#070a14f0;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:0 17px;display:grid;position:relative}.zoom-toolbar:before{content:"";background-image:radial-gradient(circle at 6px 4px,var(--red) 3px,transparent 3.5px),radial-gradient(circle at 22px 4px,var(--yellow) 3px,transparent 3.5px),radial-gradient(circle at 38px 4px,var(--green) 3px,transparent 3.5px);background-repeat:no-repeat;background-size:16px 9px;width:44px;height:9px;position:absolute;bottom:-3px;left:14px}.zoom-toolbar>div{align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.zoom-toolbar img{border-radius:5px;outline:1px solid #22e6ff4d;width:28px;height:28px}.zoom-toolbar>small{color:#737d9c;font:700 8px var(--mono)}.zoom-toolbar nav{justify-self:end;align-items:center;gap:8px;display:flex}.zoom-toolbar nav b{color:#c2cce8;font:700 8px var(--mono);border:1px solid #7c5cff66;border-radius:4px;padding:6px 10px}.zoom-toolbar nav i{background:linear-gradient(135deg,var(--cyan),var(--magenta));border-radius:50%;width:26px;height:26px;box-shadow:0 0 18px #22e6ff66}.zoom-pop{opacity:var(--reveal);transform:translateY(var(--pop-y)) scale(var(--pop-scale));will-change:opacity,transform}.zoom-pop-late{opacity:var(--reveal-late);transform:translateY(var(--late-y)) scale(var(--late-scale));will-change:opacity,transform}.zoom-note{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090c18eb;border:1px solid #22e6ff4d;border-radius:6px;width:224px;min-height:236px;padding:18px;position:absolute;top:86px;left:22px;box-shadow:0 0 34px #22e6ff1f,0 22px 60px #00000080}.zoom-note>div{align-items:center;gap:4px;display:flex}.zoom-note>div i{background:var(--red);border-radius:50%;width:5px;height:5px}.zoom-note>div i:nth-child(2){background:var(--yellow)}.zoom-note>div i:nth-child(3){background:var(--green)}.zoom-note>div span{color:#737d9c;font:700 8px var(--mono);margin-left:auto}.zoom-note h3{margin:36px 0 12px;font-size:18px;line-height:1.35}.zoom-note p{color:#8e96b3;font-size:10px;line-height:1.75}.zoom-gallery{z-index:2;grid-template-columns:1.1fr 1fr .9fr;align-items:center;gap:22px;display:grid;position:absolute;inset:98px 60px 44px 272px}.zoom-card{border:1px solid var(--line);background:#0b0e18f0;border-radius:6px;height:78%;min-height:330px;padding:22px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000080,inset 0 0 40px #22e6ff08}.zoom-card:hover{border-color:#22e6ff8c;transform:translateY(-8px);box-shadow:0 0 36px #22e6ff29,0 24px 70px #00000080}.zoom-card>span{z-index:2;color:var(--cyan);font:700 8px var(--mono);position:relative}.zoom-card h3{z-index:2;margin:14px 0 7px;font-size:24px;position:relative}.zoom-card p{z-index:2;color:#8e96b3;max-width:210px;font-size:10px;line-height:1.7;position:relative}.detail-card{background:#0b0f1d;height:88%}.detail-card>img{object-fit:cover;object-position:65% center;opacity:.82;width:115%;height:66%;transition:transform .8s;position:absolute;bottom:-4%;left:-7%;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.detail-card:hover>img{transform:scale(1.06)}.copy-card{background:radial-gradient(circle at 38% 68%,#22e6ff38,#0000 25%),radial-gradient(circle at 70% 56%,#ff3bd833,#0000 26%),linear-gradient(145deg,#0d1b2c,#120c22);height:70%}.copy-card>div{height:115px;position:absolute;bottom:28px;left:25px;right:25px}.copy-card i{background:#ffffff0a;border:1px solid #22e6ff4d;border-radius:4px;width:105px;height:105px;position:absolute;box-shadow:0 0 20px #22e6ff1f}.copy-card i:first-child{bottom:0;left:0;transform:rotate(-9deg)}.copy-card i:nth-child(2){bottom:6px;left:50%;transform:translate(-50%)}.copy-card i:nth-child(3){bottom:0;right:0;transform:rotate(9deg)}.group-card{background:linear-gradient(160deg,#150e24,#0b0f1d);height:82%}.group-card>div{gap:8px;display:grid;position:absolute;bottom:25px;left:22px;right:22px}.group-card b{color:#aab4d2;background:linear-gradient(90deg,#22e6ff1a,#ff3bd814);border:1px solid #7c5cff6b;border-radius:4px;padding:15px;font-size:10px}.group-card b:after{content:"生成队列";float:right;color:#cfd6ea;font-weight:600}.zoom-toast{z-index:5;transform-origin:100% 100%;background:#080c1af0;border:1px solid #22e6ff5c;border-radius:6px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;bottom:22px;right:26px;box-shadow:0 0 26px #22e6ff24,0 16px 45px #00000080}.zoom-toast>i{background:linear-gradient(135deg,var(--cyan),var(--magenta));color:#05060c;border-radius:4px;place-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:grid}.zoom-toast span small,.zoom-toast span strong{display:block}.zoom-toast span small{color:#737d9c;font:700 8px var(--mono)}.zoom-toast span strong{margin-top:4px;font-size:10px}.zoom-tools{z-index:5;border:1px solid var(--line);transform-origin:100%;background:#090c16f0;border-radius:6px;gap:4px;padding:5px;display:grid;position:absolute;top:50%;right:14px}.zoom-tools button{color:#aab2ca;background:0 0;border:0;border-radius:4px;width:27px;height:27px;font-size:12px}.zoom-tools button:hover{color:#fff;background:#22e6ff1a}.demo-wrap{border:1px solid var(--line);background:#090c16db;border-radius:8px;margin:110px 0 120px;padding:24px;box-shadow:0 30px 90px #00000073,inset 0 0 60px #22e6ff08}.demo-head{justify-content:space-between;align-items:end;padding:8px 8px 22px;display:flex}.demo-head h2{margin:10px 0 0;font-size:28px}.demo-status{color:#8e96b3;align-items:center;gap:9px;font-size:12px;display:flex}.demo-status i{background:var(--magenta);width:8px;height:8px;box-shadow:0 0 12px var(--magenta);border-radius:50%}.kicker{font:700 10px var(--mono);color:var(--cyan)}.workspace{background:#060810;border:1px solid #22e6ff2e;border-radius:6px;grid-template-columns:190px 1fr 1fr;min-height:430px;display:grid;overflow:hidden}.workspace aside{border-right:1px solid var(--line);padding:20px}.workspace aside p{font:700 9px var(--mono);color:#737d9c;margin:0 0 14px}.workspace aside button{color:#8e96b3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:13px 10px}.workspace aside button span{font:700 9px var(--mono);color:#5c6580;margin-right:10px}.workspace aside button.active{color:#fff;box-shadow:inset 3px 0 var(--cyan),0 0 18px #22e6ff14;background:linear-gradient(90deg,#22e6ff24,#ff3bd814)}.upload-panel,.result-panel{border-right:1px solid var(--line);padding:24px}.upload-panel{background:#080b1680}.upload-box{background:#22e6ff08;border:1.5px dashed #22e6ff8c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:175px;display:flex}.upload-icon{background:linear-gradient(135deg,var(--cyan),var(--magenta));color:#05060c;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:10px;font-size:24px;font-weight:900;display:grid;box-shadow:0 0 20px #22e6ff59}.upload-box strong{font-size:14px}.upload-box span{color:#737d9c;margin-top:6px;font-size:10px}.prompt-field{margin-top:18px}.prompt-field label{font:700 9px var(--mono);color:#737d9c;margin-bottom:8px;display:block}.prompt-field textarea{resize:none;color:#dbe4ff;background:#080b16;border:1px solid #22e6ff3d;border-radius:4px;width:100%;height:72px;padding:12px;font-size:11px;line-height:1.6}.generate{border-radius:4px;width:100%;margin-top:12px;padding:12px;font-size:12px}.result-panel{border:0}.result-grid{grid-template-columns:1fr 1fr;gap:8px;height:318px;display:grid}.result-grid div{background:linear-gradient(145deg,#101632,#0a0f1e);border:1px solid #22e6ff33;border-radius:4px;position:relative;overflow:hidden}.result-grid div:after{content:"A";color:#22e6ff14;font-size:95px;font-weight:900;position:absolute;bottom:-24px;right:12px}.result-grid div:nth-child(2){filter:hue-rotate(55deg)}.result-grid div:nth-child(3){filter:hue-rotate(-35deg)}.result-grid div:nth-child(4){filter:hue-rotate(120deg)}.result-panel p{color:#737d9c;font-size:11px}.result-panel p span{color:var(--cyan);font-weight:800}.section{padding:110px 0}.section-title{grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:52px;display:grid}.section-title .kicker{grid-column:1/-1}.section-title h2{margin:0;font-size:44px;line-height:1.18}.section-title p{color:var(--muted);margin:0 0 6px;line-height:1.8}.feature-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.feature-grid article{border:1px solid var(--line);background:#0b0e18d1;border-radius:6px;min-height:300px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.feature-grid article:hover{border-color:#22e6ff8c;transform:translateY(-5px);box-shadow:0 0 30px #22e6ff1f}.feature-grid article:before{content:"";background-image:radial-gradient(circle at 6px 5px,var(--red) 3px,transparent 3.5px),radial-gradient(circle at 20px 5px,var(--yellow) 3px,transparent 3.5px),radial-gradient(circle at 34px 5px,var(--green) 3px,transparent 3.5px);background-repeat:no-repeat;background-size:14px 10px;width:40px;height:10px;position:absolute;top:14px;left:14px}.feature-grid article:after{content:"core";font:700 8px var(--mono);color:#22e6ffb3;position:absolute;top:14px;right:14px}.feature-grid em{color:#0000;-webkit-text-stroke:1px #22e6ff99;font-style:normal;font:900 22px var(--mono)}.feature-grid h3{margin:54px 0 15px;font-size:21px}.feature-grid p{color:#8e96b3;font-size:14px;line-height:1.8}.feature-grid span{color:var(--cyan);margin-top:28px;font-size:12px;font-weight:700;display:block}.visual-showcase{grid-template-rows:240px 240px;grid-template-columns:1.55fr .8fr;gap:14px;margin-top:70px;display:grid}.visual-showcase article{border:1px solid var(--line);background:var(--panel);isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.visual-showcase img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .8s}.visual-showcase article:hover img{filter:saturate(1.15);transform:scale(1.07)}.visual-showcase article:after{content:"";z-index:1;background:linear-gradient(#0000 38%,#05060ceb);position:absolute;inset:0}.visual-showcase article>div{z-index:2;position:absolute;bottom:24px;left:28px;right:28px}.visual-showcase span{font:700 9px var(--mono);color:var(--cyan)}.visual-showcase h3{margin:8px 0 0;font-size:25px;line-height:1.25}.showcase-large{grid-row:1/3}.showcase-large img{object-position:62% center}.showcase-large h3{max-width:460px;font-size:35px}.showcase-crop img{object-position:88% 42%;transform:scale(1.3)}.showcase-crop:hover img{transform:scale(1.38)}.showcase-type{background:radial-gradient(circle at 72% 26%,#22e6ff33,#0000 24%),radial-gradient(circle at 28% 78%,#ff3bd82e,#0000 32%),linear-gradient(145deg,#0d1a30,#120c22)!important;border-color:#22e6ff5c!important}.showcase-type:before{content:"";border:1px solid #22e6ff33;border-radius:50%;width:240px;height:240px;animation:14s linear infinite orbitSpin;position:absolute;top:-100px;right:-60px;box-shadow:0 0 0 35px #22e6ff08,0 0 0 70px #ff3bd805}.showcase-type>b{color:#22e6ff1a;font-size:210px;font-weight:300;line-height:1;position:absolute;top:-52px;right:20px;transform:rotate(-18deg)}.showcase-type:after{background:linear-gradient(#0000,#05060cb3)!important}.scenarios{background:linear-gradient(180deg,#080b1680,transparent),var(--bg-2);padding:110px 0}.compact{text-align:left;display:block}.compact h2{margin:14px 0}.compact p{color:var(--muted)}.scenario-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.scenario{color:#fff;border:1px solid var(--line);background:linear-gradient(145deg,#0d1326,#090c18);border-radius:6px;flex-direction:column;justify-content:space-between;min-height:330px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 36px #22e6ff0f}.scenario:before{content:"";background:radial-gradient(circle,#22e6ff4d,#0000 66%);width:250px;height:250px;position:absolute;top:24px;right:-70px}.scenario.s2:before{background:radial-gradient(circle,#ff3bd847,#0000 66%)}.scenario.s3:before{background:radial-gradient(circle,#7c5cff57,#0000 66%)}.scenario b,.scenario div{z-index:1;position:relative}.scenario b{font:700 10px var(--mono);color:var(--cyan)}.scenario h3{margin:0 0 10px;font-size:26px}.scenario p{color:#aab4d2;font-size:13px;line-height:1.7}.toolbox{border:1px solid var(--line);background:radial-gradient(circle at 84% 16%,#ff3bd81a,#0000 30%),radial-gradient(circle at 16% 84%,#22e6ff17,#0000 32%),linear-gradient(135deg,#0b0f1d,#070a14);border-radius:8px;grid-template-columns:.85fr 1.15fr;gap:60px;margin-top:100px;padding:70px;display:grid;position:relative;overflow:hidden}.toolbox:before{content:"";background-image:linear-gradient(#5f82d212 1px,#0000 1px),linear-gradient(90deg,#5f82d212 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 82% 18%,#000,#0000 62%);mask-image:radial-gradient(circle at 82% 18%,#000,#0000 62%)}.toolbox-intro{z-index:1;position:relative}.toolbox h2{margin:16px 0;font-size:42px;line-height:1.18}.toolbox-intro p{color:var(--muted);font-size:14px;line-height:1.9}.kicker.light{color:var(--cyan)}.tool-cloud{z-index:1;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:relative}.tool-pill{background:#080b16c7;border:1px solid #7c5cff52;border-radius:4px;align-items:center;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 0 22px #7c5cff14}.tool-pill:hover{border-color:#22e6ff80;transform:translateY(-3px);box-shadow:0 0 28px #22e6ff24}.tool-pill i{background:linear-gradient(135deg,var(--cyan),var(--magenta));color:#05060c;border-radius:4px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:800;display:grid}.tool-pill strong,.tool-pill small{display:block}.tool-pill strong{font-size:13px}.tool-pill small{color:#737d9c;margin-top:5px;font-size:10px}.center{text-align:center}.flow-line{border:1px solid var(--line);background:#0b0e18b8;border-radius:6px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.flow-line article{border-right:1px solid var(--line);background:linear-gradient(145deg,#22e6ff0a,#ff3bd805);min-height:220px;padding:30px;position:relative}.flow-line article:last-child{border:0}.flow-line b{color:var(--cyan);font:800 11px var(--mono);text-shadow:0 0 10px #22e6ff73;margin-bottom:42px;display:block}.flow-line span{font-size:20px;font-weight:800}.flow-line p{color:var(--muted);font-size:13px;line-height:1.7}.template-strip{color:#fff;background:linear-gradient(90deg,#22e6ff0f,#ff3bd80d),#0b0f1d;border:1px solid #7c5cff57;border-radius:6px;justify-content:space-between;align-items:center;margin-top:14px;padding:24px 28px;display:flex;box-shadow:0 0 30px #7c5cff1a}.template-strip span{font:700 9px var(--mono);color:var(--cyan)}.template-strip h3{margin:8px 0 0;font-size:15px}.template-strip a{color:var(--magenta);text-shadow:0 0 12px #ff3bd866;font-size:12px;font-weight:800}.final-cta{color:#fff;background:linear-gradient(135deg,#0d1428e6,#120a1ee6);border:1px solid #22e6ff57;border-radius:8px;align-items:center;gap:26px;margin:96px 0 70px;padding:36px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 44px #22e6ff1f,10px 10px #00000052}.final-cta:before{content:"";border:40px solid #22e6ff17;border-radius:50%;width:260px;height:260px;position:absolute;top:-70px;right:-70px}.final-cta:after{content:"";background:linear-gradient(90deg,#0000,#22e6ff12,#0000);animation:5s ease-in-out infinite ctaSweep;position:absolute;inset:0;transform:translate(-100%)}.final-cta img{object-fit:cover;border-radius:6px;outline:1px solid #22e6ff66;width:76px;height:76px;box-shadow:0 0 24px #22e6ff38}.final-cta div{z-index:1;flex:1;position:relative}.final-cta span{font:700 10px var(--mono);color:var(--cyan)}.final-cta h2{margin:8px 0 0;font-size:26px}.final-cta .button{box-shadow:0 0 26px #22e6ff4d}footer{color:#737d9c;border-top:1px solid var(--line);align-items:center;gap:26px;padding:30px 0 52px;font-size:11px;display:flex}footer p{flex:1}.filing-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filing-links a{color:inherit;text-decoration:none;transition:color .2s}.filing-links a:hover{color:#a8b8ff}@keyframes haloPulse{0%,to{opacity:.7;transform:scale(.94)rotate(0)}50%{opacity:1;transform:scale(1.07)rotate(6deg)}}@keyframes visualDrift{to{transform:scale(1.11)translate(-1.8%,1.2%)}}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-13px) rotate(var(--rot,0deg))}}.card-a{--rot:-2.4deg}.card-b{--rot:1.8deg}@keyframes sparkle{0%,to{opacity:.25;transform:rotate(45deg)scale(.45)}50%{opacity:1;transform:rotate(45deg)scale(1.15)}}@keyframes tickerRun{to{transform:translate(-50%)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes scrollPulse{0%,to{opacity:.2;transform-origin:top;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes ctaSweep{0%,20%{transform:translate(-100%)}70%,to{transform:translate(100%)}}@media (max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.hero-art{height:540px}.hero-art .card-a{left:-12px}.visual-showcase{grid-template-columns:1.3fr .9fr}}@media (max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 0 46px}.hero-copy{max-width:700px}.hero h1{font-size:64px}.hero-art{height:560px;margin:0 -10vw 0 2vw}.workspace{grid-template-columns:1fr}.workspace aside{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.workspace aside p{display:none}.workspace aside button{min-width:120px}.upload-panel{border-right:0;border-bottom:1px solid var(--line)}.section-title,.toolbox{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.toolbox{gap:40px;padding:46px}.scenario-grid{grid-template-columns:1fr}.scenario{min-height:230px}.flow-line{grid-template-columns:1fr}.flow-line article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.flow-line b{margin-bottom:26px}.visual-showcase{grid-template-rows:430px 240px;grid-template-columns:1fr 1fr}.showcase-large{grid-area:auto/1/auto/-1}.showcase-large img{object-position:64% center}.final-cta{flex-wrap:wrap}}@media (max-width:560px){.shell{width:min(100% - 24px,1180px)}.nav{height:66px;padding-inline:10px}.brand span{font-size:13px}.hero{padding:70px 0 34px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{flex-direction:column;gap:8px}.hero-art{height:410px;margin:14px -24vw 0 -4vw}.hero-visual-frame{width:88%}.hero-art .float-card{padding:11px 13px;display:block}.hero-art .card-a{top:38px;left:16%}.hero-art .card-b{bottom:18px;right:14%}.hero-art .float-card small{font-size:8px}.hero-art .float-card strong{font-size:10px}.hero-tag.tag-side{display:none}.hero-tag.tag-top{top:12px;left:10px}.visual-index,.visual-corner{display:none}.motion-ticker>div{gap:22px;padding:12px 0;font-size:12px}.demo-wrap{margin-top:80px;padding:12px}.demo-head{flex-direction:column;align-items:start;gap:20px}.demo-head h2{font-size:21px}.result-panel{padding:14px}.section{padding:78px 0}.section-title h2,.toolbox h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.scenarios{padding:78px 0}.toolbox{margin-top:70px;padding:30px 22px}.tool-cloud{grid-template-columns:1fr}.template-strip{flex-direction:column;align-items:flex-start;gap:20px}.visual-showcase{grid-template-rows:330px 220px 220px;grid-template-columns:1fr;margin-top:52px}.showcase-large{grid-column:auto}.showcase-large h3,.visual-showcase h3{font-size:24px}.final-cta{flex-wrap:wrap;padding:26px 22px}.final-cta .button{width:100%}footer{flex-wrap:wrap;gap:12px}footer p{flex-basis:100%}.zoom-note{width:auto;min-height:140px;padding:14px;top:70px;left:12px;right:12px}.zoom-note h3{margin:16px 0 7px;font-size:16px}.zoom-gallery{grid-template-columns:1fr 1fr;gap:9px;inset:224px 12px 18px}.zoom-card{border-radius:5px;min-height:0;padding:13px;height:100%!important}.zoom-card h3{margin:10px 0 6px;font-size:15px}.zoom-card p{font-size:8px}.group-card{display:none}.detail-card>img{height:57%}.copy-card i{width:60px;height:60px}.copy-card>div{height:70px;left:15px;right:15px}.zoom-toast{padding:8px;bottom:10px;right:12px}.zoom-toast>i{width:23px;height:23px}.zoom-toast span strong{font-size:8px}.zoom-tools{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@view-transition{navigation:auto}::view-transition-old(root){animation:.34s cubic-bezier(.4,0,1,1) both pageLeave}::view-transition-new(root){animation:.55s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageLeave{to{opacity:0;filter:blur(8px);transform:scale(.985)}}@keyframes pageEnter{0%{opacity:0;filter:blur(10px);transform:translateY(22px)scale(1.012)}}.particle-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.three-bg{z-index:0;pointer-events:auto;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.cursor-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.cursor-dot,.cursor-ring{will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan)}.cursor-ring{border:1px solid #22e6ffa6;width:30px;height:30px;transition:width .18s,height .18s,border-color .18s;box-shadow:inset 0 0 14px #22e6ff24}.cursor-ring.is-hover{border-color:var(--magenta);width:46px;height:46px;box-shadow:inset 0 0 18px #ff3bd833,0 0 18px #ff3bd84d}html.has-cursor,html.has-cursor *{cursor:none!important}.rail-nav{z-index:70;gap:18px;display:grid;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.rail-nav a{color:#6f7896;place-items:center;width:34px;height:34px;text-decoration:none;display:grid;position:relative}.rail-nav a i{border:1px solid #7c5cff99;width:9px;height:9px;transition:border-color .2s,background .2s,box-shadow .2s;position:absolute;transform:rotate(45deg)}.rail-nav a span{z-index:1;font:700 9px var(--mono);position:relative}.rail-nav a:hover i,.rail-nav a.active i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 14px #22e6ffbf}.rail-nav a.active{color:#fff}.sound-toggle{border:1px solid var(--line);color:#aab2ca;font:700 10px var(--mono);cursor:pointer;background:#080b16b3;border-radius:5px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.sound-toggle i{background:#5d6682;border-radius:50%;width:6px;height:6px}.sound-toggle.on i{background:var(--green);box-shadow:0 0 10px var(--green)}.terminal-section{padding:110px 0 30px}.terminal-window{background:#060911f0;border:1px solid #22e6ff4d;border-radius:8px;overflow:hidden;box-shadow:0 0 46px #22e6ff1a,0 34px 90px #00000080}.terminal-bar{border-bottom:1px solid var(--line);background:#0a0e1acc;align-items:center;gap:7px;height:48px;padding:0 18px;display:flex}.terminal-bar i{background:var(--red);border-radius:50%;width:9px;height:9px}.terminal-bar i:nth-child(2){background:var(--yellow)}.terminal-bar i:nth-child(3){background:var(--green)}.terminal-bar span{color:#737d9c;font:700 9px var(--mono);flex:1;margin-left:10px}.terminal-bar button{color:var(--cyan);font:700 9px var(--mono);cursor:pointer;background:#22e6ff0f;border:1px solid #22e6ff52;border-radius:4px;padding:7px 12px}.terminal-bar button:hover{background:#22e6ff24}.terminal-body{background-image:radial-gradient(circle,#7896dc1f 1px,#0000 1.2px);background-size:18px 18px;align-content:start;gap:9px;min-height:250px;padding:24px 26px;display:grid}.terminal-body span{font:600 13px/1.6 var(--mono);color:#a9c0e8;white-space:pre-wrap}.terminal-body span.current{color:#fff}.terminal-cursor{background:var(--cyan);width:9px;height:17px;box-shadow:0 0 10px var(--cyan);animation:.8s step-end infinite blink;display:inline-block}.terminal-status{border-top:1px solid var(--line);color:#737d9c;height:38px;font:700 9px var(--mono);align-items:center;gap:8px;padding:0 18px;display:flex}.terminal-status i{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 10px var(--yellow);border-radius:50%}.terminal-status.done i{background:var(--green);box-shadow:0 0 10px var(--green)}.terminal-status.done{color:var(--green)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--cyan);text-shadow:0 0 14px #22e6ffb3;clip-path:inset(18% 0 52%);animation:3.4s step-end infinite glitchA}.glitch:after{color:var(--magenta);text-shadow:0 0 14px #ff3bd8b3;clip-path:inset(58% 0 8%);animation:2.8s step-end infinite glitchB}@keyframes glitchA{0%,91%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-4px,2px)}95%{opacity:.5;transform:translate(3px,-2px)}to{opacity:0;transform:none}}@keyframes glitchB{0%,89%{opacity:0;transform:none}90%{opacity:.7;transform:translate(4px,2px)}94%{opacity:.5;transform:translate(-3px,1px)}to{opacity:0;transform:none}}.scan-overlay{z-index:110;pointer-events:none;opacity:0;background:repeating-linear-gradient(113deg,#22e6ff29 0 2px,#0000 2px 30px),repeating-linear-gradient(23deg,#ff3bd81a 0 2px,#0000 2px 42px);position:fixed;inset:-4% -6%;transform:translate(-130%)skew(-7deg)}.scan-overlay.is-scanning{opacity:1;transition:transform .72s ease-in-out,opacity .1s;transform:translate(130%)skew(-7deg)}.data-board{padding:110px 0}.data-board-head{max-width:720px;margin-bottom:34px}.data-board-head h2{margin:14px 0;font-size:42px;line-height:1.18}.data-board-head p{color:var(--muted);font-size:14px;line-height:1.8}.data-view{touch-action:pan-y;cursor:grab;overflow:hidden}.data-view:active{cursor:grabbing}.data-track{will-change:transform;gap:16px;width:max-content;display:flex}.data-card{perspective:1100px;flex:none;width:300px;height:250px}.data-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative}.data-card:hover .data-card-inner,.data-card:focus-within .data-card-inner{transform:rotateY(180deg)}.data-card-front,.data-card-back{border:1px solid var(--line);backface-visibility:hidden;border-radius:6px;padding:24px;position:absolute;inset:0}.data-card-front{background:radial-gradient(circle at 78% 22%,#22e6ff29,#0000 30%),linear-gradient(145deg,#0c1122,#090c18);flex-direction:column;justify-content:space-between;display:flex;box-shadow:0 0 30px #22e6ff14}.data-card-front span{font:700 9px var(--mono);color:var(--cyan)}.data-card-front strong{background:linear-gradient(92deg,var(--cyan),var(--magenta));color:#0000;filter:drop-shadow(0 0 18px #22e6ff4d);-webkit-background-clip:text;font-size:68px;line-height:1}.data-card-front strong small{-webkit-text-fill-color:#aab2ca;margin-left:8px;font-size:15px}.data-card-front h3{margin:0;font-size:20px}.data-card-back{background:radial-gradient(circle at 20% 80%,#ff3bd829,#0000 32%),linear-gradient(145deg,#150c22,#0b0f1d);border-color:#ff3bd857;flex-direction:column;justify-content:space-between;display:flex;transform:rotateY(180deg)}.data-card-back b{font:700 10px var(--mono);color:var(--magenta)}.data-card-back h3{margin:0;font-size:22px}.data-card-back p{color:#aab2ca;margin:0;font-size:13px;line-height:1.7}.data-card-back span{font:700 8px var(--mono);color:#737d9c}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(26px)}.reveal.is-in{opacity:1;transform:none}@media (max-width:900px){.rail-nav{display:none}.terminal-section{padding:80px 0 20px}.terminal-body{padding:20px}.terminal-body span{font-size:12px}.data-board{padding:80px 0}.data-board-head h2{font-size:34px}}@media (max-width:560px){.sound-toggle span{display:none}.terminal-section{padding:60px 0 10px}.terminal-body{min-height:230px;padding:16px}.terminal-body span{font-size:11px}.terminal-bar span{display:none}.data-board{padding:70px 0}.data-card{width:260px;height:230px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}