:root{--bg:#020713;--panel:#071326;--panel2:#0a1c34;--text:#f5f9ff;--muted:#9eb2cb;--line:#16365c;--accent:#18d8ff;--accent2:#4778ff;--violet:#7258ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,7,19,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(95,174,255,.12)}.nav-wrap{height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:-.025em}.brand>span>span{font-weight:450;color:#a7c8f3}.brand-coin{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(24,216,255,.22))}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.primary-nav a{color:var(--muted);text-decoration:none;font-size:14px}.primary-nav a:hover{color:#fff}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;font-weight:750}.nav-cta{padding:10px 14px;color:#00101d;background:linear-gradient(135deg,#4de9ff,#2a7cff);font-size:14px;box-shadow:0 0 24px rgba(24,216,255,.18)}
.hero{overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 36%,rgba(46,120,255,.22),transparent 34%),radial-gradient(circle at 15% 20%,rgba(24,216,255,.10),transparent 30%),linear-gradient(180deg,#030a18,#020713)}.hero-grid{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.22em;color:#58e6ff;font-weight:850}.hero h1{font-size:clamp(52px,6.3vw,86px);line-height:.96;letter-spacing:-.057em;margin:18px 0 26px;max-width:720px;background:linear-gradient(180deg,#fff 20%,#cbdcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.lead{font-size:20px;color:var(--muted);max-width:780px}.lead.compact{font-size:17px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{padding:13px 18px}.btn.primary{background:linear-gradient(135deg,#54e9ff,#3378ff);color:#00101d;box-shadow:0 0 30px rgba(41,163,255,.18)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 38px rgba(41,163,255,.28)}.btn.ghost{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.02)}.loop-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:44px;color:#d8e7fb;font-size:11px;font-weight:850;letter-spacing:.11em}.loop-strip span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(95,174,255,.16);border-radius:999px;background:rgba(7,19,38,.55)}.loop-strip i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0d3d70;color:#6eeaff;font-style:normal;font-size:9px}.loop-strip b{color:#48deff}.hero-branding{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-glow{position:absolute;width:78%;height:58%;background:radial-gradient(circle,rgba(31,126,255,.28),transparent 66%);filter:blur(26px)}.hero-logo{position:relative;width:min(100%,710px);height:auto;filter:drop-shadow(0 20px 48px rgba(0,0,0,.35))}.hero-signal{position:relative;margin-top:-18px;display:flex;gap:18px;font-size:9px;letter-spacing:.16em;color:#7fa9db;white-space:nowrap}.network-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:min(560px,100%);margin:24px auto 0;border:1px solid rgba(73,143,220,.24);border-radius:14px;overflow:hidden;background:rgba(3,13,28,.72);backdrop-filter:blur(10px)}.network-stats div{padding:13px 15px;text-align:center;border-right:1px solid rgba(73,143,220,.18)}.network-stats div:last-child{border-right:0}.network-stats strong{display:block;color:#fff;font-size:18px}.network-stats span{display:block;color:#7898bd;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:2px}
.section{padding:100px 0}.section h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:13px 0 20px;max-width:900px}.cards{display:grid;gap:16px;margin-top:45px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(10,28,52,.96),rgba(5,16,32,.96));border:1px solid var(--line);border-radius:18px;padding:28px;min-height:210px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.cards h3{font-size:24px;margin:34px 0 10px}.cards p{color:var(--muted);margin:0}.step-icon,.principle-number{color:#52e5ff;font-weight:850;font-size:12px;letter-spacing:.15em}.process-cards article:after{content:"";position:absolute;inset:auto -20% -50% -20%;height:80%;background:radial-gradient(circle,rgba(24,216,255,.11),transparent 64%);opacity:0;transition:.3s}.process-cards article:hover:after{opacity:1}.step-line{position:absolute;left:28px;right:28px;bottom:18px;height:2px;background:linear-gradient(90deg,#2de3ff,rgba(53,110,255,.08));transform-origin:left;animation:wota-line 4s ease-in-out infinite}@keyframes wota-line{0%,100%{transform:scaleX(.14);opacity:.45}50%{transform:scaleX(1);opacity:1}}.economy-rail{margin-top:28px;display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr;gap:12px;align-items:stretch}.rail-agent,.rail-result{padding:18px;border:1px solid var(--line);border-radius:14px;background:#061225}.rail-agent span,.rail-result span{display:block;color:#5c8fbd;font-size:9px;letter-spacing:.16em}.rail-agent strong,.rail-result strong{display:block;margin-top:5px;font-size:14px}.rail-result{border-color:rgba(24,216,255,.35);box-shadow:inset 0 0 24px rgba(24,216,255,.05)}.rail-path{position:relative;display:flex;align-items:center;gap:8px;justify-content:center}.rail-path i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#25dfff)}.rail-path i:last-of-type{background:linear-gradient(90deg,#25dfff,transparent)}.rail-path b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:11px;background:radial-gradient(circle at 35% 25%,#2ce6ff,#1955dc 55%,#071d51);border:1px solid #39dfff;box-shadow:0 0 30px rgba(38,208,255,.22);animation:wota-pulse 2.8s ease-in-out infinite}@keyframes wota-pulse{50%{box-shadow:0 0 48px rgba(38,208,255,.42);transform:scale(1.04)}}
.dark-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#041021,#030b17)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.flow-card{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(7,19,38,.85);box-shadow:0 25px 70px rgba(0,0,0,.22)}.flow-card div{padding:22px 14px;text-align:center;border-radius:11px;background:#0a1b33;font-weight:750}.flow-card small{display:block;color:#6687ab;letter-spacing:.14em;font-size:8px;margin-bottom:6px}.flow-card .wota-flow-token{background:radial-gradient(circle at 35% 25%,#2ce6ff,#1955dc 55%,#071d51);border:1px solid #39dfff;box-shadow:0 0 35px rgba(38,208,255,.2)}.flow-card b{color:#49ddff}
.network-map-section{overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(31,99,200,.17),transparent 36%)}.network-map-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:center}.map-legend{display:flex;gap:18px;flex-wrap:wrap;color:#7898bd;font-size:11px;margin-top:28px}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:8px;height:8px;border-radius:50%;background:#3be6ff;box-shadow:0 0 12px rgba(59,230,255,.55)}.map-legend span:last-child i{background:#5478ff}.network-orbit{position:relative;width:min(640px,90vw);aspect-ratio:1;margin:auto}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(66,142,232,.22);border-radius:50%;transform:translate(-50%,-50%)}.orbit-1{width:88%;height:88%}.orbit-2{width:63%;height:63%;border-color:rgba(31,211,255,.22)}.orbit-3{width:39%;height:39%;border-color:rgba(83,103,255,.26)}.orbit:before{content:"";position:absolute;inset:0;border-radius:inherit;border-top:1px solid rgba(65,225,255,.65);animation:spin 9s linear infinite}.orbit-2:before{animation-duration:13s;animation-direction:reverse}.orbit-3:before{animation-duration:7s}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;z-index:4;display:grid;place-items:center;text-align:center;text-decoration:none;width:104px;min-height:58px;padding:9px 10px;border:1px solid rgba(80,169,255,.32);border-radius:14px;background:rgba(5,18,38,.92);color:#ddecff;font-size:10px;font-weight:800;letter-spacing:.03em;box-shadow:0 12px 28px rgba(0,0,0,.26);transition:.22s}.node:hover{border-color:#42ddff;transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,125,234,.2)}.node.core{left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#36e7ff,#1760d8 48%,#061a48 74%);border:2px solid #49e4ff;color:#fff;font-size:18px;letter-spacing:.12em;box-shadow:0 0 55px rgba(42,156,255,.32)}.node.core:hover{transform:translate(-50%,-50%)}.node.n1{left:9%;top:13%}.node.n2{right:6%;top:18%}.node.n3{right:-1%;top:55%}.node.n4{right:16%;bottom:6%}.node.n5{left:8%;bottom:11%}.node.n6{left:-2%;top:49%}.orbit-pulse{position:absolute;width:10px;height:10px;border-radius:50%;background:#4be7ff;box-shadow:0 0 18px #4be7ff;z-index:3;animation:orbit-pulse 4s linear infinite}.orbit-pulse.p1{left:50%;top:5%}.orbit-pulse.p2{right:8%;top:53%;animation-delay:-2s}@keyframes orbit-pulse{50%{transform:scale(1.8);opacity:.45}}
.network-directory{border-top:1px solid rgba(22,54,92,.6)}.wota-filter{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 18px}.wota-filter button{appearance:none;border:1px solid var(--line);background:#061225;color:#8ba9c9;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;cursor:pointer}.wota-filter button:hover,.wota-filter button.is-active{color:#00131f;background:#50e5ff;border-color:#50e5ff}.wota-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wota-app-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#08192e,#05101f);transition:.25s}.wota-app-card:hover{transform:translateY(-3px);border-color:rgba(52,211,255,.48);box-shadow:0 20px 55px rgba(0,0,0,.22)}.wota-app-card.is-hidden{display:none}.wota-app-link{display:block;padding:22px;text-decoration:none}.wota-app-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.wota-app-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#0b1e37;border:1px solid rgba(78,142,205,.22)}.wota-app-logo-fallback{display:grid;place-items:center;font-size:20px;font-weight:800;color:#4be6ff}.wota-app-meta{color:#52ddff;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.wota-app-card h3{font-size:20px;margin:2px 0 0}.wota-app-card>.wota-app-link>p{color:var(--muted);font-size:14px;min-height:65px;margin:18px 0 0}.wota-card-arrow{color:#6596c4;font-size:18px}.wota-app-economy{border-top:1px solid rgba(30,70,112,.75);display:grid;gap:0}.wota-app-economy>div{padding:14px 18px;display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:start;border-bottom:1px solid rgba(30,70,112,.45)}.wota-app-economy>div:last-child{border-bottom:0}.wota-app-economy p{margin:0;color:#91a8c1;font-size:11px;line-height:1.45}.economy-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:6px;font-size:8px;font-weight:850;letter-spacing:.08em}.economy-badge.earn{background:rgba(24,216,255,.11);color:#53e6ff}.economy-badge.use{background:rgba(96,101,255,.12);color:#a5a8ff}.empty-state{padding:30px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);margin-top:30px}
.principle-cards article{min-height:245px}.principle-cards h3{margin-top:28px}.standard-note{margin-top:22px;color:#718eaf;font-size:12px}.cta-band{border-top:1px solid var(--line);background:radial-gradient(circle at 85% 50%,rgba(35,123,255,.18),transparent 35%),linear-gradient(180deg,#06152a,#030b17)}.cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta-inner p{max-width:760px;color:var(--muted);font-size:18px}.site-footer{padding:55px 0 30px;border-top:1px solid var(--line);background:#01050d}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.footer-grid p,.footer-note,.legal{color:#6f88a5;font-size:13px}.footer-note{text-align:right;max-width:420px;margin-left:auto}.footer-brand{display:inline-flex}.legal{margin-top:38px;padding-top:20px;border-top:1px solid rgba(22,54,92,.55);font-size:11px}
.reveal{opacity:.72;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;min-height:0;padding:105px 0 80px}.hero-branding{order:-1}.hero-logo{width:min(620px,90%)}.network-map-wrap,.split{grid-template-columns:1fr}.network-map-copy{max-width:760px}.cards.four{grid-template-columns:repeat(2,1fr)}.wota-app-grid{grid-template-columns:repeat(2,1fr)}.economy-rail{grid-template-columns:1fr 1fr}.rail-path{min-height:70px}.primary-nav{display:none}}
@media(max-width:700px){.shell{width:min(var(--max),calc(100% - 28px))}.nav-wrap{height:68px;gap:12px}.brand-coin{width:36px;height:36px}.nav-cta{margin-left:auto;font-size:12px;padding:9px 11px}.hero-grid{padding-top:75px;gap:22px}.hero h1{font-size:48px}.hero p,.lead{font-size:17px}.hero-logo{width:100%}.hero-signal{gap:9px;font-size:7px;letter-spacing:.1em;white-space:normal;flex-wrap:wrap;justify-content:center}.network-stats{grid-template-columns:repeat(3,1fr)}.network-stats div{padding:10px 6px}.network-stats strong{font-size:14px}.section{padding:72px 0}.section h2{font-size:40px}.cards.four,.cards.three,.wota-app-grid,.economy-rail,.cta-inner,.footer-grid{grid-template-columns:1fr}.flow-card{grid-template-columns:1fr}.flow-card b{transform:rotate(90deg);text-align:center}.network-orbit{width:100%}.node{width:84px;min-height:50px;font-size:8px}.node.core{width:98px;height:98px;font-size:14px}.node.n1{left:2%;top:8%}.node.n2{right:1%;top:13%}.node.n3{right:-1%;top:60%}.node.n4{right:9%;bottom:1%}.node.n5{left:2%;bottom:6%}.node.n6{left:-1%;top:52%}.footer-note{text-align:left;margin:0}.loop-strip b{display:none}.loop-strip{gap:7px}.loop-strip span{font-size:9px}.rail-result{grid-column:1/-1}}