/* roulang page: index */
:root{
      --bg:#06111f;
      --bg-deep:#030a14;
      --surface:rgba(15,34,57,.66);
      --surface-strong:rgba(13,30,51,.9);
      --surface-soft:rgba(26,52,82,.46);
      --line:rgba(157,207,246,.17);
      --line-bright:rgba(118,229,255,.43);
      --text:#f2f7ff;
      --muted:#a9bdd1;
      --muted-2:#71869c;
      --cyan:#68e4f8;
      --cyan-strong:#26cde8;
      --violet:#9a8dff;
      --rose:#d689b6;
      --green:#7de0ba;
      --danger:#ff8b9f;
      --shadow:0 18px 60px rgba(0,0,0,.28);
      --shadow-glow:0 0 0 1px rgba(104,228,248,.14),0 16px 45px rgba(36,205,232,.13);
      --radius-sm:12px;
      --radius:20px;
      --radius-lg:30px;
      --container:1180px;
      --ease:all .24s cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(circle at 88% 3%,rgba(92,71,179,.18),transparent 28rem),
        radial-gradient(circle at 6% 28%,rgba(22,150,179,.12),transparent 31rem),
        linear-gradient(160deg,var(--bg) 0%,#07172a 48%,var(--bg-deep) 100%);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
      font-size:16px;
      line-height:1.65;
      overflow-x:hidden;
    }
    body:before{
      content:"";
      position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;
      background-image:radial-gradient(rgba(175,223,255,.18) .65px,transparent .65px);
      background-size:16px 16px;
      mask-image:linear-gradient(to bottom,black,transparent 75%);
    }
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}
    :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
    .container{width:min(calc(100% - 40px),var(--container));margin:auto}
    .skip-link{position:absolute;left:-999px;top:10px;background:var(--cyan);color:#02101a;padding:8px 14px;border-radius:8px;font-weight:800;z-index:100}
    .skip-link:focus{left:12px}
    .header{position:sticky;top:0;z-index:50;padding:14px 0;background:linear-gradient(to bottom,rgba(3,10,20,.88),rgba(3,10,20,.18));backdrop-filter:blur(10px)}
    .commandbar{
      min-height:64px;padding:8px 10px 8px 16px;display:flex;align-items:center;gap:16px;
      background:rgba(9,24,43,.78);border:1px solid var(--line);border-radius:18px;
      box-shadow:0 12px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045);
      backdrop-filter:blur(18px);
    }
    .brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-size:15px;font-weight:800;letter-spacing:.02em}
    .brand-mark{width:30px;height:30px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 20px rgba(104,228,248,.34)}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#062039;border-radius:4px;transform:rotate(35deg)}
    .brand-mark:before{width:8px;height:23px;left:8px;top:2px}
    .brand-mark:after{width:8px;height:18px;right:7px;bottom:1px}
    .nav{display:flex;align-items:center;gap:3px;margin-left:8px;flex:1}
    .nav a{padding:8px 10px;border-radius:9px;font-size:14px;color:var(--muted);transition:var(--ease);white-space:nowrap}
    .nav a:hover,.nav a.active{background:rgba(104,228,248,.11);color:var(--text)}
    .nav a.active{box-shadow:inset 0 0 0 1px rgba(104,228,248,.16)}
    .searchbox{width:230px;height:38px;display:flex;align-items:center;gap:8px;padding:0 9px 0 12px;border:1px solid var(--line);border-radius:10px;background:rgba(2,11,22,.44);transition:var(--ease)}
    .searchbox:focus-within{border-color:var(--line-bright);box-shadow:0 0 0 3px rgba(104,228,248,.1)}
    .searchbox svg{width:16px;fill:none;stroke:var(--muted);stroke-width:2}
    .searchbox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}
    .searchbox input::placeholder{color:var(--muted-2)}
    kbd{padding:2px 5px;border:1px solid rgba(205,229,248,.18);border-radius:5px;color:var(--muted-2);font-size:10px;line-height:1;background:rgba(255,255,255,.04)}
    .header-cta,.btn{border:1px solid transparent;border-radius:11px;font-weight:750;transition:var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}
    .header-cta{padding:9px 13px;font-size:13px;color:#03212a;background:var(--cyan);box-shadow:0 0 20px rgba(104,228,248,.18)}
    .header-cta:hover{transform:translateY(-2px);background:#a0f0fb;box-shadow:0 9px 25px rgba(104,228,248,.27)}
    .menu-toggle{display:none;width:39px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface)}
    .hero{padding:68px 0 36px;position:relative}
    .hero-shell{position:relative;overflow:hidden;padding:clamp(30px,5vw,66px);border:1px solid rgba(145,216,255,.19);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(18,43,75,.88),rgba(10,24,44,.78) 54%,rgba(34,30,76,.68));box-shadow:var(--shadow)}
    .hero-shell:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-190px;top:-280px;background:radial-gradient(circle,rgba(104,228,248,.18),transparent 67%)}
    .hero-top{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:42px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#beeefa;font-size:13px;font-weight:750}
    .eyebrow i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:760px;margin-bottom:18px;font-size:clamp(36px,5vw,64px);letter-spacing:-.055em;line-height:1.11}
    .hero-copy{max-width:690px;color:#c1d1e0;font-size:16px;line-height:1.9}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .btn{min-height:46px;padding:11px 17px;font-size:14px}
    .btn-primary{color:#03212a;background:linear-gradient(135deg,#83ecfb,#5ad5ec);box-shadow:0 0 0 1px rgba(188,251,255,.3),0 12px 28px rgba(44,204,232,.19)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(218,255,255,.45),0 15px 34px rgba(44,204,232,.32)}
    .btn-secondary{color:var(--text);border-color:var(--line);background:rgba(4,16,31,.4)}
    .btn-secondary:hover{transform:translateY(-2px);border-color:var(--line-bright);background:rgba(104,228,248,.09)}
    .btn:active{transform:translateY(0) scale(.98)}
    .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
    .pledge-panel{position:relative;padding:20px;border:1px solid rgba(132,224,250,.2);border-radius:22px;background:rgba(3,14,29,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
    .ring-line{display:flex;align-items:center;gap:18px}
    .progress-ring{width:94px;height:94px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cyan) 0 72%,rgba(255,255,255,.1) 72% 100%);box-shadow:0 0 26px rgba(104,228,248,.18)}
    .progress-ring:before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#092039}
    .ring-value{position:relative;text-align:center;font-size:20px;font-weight:850;line-height:1.05}
    .ring-value small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:600}
    .pledge-panel h3{margin:0 0 4px;font-size:17px}.pledge-panel p{margin:0;color:var(--muted);font-size:13px}
    .tier-list{display:grid;gap:8px;margin-top:18px}
    .tier{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}
    .tier strong{color:var(--text);font-size:13px}.tier.recommended{border-color:rgba(104,228,248,.47);background:rgba(104,228,248,.1)}
    .hero-meta{position:relative;display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(190,225,255,.15)}
    .hero-meta div{font-size:12px;color:var(--muted)}.hero-meta strong{display:block;margin-bottom:2px;color:var(--text);font-size:20px;font-weight:800}
    .age-inline{position:absolute;right:28px;bottom:17px;color:var(--muted-2);font-size:12px}.age-inline a{color:#bdeffa;text-decoration:underline;text-underline-offset:3px}
    section{padding:74px 0}
    .section-kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.11em}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
    .section-head h2{margin:6px 0 0;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.2}
    .section-intro{max-width:490px;margin:0;color:var(--muted);font-size:14px}
    .stage{padding-top:54px}
    .browser-frame{overflow:hidden;border:1px solid var(--line);border-radius:25px;background:#07182b;box-shadow:var(--shadow)}
    .browser-top{display:flex;align-items:center;gap:7px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
    .dot{width:8px;height:8px;border-radius:50%;background:#e47889}.dot:nth-child(2){background:#dfc56b}.dot:nth-child(3){background:#72d9bb}
    .fake-url{margin-left:10px;padding:4px 10px;flex:1;border-radius:6px;background:rgba(255,255,255,.05);color:var(--muted-2);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
    .stage-content{display:grid;grid-template-columns:245px 1fr;min-height:390px}
    .filter-rail{padding:20px;border-right:1px solid var(--line);background:rgba(1,10,21,.42)}
    .filter-rail h3{font-size:14px;margin-bottom:15px}.filter-group{margin-bottom:18px}
    .filter-label{display:block;margin-bottom:8px;color:var(--muted);font-size:11px}
    .chips{display:flex;flex-wrap:wrap;gap:6px}
    .chip{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px;transition:var(--ease)}
    .chip:hover,.chip.active{border-color:rgba(104,228,248,.55);color:#d9faff;background:rgba(104,228,248,.11)}
    .filter-button{width:100%;padding:9px;border:0;border-radius:9px;color:#07202a;background:var(--cyan);font-size:12px;font-weight:800}
    .content-canvas{padding:22px}
    .canvas-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.canvas-head strong{font-size:17px}.canvas-head span{color:var(--muted);font-size:12px}
    .issue-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:13px}
    .feature-cover{position:relative;min-height:246px;overflow:hidden;border:1px solid rgba(181,223,255,.18);border-radius:17px;background:linear-gradient(145deg,#253e76,#112b50 47%,#45295b)}
    .feature-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(131,235,255,.16),transparent 48%),radial-gradient(circle at 70% 35%,rgba(211,121,186,.38),transparent 26%)}
    .feature-cover:after{content:"";position:absolute;left:10%;bottom:-22%;width:70%;height:65%;border:2px solid rgba(169,234,255,.23);border-radius:50% 50% 0 0;transform:rotate(-12deg)}
    .cover-info{position:absolute;left:17px;right:17px;bottom:15px;z-index:2}.cover-info h3{margin:7px 0 2px;font-size:20px}.cover-info p{margin:0;color:#d0dded;font-size:12px}
    .badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;background:rgba(3,13,26,.72);border:1px solid rgba(207,232,255,.2);color:#dff9ff;font-size:10px;font-weight:750}
    .mini-stack{display:grid;gap:13px}.mini-cover{position:relative;min-height:116px;padding:13px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#163c51,#192346)}
    .mini-cover:nth-child(2){background:linear-gradient(135deg,#46345e,#17334e)}.mini-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,6,15,.55))}
    .mini-cover>*{position:relative}.mini-cover strong{margin-top:6px;font-size:14px}.mini-cover span{color:#c0d0df;font-size:11px}
    .steps{background:linear-gradient(180deg,transparent,rgba(13,31,55,.48),transparent)}
    .steps-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:start}
    .problem-board{padding:22px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow)}
    .problem-board h3{font-size:20px;margin-bottom:12px}.problem-board p{color:var(--muted);font-size:14px}
    .problem-list{padding:0;margin:17px 0 0;list-style:none}.problem-list li{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line);color:#c3d3e0;font-size:13px}.problem-list b{color:var(--rose)}
    .step-flow{display:grid;gap:12px}.step{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(14,34,58,.5);transition:var(--ease)}
    .step:hover{transform:translateX(5px);border-color:var(--line-bright);background:rgba(21,50,78,.68)}
    .step-no{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:rgba(104,228,248,.12);color:var(--cyan);font:800 13px ui-monospace,monospace}.step h3{margin:0 0 3px;font-size:16px}.step p{margin:0;color:var(--muted);font-size:13px}.step-mark{color:var(--cyan);font-size:19px}
    .compare-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
    .metric-board{padding:27px;border:1px solid var(--line);border-radius:23px;background:var(--surface);position:relative;overflow:hidden}
    .metric-board:after{content:"";position:absolute;right:-60px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(104,228,248,.18),transparent 67%)}
    .metric-board h2{margin:8px 0 10px;font-size:30px}.metric-board p{position:relative;color:var(--muted);font-size:14px}.metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.metric{padding:13px 8px;border:1px solid var(--line);border-radius:13px;background:rgba(3,13,26,.28)}.metric strong{display:block;color:var(--cyan);font-size:25px}.metric span{color:var(--muted);font-size:11px}
    .tier-board{padding:24px;border:1px solid rgba(104,228,248,.23);border-radius:23px;background:linear-gradient(145deg,rgba(24,49,78,.75),rgba(15,27,59,.72));box-shadow:var(--shadow-glow)}
    .tier-board h3{margin:0 0 5px;font-size:21px}.tier-board>p{margin:0 0 16px;color:var(--muted);font-size:13px}
    .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan{padding:12px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(3,13,27,.34);font-size:12px}.plan b{display:block;margin-bottom:5px;font-size:13px}.plan span{display:block;color:var(--muted);line-height:1.5}.plan.hot{border-color:var(--cyan);background:rgba(104,228,248,.12)}.recommended-label{color:var(--cyan);font-size:10px;font-weight:800}
    .reviews{padding-bottom:50px}.review-wall{display:grid;grid-template-columns:1.05fr .95fr 1fr;gap:14px;align-items:start}.review{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:var(--ease)}.review:nth-child(2){margin-top:28px}.review:nth-child(3){margin-top:10px}.review:hover{border-color:rgba(104,228,248,.46);transform:translateY(-4px);box-shadow:var(--shadow)}.stars{color:#9bf3ff;letter-spacing:2px;font-size:12px}.review p{margin:11px 0 13px;color:#dae5ef;font-size:14px;line-height:1.75}.review-footer{display:flex;justify-content:space-between;color:var(--muted-2);font-size:11px}.scene-tag{color:#c6f6ff}
    .news-area{padding-top:42px}.news-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:75px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:var(--ease)}.news-item:hover{padding-left:8px;background:linear-gradient(90deg,rgba(104,228,248,.07),transparent)}.news-date{font:12px ui-monospace,monospace;color:var(--cyan)}.news-item h3{margin:0 0 4px;font-size:16px}.news-item p{margin:0;color:var(--muted);font-size:12px}.arrow{color:var(--cyan);font-size:19px}.ranking{padding:21px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.ranking h3{margin-bottom:12px}.rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.rank-row b{color:var(--cyan);font:800 12px ui-monospace,monospace}.rank-row span{color:var(--muted);font-size:11px}.trend{color:var(--green)!important}
    .faq-download{padding-top:54px}.faq-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.faq-list{display:grid;gap:9px}.faq-item{border:1px solid var(--line);border-radius:14px;background:rgba(11,29,51,.52);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;padding:16px;border:0;background:transparent;color:var(--text);font-size:14px;font-weight:750;text-align:left}.faq-question span:last-child{color:var(--cyan);transition:transform .2s}.faq-answer{display:none;padding:0 16px 16px;color:var(--muted);font-size:13px;line-height:1.8}.faq-item.open{border-color:rgba(104,228,248,.4)}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .download-card{position:relative;overflow:hidden;padding:31px;border:1px solid rgba(104,228,248,.32);border-radius:23px;background:linear-gradient(145deg,rgba(19,52,76,.92),rgba(25,29,66,.84));box-shadow:var(--shadow-glow)}.download-card:before{content:"";position:absolute;right:-60px;top:-40px;width:210px;height:210px;border:1px solid rgba(134,231,250,.19);border-radius:50%;box-shadow:0 0 0 27px rgba(134,231,250,.04),0 0 0 54px rgba(134,231,250,.025)}.download-card>*{position:relative}.download-card h2{font-size:29px;line-height:1.25}.download-card p{color:#c1d1e0;font-size:14px}.download-notes{display:grid;gap:8px;margin:19px 0;color:var(--muted);font-size:12px}.download-notes span:before{content:"✓";margin-right:8px;color:var(--green);font-weight:800}
    .compliance{padding:0 0 52px}.compliance-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px;border:1px solid rgba(255,184,198,.2);border-radius:16px;background:rgba(83,29,49,.22)}.compliance strong{display:block;color:#ffe7ed;font-size:14px}.compliance p{margin:2px 0 0;color:#ddbac5;font-size:12px}.compliance-links{display:flex;gap:13px;white-space:nowrap}.compliance-links a{color:#ffd6e3;font-size:12px;text-decoration:underline;text-underline-offset:3px}
    footer{padding:44px 0 26px;border-top:1px solid var(--line);background:rgba(1,8,17,.48)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:30px}.footer-brand p{max-width:330px;color:var(--muted);font-size:13px}.footer-title{margin:3px 0 11px;font-size:13px;color:#dcecf9}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:13px;transition:var(--ease)}.footer-links a:hover{color:var(--cyan);padding-left:3px}.copyright{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px}
    .modal{display:none;position:fixed;inset:0;z-index:100;padding:20px;background:rgba(1,7,14,.72);backdrop-filter:blur(9px)}.modal.show{display:grid;place-items:center}.modal-card{width:min(100%,460px);padding:27px;border:1px solid rgba(104,228,248,.35);border-radius:22px;background:#0b1e35;box-shadow:0 25px 70px rgba(0,0,0,.5)}.modal-card h2{font-size:24px}.modal-card p{color:var(--muted);font-size:14px}.modal-actions{display:flex;gap:10px;margin-top:20px}
    @media(max-width:1024px){
      .commandbar{gap:10px}.nav a{padding:8px 7px}.searchbox{width:175px}.hero-top{gap:25px}.stage-content{grid-template-columns:210px 1fr}
    }
    @media(max-width:768px){
      .header{padding:10px 0}.commandbar{border-radius:14px;flex-wrap:wrap;padding:8px 10px}.brand{flex:1}.menu-toggle{display:block}.header-cta{display:none}.nav{display:none;order:4;width:100%;margin:0;padding-top:5px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:10px}.searchbox{order:3;width:100%;height:40px}.hero{padding:35px 0 23px}.hero-shell{padding:28px 21px}.hero-top{grid-template-columns:1fr;gap:26px}h1{font-size:42px}.age-inline{position:static;margin-top:19px}.hero-meta{gap:16px}.hero-meta strong{font-size:18px}section{padding:53px 0}.section-head{display:block}.section-intro{margin-top:12px}.stage-content{grid-template-columns:1fr}.filter-rail{border-right:0;border-bottom:1px solid var(--line)}.filter-rail .filter-group{display:inline-block;vertical-align:top;margin-right:18px}.filter-button{max-width:180px;display:block}.steps-layout,.compare-wrap,.faq-grid,.news-grid{grid-template-columns:1fr}.review-wall{grid-template-columns:1fr 1fr}.review:nth-child(2),.review:nth-child(3){margin-top:0}.ranking{margin-top:0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.compliance-inner{align-items:flex-start;flex-direction:column}
    }
    @media(max-width:520px){
      .container{width:min(calc(100% - 28px),var(--container))}.brand{font-size:13px}.brand-mark{width:27px;height:27px}.hero-shell{border-radius:21px}h1{font-size:34px;letter-spacing:-.06em}.hero-copy{font-size:14px}.hero-actions .btn{width:100%}.pledge-panel{padding:16px}.ring-line{gap:13px}.progress-ring{width:80px;height:80px}.progress-ring:before{width:64px;height:64px}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.stage{padding-top:37px}.content-canvas{padding:14px}.issue-grid{grid-template-columns:1fr}.feature-cover{min-height:200px}.mini-stack{grid-template-columns:1fr 1fr}.mini-cover{min-height:105px}.step{grid-template-columns:42px 1fr;gap:11px;padding:14px}.step-mark{display:none}.metrics{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.review-wall{grid-template-columns:1fr}.news-item{grid-template-columns:55px 1fr}.news-item .arrow{display:none}.faq-download{padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.copyright{display:block;line-height:1.9}.compliance-links{flex-wrap:wrap;white-space:normal}.modal-actions{flex-direction:column}
    }

/* roulang page: category1 */
:root{
 --bg:#06111f;--bg-deep:#030a14;--surface:rgba(15,34,57,.66);--surface-strong:rgba(13,30,51,.9);
 --surface-soft:rgba(26,52,82,.46);--line:rgba(157,207,246,.17);--line-bright:rgba(118,229,255,.43);
 --text:#f2f7ff;--muted:#a9bdd1;--muted-2:#71869c;--cyan:#68e4f8;--cyan-strong:#26cde8;
 --violet:#9a8dff;--rose:#d689b6;--green:#7de0ba;--danger:#ff8b9f;
 --shadow:0 18px 60px rgba(0,0,0,.28);--shadow-glow:0 0 0 1px rgba(104,228,248,.14),0 16px 45px rgba(36,205,232,.13);
 --radius-sm:12px;--radius:20px;--radius-lg:30px;--container:1180px;--ease:all .24s cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:radial-gradient(circle at 88% 3%,rgba(92,71,179,.18),transparent 28rem),radial-gradient(circle at 6% 28%,rgba(22,150,179,.12),transparent 31rem),linear-gradient(160deg,var(--bg) 0%,#07172a 48%,var(--bg-deep) 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;background-image:radial-gradient(rgba(175,223,255,.18) .65px,transparent .65px);background-size:16px 16px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.header{position:sticky;top:0;z-index:50;padding:14px 0;background:linear-gradient(to bottom,rgba(3,10,20,.92),rgba(3,10,20,.25));backdrop-filter:blur(12px)}
.header-row{display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-size:15px;font-weight:800;letter-spacing:.02em}
.brand-mark{width:30px;height:30px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 20px rgba(104,228,248,.34)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#062039;border-radius:4px;transform:rotate(35deg)}
.brand-mark:before{width:8px;height:23px;left:8px;top:2px}.brand-mark:after{width:8px;height:18px;right:7px;bottom:1px}
.nav{display:flex;align-items:center;gap:3px;margin-left:8px;flex:1}
.nav a{padding:8px 10px;border-radius:9px;font-size:14px;color:var(--muted);transition:var(--ease);white-space:nowrap}
.nav a:hover,.nav a.active{background:rgba(104,228,248,.11);color:var(--text)}
.nav a.active{box-shadow:inset 0 0 0 1px rgba(104,228,248,.16)}
.searchbox{width:220px;height:38px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:10px;background:rgba(2,11,22,.44);transition:var(--ease)}
.searchbox:focus-within{border-color:var(--line-bright);box-shadow:0 0 0 3px rgba(104,228,248,.1)}
.searchbox svg{width:16px;fill:none;stroke:var(--muted);stroke-width:2}.searchbox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.searchbox input::placeholder{color:var(--muted-2)}
.header-cta,.btn{border:1px solid transparent;border-radius:11px;font-weight:750;transition:var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.header-cta{padding:9px 13px;font-size:13px;color:#03212a;background:var(--cyan);box-shadow:0 0 20px rgba(104,228,248,.18)}.header-cta:hover{transform:translateY(-2px);background:#a0f0fb}
.menu-toggle{display:none;width:39px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface)}
.hero{padding:54px 0 30px}.hero-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0 42px;background:linear-gradient(90deg,rgba(18,43,75,.36),transparent)}
.crumbs{display:flex;gap:9px;color:var(--muted-2);font-size:13px;margin-bottom:18px}.crumbs a:hover{color:var(--cyan)}.crumbs span{color:var(--line-bright)}
.hero h1{max-width:820px;margin:0 0 14px;font-size:clamp(32px,5vw,60px);line-height:1.16;letter-spacing:-.04em}
.hero p{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.9}
.hero-note{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.badge,.tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#cbe9f2;background:rgba(104,228,248,.07);font-size:12px}.badge.green{color:var(--green);border-color:rgba(125,224,186,.28)}
section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.1em}.section-head h2{margin:6px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.25}.section-head p{max-width:470px;margin:0;color:var(--muted);font-size:14px}
.filter-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start}.filter-panel,.content-panel,.info-bar,.faq-item,.cta-box{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.filter-panel{position:sticky;top:88px;padding:22px;border-radius:var(--radius)}
.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:800}.filter-title small{color:var(--muted-2);font-size:11px;font-weight:500}
.field{margin-bottom:18px}.field label{display:block;color:#dceaf5;font-size:13px;font-weight:700;margin-bottom:8px}.field select,.field input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:rgba(2,12,25,.58);color:var(--text);padding:0 11px;outline:0}.field select:focus,.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(104,228,248,.1)}
.choice-list{display:flex;flex-wrap:wrap;gap:7px}.choice{border:1px solid var(--line);border-radius:8px;padding:6px 9px;color:var(--muted);background:transparent;font-size:12px;transition:var(--ease)}.choice:hover,.choice.active{color:#08202b;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 14px rgba(104,228,248,.18)}.choice:focus,.btn:focus,.nav a:focus,.header-cta:focus{outline:3px solid rgba(104,228,248,.5);outline-offset:2px}
.filter-actions{display:flex;gap:8px;margin-top:22px}.filter-actions .btn{flex:1;min-height:40px;padding:8px 10px;font-size:12px}
.content-panel{border-radius:var(--radius);padding:22px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-top strong{font-size:17px}.panel-top span{color:var(--muted-2);font-size:12px}
.content-list{display:grid;gap:12px;margin-top:16px}.content-item{display:grid;grid-template-columns:115px 1fr auto;gap:18px;align-items:center;padding:14px;border:1px solid rgba(157,207,246,.12);border-radius:15px;background:rgba(5,18,34,.52);transition:var(--ease)}.content-item:hover{transform:translateX(4px);border-color:var(--line-bright);background:rgba(22,48,77,.64);box-shadow:var(--shadow-glow)}
.cover{height:78px;border-radius:11px;position:relative;overflow:hidden;background:linear-gradient(140deg,#15546d,#513d7f 56%,#bd6c99)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(3,10,20,.66))}.cover b{position:absolute;z-index:1;left:10px;bottom:8px;color:#fff;font-size:17px;font-family:Georgia,serif}.item-info h3{margin:0 0 5px;font-size:16px}.item-info p{margin:0 0 8px;color:var(--muted);font-size:12px}.item-tags{display:flex;flex-wrap:wrap;gap:6px}.item-tags .tag{padding:3px 7px;font-size:11px}.item-status{text-align:right;color:var(--green);font-size:12px;white-space:nowrap}.item-status small{display:block;color:var(--muted-2);margin-top:4px}.btn{min-height:44px;padding:10px 16px;font-size:13px}.btn-primary{color:#03212a;background:linear-gradient(135deg,#83ecfb,#5ad5ec);box-shadow:0 0 0 1px rgba(188,251,255,.3),0 12px 28px rgba(44,204,232,.19)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #d5fcff,0 15px 34px rgba(44,204,232,.32)}.btn-secondary{color:var(--text);border-color:var(--line);background:rgba(4,16,31,.4)}.btn-secondary:hover{border-color:var(--line-bright);background:rgba(104,228,248,.09);transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.45;cursor:not-allowed}
.info-bar{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;border-radius:16px;margin-bottom:24px;overflow:hidden}.info-cell{padding:18px 22px;border-right:1px solid var(--line)}.info-cell:last-child{border-right:0}.info-cell strong{display:block;font-size:19px}.info-cell span{color:var(--muted);font-size:12px}
.related{display:flex;flex-wrap:wrap;gap:9px}.related a{padding:10px 14px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:var(--surface-soft);transition:var(--ease)}.related a:hover{color:var(--text);border-color:var(--cyan);transform:translateY(-2px)}
.faq-list{display:grid;gap:10px;max-width:850px}.faq-item{border-radius:14px;overflow:hidden}.faq-item summary{padding:17px 20px;cursor:pointer;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";float:right;color:var(--cyan);font-size:20px}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.8}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;border-radius:var(--radius-lg);background:linear-gradient(110deg,rgba(22,59,83,.8),rgba(38,31,75,.7));box-shadow:var(--shadow-glow)}.cta-box h2{margin:0 0 7px;font-size:25px}.cta-box p{margin:0;color:var(--muted);font-size:14px}.cta-actions{display:flex;gap:10px;flex-shrink:0}
footer{padding:52px 0 24px;border-top:1px solid var(--line);background:rgba(2,9,18,.42)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.8}.footer-title{margin-bottom:13px;color:var(--text);font-size:13px;font-weight:800}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:13px;transition:var(--ease)}.footer-links a:hover{color:var(--cyan);transform:translateX(3px)}.copyright{display:flex;justify-content:space-between;gap:15px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px}
.age-modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:20px;background:rgba(1,7,15,.78);backdrop-filter:blur(8px)}.age-modal.show{display:flex}.age-card{width:min(440px,100%);padding:28px;border:1px solid var(--line-bright);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow-glow)}.age-card h2{margin:0 0 10px}.age-card p{color:var(--muted);font-size:14px}.age-actions{display:flex;gap:10px;margin-top:20px}.empty{display:none;padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.empty.show{display:block}
@media(max-width:1024px){.searchbox{width:175px}.filter-layout{grid-template-columns:235px 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:768px){.header-row{flex-wrap:wrap}.nav{order:3;width:100%;margin:0;overflow-x:auto}.nav a{font-size:13px}.searchbox{flex:1}.header-cta{display:none}.hero{padding-top:35px}.filter-layout{grid-template-columns:1fr}.filter-panel{position:static}.info-bar{grid-template-columns:1fr 1fr}.info-cell:nth-child(2){border-right:0}.info-cell:last-child{grid-column:1/-1;border-top:1px solid var(--line);border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta-box{align-items:flex-start;flex-direction:column}.cta-actions{width:100%}.cta-actions .btn{flex:1}}
@media(max-width:520px){.container{width:min(calc(100% - 28px),var(--container))}.brand{font-size:13px}.brand-mark{width:27px;height:27px}.nav{gap:0}.nav a{padding:7px 8px}.hero h1{font-size:34px}.hero p{font-size:15px}.section-head{display:block}.section-head p{margin-top:10px}.content-panel,.filter-panel{padding:15px}.content-item{grid-template-columns:74px 1fr;gap:12px}.cover{height:70px}.item-status{grid-column:2;text-align:left;margin-top:-8px}.info-bar{grid-template-columns:1fr}.info-cell,.info-cell:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.info-cell:last-child{grid-column:auto;border-top:0;border-bottom:0}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:5px}.cta-actions{flex-direction:column}}

/* roulang page: category2 */
:root{
 --bg:#06111f;--bg-deep:#030a14;--surface:rgba(15,34,57,.66);
 --surface-strong:rgba(13,30,51,.9);--surface-soft:rgba(26,52,82,.46);
 --line:rgba(157,207,246,.17);--line-bright:rgba(118,229,255,.43);
 --text:#f2f7ff;--muted:#a9bdd1;--muted-2:#71869c;
 --cyan:#68e4f8;--cyan-strong:#26cde8;--violet:#9a8dff;
 --rose:#d689b6;--green:#7de0ba;--danger:#ff8b9f;
 --shadow:0 18px 60px rgba(0,0,0,.28);
 --shadow-glow:0 0 0 1px rgba(104,228,248,.14),0 16px 45px rgba(36,205,232,.13);
 --radius-sm:12px;--radius:20px;--radius-lg:30px;--container:1180px;
 --ease:all .24s cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",
 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden;
 background:radial-gradient(circle at 88% 3%,rgba(92,71,179,.18),transparent 28rem),
 radial-gradient(circle at 6% 28%,rgba(22,150,179,.12),transparent 31rem),
 linear-gradient(160deg,var(--bg) 0%,#07172a 48%,var(--bg-deep) 100%);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;
 background-image:radial-gradient(rgba(175,223,255,.18) .65px,transparent .65px);
 background-size:16px 16px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.header{position:sticky;top:0;z-index:50;padding:14px 0;background:linear-gradient(to bottom,rgba(3,10,20,.9),rgba(3,10,20,.2));backdrop-filter:blur(12px)}
.header-row{display:flex;align-items:center;gap:16px;min-height:42px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-size:15px;font-weight:800;letter-spacing:.02em}
.brand-mark{width:30px;height:30px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 20px rgba(104,228,248,.34)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#062039;border-radius:4px;transform:rotate(35deg)}
.brand-mark:before{width:8px;height:23px;left:8px;top:2px}.brand-mark:after{width:8px;height:18px;right:7px;bottom:1px}
.nav{display:flex;align-items:center;gap:3px;margin-left:8px;flex:1}
.nav a{padding:8px 10px;border-radius:9px;font-size:14px;color:var(--muted);transition:var(--ease);white-space:nowrap}
.nav a:hover,.nav a.active{background:rgba(104,228,248,.11);color:var(--text)}
.nav a.active{box-shadow:inset 0 0 0 1px rgba(104,228,248,.16)}
.searchbox{width:230px;height:38px;display:flex;align-items:center;gap:8px;padding:0 9px 0 12px;border:1px solid var(--line);border-radius:10px;background:rgba(2,11,22,.44);transition:var(--ease)}
.searchbox:focus-within{border-color:var(--line-bright);box-shadow:0 0 0 3px rgba(104,228,248,.1)}
.searchbox svg{width:16px;fill:none;stroke:var(--muted);stroke-width:2}
.searchbox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}
.searchbox input::placeholder{color:var(--muted-2)}
.header-cta,.btn{border:1px solid transparent;border-radius:11px;font-weight:750;transition:var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.header-cta{padding:9px 13px;font-size:13px;color:#03212a;background:var(--cyan);box-shadow:0 0 20px rgba(104,228,248,.18)}
.header-cta:hover{transform:translateY(-2px);background:#a0f0fb;box-shadow:0 9px 25px rgba(104,228,248,.27)}
.menu-toggle{display:none;width:39px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface)}
.hero{padding:62px 0 36px}
.hero-shell{position:relative;overflow:hidden;padding:clamp(30px,5vw,64px);border:1px solid rgba(145,216,255,.19);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(18,43,75,.88),rgba(10,24,44,.78) 54%,rgba(34,30,76,.68));box-shadow:var(--shadow)}
.hero-shell:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-190px;top:-280px;background:radial-gradient(circle,rgba(104,228,248,.18),transparent 67%)}
.hero-top{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:54px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#beeefa;font-size:13px;font-weight:750}
.eyebrow i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(36px,5.3vw,68px);line-height:1.12;letter-spacing:-.045em}
h2{font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.03em}
h3{font-size:19px;line-height:1.35}
.hero-copy{max-width:690px;color:#c1d1e0;font-size:16px;line-height:1.9}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{min-height:46px;padding:11px 17px;font-size:14px}
.btn-primary{color:#03212a;background:linear-gradient(135deg,#83ecfb,#5ad5ec);box-shadow:0 0 0 1px rgba(188,251,255,.3),0 12px 28px rgba(44,204,232,.19)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(218,255,255,.45),0 15px 34px rgba(44,204,232,.32)}
.btn-secondary{color:var(--text);border-color:var(--line);background:rgba(4,16,31,.4)}
.btn-secondary:hover{transform:translateY(-2px);border-color:var(--line-bright);background:rgba(104,228,248,.09)}
.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible,.nav a:focus-visible,.footer-links a:focus-visible,.open-age:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.age-note{margin-top:18px;color:var(--muted-2);font-size:12px}.age-note a{color:#c5f4fb;text-decoration:underline}
.topic-orbit{min-height:350px;position:relative;display:grid;place-items:center}
.orbit-core{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--line-bright);background:radial-gradient(circle,rgba(104,228,248,.2),rgba(10,27,50,.9) 68%);box-shadow:0 0 45px rgba(104,228,248,.18)}
.orbit-core strong{display:block;font-size:32px;color:var(--cyan)}.orbit-core span{font-size:12px;color:var(--muted)}
.topic-pill{position:absolute;padding:9px 13px;border:1px solid var(--line);border-radius:30px;background:rgba(7,22,40,.82);color:#dcecff;font-size:12px;box-shadow:var(--shadow)}
.topic-pill:nth-child(2){top:17%;left:7%;color:var(--cyan)}.topic-pill:nth-child(3){top:9%;right:2%;color:#d8ccff}
.topic-pill:nth-child(4){bottom:18%;left:0;color:#f0b5d5}.topic-pill:nth-child(5){bottom:9%;right:9%;color:var(--green)}
.topic-pill:nth-child(6){top:48%;right:-4%;color:#cfe6ff}
section{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.section-kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.11em}.section-head h2{margin:6px 0 0}
.section-head p{max-width:470px;margin-bottom:0;color:var(--muted);font-size:14px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.info-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:1px;padding:0;overflow:hidden}
.info-item{padding:22px;background:rgba(9,27,48,.45)}.info-item strong{display:block;color:var(--text);font-size:20px}.info-item span{color:var(--muted);font-size:13px}
.feature-track{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:16px;align-items:stretch}
.feature-card{position:relative;min-height:245px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);transition:var(--ease)}
.feature-card:hover{transform:translateY(-5px);border-color:var(--line-bright);box-shadow:var(--shadow-glow)}
.feature-card.large{min-height:330px;background:linear-gradient(145deg,rgba(26,52,82,.85),rgba(22,24,55,.88))}
.cover-art{height:108px;margin:-24px -24px 20px;position:relative;background:linear-gradient(135deg,#174d69,#332b67 55%,#642f58)}
.large .cover-art{height:175px}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,10,20,.8),transparent 70%)}
.cover-label{position:absolute;z-index:1;left:15px;bottom:12px;color:#e9faff;font-size:12px}
.badges{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.badge{padding:4px 8px;border-radius:7px;font-size:11px;color:#bff5fb;background:rgba(104,228,248,.1);border:1px solid rgba(104,228,248,.2)}
.badge.violet{color:#ddd6ff;background:rgba(154,141,255,.12);border-color:rgba(154,141,255,.24)}.badge.rose{color:#f2c6df;background:rgba(214,137,182,.11)}
.feature-card p{color:var(--muted);font-size:13px;margin-bottom:0}.feature-card h3{margin-bottom:7px}
.group-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.group{padding:24px}.group:nth-child(2){transform:translateY(24px)}.group:nth-child(3){grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;align-items:center}
.group h3{margin-bottom:8px}.group p{color:var(--muted);font-size:13px;max-width:520px}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.tag{padding:8px 12px;border-radius:10px;color:#c9dceb;background:rgba(104,228,248,.06);border:1px solid var(--line);font-size:13px;transition:var(--ease)}
.tag:hover,.tag.active{color:#03212a;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px rgba(104,228,248,.2)}
.timeline{position:relative;margin-left:10px;padding-left:28px;border-left:1px solid var(--line-bright)}.event{position:relative;padding:0 0 27px}.event:last-child{padding-bottom:0}.event:before{content:"";position:absolute;width:9px;height:9px;left:-33px;top:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.event time{color:var(--cyan);font-size:12px}.event h3{margin:5px 0}.event p{margin:0;color:var(--muted);font-size:13px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(12,29,49,.56);transition:var(--ease)}.faq-list details:hover{border-color:var(--line-bright)}summary{cursor:pointer;font-weight:700}summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.faq-list details p{margin:13px 0 0;color:var(--muted);font-size:13px}
.compliance{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;color:var(--muted);font-size:13px}.compliance strong{display:block;color:var(--text);margin-bottom:4px}.compliance a{color:var(--cyan);white-space:nowrap}
.cta{padding:38px 42px;border:1px solid rgba(104,228,248,.3);border-radius:var(--radius-lg);background:linear-gradient(110deg,rgba(21,59,78,.84),rgba(40,34,79,.78));box-shadow:var(--shadow-glow);display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{margin:0 0 8px}.cta p{margin:0;color:var(--muted);font-size:14px}
footer{padding:54px 0 24px;border-top:1px solid rgba(157,207,246,.12);background:rgba(2,9,18,.35)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}.footer-brand p{max-width:310px;color:var(--muted);font-size:13px;margin:15px 0 0}.footer-title{margin-bottom:13px;color:var(--text);font-weight:750;font-size:13px}.footer-links{display:grid;gap:9px}.footer-links a{color:var(--muted);font-size:13px;transition:var(--ease)}.footer-links a:hover{color:var(--cyan);transform:translateX(3px)}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px}
@media(max-width:1024px){.hero-top{grid-template-columns:1fr .75fr;gap:25px}.searchbox{width:180px}.feature-track{grid-template-columns:1fr 1fr}.feature-card.large{grid-column:1/-1}.info-strip{grid-template-columns:1fr 1fr}.info-item:first-child{grid-column:1/-1}}
@media(max-width:768px){.header-row{flex-wrap:wrap}.nav{order:4;display:none;width:100%;margin:4px 0 0;overflow:auto}.nav.show{display:flex}.searchbox{margin-left:auto;width:190px}.menu-toggle{display:block}.hero{padding-top:34px}.hero-top{display:block}.topic-orbit{min-height:280px;margin-top:24px}.group-grid{grid-template-columns:1fr}.group:nth-child(2){transform:none}.group:nth-child(3){grid-column:auto;display:block}.faq-list{grid-template-columns:1fr}.cta{display:block;padding:30px}.cta .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:5px}}
@media(max-width:520px){.container{width:min(calc(100% - 28px),var(--container))}.brand{font-size:13px}.searchbox{order:3;width:100%}.menu-toggle{order:2}h1{font-size:38px}.hero-shell{padding:27px 20px}.info-strip{display:block}.info-item{border-bottom:1px solid var(--line)}.feature-track{display:block}.feature-card{margin-bottom:14px}.large .cover-art{height:135px}.topic-orbit{transform:scale(.9);margin-left:-15px;margin-right:-15px}.section-head{display:block}.section-head p{margin-top:14px}.footer-grid{grid-template-columns:1fr;gap:25px}.compliance{display:block;padding:20px}.compliance a{display:inline-block;margin-top:12px}}