/* roulang page: index */
:root{
            --ink:#e8edf7;
            --muted:#91a0b8;
            --soft:#b9c4d8;
            --bg:#080b13;
            --panel:#101622;
            --panel-2:#151d2c;
            --line:rgba(255,255,255,.1);
            --accent:#8ff0c8;
            --accent-2:#b6a4ff;
            --danger:#ffb6b6;
            --radius:22px;
            --shadow:0 22px 70px rgba(0,0,0,.3);
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:
                radial-gradient(circle at 10% 0%,rgba(143,240,200,.1),transparent 26rem),
                radial-gradient(circle at 90% 10%,rgba(182,164,255,.1),transparent 28rem),
                var(--bg);
            color:var(--ink);
            font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;
            line-height:1.75;
            letter-spacing:.01em;
        }
        a{color:inherit;text-decoration:none}
        button,input{font:inherit}
        .container{width:min(1160px,calc(100% - 40px));margin:0 auto}
        .site-header{
            position:sticky;top:0;z-index:20;
            background:rgba(8,11,19,.76);
            backdrop-filter:blur(18px);
            border-bottom:1px solid var(--line);
        }
        .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
        .brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:19px}
        .brand-mark{
            display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
            color:#08110f;background:var(--accent);font-size:15px;
            box-shadow:0 0 28px rgba(143,240,200,.28)
        }
        .nav-links{display:flex;align-items:center;gap:8px}
        .nav-links a{padding:9px 14px;color:var(--muted);border-radius:12px;transition:.25s}
        .nav-links a:hover,.nav-links a.active{color:var(--ink);background:rgba(255,255,255,.07)}
        .nav-links a.active{box-shadow:inset 0 -2px var(--accent)}
        .nav-cta,.btn-primary{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            border:1px solid transparent;border-radius:13px;padding:11px 17px;
            background:var(--accent);color:#07100d;font-weight:800;transition:.25s;
        }
        .nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(143,240,200,.2)}
        .mobile-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 11px}
        .hero{padding:96px 0 74px;position:relative;overflow:hidden}
        .hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:end;gap:64px}
        .eyebrow,.tag{
            display:inline-flex;align-items:center;gap:8px;color:var(--accent);
            font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase
        }
        .eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}
        h1{font-size:clamp(42px,6vw,78px);line-height:1.1;letter-spacing:-.075em;margin:20px 0 24px;max-width:760px}
        .hero-copy{font-size:18px;color:var(--soft);max-width:690px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
        .btn-secondary{
            display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);
            border-radius:13px;padding:11px 17px;color:var(--ink);background:rgba(255,255,255,.035);transition:.25s
        }
        .btn-secondary:hover{border-color:var(--accent);background:rgba(143,240,200,.07)}
        .hero-note{margin-top:20px;color:var(--muted);font-size:13px}
        .hero-panel{
            min-height:310px;border:1px solid var(--line);border-radius:28px;padding:26px;
            background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
            box-shadow:var(--shadow);position:relative
        }
        .panel-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
        .status{display:inline-flex;align-items:center;gap:7px;color:var(--accent)}
        .status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
        .panel-title{font-size:25px;font-weight:800;line-height:1.25;margin:52px 0 24px;max-width:280px}
        .metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
        .metric{border-top:1px solid var(--line);padding-top:13px}
        .metric strong{display:block;font-size:22px}.metric span{font-size:12px;color:var(--muted)}
        section{padding:82px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
        .section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-.055em}
        .section-head p{max-width:520px;color:var(--muted)}
        .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
        .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
        .card{
            border:1px solid var(--line);border-radius:var(--radius);padding:25px;
            background:rgba(16,22,34,.78);transition:.25s
        }
        .card:hover{transform:translateY(-5px);border-color:rgba(143,240,200,.4);box-shadow:0 18px 42px rgba(0,0,0,.2)}
        .card-icon{width:42px;height:42px;border-radius:14px;background:rgba(143,240,200,.12);color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:21px}
        .card h3{font-size:20px;margin-bottom:9px;letter-spacing:-.03em}
        .card p{color:var(--muted);font-size:14px}
        .directory{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
        .directory-main{min-height:300px;background:linear-gradient(135deg,#182b2d,#121928);display:flex;flex-direction:column;justify-content:space-between}
        .directory-main h3{font-size:31px;max-width:420px;line-height:1.25}
        .directory-side{display:flex;flex-direction:column;gap:16px}
        .directory-side .card{flex:1}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
        .step{padding:25px 22px 0;border-right:1px solid var(--line);min-height:150px}
        .step:last-child{border:0}.step b{color:var(--accent);font-size:13px}.step h3{margin:10px 0 6px}.step p{font-size:13px;color:var(--muted)}
        .notice{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        .notice .card{background:var(--panel-2)}
        .list{list-style:none;display:grid;gap:0}
        .list li{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
        .list li a{font-weight:700;transition:.2s}.list li a:hover{color:var(--accent)}
        .list small{color:var(--muted);white-space:nowrap}
        .faq{max-width:850px;margin:0 auto}
        details{border-bottom:1px solid var(--line);padding:21px 0}
        summary{cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:20px}
        summary:after{content:"＋";color:var(--accent);font-size:20px}details[open] summary:after{content:"−"}
        details p{color:var(--muted);padding:13px 35px 0 0;font-size:14px}
        .cta{
            padding:42px;border:1px solid rgba(143,240,200,.28);border-radius:28px;
            background:linear-gradient(110deg,rgba(143,240,200,.12),rgba(182,164,255,.1));
            display:flex;justify-content:space-between;align-items:center;gap:30px
        }
        .cta h2{font-size:clamp(27px,4vw,42px);line-height:1.2;letter-spacing:-.05em}.cta p{color:var(--soft);margin-top:8px}
        footer{border-top:1px solid var(--line);padding:42px 0 30px;color:var(--muted)}
        .footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:22px;font-size:14px}.footer-links a:hover{color:var(--ink)}
        .copyright{margin-top:35px;font-size:12px;color:#66748d}
        :focus-visible{outline:3px solid rgba(143,240,200,.65);outline-offset:3px}
        @media(max-width:900px){.hero-grid,.directory,.notice{grid-template-columns:1fr}.hero{padding-top:70px}.grid-3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
        @media(max-width:640px){
            .container{width:min(100% - 28px,1160px)}.nav-wrap{height:68px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:14px;right:14px;top:76px;padding:10px;background:#111724;border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.nav-cta{display:none}
            .hero{padding:55px 0 45px}h1{font-size:43px}.hero-copy{font-size:16px}.hero-actions{display:grid}.hero-actions a{width:100%}
            section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:12px}.grid-3,.grid-2{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step,.step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)!important}.step:last-child{border-bottom:0!important}.cta{padding:28px;display:block}.cta .btn-primary{margin-top:22px}.footer-top{display:block}.footer-links{margin-top:22px;flex-wrap:wrap;gap:13px}}

/* roulang page: category2 */
:root{
      --ink:#e8edf7;
      --muted:#91a0b8;
      --soft:#b9c4d8;
      --bg:#080b13;
      --panel:#101622;
      --panel-2:#151d2c;
      --line:rgba(255,255,255,.1);
      --accent:#8ff0c8;
      --accent-2:#b6a4ff;
      --danger:#ffb6b6;
      --radius:22px;
      --shadow:0 22px 70px rgba(0,0,0,.3);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:
        radial-gradient(circle at 10% 0%,rgba(143,240,200,.1),transparent 26rem),
        radial-gradient(circle at 90% 10%,rgba(182,164,255,.1),transparent 28rem),
        var(--bg);
      color:var(--ink);
      font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;
      line-height:1.75;
      letter-spacing:.01em;
    }
    a{color:inherit;text-decoration:none}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1160px,calc(100% - 40px));margin:0 auto}
    .site-header{
      position:sticky;top:0;z-index:20;
      background:rgba(8,11,19,.76);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--line);
    }
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:19px}
    .brand-mark{
      display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
      color:#08110f;background:var(--accent);font-size:15px;
      box-shadow:0 0 28px rgba(143,240,200,.28)
    }
    .nav-links{display:flex;align-items:center;gap:8px}
    .nav-links a{
      padding:9px 14px;color:var(--muted);border-radius:12px;transition:.25s
    }
    .nav-links a:hover,.nav-links a.active{color:var(--ink);background:rgba(255,255,255,.07)}
    .nav-links a.active{box-shadow:inset 0 -2px var(--accent)}
    .nav-cta,.btn-primary{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      border:1px solid transparent;border-radius:13px;padding:11px 17px;
      background:var(--accent);color:#07100d;font-weight:800;transition:.25s
    }
    .nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(143,240,200,.2)}
    .mobile-toggle{
      display:none;background:none;color:var(--ink);
      border:1px solid var(--line);border-radius:12px;padding:8px 11px
    }
    .hero{
      padding:70px 0 55px;
      border-bottom:1px solid var(--line);
      background:linear-gradient(90deg,rgba(16,22,34,.4),rgba(16,22,34,.08));
    }
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:64px}
    .eyebrow,.tag{
      display:inline-flex;align-items:center;gap:8px;color:var(--accent);
      font-size:12px;font-weight:800;letter-spacing:.13em
    }
    .eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}
    h1,h2,h3,p{margin-top:0}
    h1{
      margin:22px 0 18px;
      font-size:clamp(38px,6vw,72px);
      line-height:1.08;
      letter-spacing:-.065em;
      max-width:780px;
    }
    .hero-copy{font-size:18px;color:var(--soft);max-width:720px}
    .hero-note{margin-top:19px;color:var(--muted);font-size:13px}
    .hero-panel{
      min-height:245px;border:1px solid var(--line);border-radius:28px;padding:26px;
      background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
      box-shadow:var(--shadow);position:relative
    }
    .panel-kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em}
    .panel-title{font-size:27px;font-weight:800;line-height:1.25;margin:35px 0 23px;max-width:300px}
    .metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .metric{padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.12)}
    .metric strong{display:block;font-size:21px;color:var(--ink)}
    .metric span{display:block;color:var(--muted);font-size:12px}
    section{padding:76px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
    .section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-.055em;margin-bottom:0}
    .section-head p{max-width:520px;color:var(--muted);margin-bottom:0}
    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .card{
      border:1px solid var(--line);border-radius:var(--radius);padding:26px;
      background:rgba(16,22,34,.78);transition:.25s
    }
    .card:hover{transform:translateY(-4px);border-color:rgba(143,240,200,.4);box-shadow:0 18px 42px rgba(0,0,0,.2)}
    .card-icon{
      width:42px;height:42px;border-radius:14px;background:rgba(143,240,200,.12);
      color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:20px
    }
    .card h3{font-size:20px;margin-bottom:9px;letter-spacing:-.03em}
    .card p{color:var(--muted);font-size:14px;margin-bottom:0}
    .split{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}
    .side-title{font-size:15px;color:var(--accent);font-weight:800;margin-bottom:14px}
    .side-copy{font-size:28px;line-height:1.25;letter-spacing:-.04em}
    .list{list-style:none;padding:0;margin:0;display:grid;gap:0}
    .list li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
    .list li:first-child{padding-top:0}
    .list-number{color:var(--accent);font-weight:800;min-width:28px}
    .list h3{font-size:18px;margin:0 0 5px}
    .list p{color:var(--muted);font-size:14px;margin:0}
    .notice{
      padding:23px 25px;border:1px solid rgba(255,182,182,.25);
      border-radius:18px;background:rgba(255,182,182,.06);color:var(--soft)
    }
    .notice strong{color:var(--danger)}
    .faq{max-width:880px;margin:0 auto}
    details{border-bottom:1px solid var(--line);padding:20px 0}
    summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"＋";color:var(--accent);font-size:20px;line-height:1}
    details[open] summary:after{content:"－"}
    details p{color:var(--muted);font-size:14px;margin:14px 34px 0 0}
    .cta{
      padding:42px;border:1px solid rgba(143,240,200,.28);border-radius:28px;
      background:linear-gradient(110deg,rgba(143,240,200,.12),rgba(182,164,255,.1));
      display:flex;justify-content:space-between;align-items:center;gap:30px
    }
    .cta h2{font-size:clamp(27px,4vw,42px);line-height:1.2;letter-spacing:-.05em;margin-bottom:0}
    .cta p{color:var(--soft);margin:8px 0 0}
    footer{border-top:1px solid var(--line);padding:42px 0 30px;color:var(--muted)}
    .footer-top{display:flex;justify-content:space-between;gap:30px}
    .footer-links{display:flex;gap:22px;font-size:14px}
    .footer-links a:hover{color:var(--ink)}
    .copyright{margin-top:35px;font-size:12px;color:#66748d}
    :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
    @media(max-width:900px){
      .hero-grid,.split{grid-template-columns:1fr;gap:32px}
      .hero-panel{min-height:auto}
    }
    @media(max-width:700px){
      .container{width:min(100% - 28px,1160px)}
      .nav-wrap{height:68px}
      .mobile-toggle{display:block}
      .nav-links{
        display:none;position:absolute;left:14px;right:14px;top:76px;padding:10px;
        background:#111724;border:1px solid var(--line);border-radius:16px;
        flex-direction:column;align-items:stretch
      }
      .nav-links.open{display:flex}
      .nav-links a{text-align:center}
      .nav-cta{display:none}
      .hero{padding:53px 0 44px}
      .hero-copy{font-size:16px}
      .section-head,.cta,.footer-top{display:block}
      .section-head p{margin-top:16px}
      .grid-2{grid-template-columns:1fr}
      .cta .btn-primary{margin-top:24px;width:100%}
      .footer-links{margin-top:22px;flex-wrap:wrap;gap:12px 20px}
    }
    @media(max-width:430px){
      h1{font-size:40px}
      .metric-row{grid-template-columns:1fr}
      .hero-panel{padding:21px}
      section{padding:58px 0}
    }

/* roulang page: category1 */
:root{--ink:#e8edf7;--muted:#91a0b8;--soft:#b9c4d8;--bg:#080b13;--panel:#101622;--panel2:#151d2c;--line:rgba(255,255,255,.1);--accent:#8ff0c8;--accent2:#b6a4ff;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.3)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0%,rgba(143,240,200,.1),transparent 25rem),radial-gradient(circle at 92% 8%,rgba(182,164,255,.1),transparent 28rem),var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;letter-spacing:.01em}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(8,11,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:19px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#08110f;font-size:15px;box-shadow:0 0 28px rgba(143,240,200,.28)}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{padding:9px 14px;color:var(--muted);border-radius:12px;transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--ink);background:rgba(255,255,255,.07)}.nav-links a.active{box-shadow:inset 0 -2px var(--accent)}.nav-cta,.btn-primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:11px 17px;background:var(--accent);color:#07100d;font-weight:800;transition:.25s}.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(143,240,200,.2)}.mobile-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 11px}
    .hero{padding:80px 0 62px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.eyebrow,.tag{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.13em}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}h1{font-size:clamp(40px,6vw,74px);line-height:1.08;letter-spacing:-.07em;margin:20px 0}.hero-copy{max-width:680px;color:var(--soft);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;padding:11px 17px;color:var(--ink);background:rgba(255,255,255,.035);transition:.25s}.btn-secondary:hover{border-color:var(--accent);background:rgba(143,240,200,.07)}.hero-note{margin-top:18px;color:var(--muted);font-size:13px}
    .poster{min-height:390px;border:1px solid var(--line);border-radius:30px;padding:26px;position:relative;overflow:hidden;background:linear-gradient(145deg,#263742,#111725 62%,#241e3b);box-shadow:var(--shadow)}.poster:after{content:"";position:absolute;inset:auto -15% -35% 20%;height:250px;background:rgba(143,240,200,.18);filter:blur(50px);border-radius:50%}.poster-top{display:flex;justify-content:space-between;position:relative;z-index:1}.badge{border:1px solid rgba(143,240,200,.45);border-radius:999px;padding:5px 10px;color:var(--accent);font-size:12px;background:rgba(143,240,200,.08)}.poster-body{position:absolute;left:26px;right:26px;bottom:28px;z-index:1}.poster-body h2{font-size:34px;line-height:1.2;letter-spacing:-.05em;margin:10px 0}.poster-body p{color:var(--soft);max-width:360px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.metric{padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(8,11,19,.32)}.metric strong{display:block;font-size:20px}.metric span{font-size:12px;color:var(--muted)}
    section{padding:74px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-.055em;margin:0}.section-head p{max-width:520px;color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:rgba(16,22,34,.78);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(143,240,200,.4);box-shadow:0 18px 42px rgba(0,0,0,.2)}.card-icon{width:42px;height:42px;border-radius:14px;background:rgba(143,240,200,.12);color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:18px}.card h3{font-size:20px;margin:0 0 9px;letter-spacing:-.03em}.card p{color:var(--muted);font-size:14px;margin:0}.steps{display:grid;gap:0;border-left:1px solid var(--line);margin-left:12px}.step{position:relative;padding:0 0 28px 32px}.step:last-child{padding-bottom:0}.step:before{content:"";position:absolute;left:-7px;top:7px;width:13px;height:13px;border:3px solid var(--bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.step b{color:var(--accent);font-size:13px}.step h3{margin:4px 0 4px;font-size:19px}.step p{margin:0;color:var(--muted)}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";float:right;color:var(--accent);font-size:20px}.faq details[open] summary:after{content:"－"}.faq details p{color:var(--muted);margin:12px 30px 0 0}.cta{padding:42px;border:1px solid rgba(143,240,200,.28);border-radius:28px;background:linear-gradient(110deg,rgba(143,240,200,.12),rgba(182,164,255,.1));display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(27px,4vw,42px);line-height:1.2;letter-spacing:-.05em;margin:0}.cta p{color:var(--soft);margin:8px 0 0}footer{border-top:1px solid var(--line);padding:42px 0 30px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:22px;font-size:14px}.footer-links a:hover{color:var(--ink)}.copyright{margin-top:35px;font-size:12px;color:#66748d}
    :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:35px}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.nav-wrap{height:68px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:14px;right:14px;top:76px;padding:10px;background:#111724;border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.nav-cta{display:none}.hero{padding:55px 0 45px}.hero-copy{font-size:16px}.grid-3,.grid-2{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.poster{min-height:360px}.cta{display:block;padding:28px}.cta .btn-primary{margin-top:22px}.footer-top{display:block}.footer-links{flex-wrap:wrap;margin-top:22px}}