:root{--bg:#07080b;--panel:#0d1016;--panel2:#10131a;--text:#f2f3f6;--muted:#959ba8;--dim:#626977;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.055);--blue:#b9c8ff;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 72% 13%,rgba(73,91,155,.08),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}a,button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:50}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(137,158,255,.065),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.nav{height:78px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line2);background:rgba(7,8,11,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.045em}.brand-mark{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#0e1117}.brand-mark img{width:100%;height:100%;display:block}.nav-links{display:flex;gap:36px;position:absolute;left:50%;transform:translateX(-50%)}.nav-links a,.nav-cta{color:#9298a4;text-decoration:none;font-size:12px;transition:color .2s ease}.nav-links a:hover{color:#fff}.nav-cta{border:1px solid rgba(255,255,255,.13);padding:12px 17px;border-radius:999px;color:#eceef1}.nav-cta span{margin-left:12px}.hero{min-height:100svh;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(500px,1.14fr);align-items:center;gap:20px;padding:115px clamp(20px,5vw,72px) 55px;position:relative;z-index:1}.hero-copy{position:relative;z-index:4;max-width:580px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#858c9a}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 26px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--blue);box-shadow:0 0 18px rgba(155,178,255,.85);animation:pulse 2.8s ease-in-out infinite}.hero h1{font-size:clamp(76px,9.1vw,138px);line-height:.82;letter-spacing:-.09em;margin:0 0 30px;font-weight:600}.hero h1 em,.work h2 em,.rules h2 em{font-style:normal;color:#777d8a}.hero-lede{font-size:clamp(17px,1.55vw,21px);line-height:1.55;color:#9ba1ad;max-width:490px;margin:0}.hero-actions{display:flex;gap:11px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:14px 20px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button-light{background:#f1f2f4;color:#0a0b0e}.button-light:hover{background:#fff}.button-ghost{border:1px solid rgba(255,255,255,.13);color:#e7e9ed}.button-ghost:hover{border-color:rgba(255,255,255,.25)}.hero-note{display:flex;gap:11px;align-items:center;color:#626875;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:38px}.hero-note i{width:3px;height:3px;border-radius:50%;background:#343943}.character-wrap{height:min(760px,calc(100svh - 120px));min-height:600px;display:grid;place-items:center;position:relative}.character-stage{width:min(700px,100%);aspect-ratio:1/1;position:relative;overflow:hidden;background:#090c12;border:1px solid rgba(255,255,255,.08);box-shadow:0 45px 130px rgba(0,0,0,.62);isolation:isolate}.stage-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 90%);opacity:.5}.stage-glow{position:absolute;width:76%;height:76%;left:12%;top:12%;background:radial-gradient(circle,rgba(102,126,235,.2),transparent 66%);filter:blur(28px)}.character-motion{position:absolute;inset:0;z-index:3;animation:runa-breathe 6s ease-in-out infinite;will-change:transform}.runa-character{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(0,0,0) scale(1.02);will-change:transform;transition:transform .25s cubic-bezier(.22,.61,.36,1)}.life-sheen{position:absolute;inset:-25%;z-index:5;pointer-events:none;background:linear-gradient(108deg,transparent 43%,rgba(220,228,255,.045) 50%,transparent 57%);transform:translateX(-65%);animation:sheen 10s ease-in-out infinite}.character-shadow{position:absolute;bottom:2%;left:24%;width:52%;height:9%;background:#000;opacity:.62;filter:blur(32px);z-index:2}.orbit{position:absolute;border:1px solid rgba(188,201,255,.16);border-radius:50%;z-index:1;pointer-events:none}.orbit-a{width:78%;height:78%;left:11%;top:11%;animation:spin 26s linear infinite}.orbit-b{width:91%;height:49%;left:4.5%;top:25%;transform:rotate(-28deg);animation:spin-reverse 31s linear infinite}.character-badge{position:absolute;z-index:8;border:1px solid rgba(255,255,255,.12);background:rgba(10,12,17,.72);backdrop-filter:blur(16px);border-radius:999px;padding:10px 14px;font-size:10px;letter-spacing:.15em;color:#aeb4bf;box-shadow:0 12px 35px rgba(0,0,0,.25)}.badge-online{right:18px;top:18px;display:flex;align-items:center;gap:8px}.badge-network{left:18px;bottom:18px}.character-task{position:absolute;z-index:8;right:18px;bottom:18px;transform:translateY(65px);opacity:0;background:rgba(12,14,19,.82);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:15px;padding:10px 12px;display:flex;gap:9px;min-width:190px;animation:task-in 1s 1.2s forwards}.task-icon{width:28px;height:28px;border-radius:9px;background:#edf0f5;color:#111;display:grid;place-items:center}.character-task b,.character-task small{display:block}.character-task b{font-size:10px}.character-task small{font-size:9px;color:#7d8490;margin-top:4px}.character-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#cbd5ff;box-shadow:0 0 20px 5px rgba(169,190,255,.3);z-index:7}.spark-1{left:15%;top:31%;animation:float 5s ease-in-out infinite}.spark-2{right:17%;top:63%;animation:float 6s 1s ease-in-out infinite}.stage-caption{position:absolute;right:18px;bottom:18px;color:#555c69;font-size:8px;letter-spacing:.17em;z-index:7}.stage-caption span{padding:0 7px;color:#303641}.proof-strip{max-width:var(--max);margin:auto;padding:0 clamp(20px,5vw,72px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:2}.proof-strip>div{padding:22px 20px 22px 0}.proof-strip>div+div{padding-left:24px;border-left:1px solid var(--line)}.proof-strip span,.proof-strip b{display:block}.proof-strip span{font-size:9px;letter-spacing:.17em;color:#5f6673}.proof-strip b{font-size:12px;margin-top:8px;font-weight:500}.proof-strip b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 7px 1px 0}.section-pad{max-width:var(--max);margin:auto;padding:150px clamp(20px,8vw,115px);position:relative;z-index:1}.intro,.rules{border-top:1px solid var(--line)}.intro-grid,.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:56px}.section-title h2,.work h2,.rules h2,.final-cta h2{font-size:clamp(45px,5.3vw,78px);line-height:.98;letter-spacing:-.07em;margin:0;font-weight:600}.section-copy>p,.work-head>p,.rules-copy>p{font-size:17px;line-height:1.72;color:#9298a5;max-width:535px;margin:0 0 55px}.mini-activity{border-top:1px solid var(--line)}.mini-activity>div{display:grid;grid-template-columns:70px 1fr;padding:21px 0;border-bottom:1px solid var(--line2)}.mini-activity span{color:#616875;font-size:11px}.mini-activity b{font-size:13px}.mini-activity small{grid-column:2;color:#6f7682;font-size:11px;margin-top:6px}.work{background:linear-gradient(180deg,transparent,#0a0c10 100%)}.work-head{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:55px 0 68px}.work-head p{align-self:end;margin:0}.task-list{border-top:1px solid var(--line)}.task-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:27px 0;border-bottom:1px solid var(--line2);transition:padding .25s ease}.task-row:hover{padding-left:8px;padding-right:8px}.task-number{font-size:10px;color:#5e6571}.task-row b,.task-row small{display:block}.task-row b{font-size:16px}.task-row small{font-size:11px;color:#6f7682;margin-top:7px}.task-state{font-size:11px;color:#9298a4}.command{padding-top:50px}.command-panel{display:grid;grid-template-columns:.83fr 1.17fr;gap:7vw;padding:58px;background:linear-gradient(145deg,#10131a,#0c0f14);border:1px solid var(--line);border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.28)}.command-side h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.06em;line-height:1;margin:28px 0 20px}.command-side p{color:#8c929e;line-height:1.7;max-width:440px}.flow{display:flex;align-items:center;gap:10px;margin-top:34px;color:#b1b7c2;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.flow span{border:1px solid var(--line);padding:8px 10px;border-radius:999px}.flow i{font-style:normal;color:#555c68}.command-demo{background:#080a0e;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:25px;align-self:center}.runa-mini{display:flex;align-items:center;gap:11px;color:#9096a2;font-size:11px;margin-bottom:26px}.runa-mini img{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.runa-mini i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:6px;box-shadow:0 0 12px rgba(185,200,255,.65)}.demo-message,.demo-result{padding:17px 18px;border-radius:14px;font-size:13px}.demo-message{background:#151820;color:#e0e3e8;margin-bottom:10px}.demo-result{color:#9ca3af;min-height:52px;display:flex;align-items:center}.demo-button{margin-top:16px;width:100%;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#f1f2f4;color:#0a0b0e;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.demo-button:hover{transform:translateY(-2px);background:#fff}.rules-copy .text-link{display:inline-flex;gap:14px;color:#e5e7eb;text-decoration:none;font-size:12px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:6px}.rules-copy .text-link span{color:#858c99}.rules-box{border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#0e1117}.rules-box div{padding:26px;border-bottom:1px solid var(--line2)}.rules-box div:nth-child(odd){border-right:1px solid var(--line2)}.rules-box div:nth-last-child(-n+2){border-bottom:0}.rules-box span,.rules-box b{display:block}.rules-box span{color:#666d7a;font-size:11px}.rules-box b{margin-top:11px;font-size:14px;font-weight:600}.rules-box .active{color:#cbd5ff}.rules-box .active i{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;margin:0 7px 2px 0;box-shadow:0 0 10px rgba(185,200,255,.7)}.final-cta{padding-top:95px;padding-bottom:130px}.final-inner{border-top:1px solid rgba(255,255,255,.12);padding-top:54px;display:flex;justify-content:space-between;align-items:end}.final-cta h2{margin-top:22px}.final-cta p{color:#6e7581;font-size:14px;margin:15px 0 0}.button.big{min-width:190px;padding:18px 24px}footer{border-top:1px solid var(--line2);padding:25px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:#555c68;font-size:9px;letter-spacing:.14em;text-transform:uppercase;max-width:var(--max);margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes float{50%{transform:translateY(-16px)}}@keyframes task-in{to{transform:translateY(0);opacity:1}}@keyframes runa-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.008)}}@keyframes sheen{0%,44%{transform:translateX(-65%);opacity:0}55%{opacity:1}70%,100%{transform:translateX(65%);opacity:0}}@keyframes pulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible,.reveal.is-visible{opacity:1;transform:none}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:10px}.nav-links{gap:20px}.character-wrap{min-height:500px}.section-pad{padding-left:6vw;padding-right:6vw}}
@media(max-width:780px){.nav{height:64px;padding:0 20px}.nav-links{display:none}.nav-cta{padding:10px 13px;font-size:11px}.brand-mark{width:33px;height:33px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:98px 20px 35px;min-height:auto}.hero-copy{max-width:none}.hero h1{font-size:clamp(65px,17vw,92px);margin-bottom:25px}.hero-lede{font-size:16px;max-width:430px}.hero-actions{margin-top:28px;flex-direction:column;gap:9px}.button{width:100%;min-height:50px}.hero-note{margin-top:27px}.character-wrap{height:auto;min-height:0;margin-top:42px}.character-stage{width:100%;max-width:620px}.character-task{display:flex;right:12px;bottom:12px}.stage-caption{display:none}.proof-strip{grid-template-columns:1fr 1fr;padding:0 20px}.proof-strip>div{padding:18px 10px}.proof-strip>div+div{padding-left:10px;border-left:0}.proof-strip>div:nth-child(odd){border-right:1px solid var(--line)}.proof-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-pad{padding:92px 24px}.intro-grid,.rules-grid,.work-head,.command-panel{grid-template-columns:1fr;gap:40px}.section-title h2,.work h2,.rules h2,.final-cta h2{font-size:clamp(43px,11vw,58px)}.section-copy>p,.work-head>p,.rules-copy>p{font-size:16px}.work-head{margin:45px 0 55px}.task-row{grid-template-columns:32px 1fr auto;gap:13px;padding:22px 0}.task-row:hover{padding-left:0;padding-right:0}.task-row b{font-size:14px}.task-row small{font-size:10px}.command{padding-top:25px}.command-panel{padding:28px 22px;border-radius:22px;gap:35px}.flow{flex-wrap:wrap}.final-inner{flex-direction:column;align-items:stretch;gap:35px}.final-cta{padding-top:70px;padding-bottom:90px}footer{padding:22px 24px;gap:10px;flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}}
@media(max-width:480px){.hero h1{font-size:64px}.character-stage{border-radius:0}.character-badge{font-size:8px;padding:8px 10px}.badge-online{right:10px;top:10px}.badge-network{left:10px;bottom:10px}.character-task{left:10px;right:auto;bottom:10px;min-width:175px}.character-task b{font-size:9px}.character-task small{font-size:8px}.section-pad{padding-left:20px;padding-right:20px}.section-title h2,.work h2,.rules h2,.final-cta h2{font-size:42px}.mini-activity>div{grid-template-columns:52px 1fr}.rules-box{grid-template-columns:1fr}.rules-box div:nth-child(odd){border-right:0}.rules-box div:nth-last-child(2){border-bottom:1px solid var(--line2)}.command-demo{padding:18px}.command-side h2{font-size:35px}.flow{gap:7px}.proof-strip span{font-size:8px}.proof-strip b{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.character-motion,.orbit,.life-sheen,.character-spark,.status-dot,.character-task{animation:none}.cursor-glow{display:none}}