@import "https://fonts.googleapis.com/css2?family=Huninn&display=swap";
@font-face{font-family:huninn;src:url(../media/jf_openhuninn-s.p.1q_vk14ee6byj.ttf)format("truetype");font-display:swap}@font-face{font-family:huninn Fallback;src:local(Arial);ascent-override:80.14%;descent-override:14.08%;line-gap-override:0.0%;size-adjust:106.13%}.huninn_b304ddaf-module__YtUqRW__className{font-family:huninn,huninn Fallback}.huninn_b304ddaf-module__YtUqRW__variable{--font-body:"huninn", "huninn Fallback"}
@font-face{font-family:mantou;src:url(../media/MantouSans_Regular-s.p.027h5p-qp3duh.ttf)format("truetype");font-display:swap}@font-face{font-family:mantou Fallback;src:local(Arial);ascent-override:88.05%;descent-override:21.86%;line-gap-override:0.0%;size-adjust:131.74%}.mantou_9196b68-module__XV470W__className{font-family:mantou,mantou Fallback}.mantou_9196b68-module__XV470W__variable{--font-display:"mantou", "mantou Fallback"}
@font-face{font-family:biantaoti;src:url(../media/biantaoti-s.p.1ty2qkq3a4rkj.ttf)format("truetype");font-display:swap}@font-face{font-family:biantaoti Fallback;src:local(Arial);ascent-override:94.35%;descent-override:18.87%;line-gap-override:0.0%;size-adjust:105.98%}.biantaoti_6f9249e2-module__ttSXLW__className{font-family:biantaoti,biantaoti Fallback}.biantaoti_6f9249e2-module__ttSXLW__variable{--font-biantaoti:"biantaoti", "biantaoti Fallback"}
@font-face{font-family:goldenbell;src:url(../media/senty_goldenbell-s.p.1jwihra4-6gvy.ttf)format("truetype");font-display:swap}@font-face{font-family:goldenbell Fallback;src:local(Arial);ascent-override:136.12%;descent-override:57.17%;line-gap-override:0.0%;size-adjust:99.94%}.goldenbell_a55831e8-module__thHCQa__className{font-family:goldenbell,goldenbell Fallback}.goldenbell_a55831e8-module__thHCQa__variable{--font-quote:"goldenbell", "goldenbell Fallback"}
:root{--font-main:var(--font-body), "Huninn", -apple-system, BlinkMacSystemFont, "Noto Sans TC", system-ui, sans-serif;--font-title:var(--font-display), var(--font-biantaoti), var(--font-body), "Noto Sans TC", system-ui, sans-serif;--font-quote-stack:var(--font-quote), var(--font-body), "Noto Sans TC", cursive;--text-display:clamp(56px, 9vw, 122px);--text-h1:clamp(34px, 5vw, 68px);--text-h2:clamp(28px, 3.4vw, 46px);--text-h3:clamp(20px, 1.6vw, 26px);--text-quote:clamp(28px, 4vw, 56px);--text-lead:18px;--text-body:16px;--text-small:14px;--text-label:12px;--leading-display:.98;--leading-heading:1.1;--leading-quote:1.35;--leading-body:1.75;--leading-tight:1.3;--tracking-tight:-.01em;--tracking-normal:0;--tracking-label:.28em;--paper:#f7f2e9;--paper-strong:#fffaf1;--ink:#24221f;--muted:#6f6961;--line:#24221f1f;--glass:#fffcf4ad;--amber:#ffb43f;--amber-soft:#ffd38a;--danger:#9c3d2a;--terra:#e5622e;--success:#5b6f45;--info:#41566f;--warning:#8a600e;--gray-50:#faf7f1;--gray-100:#f0ebe1;--gray-200:#e3ddd1;--gray-300:#cfc8ba;--gray-400:#a89f90;--gray-500:#8a8175;--gray-600:#6f6961;--gray-700:#57524b;--gray-800:#3a3733;--gray-900:#24221f;--dark:#171513;--dark-2:#24211f;--dark-panel:#524e49a3;--radius:16px;--shadow-soft:0 24px 80px #46311829;--shadow-card:0 18px 44px #46311829}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 44%, #ffb5402e, transparent 32rem), linear-gradient(180deg, #fbf8f0 0%, var(--paper) 48%, #fff7e8 100%);color:var(--ink);font-family:var(--font-main);letter-spacing:0;font-synthesis-weight:none;font-synthesis:none;margin:0}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#24221f09 1px,#0000 1.2px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000047,#0000 68%);mask-image:linear-gradient(#00000047,#0000 68%)}a{color:inherit;text-decoration:none}button{font:inherit}.glass-dock{z-index:20;background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border:1px solid #24221f1a;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;width:min(1040px,100vw - 28px);height:58px;padding:8px 10px 8px 18px;transition:transform .28s,background .28s,box-shadow .28s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #3427181f}.glass-dock.is-scrolled{background:#fffcf4d1;transform:translate(-50%)scale(.96);box-shadow:0 16px 44px #34271829}.brand-mark,.dock-links,.feature-rail,.process-tabs,.command-row{align-items:center;display:flex}.brand-mark{white-space:nowrap;gap:10px;font-weight:700}.brand-dot{background:var(--amber);border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #ffb43f38}.dock-links{color:var(--muted);gap:10px;font-size:14px}.dock-links a{border-radius:999px;padding:8px 10px}.dock-links a:hover{color:var(--ink);background:#24221f0f}.dock-action,.command-row button,.workspace-card button,.folder-detail button{background:var(--ink);color:#fffaf1;cursor:pointer;border:0;border-radius:999px;font-weight:700}.dock-action{white-space:nowrap;padding:11px 18px}.hero{z-index:1;min-height:100svh;padding:122px max(28px,50vw - 590px) 72px;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(2px);z-index:-1;background:radial-gradient(#ffb43f94,#ffd18a33 42%,#0000 70%);height:56vh;position:absolute;bottom:-18vh;left:0;right:0}.hero-copy{text-align:center;max-width:930px;margin:0 auto}.system-label{color:var(--muted);margin:0 0 12px;font-size:15px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-title);word-break:normal;line-break:strict;overflow-wrap:break-word;text-wrap:balance;font-weight:400}h1{letter-spacing:0;margin-bottom:18px;font-size:clamp(56px,9vw,122px);line-height:.95}.hero-subtitle{color:#5e5851;max-width:720px;margin:0 auto;font-size:clamp(18px,2.3vw,25px);line-height:1.65}.feature-rail{color:#77716a;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:32px;font-size:16px;font-weight:700}.feature-rail span{align-items:center;gap:8px;display:inline-flex}.feature-rail i,.process-tabs button:before{opacity:.65;background:currentColor;border-radius:4px;width:14px;height:14px}.workspace-stage{max-width:1180px;min-height:560px;margin:74px auto 0;position:relative}.archive-hero .hero-subtitle{max-width:780px}.status-column{width:170px;color:var(--muted);gap:38px;display:grid;position:absolute;top:16px;left:0}.status-item{grid-template-columns:24px 1fr auto;align-items:center;gap:14px;display:grid}.status-item span{border:3px solid #24221f42;border-radius:50%;width:18px;height:18px}.status-item.active span{border-color:var(--amber);box-shadow:0 0 0 6px #ffb43f29}.status-item strong{color:var(--ink);font-size:18px}.status-item em{font-size:19px;font-style:normal}.workspace-card{border:1px solid var(--line);border-radius:var(--radius);width:410px;min-height:220px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;padding:24px;position:absolute}.workspace-card h2{font-size:26px;font-family:var(--font-body), "Noto Sans TC", system-ui, sans-serif;margin-bottom:10px;font-weight:700}.workspace-card p{color:#69625b;line-height:1.6}.card-kicker{color:#8a847c;margin-bottom:16px;font-size:13px;font-weight:700;display:block}.card-primary{animation:6s ease-in-out infinite floatSlow;top:20px;left:210px}.card-secondary{animation:7s ease-in-out -1s infinite floatSlow;top:58px;right:0}.card-lifted{background:#ffffffe0;animation:5.8s ease-in-out infinite liftedCard;top:210px;left:50%;transform:translate(-38%)rotate(-8deg)}.workspace-card button{margin-top:8px;padding:10px 16px}.skeleton-lines{gap:10px;margin-top:26px;display:grid}.skeleton-lines span{background:#d7d4cf;border-radius:999px;height:11px;display:block}.skeleton-lines span:nth-child(2){width:72%}.skeleton-lines span:nth-child(3){width:54%}.mini-flow{align-items:center;gap:18px;margin-top:28px;display:flex}.mini-flow b{background:#ffb43f29;border:1px solid #ffb43f6b;border-radius:50%;width:42px;height:42px}.section{z-index:1;padding:104px max(28px,50vw - 590px);position:relative}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2,.editor-copy h2{letter-spacing:0;margin-bottom:14px;font-size:clamp(28px,3.7vw,52px);line-height:1.18}.section-heading p:last-child,.editor-copy p{color:#665f57;font-size:18px;line-height:1.75}.token-grid,.asset-shelf,.selection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.token-card,.asset-shelf article,.pattern-list article{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffff9e}.token-card,.asset-shelf article{padding:22px}.token-card h3,.asset-shelf h3,.pattern-list h3{margin-bottom:10px;font-size:22px}.token-card p,.asset-shelf p,.pattern-list p{color:#68615a;line-height:1.65}.swatch{border-radius:12px;width:100%;height:88px;margin-bottom:18px;display:block;box-shadow:inset 0 0 0 1px #24221f14}.swatch.warm{background:linear-gradient(135deg,#fffaf1,#ffd797)}.swatch.ink{background:#24221f}.swatch.amber{background:#ffb43f}.swatch.terra{background:linear-gradient(135deg,#ffb43f,#e5622e)}.selection-lab{background:radial-gradient(circle at 72% 34%,#e5622e1a,#0000 22rem),linear-gradient(#fffaf2,#f8f1e6)}.folder-archive{background:radial-gradient(circle at 18% 22%,#ffb43f2e,#0000 22rem),linear-gradient(#fffaf2,#f8f1e6)}.folder-layout{grid-template-columns:minmax(520px,1.05fr) minmax(320px,.72fr);align-items:stretch;gap:30px;display:grid}.folder-stage{background:radial-gradient(circle at 62% 42%,#ffb43f24,#0000 16rem),linear-gradient(145deg,#151412,#27231f);border-radius:24px;min-height:520px;padding:30px;position:relative;overflow:hidden;box-shadow:0 34px 100px #3726123d}.folder-screen-title{color:#fff8ecc2;font-size:13px;font-weight:800}.folder-stack{perspective:1200px;position:absolute;inset:96px 40px 38px}.archive-folder{left:var(--folder-left);right:var(--folder-right);bottom:var(--folder-bottom);background:linear-gradient(180deg, color-mix(in srgb, var(--folder-color) 82%, white), var(--folder-color));min-height:138px;box-shadow:0 18px 52px var(--folder-shadow), 0 0 0 1px #ffffff29 inset;color:#fff;cursor:pointer;text-align:left;transform-origin:bottom;border:0;border-radius:12px 12px 18px 18px;padding:46px 24px 20px;transition:transform .32s cubic-bezier(.18,.9,.22,1),filter .22s,z-index 1ms;position:absolute;transform:rotateX(0)translateY(0)translateZ(0)}.archive-folder:hover{filter:brightness(1.05)saturate(1.08);transform:translateY(-14px)translateZ(28px)}.archive-folder.active{z-index:8;transform:translateY(-42px)translateZ(90px)rotateX(-3deg)}.folder-tab{background:var(--folder-color);min-width:160px;box-shadow:0 -10px 30px var(--folder-shadow);color:#ffffffe6;border-radius:12px 12px 0 0;padding:10px 16px 12px;font-size:13px;font-weight:800;position:absolute;top:-28px;left:0}.folder-flap{background:linear-gradient(180deg, #ffffff47, transparent), color-mix(in srgb, var(--folder-color) 78%, #fff4d6);transform-origin:top;border-radius:12px 12px 7px 7px;height:56px;transition:transform .36s cubic-bezier(.18,.9,.22,1),box-shadow .22s;position:absolute;inset:0 0 auto}.archive-folder.active .folder-flap{transform:rotateX(-58deg);box-shadow:0 18px 34px #00000038}.archive-folder strong,.archive-folder small{z-index:1;display:block;position:relative}.archive-folder strong{max-width:320px;font-size:clamp(30px,4.6vw,58px);line-height:.92}.archive-folder small{color:#ffffffb8;margin-top:12px;font-size:15px;font-weight:800}.folder-detail{min-height:520px;box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.archive-path{color:#5f5851;background:#24221f12;border-radius:999px;margin-bottom:20px;padding:9px 12px;font-size:14px;font-weight:800;display:inline-flex}.folder-detail h3{margin-bottom:12px;font-size:clamp(38px,6vw,72px);line-height:.92}.folder-detail p{color:#625b53;font-size:18px;line-height:1.65}.folder-detail ul{gap:10px;margin:28px 0;padding:0;list-style:none;display:grid}.folder-detail li{color:#342f2a;background:#24221f0f;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;font-weight:800;display:flex}.folder-detail li span{background:var(--amber);border-radius:50%;flex:none;width:10px;height:10px}.folder-detail button{background:var(--ink);width:fit-content;padding:13px 18px}.selection-layout{grid-template-columns:minmax(460px,1fr) minmax(320px,.72fr);align-items:stretch;gap:28px;display:grid}.selection-grid{min-height:420px;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 24% 18%,#ffb43f24,#0000 14rem),#ffffff7a;border:1px solid #24221f1a;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.select-tile{min-height:190px;color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(#ffffffd1,#fffcf4ad);border:1px solid #24221f21;border-radius:14px;grid-template-rows:auto auto 1fr;align-items:start;gap:10px;padding:14px;transition:transform .18s cubic-bezier(.2,.9,.2,1),border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden;transform:translateY(0)scale(1);box-shadow:0 8px #24221f0a,0 14px 34px #3c2d1a14}.select-tile:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(110deg,#0000,#ffffffe6,#0000);width:120%;height:70%;position:absolute;inset:-40% -120% auto auto;transform:rotate(18deg)translate(-18%)}.select-tile:after{content:"";background:var(--tile-color,var(--amber));opacity:.12;border:2px solid #24221f2e;border-radius:6px;width:18px;height:18px;transition:transform .18s,opacity .18s,box-shadow .18s,border-color .18s;position:absolute;inset:auto 11px 11px auto;transform:rotate(0)scale(.86)}.select-tile:hover,.select-tile.active{border-color:var(--tile-color,var(--amber));background:linear-gradient(180deg, #fffffff0, #fffaeed1), color-mix(in srgb, var(--tile-color,var(--amber)) 18%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--tile-color,var(--amber)) 18%, transparent), 0 13px 0 color-mix(in srgb, var(--tile-color,var(--amber)) 16%, transparent), 0 26px 56px #3c2d1a29;transform:translateY(-10px)scale(1.015)}.select-tile.active:after{opacity:1;box-shadow:0 0 0 6px color-mix(in srgb, var(--tile-color,var(--amber)) 18%, transparent), 0 0 26px color-mix(in srgb, var(--tile-color,var(--amber)) 58%, transparent);border-color:#fffffff2;transform:rotate(45deg)scale(1.08)}.select-tile.active:before,.select-tile.just-picked:before{animation:.52s ease-out tileShine}.select-tile.just-picked{animation:.36s cubic-bezier(.15,.9,.2,1) tilePick}.select-tile em{z-index:1;background:color-mix(in srgb, var(--tile-color,var(--amber)) 14%, white);width:46px;height:46px;color:var(--tile-color,var(--amber));border:1px solid #24221f1a;border-radius:10px;place-items:center;font-size:26px;font-style:normal;font-weight:900;display:grid;position:relative}.select-tile strong{z-index:1;font-size:20px;position:relative}.select-tile span{z-index:1;color:#716a62;font-size:14px;line-height:1.55;position:relative}.selection-preview{border:1px solid var(--line);min-height:410px;box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:24px;flex-direction:column;justify-content:space-between;padding:26px;display:flex}.selection-preview p{color:#625b53;line-height:1.75}.preview-sample{color:#fff8ec;background:radial-gradient(circle at 26% 24%,#ffb43f47,#0000 8rem),linear-gradient(135deg,#24221f,#3a342f);border-radius:20px;min-height:190px;padding:24px}.preview-sample strong{max-width:440px;font-size:clamp(34px,5vw,58px);line-height:1.04;display:block}.dark-editor{z-index:1;color:#fff8ec;background:radial-gradient(circle at 68% 56%,#ffb43f2e,#0000 22rem),linear-gradient(#151311,#1d1a17);grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);gap:42px;min-height:720px;padding:118px max(28px,50vw - 590px);display:grid;position:relative;overflow:hidden}.dark-editor:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff0f,#0000 34rem);position:absolute;inset:0}.system-label.dark,.editor-copy p{color:#fff8eca8}.process-tabs{flex-wrap:wrap;gap:10px;margin-top:30px}.process-tabs button{color:#fff8ec9e;cursor:pointer;background:#ffffff0a;border:1px solid #fff8ec1f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.process-tabs button.active{color:#fff8ec;background:#ffb43f2e;border-color:#ffb43f8c}.tilted-panels{min-height:520px;position:relative}.ghost-panel,.command-panel{background:var(--dark-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff8ec1f;border-radius:24px;position:absolute;box-shadow:0 34px 110px #00000073}.ghost-panel{opacity:.72;gap:12px;width:520px;padding:22px;display:grid;top:36px;left:-60px;transform:rotate(10deg)}.ghost-panel span{color:#fff8ecb8;background:#ffffff14;border-radius:14px;padding:18px 20px;font-size:22px}.command-panel{width:min(590px,92vw);padding:20px;bottom:34px;right:-20px;transform:rotate(-6deg)}.panel-header,.command-row{justify-content:space-between;gap:18px}.panel-header{color:#fff8ecdb;margin-bottom:18px;display:flex}.panel-header span{color:#fff8ec7a}.command-panel p{color:#fff8ecc2;background:#ffffff14;border-radius:16px;min-height:74px;margin-bottom:14px;padding:18px;line-height:1.65}.editor-fields{gap:10px;display:grid}.editor-fields label{background:#ffffff12;border-radius:16px;padding:14px 16px;display:block}.editor-fields span{color:#fff8ec80;margin-bottom:6px;font-size:13px;display:block}.editor-fields b{font-size:17px}.command-row{margin-top:16px}.command-row button{background:var(--amber);color:#24180c;padding:12px 24px}kbd{color:#fff8ecbf;background:#ffffff1a;border-radius:999px;padding:10px 14px}.motion{background:#fffaf2}.flow-layout{grid-template-columns:minmax(420px,1.15fr) minmax(280px,.85fr);align-items:center;gap:28px;display:grid}.flow-diagram{background:radial-gradient(circle at 52%,#ffb43f26,#0000 14rem),radial-gradient(circle at 40% 40%,#e5622e1a,#0000 18rem),linear-gradient(145deg,#11100f,#23201d);border:1px solid #fff8ec1a;border-radius:24px;min-height:430px;position:relative;overflow:hidden;box-shadow:0 30px 100px #3726122e}.flow-diagram svg{width:calc(100% - 60px);height:calc(100% - 60px);position:absolute;inset:30px}.flow-line{fill:none;stroke-linecap:round}.base-line{stroke:#fff8ec21;stroke-width:7px}.hot-line{filter:url(#lineGlow);stroke:var(--amber);stroke-width:4px;stroke-dasharray:120 620;stroke-dashoffset:740px;animation:4.6s cubic-bezier(.2,.8,.2,1) infinite routeLine}.line-b{stroke:#e5622e;animation-delay:.72s}.line-c{stroke:#fff2d2;animation-delay:1.44s}.line-d{stroke:#41566f;animation-delay:2.16s}.flow-node{color:#fff8ece6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8ec1a;border:1px solid #fff8ec2e;border-radius:999px;place-items:center;min-width:88px;min-height:58px;font-weight:700;animation:4.6s ease-in-out infinite nodeWake;display:grid;position:absolute;box-shadow:0 16px 44px #00000042}.node-input{top:184px;left:58px}.node-brand{animation-delay:.6s;top:90px;left:45%}.node-motion{animation-delay:1.1s;bottom:94px;left:52%}.node-app{animation-delay:1.7s;top:140px;right:58px}.node-output{animation-delay:2.3s;bottom:104px;right:42px}.task-chip{background:var(--amber);color:#2d1f10;border-radius:999px;padding:10px 14px;font-weight:700;animation:4.6s ease-in-out infinite taskMove;position:absolute;top:190px;left:140px;box-shadow:0 16px 40px #ffb43f4d}.chip-b{color:#fff;background:#e5622e;animation-name:taskMoveLower;animation-delay:.85s;top:226px;left:128px}.task-dot{background:#fff2d2;border-radius:50%;width:12px;height:12px;animation:4.6s ease-in-out infinite dotRoute;position:absolute;box-shadow:0 0 0 8px #fff2d21f,0 0 26px #fff2d2cc}.dot-a{top:176px;left:110px}.dot-b{background:#41566f;animation-name:dotRouteAlt;animation-delay:1.15s;top:178px;left:110px;box-shadow:0 0 0 8px #4d7cff1f,0 0 26px #4d7cffcc}.pattern-list{gap:16px;display:grid}.pattern-list article{padding:20px}.pattern-list span{color:var(--amber);margin-bottom:14px;font-weight:700;display:inline-flex}.asset-shelf article{background:#ffffffb8;min-height:170px}.tunnel-module{background:radial-gradient(circle at 78% 45%,#2358ff29,#0000 22rem),linear-gradient(#fffaf2,#f4ecdf);grid-template-columns:minmax(320px,.75fr) minmax(520px,1.1fr);align-items:center;gap:32px;display:grid;overflow:hidden}.tunnel-copy h2{margin-bottom:16px;font-size:clamp(36px,5.4vw,74px);line-height:1}.tunnel-copy p{color:#665f57;font-size:18px;line-height:1.75}.tunnel-pills{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tunnel-pills span{color:#4a443e;background:#24221f14;border-radius:999px;padding:10px 13px;font-size:14px;font-weight:800}.pixel-tunnel{perspective:850px;background:#065bd9;border-radius:24px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 32px 90px #2358ff38}.pixel-tunnel:before{content:"";opacity:.72;background-image:url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56 0H0v56' fill='none' stroke='rgba(0,0,0,.28)' stroke-width='2'/%3E%3C/svg%3E");background-size:56px 56px;animation:1.8s linear infinite tunnelGrid;position:absolute;inset:0}.tunnel-grid{background:#1288ff;border:4px solid #151412;border-radius:18px;position:absolute;inset:36px}.tunnel-grid:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72 0H0v72' fill='none' stroke='rgba(255,255,255,.32)' stroke-width='2'/%3E%3C/svg%3E");background-size:72px 72px;animation:1.8s linear infinite reverse tunnelGrid;position:absolute;inset:0}.tunnel-rails{transform-style:preserve-3d;position:absolute;inset:76px}.tunnel-rails span{transform-origin:top;background:#ffffff9e;width:2px;height:380px;position:absolute;top:50%;left:50%}.tunnel-rails span:first-child{transform:rotate(38deg)}.tunnel-rails span:nth-child(2){transform:rotate(-38deg)}.tunnel-rails span:nth-child(3){transform:rotate(90deg)}.tunnel-rails span:nth-child(4){transform:rotate(0)}.tunnel-plane{color:#111;text-align:center;border:3px solid #141414;place-items:center;width:190px;height:86px;font-weight:900;animation:4.6s cubic-bezier(.18,.72,.22,1) infinite tunnelForward;display:grid;position:absolute;transform:translate(-50%,-50%)translateZ(-520px)scale(.35);box-shadow:8px 8px #0000003d}.plane-1{background:#ffb31a;top:48%;left:48%}.plane-2{background:#ff3f34;animation-delay:.75s;top:38%;left:40%}.plane-3{background:#f6e8ff;animation-delay:1.5s;top:38%;left:60%}.plane-4{background:#18d46f;animation-delay:2.25s;top:62%;left:37%}.plane-5{color:#fff;background:#e5622e;animation-delay:3s;top:62%;left:62%}.site-footer{z-index:1;background:var(--amber);color:#21170b;padding:64px max(28px,50vw - 590px);position:relative}.site-footer strong{margin-bottom:12px;font-size:clamp(42px,7vw,92px);line-height:1;display:block}.site-footer p{color:#21170bc2;max-width:560px;font-size:20px;line-height:1.6}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes liftedCard{0%,to{transform:translate(-38%)rotate(-8deg)translateY(0)}50%{transform:translate(-38%)rotate(-5deg)translateY(-18px)}}@keyframes tilePick{0%{transform:translateY(-10px)scale(1.015)}45%{transform:translateY(-16px)scale(1.055)rotate(-1deg)}to{transform:translateY(-10px)scale(1.015)}}@keyframes tileShine{0%{opacity:0;transform:rotate(18deg)translate(-30%)}35%{opacity:1}to{opacity:0;transform:rotate(18deg)translate(155%)}}@keyframes routeLine{0%{stroke-dashoffset:740px;opacity:0}15%,70%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes nodeWake{0%,24%,to{background:#fff8ec1a;border-color:#fff8ec2e;transform:scale(1);box-shadow:0 16px 44px #00000042}38%,52%{background:#ffb43f33;border-color:#ffb43fb3;transform:scale(1.05);box-shadow:0 0 0 8px #ffb43f14,0 22px 54px #00000057}}@keyframes taskMove{0%{transform:translate(0)scale(.96)}40%{transform:translate(250px,-82px)scale(1.02)}75%,to{transform:translate(500px,-30px)scale(.98)}}@keyframes taskMoveLower{0%{transform:translate(0)scale(.96)}50%{transform:translate(318px,8px)scale(1.02)}82%,to{transform:translate(500px,-16px)scale(.98)}}@keyframes dotRoute{0%{opacity:0;transform:translate(0)scale(.7)}18%{opacity:1}54%{opacity:1;transform:translate(310px,-48px)scale(1)}to{opacity:0;transform:translate(554px,-10px)scale(.7)}}@keyframes dotRouteAlt{0%{opacity:0;transform:translate(0)scale(.7)}22%{opacity:1}58%{opacity:1;transform:translate(410px,42px)scale(1)}to{opacity:0;transform:translate(570px,28px)scale(.7)}}@keyframes tunnelGrid{0%{background-position:0 0}to{background-position:56px 56px}}@keyframes tunnelForward{0%{opacity:0;transform:translate(-50%,-50%)translateZ(-620px)scale(.24)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translateZ(260px)scale(1.25)}}@media (max-width:900px){.glass-dock{border-radius:24px;flex-wrap:wrap;align-items:flex-start;height:auto;padding:12px}.brand-mark{min-height:36px}.dock-links{order:3;width:100%;padding-bottom:2px;overflow-x:auto}.dock-links a{flex:none}.hero{padding-top:142px}.workspace-stage{min-height:850px}.status-column{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-bottom:18px;position:relative;top:auto;left:auto}.status-item{text-align:center;grid-template-columns:1fr;justify-items:center;gap:6px}.status-item strong{font-size:14px}.status-item em{font-size:15px}.workspace-card{width:100%;margin-bottom:18px;position:relative;inset:auto}.card-primary,.card-secondary,.card-lifted{top:auto;left:auto;right:auto;transform:none}.card-lifted{animation:6s ease-in-out infinite floatSlow}.token-grid,.asset-shelf,.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dark-editor,.flow-layout,.selection-layout,.folder-layout,.tunnel-module{grid-template-columns:1fr}.folder-stage{min-height:480px}.folder-detail{min-height:0}.tunnel-module{align-items:stretch}.dark-editor{min-height:920px}.tilted-panels{min-height:540px}.ghost-panel{width:82vw;left:0}}@media (max-width:560px){.glass-dock{width:calc(100vw - 20px);top:10px}.dock-action{padding:10px 14px}.hero,.section,.dark-editor{padding-left:18px;padding-right:18px}h1{font-size:clamp(48px,18vw,76px)}.hero-subtitle,.section-heading p:last-child,.editor-copy p{font-size:16px}.feature-rail{gap:10px;font-size:14px}.token-grid,.asset-shelf,.selection-grid{grid-template-columns:1fr}.select-tile,.selection-preview{min-height:0}.ghost-panel{width:108vw;left:-28px;transform:rotate(7deg)}.ghost-panel span{font-size:18px}.command-panel{width:110vw;right:-46px;transform:rotate(-4deg)}.flow-diagram{min-height:380px}.flow-node{min-width:72px;min-height:48px;font-size:14px}.node-input{left:18px}.node-brand{left:40%}.node-motion{left:42%}.node-app,.node-output{right:12px}.task-chip{animation-name:taskMoveMobile;left:70px}.folder-stage{min-height:430px;padding:22px}.folder-stack{inset:92px 22px 22px}.archive-folder{left:var(--folder-left-mobile);right:var(--folder-right-mobile);bottom:var(--folder-bottom-mobile)}.archive-folder strong{font-size:34px}.folder-tab{min-width:118px;font-size:12px}.pixel-tunnel{min-height:360px}.tunnel-grid{inset:20px}.tunnel-plane{width:138px;height:66px;font-size:13px}}@keyframes taskMoveMobile{0%{transform:translate(0)scale(.96)}45%{transform:translate(110px,-70px)scale(1)}75%,to{transform:translate(190px,-22px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
