*{box-sizing:border-box}html{scroll-behavior:smooth}:root{color-scheme:dark;--ink:#08131c;--panel:#0e1c27;--panel-light:#132735;--line:#284452;--text:#edf5f4;--muted:#9db1b7;--cyan:#8ae6dc;--orange:#ff896f}body{margin:0;color:var(--text);background:var(--ink);font-family:Verdana,Arial,sans-serif;line-height:1.6}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:28px;padding:18px clamp(20px,5vw,72px);background:rgb(8 19 28 / 88%);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{color:var(--cyan);font-size:1.35rem;font-weight:700;letter-spacing:.16em;text-decoration:none}.site-header nav{display:flex;gap:20px;flex:1}.site-header nav a,.site-footer a{color:var(--muted);font-size:.78rem;text-decoration:none}.site-header nav a:hover,.site-header nav a.active{color:var(--cyan)}.header-action{padding:8px 13px;color:var(--cyan);background:transparent;border:1px solid var(--line);font:inherit;font-size:.75rem;cursor:pointer}.section-wrap{width:min(100% - 40px,1180px);margin:0 auto;padding:100px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:calc(100vh - 72px);padding-top:72px}.kicker{margin:0 0 16px;color:var(--cyan);font-size:.68rem;font-weight:700;letter-spacing:.18em}.hero h1{margin:0;color:var(--text);font-size:clamp(3.6rem,9vw,8.5rem);line-height:.92;letter-spacing:-.04em}.hero h1 em{color:var(--orange);font-style:normal}.hero-text{max-width:480px;margin:30px 0 15px;color:var(--muted);font-size:1rem}.welcome{color:var(--cyan);font-size:.83rem}.hero-actions,.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-block;padding:12px 18px;border:1px solid var(--cyan);font:inherit;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer}.button-primary{color:var(--ink);background:var(--cyan)}.button-secondary{color:var(--cyan);background:transparent}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.hero-visual{position:relative;min-height:430px;background:radial-gradient(circle at center,rgb(138 230 220 / 16%),transparent 42%),linear-gradient(135deg,#112d3b,#0a151f);border:1px solid var(--line);overflow:hidden}.hero-visual:before{position:absolute;inset:18px;border:1px solid rgb(138 230 220 / 24%);content:""}.core{position:absolute;top:50%;left:50%;width:116px;height:116px;background:linear-gradient(135deg,var(--cyan),#397f85);box-shadow:0 0 70px rgb(138 230 220 / 48%);transform:translate(-50%,-50%) rotate(45deg)}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgb(138 230 220 / 40%);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:260px;height:150px}.orbit-two{width:370px;height:220px;transform:translate(-50%,-50%) rotate(42deg)}.visual-label{position:absolute;right:24px;bottom:22px;color:var(--muted);font-size:.63rem;letter-spacing:.15em}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;border-bottom:1px solid var(--line)}h2{margin:0;color:var(--text);font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.section-index{color:var(--orange);font-size:3rem;font-weight:700}.experience-grid,.tool-grid,.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.experience-card,.tool-card,.creator-card{background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s}.experience-card:hover,.tool-card:hover,.creator-card:hover{border-color:var(--cyan);transform:translateY(-4px)}.card-thumb{height:170px;background:linear-gradient(135deg,#193c4a,#203044);position:relative}.card-thumb:after{position:absolute;inset:28px;border:1px solid rgb(138 230 220 / 40%);content:"";transform:rotate(12deg)}.experience-card-content,.tool-card{padding:20px}.experience-card h3,.tool-card h3,.creator-card h3,.announcement-list h3{margin:5px 0;color:var(--text)}.experience-card p,.tool-card p,.creator-card p,.announcement-list p{margin:8px 0;color:var(--muted);font-size:.83rem}.meta{display:flex;justify-content:space-between;color:var(--cyan);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.discover-section{background:linear-gradient(90deg,rgb(19 39 53 / 45%),transparent);}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.category-tab{padding:9px 13px;color:var(--muted);background:transparent;border:1px solid var(--line);font:inherit;font-size:.72rem;cursor:pointer}.category-tab.active,.category-tab:hover{color:var(--ink);background:var(--cyan);border-color:var(--cyan)}.search-form{display:flex;gap:8px;margin-bottom:12px}.search-form input{flex:1;min-width:0;padding:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);font:inherit}.search-form button{padding:0 16px;color:var(--ink);background:var(--cyan);border:0;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.search-form .clear-search{color:var(--cyan);background:transparent;border:1px solid var(--line)}.search-message{min-height:1.5em;color:var(--orange);font-size:.78rem}.tool-grid{grid-template-columns:repeat(4,1fr)}.tool-card span{color:var(--orange);font-size:.7rem}.showcase-section{background:#102531;border-block:1px solid var(--line)}.showcase-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.showcase-inner p:not(.kicker){max-width:450px;color:var(--muted)}.dimension-list{display:grid;grid-template-columns:1fr 1fr}.dimension-list span{padding:22px 0;color:var(--cyan);border-bottom:1px solid var(--line);font-size:.82rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.coming-panel{padding:28px;background:var(--panel);border:1px solid var(--line)}.coming-panel span,.archive-caption{color:var(--orange);font-size:.68rem;letter-spacing:.12em}.coming-panel h3{font-size:2rem}.creator-grid{grid-template-columns:repeat(3,1fr)}.creator-card{display:flex;align-items:center;gap:14px;padding:18px}.creator-avatar{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;color:var(--ink);background:var(--cyan);font-weight:700}.creator-avatar.warm{background:var(--orange)}.creator-avatar.green{background:#a7db91}.roadmap-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.roadmap-grid div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem}.roadmap-grid b{color:var(--orange);font-size:.62rem;font-weight:400;letter-spacing:.08em}.roadmap-grid b.active-status{color:var(--cyan)}.announcement-list{display:grid;gap:18px}.announcement-list article{padding-bottom:18px;border-bottom:1px solid var(--line)}time{color:var(--cyan);font-size:.65rem;letter-spacing:.12em}.archive-preview,.account-summary{display:flex;justify-content:space-between;align-items:center;gap:50px;background:var(--panel);border:1px solid var(--line);padding:52px}.archive-preview p,.account-summary p{max-width:500px;color:var(--muted)}.archive-caption{margin-top:14px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(20px,calc((100% - 1180px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}.site-footer strong{color:var(--cyan);letter-spacing:.16em}.site-footer nav{display:flex;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.site-header nav{gap:10px}.hero,.showcase-inner,.split-section{grid-template-columns:1fr;gap:40px}.hero{min-height:auto;padding-top:70px}.hero-visual{min-height:300px}.experience-grid,.creator-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.archive-preview,.account-summary{align-items:flex-start;flex-direction:column;padding:32px}}@media(max-width:560px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-header nav{order:3;flex-basis:100%;overflow:auto}.site-header nav a{white-space:nowrap}.hero h1{font-size:clamp(3.2rem,16vw,5.5rem)}.experience-grid,.creator-grid,.tool-grid,.roadmap-grid{grid-template-columns:1fr}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%;padding:12px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{flex-wrap:wrap}.archive-preview,.account-summary{padding:24px}}