/* roulang page: index */
:root{
      --ink:#121212;
      --carbon:#1a1a1a;
      --panel:#202020;
      --panel-soft:#292929;
      --line:rgba(240,230,140,.18);
      --gold:#f0e68c;
      --gold-strong:#ffd86a;
      --silver:#e5e8e8;
      --muted:#b8bdc2;
      --white:#fff;
      --red:#cf3f3f;
      --green:#55c782;
      --shadow:0 18px 50px rgba(0,0,0,.28);
      --radius:18px;
      --radius-sm:12px;
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;background:var(--ink);color:var(--silver);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      font-size:16px;line-height:1.62;overflow-x:hidden;
    }
    h1,h2,h3,p,ul,ol{margin-top:0}
    h1,h2,h3{
      color:var(--white);font-family:Georgia,"Times New Roman",serif;
      letter-spacing:-.026em;line-height:1.16
    }
    h1{font-size:clamp(2.35rem,5vw,4.85rem)}
    h2{font-size:clamp(1.75rem,3vw,2.75rem)}
    h3{font-size:1.22rem}
    a{color:inherit;text-decoration:none;transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid var(--gold-strong);outline-offset:3px}
    .site-shell{background:radial-gradient(circle at 80% 11%,rgba(240,230,140,.08),transparent 24%),var(--ink)}
    .container{width:min(calc(100% - 40px),var(--container));margin:0 auto}
    .section{padding:92px 0;position:relative}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
      color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase
    }
    .eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}
    .section-lead{max-width:690px;color:var(--muted);font-size:1.04rem;margin-bottom:0}
    .section-heading{margin-bottom:40px}
    .gold-rule{width:68px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--gold-strong),transparent);margin:20px 0}
    .site-header{
      height:76px;position:fixed;top:0;left:0;right:0;z-index:100;
      background:rgba(18,18,18,.84);border-bottom:1px solid rgba(240,230,140,.12);
      backdrop-filter:blur(14px)
    }
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{
      max-width:270px;color:var(--white);font-family:Georgia,"Times New Roman",serif;
      font-size:.98rem;font-weight:700;line-height:1.16;display:flex;align-items:center;gap:10px
    }
    .brand-mark{
      width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--gold);
      color:var(--gold);border-radius:50%;font-size:.85rem;background:rgba(240,230,140,.07)
    }
    .main-nav{display:flex;align-items:center;gap:6px}
    .main-nav a{
      color:#d5d8dc;font-size:.9rem;font-weight:700;padding:9px 12px;border-radius:8px;
      white-space:nowrap
    }
    .main-nav a:hover,.main-nav a.active{color:var(--gold);background:rgba(240,230,140,.08)}
    .nav-actions{display:flex;align-items:center;gap:8px}
    .login-link{font-size:.87rem;color:var(--silver);padding:9px 10px;font-weight:700}
    .login-link:hover{color:var(--gold)}
    .nav-signup,.button-gold,.button-ghost{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;
      font-weight:800;font-size:.88rem;line-height:1;padding:13px 18px;border:1px solid transparent
    }
    .nav-signup,.button-gold{
      color:#161616;background:linear-gradient(135deg,var(--gold-strong),var(--gold));
      box-shadow:0 8px 22px rgba(240,230,140,.13)
    }
    .nav-signup:hover,.button-gold:hover{transform:translateY(-2px);color:#0c0c0c;box-shadow:0 12px 28px rgba(240,230,140,.25)}
    .nav-signup:active,.button-gold:active{transform:translateY(1px)}
    .button-ghost{border-color:rgba(255,255,255,.38);color:var(--white);background:rgba(0,0,0,.18)}
    .button-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(240,230,140,.09)}
    .mobile-trigger{display:none;color:var(--white);font-size:1.15rem;padding:8px;background:none;border:0}
    .hero{
      min-height:740px;padding:132px 0 68px;display:flex;align-items:center;position:relative;isolation:isolate;
      background-image:linear-gradient(90deg,rgba(10,10,10,.89) 3%,rgba(10,10,10,.61) 54%,rgba(10,10,10,.78) 100%),url('/assets/images/backpic/back-1.jpg');
      background-size:cover;background-position:center
    }
    .hero:after{
      content:"";position:absolute;inset:auto 0 0;height:200px;z-index:-1;
      background:linear-gradient(transparent,var(--ink))
    }
    .hero-content{max-width:850px}
    .hero-kicker{
      display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;margin-bottom:20px;
      background:rgba(18,18,18,.65);border:1px solid rgba(240,230,140,.43);color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.09em
    }
    .pulse-dot{height:8px;width:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(85,199,130,.16);animation:pulse 1.7s infinite}
    @keyframes pulse{50%{box-shadow:0 0 0 10px rgba(85,199,130,0)}}
    .hero h1{max-width:900px;text-shadow:0 3px 24px rgba(0,0,0,.7);margin-bottom:22px}
    .hero h1 em{font-style:normal;color:var(--gold)}
    .hero-copy{max-width:765px;font-size:1.1rem;color:#edf0f1;margin-bottom:30px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
    .countbar{
      display:flex;align-items:center;gap:17px;max-width:760px;padding:15px 17px;border-left:3px solid var(--gold);
      background:rgba(15,15,15,.7);backdrop-filter:blur(7px)
    }
    .countbar-label{font-size:.79rem;color:var(--muted);font-weight:700;max-width:145px;line-height:1.35}
    .countdown{display:flex;gap:8px}
    .time-box{min-width:54px;text-align:center}
    .time-box strong{display:block;color:var(--gold);font-size:1.3rem;font-variant-numeric:tabular-nums;line-height:1}
    .time-box span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#c9cccf}
    .hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;color:#d6dadb;font-size:.82rem;font-weight:700}
    .hero-trust i{color:var(--gold);margin-right:7px}
    .intro{background:#171717}
    .intro-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
    .image-stack{position:relative;padding:0 35px 32px 0}
    .image-stack img{width:100%;height:410px;object-fit:cover;filter:saturate(.85);border-radius:2px}
    .image-stack:after{
      content:"";position:absolute;right:0;bottom:0;width:62%;height:58%;
      border:1px solid var(--gold);z-index:0;transform:translate(-14px,-14px)
    }
    .image-stack img{position:relative;z-index:1}
    .intro-content{padding-right:20px}
    .intro-content h2{margin-bottom:17px}
    .intro-content p{color:var(--muted);margin-bottom:18px}
    .criteria-list{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
    .criteria-list li{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);color:#dadddf}
    .criteria-list i{width:21px;color:var(--gold);padding-top:4px}
    .reward-section{overflow:hidden;background:linear-gradient(120deg,#1b1b1b,#111)}
    .reward-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:end}
    .reward-visual{position:relative;padding-bottom:10px}
    .reward-visual img{width:100%;height:360px;object-fit:cover;opacity:.88;border-radius:var(--radius-sm)}
    .reward-caption{
      position:absolute;right:-20px;bottom:-17px;width:min(300px,75%);padding:21px;
      background:#282828;border:1px solid var(--line);box-shadow:var(--shadow)
    }
    .reward-caption strong{display:block;color:var(--gold);font-family:Georgia,serif;font-size:1.65rem;line-height:1.1}
    .reward-caption span{color:var(--muted);font-size:.82rem}
    .reward-copy h2{margin-bottom:15px}
    .reward-copy>p{color:var(--muted);margin-bottom:24px}
    .reward-list{display:grid;gap:11px}
    .reward-item{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}
    .reward-icon{width:39px;height:39px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(240,230,140,.5);border-radius:50%}
    .reward-item h3{font-family:inherit;font-size:.98rem;margin:0 0 2px;color:var(--white);letter-spacing:0}
    .reward-item p{margin:0;font-size:.88rem;color:var(--muted)}
    .progress-section{background:var(--carbon)}
    .progress-layout{display:grid;grid-template-columns:300px 1fr;gap:54px;align-items:start}
    .progress-note{color:var(--muted);margin:0 0 23px}
    .stat-chip{border-left:2px solid var(--gold);padding:10px 0 10px 14px;margin-top:18px}
    .stat-chip b{display:block;font-size:1.32rem;color:var(--gold);line-height:1.15}
    .stat-chip span{font-size:.8rem;color:var(--muted)}
    .steps{position:relative;padding-left:10px}
    .steps:before{content:"";position:absolute;top:25px;bottom:25px;left:29px;width:1px;background:linear-gradient(var(--gold),rgba(240,230,140,.1))}
    .step{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:18px;align-items:center;padding:0 0 27px}
    .step:last-child{padding-bottom:0}
    .step-num{
      width:40px;height:40px;display:grid;place-items:center;z-index:1;border-radius:50%;
      background:#262626;border:1px solid var(--gold);font-weight:800;color:var(--gold)
    }
    .step h3{font-family:inherit;font-size:1rem;letter-spacing:0;margin:0 0 3px}
    .step p{margin:0;color:var(--muted);font-size:.9rem}
    .step-status{font-size:.73rem;font-weight:800;color:var(--green);white-space:nowrap}
    .assurance{padding:30px 0;background:#111;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .assurance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .assurance-item{display:flex;align-items:center;gap:13px;padding:8px 13px;border-right:1px solid var(--line)}
    .assurance-item:last-child{border-right:0}
    .assurance-item i{font-size:1.3rem;color:var(--gold)}
    .assurance-item strong{display:block;font-size:.88rem;color:#f4f4f4}
    .assurance-item span{display:block;font-size:.75rem;color:var(--muted)}
    .directory-section{background:#171717}
    .directory-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:52px;align-items:start}
    .article-list{border-top:1px solid var(--line)}
    .article-row{display:grid;grid-template-columns:115px 1fr auto;gap:19px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}
    .article-date{font-size:.76rem;color:var(--gold);font-weight:800;line-height:1.35}
    .article-row h3{font-family:inherit;font-size:1.02rem;letter-spacing:0;margin:0 0 5px}
    .article-row h3 a:hover{color:var(--gold)}
    .article-row p{font-size:.85rem;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .article-arrow{color:var(--gold);font-size:1.1rem;padding:8px}
    .topic-panel{padding:28px;background:#242424;border:1px solid var(--line)}
    .topic-panel h3{font-size:1.4rem;margin-bottom:9px}
    .topic-panel>p{color:var(--muted);font-size:.9rem;margin-bottom:20px}
    .topic-link{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line);font-weight:800;font-size:.9rem;color:#f1f1f1}
    .topic-link:hover{color:var(--gold)}
    .topic-link span{color:var(--gold);font-size:.77rem}
    .faq-section{background:linear-gradient(100deg,#121212,#1c1c1c)}
    .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px}
    .faq-sticky{position:sticky;top:108px;align-self:start}
    .faq-sticky p{color:var(--muted);margin-bottom:25px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{
      width:100%;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;
      text-align:left;border:0;background:transparent;color:var(--white);font-weight:800;font-size:1rem
    }
    .faq-question i{color:var(--gold);transition:transform .25s ease}
    .faq-answer{display:none;padding:0 38px 20px 0;color:var(--muted);font-size:.92rem}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question i{transform:rotate(45deg)}
    .cta-section{padding:88px 0;background:#161616}
    .cta-box{
      position:relative;overflow:hidden;padding:55px min(7vw,80px);text-align:center;border:1px solid rgba(240,230,140,.38);
      background-image:linear-gradient(90deg,rgba(17,17,17,.93),rgba(17,17,17,.78)),url('/assets/images/backpic/back-2.jpg');
      background-size:cover;background-position:center;box-shadow:var(--shadow)
    }
    .cta-box:before,.cta-box:after{content:"";position:absolute;width:85px;height:85px;border-color:var(--gold);opacity:.7}
    .cta-box:before{top:14px;left:14px;border-top:2px solid;border-left:2px solid}
    .cta-box:after{right:14px;bottom:14px;border-right:2px solid;border-bottom:2px solid}
    .cta-box h2{position:relative;max-width:740px;margin:0 auto 15px}
    .cta-box p{position:relative;max-width:670px;margin:0 auto 26px;color:#d5d8dc}
    .cta-box .hero-actions{justify-content:center;margin:0}
    .site-footer{background:#0d0d0d;border-top:1px solid var(--line);padding:54px 0 26px}
    .footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:46px;padding-bottom:38px}
    .footer-brand .brand{margin-bottom:15px;max-width:345px}
    .footer-brand p{color:var(--muted);font-size:.87rem;max-width:410px}
    .footer-title{font-family:inherit;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:4px 0 14px}
    .footer-links{list-style:none;margin:0;padding:0}
    .footer-links li{margin-bottom:9px}
    .footer-links a{color:#c8ccce;font-size:.86rem}
    .footer-links a:hover{color:var(--gold)}
    .payment-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
    .payment-badge{font-size:.72rem;font-weight:800;color:#e5e8e8;border:1px solid #3e4143;padding:6px 9px;border-radius:5px}
    .footer-bottom{padding-top:21px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;color:#81878b;font-size:.78rem}
    .responsible{color:#aeb3b5;text-align:right}
    .responsible b{color:var(--gold)}
    .fab{
      position:fixed;left:16px;bottom:96px;z-index:90;width:58px;height:58px;display:grid;place-items:center;
      color:var(--gold);border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 35% 28%,#3d3d3d,#111 70%);
      box-shadow:0 4px 20px rgba(240,230,140,.3);opacity:.78;animation:float 2.9s ease-in-out infinite
    }
    .fab:before{content:"";position:absolute;inset:4px;border:1px dashed rgba(240,230,140,.7);border-radius:50%}
    .fab:after{content:"";position:absolute;right:3px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #1a1a1a;animation:blink 1.1s infinite}
    .fab i{font-size:1.38rem;position:relative;z-index:1;transition:transform .5s ease}
    .fab:hover{opacity:1;transform:scale(1.1);color:var(--gold-strong)}
    .fab:hover i{transform:rotate(360deg)}
    .fab:active{transform:translateY(2px) scale(.96)}
    @keyframes float{50%{transform:translateY(-7px)}}
    @keyframes blink{50%{opacity:.25}}
    @media(max-width:1024px){
      .brand{max-width:210px;font-size:.84rem}
      .main-nav{gap:0}
      .main-nav a{padding:8px 8px;font-size:.82rem}
      .intro-layout,.reward-layout,.faq-layout{gap:40px}
      .directory-grid{gap:32px}
    }
    @media(max-width:768px){
      .container{width:min(calc(100% - 28px),var(--container))}
      .site-header,.nav-wrap{height:68px}
      .brand{font-size:.72rem;max-width:178px}
      .brand-mark{width:30px;height:30px;flex-basis:30px}
      .mobile-trigger{display:block;order:2}
      .main-nav{
        display:none;position:absolute;left:0;right:0;top:68px;padding:12px 14px 16px;
        background:#171717;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch
      }
      .main-nav.is-open{display:flex}
      .main-nav a{font-size:.9rem;padding:11px}
      .nav-actions{margin-left:auto}
      .login-link{font-size:.76rem;padding:8px 5px}
      .nav-signup{font-size:.76rem;padding:10px 11px}
      .hero{min-height:690px;padding-top:115px;background-position:60% center}
      .hero-copy{font-size:1rem}
      .intro-layout,.reward-layout,.progress-layout,.directory-grid,.faq-layout{grid-template-columns:1fr;gap:34px}
      .intro-content{padding-right:0}
      .image-stack img{height:315px}
      .reward-copy{order:1}.reward-visual{order:2}
      .progress-layout{gap:24px}
      .assurance-grid{grid-template-columns:repeat(2,1fr)}
      .assurance-item:nth-child(2){border-right:0}
      .assurance-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .article-row{grid-template-columns:92px 1fr auto;gap:11px}
      .faq-sticky{position:static}
      .section{padding:68px 0}
      .footer-top{grid-template-columns:1fr 1fr;gap:29px}
      .footer-brand{grid-column:1/-1}
    }
    @media(max-width:520px){
      h1{font-size:2.26rem}
      .hero{min-height:720px;padding-bottom:44px}
      .hero-kicker{font-size:.67rem}
      .hero-actions{display:grid;grid-template-columns:1fr}
      .button-gold,.button-ghost{width:100%;padding:15px}
      .countbar{align-items:flex-start;flex-direction:column;gap:10px}
      .countbar-label{max-width:none}
      .time-box{min-width:46px}
      .time-box strong{font-size:1.08rem}
      .hero-trust{gap:10px 14px;font-size:.75rem}
      .image-stack{padding-right:20px}
      .image-stack img{height:260px}
      .reward-caption{right:0;padding:14px}
      .assurance-grid{grid-template-columns:1fr}
      .assurance-item,.assurance-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
      .assurance-item:last-child{border-bottom:0}
      .article-row{grid-template-columns:1fr auto}
      .article-date{grid-column:1/-1}
      .article-arrow{grid-column:2;grid-row:2;align-self:center}
      .article-row h3,.article-row p{padding-right:6px}
      .step{grid-template-columns:40px 1fr}
      .step-status{grid-column:2}
      .footer-top{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
      .footer-bottom{display:block}
      .responsible{text-align:left;margin-top:8px}
      .cta-box{padding:44px 23px}
      .fab{bottom:75px}
    }

/* roulang page: article */
:root{
      --ink:#121212;
      --carbon:#1a1a1a;
      --panel:#202020;
      --panel-soft:#292929;
      --line:rgba(240,230,140,.18);
      --gold:#f0e68c;
      --gold-strong:#ffd86a;
      --silver:#e5e8e8;
      --muted:#b8bdc2;
      --white:#fff;
      --red:#cf3f3f;
      --green:#55c782;
      --shadow:0 18px 50px rgba(0,0,0,.28);
      --shadow-soft:0 10px 30px rgba(0,0,0,.2);
      --radius:18px;
      --radius-sm:12px;
      --container:1180px;
      --serif:Georgia,"Times New Roman",serif;
    }

    *,
    *::before,
    *::after{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      background:var(--ink);
      color:var(--silver);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      font-size:16px;
      line-height:1.62;
      overflow-x:hidden;
    }

    body::selection{
      color:#161616;
      background:var(--gold);
    }

    a{
      color:inherit;
      text-decoration:none;
      transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
    }

    img{
      display:block;
      max-width:100%;
      height:auto;
    }

    button,
    input{font:inherit}

    button{cursor:pointer}

    h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin-top:0}

    h1,h2,h3,h4{
      color:var(--white);
      line-height:1.16;
      letter-spacing:-.025em;
    }

    h1{
      font-family:var(--serif);
      font-size:clamp(2.35rem,5vw,4.6rem);
      font-weight:700;
    }

    h2{
      font-family:var(--serif);
      font-size:clamp(1.85rem,3vw,3rem);
      margin-bottom:15px;
    }

    h3{
      font-size:1.08rem;
      margin-bottom:8px;
      letter-spacing:-.01em;
    }

    p{margin-bottom:16px}

    .container{
      width:min(calc(100% - 40px),var(--container));
      margin:0 auto;
    }

    .section{
      position:relative;
      padding:92px 0;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-bottom:16px;
      color:var(--gold);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }

    .eyebrow::before{
      content:"";
      width:28px;
      height:1px;
      background:var(--gold);
    }

    .section-heading{
      margin-bottom:38px;
    }

    .section-heading.split{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:30px;
    }

    .section-lead{
      max-width:700px;
      color:var(--muted);
      font-size:1.04rem;
      margin-bottom:0;
    }

    .muted{color:var(--muted)}

    .site-header{
      height:76px;
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:100;
      background:rgba(18,18,18,.88);
      border-bottom:1px solid rgba(240,230,140,.12);
      backdrop-filter:blur(14px);
    }

    .nav-wrap{
      height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:22px;
    }

    .brand{
      max-width:270px;
      color:var(--white);
      font-family:var(--serif);
      font-size:.98rem;
      font-weight:700;
      line-height:1.16;
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
    }

    .brand:hover{color:var(--gold)}

    .brand-mark{
      width:34px;
      height:34px;
      flex:0 0 34px;
      display:grid;
      place-items:center;
      border:1px solid var(--gold);
      color:var(--gold);
      border-radius:50%;
      font-size:.85rem;
      background:rgba(240,230,140,.07);
    }

    .main-nav{
      display:flex;
      align-items:center;
      gap:6px;
      margin-left:auto;
    }

    .main-nav a{
      color:#d5d8dc;
      font-size:.9rem;
      font-weight:700;
      padding:9px 12px;
      border-radius:8px;
      white-space:nowrap;
    }

    .main-nav a:hover,
    .main-nav a.active{
      color:var(--gold);
      background:rgba(240,230,140,.08);
    }

    .nav-actions{
      display:flex;
      align-items:center;
      gap:8px;
      flex-shrink:0;
    }

    .nav-login,
    .nav-signup,
    .button-gold,
    .button-ghost{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:9px;
      font-weight:800;
      font-size:.88rem;
      line-height:1;
      padding:13px 18px;
      border:1px solid transparent;
    }

    .nav-login{
      color:var(--silver);
      padding-left:11px;
      padding-right:11px;
    }

    .nav-login:hover{color:var(--gold)}

    .nav-signup,
    .button-gold{
      color:#161616;
      background:linear-gradient(135deg,var(--gold-strong),var(--gold));
      box-shadow:0 8px 22px rgba(240,230,140,.13);
    }

    .nav-signup:hover,
    .button-gold:hover{
      transform:translateY(-2px);
      color:#0c0c0c;
      box-shadow:0 12px 28px rgba(240,230,140,.25);
    }

    .nav-signup:active,
    .button-gold:active{transform:translateY(1px)}

    .button-ghost{
      border-color:rgba(255,255,255,.38);
      color:var(--white);
      background:rgba(0,0,0,.18);
    }

    .button-ghost:hover{
      border-color:var(--gold);
      color:var(--gold);
      background:rgba(240,230,140,.09);
    }

    .mobile-trigger{
      display:none;
      color:var(--white);
      font-size:1.15rem;
      padding:8px;
      background:none;
      border:0;
    }

    .mobile-trigger:focus-visible,
    a:focus-visible,
    button:focus-visible{
      outline:2px solid var(--gold);
      outline-offset:3px;
    }

    .article-hero{
      min-height:545px;
      padding:143px 0 72px;
      position:relative;
      isolation:isolate;
      background-image:
        linear-gradient(90deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.78) 48%,rgba(10,10,10,.43) 100%),
        url('/assets/images/backpic/back-2.jpg');
      background-size:cover;
      background-position:center;
    }

    .article-hero::after{
      content:"";
      position:absolute;
      z-index:-1;
      inset:auto 0 0;
      height:180px;
      background:linear-gradient(transparent,var(--ink));
    }

    .article-hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
      align-items:center;
      gap:64px;
    }

    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 13px;
      border-radius:99px;
      margin-bottom:20px;
      background:rgba(18,18,18,.65);
      border:1px solid rgba(240,230,140,.43);
      color:var(--gold);
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.09em;
    }

    .article-hero h1{
      max-width:820px;
      margin-bottom:20px;
      text-shadow:0 3px 24px rgba(0,0,0,.7);
    }

    .hero-copy{
      max-width:770px;
      color:#edf0f1;
      font-size:1.08rem;
      margin-bottom:27px;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

    .hero-trust{
      display:flex;
      flex-wrap:wrap;
      gap:20px;
      margin-top:28px;
      color:#d6dadb;
      font-size:.82rem;
      font-weight:700;
    }

    .hero-trust i{
      color:var(--gold);
      margin-right:7px;
    }

    .release-panel{
      position:relative;
      padding:28px;
      border:1px solid rgba(240,230,140,.28);
      background:rgba(18,18,18,.78);
      box-shadow:var(--shadow);
      backdrop-filter:blur(7px);
    }

    .release-panel::before{
      content:"";
      position:absolute;
      top:0;
      left:28px;
      right:28px;
      height:2px;
      background:linear-gradient(90deg,transparent,var(--gold),transparent);
    }

    .release-label{
      color:var(--gold);
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .release-panel h2{
      font-family:inherit;
      font-size:1.55rem;
      margin:9px 0 20px;
    }

    .countdown-wrap{
      display:flex;
      align-items:center;
      gap:19px;
      padding-bottom:20px;
      border-bottom:1px solid var(--line);
    }

    .countdown-ring{
      width:108px;
      height:108px;
      flex:0 0 108px;
      display:grid;
      place-items:center;
      position:relative;
      border-radius:50%;
      background:conic-gradient(var(--gold) 0deg,rgba(240,230,140,.15) 0deg);
    }

    .countdown-ring::after{
      content:"";
      position:absolute;
      inset:7px;
      border-radius:50%;
      background:var(--panel);
      border:1px solid rgba(240,230,140,.18);
    }

    .countdown-time{
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      align-items:center;
      color:var(--white);
      font-family:var(--serif);
      font-size:1.55rem;
      line-height:1;
    }

    .countdown-time small{
      margin-top:6px;
      color:var(--muted);
      font-family:inherit;
      font-size:.64rem;
    }

    .release-copy{
      color:var(--muted);
      font-size:.88rem;
      line-height:1.5;
      margin:0;
    }

    .benefit-dots{
      display:flex;
      align-items:center;
      gap:8px;
      margin:18px 0 20px;
    }

    .benefit-dots span{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#666;
    }

    .benefit-dots span.active{
      width:23px;
      border-radius:8px;
      background:var(--gold);
    }

    .release-panel .button-gold{
      width:100%;
    }

    .article-section{
      padding:74px 0 92px;
      background:var(--ink);
    }

    .article-layout{
      display:grid;
      grid-template-columns:minmax(0,1fr) 320px;
      gap:64px;
      align-items:start;
    }

    .article-main{
      min-width:0;
    }

    .article-meta{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:12px 20px;
      margin-bottom:28px;
      padding-bottom:19px;
      border-bottom:1px solid var(--line);
      color:var(--muted);
      font-size:.84rem;
    }

    .article-meta span{
      display:inline-flex;
      align-items:center;
      gap:7px;
    }

    .article-meta i{color:var(--gold)}

    .article-body{
      color:#d9dddf;
      font-size:1.04rem;
      line-height:1.78;
    }

    .article-body::after{
      content:"";
      display:block;
      clear:both;
    }

    .article-body h2{
      margin:42px 0 14px;
      font-size:clamp(1.55rem,2.5vw,2.25rem);
    }

    .article-body h3{
      margin:30px 0 10px;
      color:var(--gold);
      font-size:1.22rem;
    }

    .article-body p{margin-bottom:19px}

    .article-body a{
      color:var(--gold);
      text-decoration:underline;
      text-decoration-color:rgba(240,230,140,.4);
      text-underline-offset:3px;
    }

    .article-body a:hover{color:var(--white)}

    .article-body ul,
    .article-body ol{
      margin:17px 0 24px;
      padding-left:24px;
    }

    .article-body li{padding:4px 0}

    .article-body strong{color:var(--white)}

    .article-body blockquote{
      margin:31px 0;
      padding:22px 25px;
      color:var(--white);
      font-family:var(--serif);
      font-size:1.35rem;
      line-height:1.45;
      border-left:3px solid var(--gold);
      background:linear-gradient(90deg,rgba(240,230,140,.1),transparent);
    }

    .article-body table{
      width:100%;
      margin:25px 0;
      border-collapse:collapse;
      background:rgba(255,255,255,.025);
      font-size:.92rem;
    }

    .article-body th,
    .article-body td{
      padding:12px 14px;
      text-align:left;
      border:1px solid var(--line);
    }

    .article-body th{
      color:var(--gold);
      background:rgba(240,230,140,.07);
    }

    .article-body img{
      margin:26px 0;
      border-radius:var(--radius-sm);
      border:1px solid var(--line);
    }

    .pull-quote{
      margin:42px 0;
      padding:28px 30px;
      background:var(--panel);
      border-top:1px solid rgba(240,230,140,.42);
      border-bottom:1px solid rgba(240,230,140,.15);
    }

    .pull-quote p{
      max-width:780px;
      margin:0;
      color:var(--white);
      font-family:var(--serif);
      font-size:clamp(1.35rem,2.2vw,1.85rem);
      line-height:1.4;
    }

    .pull-quote cite{
      display:block;
      margin-top:14px;
      color:var(--gold);
      font-size:.77rem;
      font-style:normal;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .article-aside{
      position:sticky;
      top:101px;
    }

    .aside-image{
      width:100%;
      height:185px;
      object-fit:cover;
      border-radius:var(--radius-sm);
      margin-bottom:22px;
      opacity:.9;
    }

    .aside-block{
      padding:22px;
      margin-bottom:20px;
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
    }

    .aside-block h2{
      font-family:inherit;
      font-size:1rem;
      margin-bottom:15px;
    }

    .aside-block p{
      color:var(--muted);
      font-size:.88rem;
      line-height:1.6;
      margin-bottom:0;
    }

    .aside-list{
      list-style:none;
      padding:0;
      margin:0;
    }

    .aside-list li{
      display:flex;
      gap:11px;
      padding:12px 0;
      color:#d9dddf;
      font-size:.88rem;
      border-bottom:1px solid var(--line);
    }

    .aside-list li:last-child{border-bottom:0;padding-bottom:0}

    .aside-list i{
      color:var(--gold);
      margin-top:5px;
      font-size:.72rem;
    }

    .aside-note{
      display:flex;
      gap:12px;
      align-items:flex-start;
      color:var(--muted);
      font-size:.82rem;
    }

    .aside-note i{
      color:var(--green);
      font-size:1.1rem;
      margin-top:3px;
    }

    .criteria-section{
      background:linear-gradient(120deg,#1b1b1b,#111);
      border-top:1px solid rgba(255,255,255,.025);
      border-bottom:1px solid rgba(255,255,255,.025);
    }

    .criteria-layout{
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:72px;
      align-items:start;
    }

    .criteria-intro{
      padding-right:18px;
    }

    .criteria-intro p{
      color:var(--muted);
      margin-bottom:22px;
    }

    .criteria-sign{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--gold);
      font-size:.82rem;
      font-weight:800;
    }

    .criteria-sign::before{
      content:"";
      width:38px;
      height:1px;
      background:var(--gold);
    }

    .criteria-list{
      list-style:none;
      padding:0;
      margin:0;
      border-top:1px solid var(--line);
    }

    .criteria-list li{
      display:grid;
      grid-template-columns:42px 1fr;
      gap:17px;
      padding:18px 0;
      border-bottom:1px solid var(--line);
    }

    .criteria-number{
      color:var(--gold);
      font-family:var(--serif);
      font-size:1.42rem;
      line-height:1.2;
    }

    .criteria-list strong{
      display:block;
      color:var(--white);
      margin-bottom:3px;
    }

    .criteria-list span{
      display:block;
      color:var(--muted);
      font-size:.9rem;
    }

    .evidence-section{
      background:var(--carbon);
    }

    .evidence-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:54px;
      align-items:center;
    }

    .evidence-image{
      position:relative;
      min-height:370px;
      overflow:hidden;
      border-radius:var(--radius);
      border:1px solid var(--line);
    }

    .evidence-image img{
      width:100%;
      height:370px;
      object-fit:cover;
      opacity:.78;
    }

    .evidence-image::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(18,18,18,.05),rgba(18,18,18,.7));
    }

    .evidence-caption{
      position:absolute;
      z-index:1;
      left:25px;
      right:25px;
      bottom:22px;
      color:var(--white);
      font-family:var(--serif);
      font-size:1.35rem;
      line-height:1.32;
    }

    .evidence-copy p{color:var(--muted)}

    .assurance-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:0;
      margin-top:26px;
      border-top:1px solid var(--line);
      border-left:1px solid var(--line);
    }

    .assurance-item{
      min-height:96px;
      display:flex;
      align-items:center;
      gap:13px;
      padding:17px 15px;
      border-right:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .assurance-item i{
      width:28px;
      color:var(--gold);
      font-size:1.25rem;
      text-align:center;
    }

    .assurance-item strong{
      display:block;
      color:#f4f4f4;
      font-size:.88rem;
    }

    .assurance-item span{
      display:block;
      color:var(--muted);
      font-size:.76rem;
      line-height:1.4;
    }

    .faq-section{
      background:#171717;
    }

    .faq-layout{
      display:grid;
      grid-template-columns:.7fr 1.3fr;
      gap:70px;
      align-items:start;
    }

    .faq-intro p{
      color:var(--muted);
    }

    .faq-list{
      border-top:1px solid var(--line);
    }

    .faq-list details{
      padding:20px 0;
      border-bottom:1px solid var(--line);
    }

    .faq-list summary{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      color:var(--white);
      font-weight:800;
      cursor:pointer;
      list-style:none;
    }

    .faq-list summary::-webkit-details-marker{display:none}

    .faq-list summary::after{
      content:"+";
      flex:0 0 auto;
      color:var(--gold);
      font-family:var(--serif);
      font-size:1.45rem;
      font-weight:400;
      transition:transform .2s ease;
    }

    .faq-list details[open] summary::after{
      content:"−";
      transform:rotate(180deg);
    }

    .faq-answer{
      max-width:720px;
      padding:12px 35px 0 0;
      color:var(--muted);
      font-size:.94rem;
    }

    .cta-section{
      padding:78px 0;
      background:
        linear-gradient(100deg,rgba(18,18,18,.94),rgba(18,18,18,.77)),
        url('/assets/images/backpic/back-3.jpg') center/cover;
    }

    .cta-inner{
      max-width:850px;
      margin:0 auto;
      text-align:center;
    }

    .cta-inner h2{margin-bottom:15px}

    .cta-inner p{
      max-width:680px;
      margin:0 auto 27px;
      color:#d6dadb;
    }

    .cta-actions{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px;
    }

    .site-footer{
      padding:62px 0 22px;
      background:#0d0d0d;
      border-top:1px solid rgba(240,230,140,.14);
    }

    .footer-top{
      display:grid;
      grid-template-columns:1.65fr .75fr .9fr;
      gap:60px;
      padding-bottom:42px;
    }

    .footer-brand .brand{margin-bottom:18px}

    .footer-brand > p{
      max-width:400px;
      color:var(--muted);
      font-size:.88rem;
    }

    .footer-title{
      margin:4px 0 17px;
      color:var(--gold);
      font-family:inherit;
      font-size:.84rem;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .footer-links{
      list-style:none;
      padding:0;
      margin:0;
    }

    .footer-links li{margin-bottom:10px}

    .footer-links a{
      color:var(--muted);
      font-size:.88rem;
    }

    .footer-links a:hover{
      color:var(--gold);
      transform:translateX(3px);
    }

    .payment-badges{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:21px;
    }

    .payment-badge{
      padding:6px 10px;
      color:#dadede;
      font-size:.7rem;
      font-weight:800;
      border:1px solid rgba(240,230,140,.23);
      border-radius:7px;
      background:rgba(240,230,140,.05);
    }

    .footer-bottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:25px;
      padding-top:20px;
      color:#858b8f;
      font-size:.76rem;
      border-top:1px solid rgba(255,255,255,.08);
    }

    .responsible{
      display:inline-flex;
      align-items:center;
      gap:8px;
      text-align:right;
    }

    .responsible b{
      display:inline-grid;
      place-items:center;
      width:27px;
      height:27px;
      color:var(--gold);
      font-size:.7rem;
      border:1px solid var(--gold);
      border-radius:50%;
    }

    .fab{
      position:fixed;
      left:16px;
      bottom:96px;
      z-index:50;
      width:58px;
      height:58px;
      display:grid;
      place-items:center;
      color:var(--gold);
      background:
        radial-gradient(circle at 34% 25%,rgba(255,255,255,.13),transparent 24%),
        linear-gradient(145deg,#3a3a3a,#101010);
      border:2px solid var(--gold-strong);
      border-radius:50%;
      box-shadow:0 4px 20px rgba(255,215,0,.3),inset 0 1px 0 rgba(255,255,255,.18);
      opacity:.76;
      transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;
      animation:fabFloat 3.6s ease-in-out infinite;
    }

    .fab::before{
      content:"";
      position:absolute;
      inset:4px;
      border:1px dashed rgba(240,230,140,.5);
      border-radius:50%;
    }

    .fab i{
      position:relative;
      z-index:1;
      font-size:1.15rem;
      transition:transform .5s ease;
    }

    .fab:hover{
      opacity:1;
      transform:scale(1.1);
      box-shadow:0 5px 27px rgba(255,215,0,.46),inset 0 1px 0 rgba(255,255,255,.25);
    }

    .fab:hover i{transform:rotate(360deg)}

    .fab:active{transform:scale(.95) translateY(2px)}

    .fab-badge{
      position:absolute;
      top:-3px;
      right:-2px;
      width:12px;
      height:12px;
      border:2px solid var(--ink);
      border-radius:50%;
      background:var(--red);
      animation:blink 1.5s ease-in-out infinite;
    }

    @keyframes fabFloat{
      0%,100%{margin-bottom:0}
      50%{margin-bottom:6px}
    }

    @keyframes blink{
      0%,100%{opacity:1}
      50%{opacity:.35}
    }

    @media (max-width:1024px){
      .container{width:min(calc(100% - 40px),920px)}
      .article-hero-grid{gap:38px}
      .article-layout{gap:38px}
      .criteria-layout{gap:42px}
      .evidence-grid{gap:35px}
      .footer-top{gap:35px}
      .main-nav a{padding-left:8px;padding-right:8px;font-size:.83rem}
      .brand{max-width:225px;font-size:.9rem}
    }

    @media (max-width:768px){
      .site-header,
      .nav-wrap{height:70px}

      .nav-wrap{gap:10px}

      .mobile-trigger{
        display:block;
        order:2;
        margin-left:auto;
      }

      .main-nav{
        display:none;
        position:absolute;
        top:70px;
        left:20px;
        right:20px;
        z-index:10;
        flex-direction:column;
        align-items:stretch;
        gap:2px;
        padding:10px;
        background:rgba(25,25,25,.98);
        border:1px solid var(--line);
        border-radius:0 0 var(--radius-sm) var(--radius-sm);
        box-shadow:var(--shadow);
      }

      .main-nav.open{display:flex}

      .main-nav a{
        padding:12px 14px;
        font-size:.9rem;
      }

      .nav-actions{order:3;gap:3px}

      .nav-login,
      .nav-signup{
        padding:10px 9px;
        font-size:.74rem;
      }

      .brand{max-width:190px;font-size:.82rem}
      .brand-mark{width:30px;height:30px;flex-basis:30px}

      .article-hero{
        min-height:auto;
        padding:125px 0 65px;
      }

      .article-hero-grid,
      .article-layout,
      .criteria-layout,
      .evidence-grid,
      .faq-layout{
        grid-template-columns:1fr;
      }

      .article-hero-grid{gap:40px}
      .release-panel{max-width:520px}
      .article-layout{gap:45px}
      .article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}
      .article-aside .aside-image{grid-column:1/-1;margin-bottom:0}
      .aside-block{margin-bottom:0}
      .criteria-intro{padding-right:0}
      .evidence-image{min-height:300px}
      .evidence-image img{height:300px}
      .faq-layout{gap:35px}
      .footer-top{grid-template-columns:1fr 1fr;gap:35px}
      .footer-brand{grid-column:1/-1}
      .footer-bottom{align-items:flex-start;flex-direction:column;gap:13px}
      .responsible{text-align:left}
      .section{padding:72px 0}
    }

    @media (max-width:520px){
      .container{width:min(calc(100% - 28px),var(--container))}
      .site-header,.nav-wrap{height:66px}
      .main-nav{top:66px;left:14px;right:14px}
      .brand{max-width:145px;font-size:.72rem;gap:7px}
      .brand-mark{width:27px;height:27px;flex-basis:27px;font-size:.7rem}
      .mobile-trigger{font-size:1rem;padding:6px}
      .nav-actions{gap:1px}
      .nav-login,.nav-signup{font-size:.68rem;padding:9px 6px}
      .article-hero{padding-top:108px}
      .hero-kicker{font-size:.67rem}
      .article-hero h1{font-size:2.18rem}
      .hero-copy{font-size:.98rem}
      .hero-actions .button-gold,
      .hero-actions .button-ghost,
      .cta-actions .button-gold,
      .cta-actions .button-ghost{width:100%}
      .hero-trust{gap:10px 15px;font-size:.75rem}
      .release-panel{padding:22px 18px}
      .countdown-wrap{gap:13px}
      .countdown-ring{width:92px;height:92px;flex-basis:92px}
      .countdown-time{font-size:1.3rem}
      .article-section{padding:55px 0 70px}
      .article-meta{gap:8px 13px;font-size:.76rem}
      .article-body{font-size:.98rem;line-height:1.7}
      .article-body blockquote{padding:18px;font-size:1.17rem}
      .pull-quote{padding:22px 18px}
      .pull-quote p{font-size:1.3rem}
      .article-aside{display:block}
      .aside-image{height:205px}
      .aside-block{margin-bottom:16px}
      .assurance-grid{grid-template-columns:1fr}
      .evidence-image{min-height:245px}
      .evidence-image img{height:245px}
      .section-heading.split{display:block}
      .footer-top{grid-template-columns:1fr;gap:27px}
      .footer-brand{grid-column:auto}
      .site-footer{padding-top:50px}
      .fab{left:13px;bottom:78px;width:52px;height:52px}
    }

/* roulang page: category1 */
:root{
      --ink:#121212;
      --carbon:#1a1a1a;
      --panel:#202020;
      --panel-soft:#292929;
      --panel-deep:#171717;
      --line:rgba(240,230,140,.18);
      --line-light:rgba(255,255,255,.12);
      --gold:#f0e68c;
      --gold-strong:#ffd86a;
      --silver:#e5e8e8;
      --muted:#b8bdc2;
      --white:#fff;
      --red:#cf3f3f;
      --green:#55c782;
      --shadow:0 18px 50px rgba(0,0,0,.28);
      --shadow-soft:0 12px 30px rgba(0,0,0,.2);
      --radius:18px;
      --radius-sm:12px;
      --container:1180px;
    }

    html{scroll-behavior:smooth}
    *,*::before,*::after{box-sizing:border-box}
    body{
      margin:0;
      background:var(--ink);
      color:var(--silver);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      font-size:16px;
      line-height:1.62;
      overflow-x:hidden;
    }
    body::selection{background:var(--gold);color:var(--ink)}
    h1,h2,h3,h4,p,ul,ol{margin-top:0}
    h1,h2,h3,h4{
      color:var(--white);
      line-height:1.16;
      letter-spacing:-.025em;
      font-weight:780;
    }
    h1{font-size:clamp(2.35rem,5vw,4.55rem);max-width:850px}
    h2{font-size:clamp(1.85rem,3vw,2.75rem)}
    h3{font-size:1.12rem;letter-spacing:-.012em}
    p{color:var(--muted);margin-bottom:1rem}
    a{
      color:inherit;
      text-decoration:none;
      transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
    }
    a:hover{color:var(--gold)}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(calc(100% - 40px),var(--container));margin:0 auto}
    .section{padding:92px 0;position:relative}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-bottom:16px;
      color:var(--gold);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
    .eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
    .section-heading{margin-bottom:40px}
    .section-heading h2{margin-bottom:15px}
    .section-lead{max-width:700px;color:var(--muted);font-size:1.04rem;margin-bottom:0}
    .text-gold{color:var(--gold)}
    .muted{color:var(--muted)}
    .divider{height:1px;background:var(--line);margin:28px 0}
    .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;
    }

    .site-header{
      height:76px;
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:100;
      background:rgba(18,18,18,.86);
      border-bottom:1px solid rgba(240,230,140,.12);
      backdrop-filter:blur(14px);
    }
    .nav-wrap{
      height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:22px;
    }
    .brand{
      max-width:280px;
      color:var(--white);
      font-family:Georgia,"Times New Roman",serif;
      font-size:.98rem;
      font-weight:700;
      line-height:1.16;
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
    }
    .brand:hover{color:var(--white)}
    .brand-mark{
      width:34px;
      height:34px;
      flex:0 0 34px;
      display:grid;
      place-items:center;
      border:1px solid var(--gold);
      color:var(--gold);
      border-radius:50%;
      font-size:.85rem;
      background:rgba(240,230,140,.07);
    }
    .main-nav{display:flex;align-items:center;gap:6px}
    .main-nav a{
      color:#d5d8dc;
      font-size:.9rem;
      font-weight:700;
      padding:9px 12px;
      border-radius:8px;
      white-space:nowrap;
    }
    .main-nav a:hover,.main-nav a.active{
      color:var(--gold);
      background:rgba(240,230,140,.08);
    }
    .nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
    .nav-login{
      color:var(--silver);
      padding:11px 9px;
      font-size:.88rem;
      font-weight:750;
      white-space:nowrap;
    }
    .nav-login:hover{color:var(--gold)}
    .nav-signup,.button-gold,.button-ghost{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:9px;
      font-weight:800;
      font-size:.88rem;
      line-height:1;
      padding:13px 18px;
      border:1px solid transparent;
    }
    .nav-signup,.button-gold{
      color:#161616;
      background:linear-gradient(135deg,var(--gold-strong),var(--gold));
      box-shadow:0 8px 22px rgba(240,230,140,.13);
    }
    .nav-signup:hover,.button-gold:hover{
      transform:translateY(-2px);
      color:#0c0c0c;
      box-shadow:0 12px 28px rgba(240,230,140,.25);
    }
    .nav-signup:active,.button-gold:active{transform:translateY(1px)}
    .button-ghost{
      border-color:rgba(255,255,255,.38);
      color:var(--white);
      background:rgba(0,0,0,.18);
    }
    .button-ghost:hover{
      border-color:var(--gold);
      color:var(--gold);
      background:rgba(240,230,140,.09);
    }
    a:focus-visible,button:focus-visible,summary:focus-visible{
      outline:3px solid rgba(240,230,140,.6);
      outline-offset:3px;
    }
    .mobile-trigger{
      display:none;
      color:var(--white);
      font-size:1.15rem;
      padding:8px;
      background:none;
      border:0;
    }

    .inner-hero{
      min-height:610px;
      padding:130px 0 70px;
      position:relative;
      isolation:isolate;
      background-image:
        linear-gradient(90deg,rgba(10,10,10,.95) 0%,rgba(10,10,10,.77) 50%,rgba(10,10,10,.83) 100%),
        url('/assets/images/backpic/back-2.jpg');
      background-position:center;
      background-size:cover;
    }
    .inner-hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      opacity:.18;
      background-image:linear-gradient(rgba(240,230,140,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(240,230,140,.15) 1px,transparent 1px);
      background-size:56px 56px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);
    }
    .inner-hero::after{
      content:"";
      position:absolute;
      z-index:-1;
      left:0;
      right:0;
      bottom:0;
      height:170px;
      background:linear-gradient(transparent,var(--ink));
    }
    .breadcrumb-line{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      color:var(--muted);
      font-size:.82rem;
      margin-bottom:30px;
    }
    .breadcrumb-line a{color:var(--gold)}
    .breadcrumb-line i{font-size:.68rem;color:#777}
    .inner-hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr) 390px;
      gap:70px;
      align-items:center;
    }
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 13px;
      border-radius:99px;
      margin-bottom:20px;
      background:rgba(18,18,18,.65);
      border:1px solid rgba(240,230,140,.43);
      color:var(--gold);
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.09em;
    }
    .hero-kicker i{font-size:.75rem}
    .inner-hero h1{margin-bottom:22px;text-shadow:0 3px 24px rgba(0,0,0,.7)}
    .inner-hero h1 em{font-style:normal;color:var(--gold)}
    .hero-copy{
      max-width:720px;
      font-size:1.09rem;
      color:#edf0f1;
      margin-bottom:29px;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
    .hero-trust{
      display:flex;
      flex-wrap:wrap;
      gap:18px;
      color:#d6dadb;
      font-size:.82rem;
      font-weight:700;
    }
    .hero-trust i{color:var(--gold);margin-right:7px}
    .score-board{
      background:rgba(22,22,22,.91);
      border:1px solid rgba(240,230,140,.3);
      border-radius:var(--radius);
      padding:25px;
      box-shadow:var(--shadow);
      position:relative;
    }
    .score-board::before{
      content:"";
      position:absolute;
      top:0;
      left:25px;
      right:25px;
      height:2px;
      background:linear-gradient(90deg,transparent,var(--gold),transparent);
    }
    .score-board-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:15px;
      margin-bottom:14px;
    }
    .score-board-head h2{font-size:1.22rem;margin:0}
    .score-board-head span{
      color:var(--gold);
      font-size:.75rem;
      font-weight:800;
      white-space:nowrap;
    }
    .score-row{
      display:grid;
      grid-template-columns:34px 1fr auto;
      gap:12px;
      align-items:center;
      padding:14px 0;
      border-bottom:1px solid var(--line);
    }
    .score-row:last-child{border-bottom:0}
    .score-number{
      width:28px;
      height:28px;
      display:grid;
      place-items:center;
      color:var(--gold);
      border:1px solid rgba(240,230,140,.42);
      border-radius:50%;
      font-size:.76rem;
      font-weight:800;
    }
    .score-label strong{display:block;color:var(--white);font-size:.9rem}
    .score-label small{display:block;color:var(--muted);font-size:.73rem}
    .score-value{color:var(--gold);font-weight:800;font-size:.9rem}
    .board-note{
      margin:16px 0 0;
      padding-top:15px;
      border-top:1px solid var(--line);
      color:#92999e;
      font-size:.76rem;
      line-height:1.5;
    }

    .intro-section{background:var(--ink)}
    .intro-layout{
      display:grid;
      grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
      gap:75px;
      align-items:start;
    }
    .intro-copy h2{max-width:600px;margin-bottom:18px}
    .intro-copy p{max-width:650px}
    .quote-line{
      border-left:2px solid var(--gold);
      padding:3px 0 3px 20px;
      margin:28px 0;
      color:var(--silver);
      font-size:1.06rem;
      font-weight:650;
    }
    .image-frame{
      position:relative;
      padding:0 0 18px 18px;
    }
    .image-frame::before{
      content:"";
      position:absolute;
      z-index:0;
      left:0;
      bottom:0;
      width:78%;
      height:82%;
      border:1px solid var(--gold);
      opacity:.45;
    }
    .image-frame img{
      position:relative;
      z-index:1;
      width:100%;
      height:330px;
      object-fit:cover;
      border-radius:var(--radius-sm);
      filter:saturate(.75) contrast(1.03);
    }
    .image-caption{
      position:absolute;
      z-index:2;
      left:35px;
      bottom:0;
      max-width:230px;
      padding:12px 15px;
      background:var(--panel);
      border:1px solid var(--line);
      color:var(--gold);
      font-size:.78rem;
      font-weight:750;
    }

    .criteria-section{background:var(--carbon)}
    .criteria-layout{
      display:grid;
      grid-template-columns:280px minmax(0,1fr);
      gap:65px;
      align-items:start;
    }
    .criteria-side{
      position:sticky;
      top:105px;
    }
    .criteria-side h2{font-size:2rem;margin-bottom:15px}
    .criteria-side p{font-size:.93rem}
    .mini-stat{
      margin-top:26px;
      padding:17px 0 17px 16px;
      border-left:2px solid var(--gold);
    }
    .mini-stat b{display:block;color:var(--gold);font-size:1.55rem;line-height:1.15}
    .mini-stat span{color:var(--muted);font-size:.78rem}
    .criteria-list{
      list-style:none;
      margin:0;
      padding:0;
      border-top:1px solid var(--line);
      display:grid;
      grid-template-columns:1fr 1fr;
      column-gap:50px;
    }
    .criteria-list li{
      display:grid;
      grid-template-columns:44px 1fr;
      gap:15px;
      padding:19px 0;
      border-bottom:1px solid var(--line);
    }
    .criteria-list .index{
      color:var(--gold);
      font-size:.82rem;
      font-weight:800;
      padding-top:2px;
    }
    .criteria-list strong{display:block;color:var(--white);font-size:.96rem;margin-bottom:3px}
    .criteria-list span{display:block;color:var(--muted);font-size:.83rem;line-height:1.55}

    .selection-section{
      background:
        linear-gradient(115deg,rgba(32,32,32,.95),rgba(18,18,18,.97)),
        url('/assets/images/backpic/back-3.jpg') center/cover;
    }
    .selection-header{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:30px;
      margin-bottom:34px;
    }
    .selection-header .section-heading{margin-bottom:0}
    .selection-tag{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--green);
      font-size:.8rem;
      font-weight:750;
      white-space:nowrap;
    }
    .selection-tag i{font-size:.5rem}
    .selection-list{border-top:1px solid var(--line)}
    .selection-item{
      display:grid;
      grid-template-columns:58px 1fr 180px 120px;
      gap:23px;
      align-items:center;
      padding:20px 0;
      border-bottom:1px solid var(--line);
      transition:padding .2s ease,background .2s ease;
    }
    .selection-item:hover{
      padding-left:14px;
      padding-right:14px;
      background:rgba(240,230,140,.045);
    }
    .rank-badge{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      color:var(--gold);
      font-family:Georgia,"Times New Roman",serif;
      font-size:1.05rem;
      border:1px solid rgba(240,230,140,.5);
      border-radius:50%;
    }
    .selection-item h3{font-size:1rem;margin:0 0 4px}
    .selection-item p{font-size:.82rem;margin:0}
    .selection-detail{
      color:var(--muted);
      font-size:.8rem;
      line-height:1.45;
    }
    .selection-detail b{display:block;color:var(--silver);font-size:.82rem}
    .score-pill{
      justify-self:end;
      color:var(--gold);
      border:1px solid rgba(240,230,140,.28);
      border-radius:99px;
      padding:7px 11px;
      font-size:.78rem;
      font-weight:800;
      white-space:nowrap;
    }

    .scenario-section{background:var(--ink)}
    .scenario-layout{
      display:grid;
      grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
      gap:75px;
      align-items:start;
    }
    .scenario-layout h2{margin-bottom:18px}
    .scenario-image img{
      width:100%;
      height:285px;
      object-fit:cover;
      border-radius:var(--radius-sm);
      margin-bottom:17px;
      opacity:.9;
    }
    .scenario-image figcaption{color:#858b90;font-size:.76rem}
    .scenario-points{display:grid;gap:0}
    .scenario-point{
      display:grid;
      grid-template-columns:45px 1fr;
      gap:18px;
      padding:19px 0;
      border-bottom:1px solid var(--line);
    }
    .scenario-point:first-child{border-top:1px solid var(--line)}
    .scenario-icon{
      color:var(--gold);
      font-size:1.2rem;
      padding-top:2px;
    }
    .scenario-point h3{font-size:1rem;margin-bottom:4px}
    .scenario-point p{font-size:.86rem;margin:0}

    .process-section{background:var(--panel-deep)}
    .process-layout{
      display:grid;
      grid-template-columns:1fr 1.65fr;
      gap:75px;
      align-items:start;
    }
    .process-intro h2{margin-bottom:18px}
    .process-intro .button-gold{margin-top:12px}
    .process-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
    .process-step{
      position:relative;
      padding:0 0 26px 48px;
      min-height:110px;
    }
    .process-step:nth-child(n+3){padding-top:25px;border-top:1px solid var(--line)}
    .process-step:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}
    .process-step:nth-child(even){padding-left:48px}
    .step-number{
      position:absolute;
      left:0;
      top:0;
      width:31px;
      height:31px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:var(--gold);
      color:var(--ink);
      font-size:.78rem;
      font-weight:900;
    }
    .process-step:nth-child(n+3) .step-number{top:25px}
    .process-step h3{font-size:.98rem;margin:2px 0 5px}
    .process-step p{font-size:.82rem;margin:0}

    .faq-section{background:var(--carbon)}
    .faq-layout{
      display:grid;
      grid-template-columns:300px minmax(0,1fr);
      gap:75px;
      align-items:start;
    }
    .faq-intro h2{margin-bottom:17px}
    .faq-intro p{font-size:.92rem}
    .faq-list{border-top:1px solid var(--line)}
    .faq-list details{border-bottom:1px solid var(--line)}
    .faq-list summary{
      list-style:none;
      cursor:pointer;
      padding:21px 38px 21px 0;
      color:var(--white);
      font-size:1rem;
      font-weight:750;
      position:relative;
    }
    .faq-list summary::-webkit-details-marker{display:none}
    .faq-list summary::after{
      content:"+";
      position:absolute;
      right:3px;
      top:18px;
      color:var(--gold);
      font-size:1.3rem;
      font-weight:400;
    }
    .faq-list details[open] summary::after{content:"−"}
    .faq-list details p{
      max-width:790px;
      padding:0 35px 21px 0;
      margin:0;
      font-size:.9rem;
    }

    .cta-section{
      padding:78px 0;
      background:
        linear-gradient(105deg,rgba(22,22,22,.93),rgba(44,39,20,.86)),
        url('/assets/images/backpic/back-2.jpg') center/cover;
      text-align:center;
    }
    .cta-section h2{max-width:730px;margin:0 auto 15px}
    .cta-section p{max-width:690px;margin:0 auto 26px;color:#d6dadb}
    .cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
    .cta-note{font-size:.76rem!important;color:#9c9c94!important;margin-top:19px!important;margin-bottom:0!important}

    .site-footer{
      background:#101010;
      border-top:1px solid rgba(240,230,140,.14);
      padding:60px 0 20px;
    }
    .footer-top{
      display:grid;
      grid-template-columns:1.6fr .8fr .95fr;
      gap:60px;
      padding-bottom:48px;
    }
    .footer-brand .brand{margin-bottom:18px}
    .footer-brand p{max-width:410px;font-size:.86rem}
    .payment-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}
    .payment-badge{
      padding:6px 10px;
      border:1px solid rgba(240,230,140,.25);
      border-radius:6px;
      color:var(--gold);
      font-size:.7rem;
      font-weight:800;
      letter-spacing:.04em;
    }
    .footer-title{
      color:var(--white);
      font-family:inherit;
      font-size:.9rem;
      letter-spacing:.02em;
      margin:4px 0 17px;
    }
    .footer-links{list-style:none;margin:0;padding:0}
    .footer-links li{margin-bottom:10px}
    .footer-links a{color:var(--muted);font-size:.83rem}
    .footer-links a:hover{color:var(--gold);padding-left:3px}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:25px;
      padding-top:20px;
      border-top:1px solid rgba(255,255,255,.08);
      color:#858b90;
      font-size:.74rem;
    }
    .responsible{color:#a8acae;text-align:right}
    .responsible b{
      display:inline-grid;
      place-items:center;
      width:24px;
      height:24px;
      margin-right:6px;
      border:1px solid var(--gold);
      border-radius:50%;
      color:var(--gold);
      font-size:.66rem;
    }

    .floating-support{
      position:fixed;
      left:16px;
      bottom:24px;
      z-index:50;
      width:56px;
      height:56px;
      display:grid;
      place-items:center;
      color:var(--gold);
      background:rgba(18,18,18,.93);
      border:2px solid var(--gold);
      border-radius:50%;
      box-shadow:0 4px 20px rgba(240,230,140,.3);
      opacity:.76;
      transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;
      animation:floatCoin 3.2s ease-in-out infinite;
    }
    .floating-support::before{
      content:"";
      position:absolute;
      inset:3px;
      border:1px dashed rgba(240,230,140,.6);
      border-radius:50%;
    }
    .floating-support::after{
      content:"";
      position:absolute;
      top:-2px;
      right:-1px;
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--red);
      box-shadow:0 0 9px rgba(207,63,63,.9);
      animation:blinkDot 1.4s ease-in-out infinite;
    }
    .floating-support i{font-size:1.12rem;position:relative;z-index:1}
    .floating-support:hover{
      opacity:1;
      transform:scale(1.1);
      box-shadow:0 5px 28px rgba(240,230,140,.5);
    }
    .floating-support:hover i{animation:spinIcon .55s ease}
    .floating-support:active{transform:scale(.95) translateY(2px)}
    @keyframes floatCoin{0%,100%{translate:0 0}50%{translate:0 -6px}}
    @keyframes blinkDot{0%,100%{opacity:1}50%{opacity:.35}}
    @keyframes spinIcon{from{transform:rotate(0)}to{transform:rotate(360deg)}}

    @media (max-width:1024px){
      .container{width:min(calc(100% - 34px),var(--container))}
      .main-nav a{padding-left:8px;padding-right:8px;font-size:.84rem}
      .inner-hero-grid{gap:38px}
      .intro-layout,.scenario-layout,.process-layout,.faq-layout{gap:44px}
      .criteria-layout{gap:38px}
      .selection-item{grid-template-columns:52px 1fr 150px 98px;gap:15px}
      .footer-top{gap:32px}
    }

    @media (max-width:768px){
      .site-header,.nav-wrap{height:70px}
      .nav-wrap{gap:12px}
      .brand{max-width:235px;font-size:.86rem}
      .brand-mark{width:31px;height:31px;flex-basis:31px}
      .mobile-trigger{display:block;order:2}
      .main-nav{
        position:absolute;
        top:70px;
        left:17px;
        right:17px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        padding:10px;
        background:rgba(24,24,24,.98);
        border:1px solid var(--line);
        border-radius:12px;
        box-shadow:var(--shadow);
      }
      .main-nav.is-open{display:flex}
      .main-nav a{padding:12px 13px}
      .nav-actions{margin-left:auto;order:1}
      .mobile-trigger{order:3}
      .nav-login{padding:10px 4px;font-size:.78rem}
      .nav-signup{padding:11px 12px;font-size:.76rem}
      .inner-hero{min-height:auto;padding:116px 0 70px}
      .inner-hero-grid{grid-template-columns:1fr;gap:42px}
      .inner-hero h1{font-size:clamp(2.25rem,8vw,3.55rem)}
      .score-board{max-width:560px}
      .section{padding:70px 0}
      .intro-layout,.scenario-layout,.process-layout,.faq-layout{grid-template-columns:1fr}
      .criteria-layout{grid-template-columns:1fr;gap:35px}
      .criteria-side{position:static}
      .criteria-list{column-gap:25px}
      .selection-header{display:block}
      .selection-tag{margin-top:18px}
      .footer-top{grid-template-columns:1.25fr .75fr;gap:35px}
      .footer-top>div:last-child{grid-column:1 / -1}
      .footer-bottom{display:block}
      .responsible{text-align:left;margin-top:12px}
    }

    @media (max-width:520px){
      .container{width:min(calc(100% - 28px),var(--container))}
      body{font-size:15px}
      .brand{max-width:175px;font-size:.74rem}
      .brand-mark{width:29px;height:29px;flex-basis:29px;font-size:.7rem}
      .nav-actions{gap:2px}
      .nav-login{font-size:.7rem}
      .nav-signup{padding:10px 8px;font-size:.69rem}
      .mobile-trigger{font-size:1rem;padding:7px 3px}
      .inner-hero{padding-top:111px}
      .hero-actions .button-gold,.hero-actions .button-ghost{width:100%}
      .hero-trust{display:grid;gap:8px}
      .score-board{padding:19px}
      .score-row{grid-template-columns:30px 1fr auto;gap:8px;padding:12px 0}
      .score-label strong{font-size:.81rem}
      .score-label small{font-size:.68rem}
      .score-value{font-size:.78rem}
      .intro-layout{gap:35px}
      .image-frame{padding-left:10px}
      .image-frame img{height:250px}
      .image-caption{left:20px;font-size:.72rem}
      .criteria-list{display:block}
      .criteria-list li{grid-template-columns:38px 1fr}
      .selection-item{
        grid-template-columns:43px 1fr auto;
        gap:11px;
        padding:16px 0;
      }
      .selection-item:hover{padding-left:7px;padding-right:7px}
      .selection-detail{display:none}
      .rank-badge{width:36px;height:36px;font-size:.9rem}
      .score-pill{font-size:.69rem;padding:6px 8px}
      .process-steps{display:block}
      .process-step,.process-step:nth-child(n+3),.process-step:nth-child(odd),.process-step:nth-child(even){
        min-height:auto;
        border-right:0;
        border-top:0;
        padding:0 0 25px 45px;
      }
      .process-step:nth-child(n+3){padding-top:0}
      .process-step:nth-child(n+3) .step-number{top:0}
      .footer-top{grid-template-columns:1fr;gap:30px}
      .footer-top>div:last-child{grid-column:auto}
      .cta-section{padding:65px 0}
      .cta-actions a{width:100%}
      .floating-support{left:14px;bottom:18px;width:52px;height:52px}
    }

/* roulang page: category2 */
:root{
      --ink:#121212;
      --carbon:#1a1a1a;
      --panel:#202020;
      --panel-soft:#292929;
      --line:rgba(240,230,140,.18);
      --gold:#f0e68c;
      --gold-strong:#ffd86a;
      --silver:#e5e8e8;
      --muted:#b8bdc2;
      --white:#fff;
      --red:#cf3f3f;
      --green:#55c782;
      --shadow:0 18px 50px rgba(0,0,0,.28);
      --radius:18px;
      --radius-sm:12px;
      --container:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--ink);
      color:var(--silver);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      font-size:16px;
      line-height:1.62;
      overflow-x:hidden;
    }
    a{
      color:inherit;
      text-decoration:none;
      transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
    }
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer}
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3{
      color:var(--white);
      font-family:Georgia,"Times New Roman",serif;
      line-height:1.13;
      letter-spacing:-.025em;
    }
    h1{font-size:clamp(2.35rem,5vw,4.8rem)}
    h2{font-size:clamp(1.8rem,3vw,3rem)}
    h3{font-size:1.18rem}
    :focus-visible{
      outline:3px solid var(--gold-strong);
      outline-offset:3px;
    }

    .container{
      width:min(calc(100% - 40px),var(--container));
      margin:0 auto;
    }
    .section{padding:88px 0;position:relative}
    .section-dark{background:#171717}
    .section-heading{margin-bottom:42px}
    .section-heading.split-heading{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:30px;
    }
    .section-heading h2{max-width:670px;margin-bottom:0}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-bottom:14px;
      color:var(--gold);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
    .eyebrow:before{
      content:"";
      width:28px;
      height:1px;
      background:var(--gold);
    }
    .section-lead{
      max-width:710px;
      color:var(--muted);
      font-size:1.04rem;
      margin:16px 0 0;
    }
    .muted{color:var(--muted)}
    .gold-text{color:var(--gold)}

    .site-header{
      height:76px;
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:100;
      background:rgba(18,18,18,.88);
      border-bottom:1px solid rgba(240,230,140,.12);
      backdrop-filter:blur(14px);
    }
    .nav-wrap{
      height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:22px;
    }
    .brand{
      max-width:275px;
      color:var(--white);
      font-family:Georgia,"Times New Roman",serif;
      font-size:.96rem;
      font-weight:700;
      line-height:1.16;
      display:flex;
      align-items:center;
      gap:10px;
      flex:0 1 275px;
    }
    .brand-mark{
      width:34px;
      height:34px;
      flex:0 0 34px;
      display:grid;
      place-items:center;
      border:1px solid var(--gold);
      color:var(--gold);
      border-radius:50%;
      font-size:.85rem;
      background:rgba(240,230,140,.07);
    }
    .main-nav{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      margin-left:auto;
    }
    .main-nav a{
      color:#d5d8dc;
      font-size:.9rem;
      font-weight:700;
      padding:9px 12px;
      border-radius:8px;
      white-space:nowrap;
    }
    .main-nav a:hover,
    .main-nav a.active{
      color:var(--gold);
      background:rgba(240,230,140,.08);
    }
    .nav-actions{
      display:flex;
      align-items:center;
      gap:8px;
      flex:0 0 auto;
    }
    .nav-login{
      color:#e5e8e8;
      padding:10px 8px;
      font-size:.87rem;
      font-weight:800;
    }
    .nav-login:hover{color:var(--gold)}
    .nav-signup,.button-gold,.button-ghost{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:9px;
      font-weight:800;
      font-size:.88rem;
      line-height:1;
      padding:13px 18px;
      border:1px solid transparent;
    }
    .nav-signup,.button-gold{
      color:#161616;
      background:linear-gradient(135deg,var(--gold-strong),var(--gold));
      box-shadow:0 8px 22px rgba(240,230,140,.13);
    }
    .nav-signup:hover,.button-gold:hover{
      transform:translateY(-2px);
      color:#0c0c0c;
      box-shadow:0 12px 28px rgba(240,230,140,.25);
    }
    .nav-signup:active,.button-gold:active{transform:translateY(1px)}
    .button-ghost{
      border-color:rgba(255,255,255,.35);
      color:var(--white);
      background:rgba(0,0,0,.18);
    }
    .button-ghost:hover{
      border-color:var(--gold);
      color:var(--gold);
      background:rgba(240,230,140,.09);
    }
    .mobile-trigger{
      display:none;
      color:var(--white);
      font-size:1.15rem;
      padding:8px;
      background:none;
      border:0;
    }

    .inner-hero{
      min-height:560px;
      position:relative;
      isolation:isolate;
      display:flex;
      align-items:center;
      padding:126px 0 72px;
      background:
        linear-gradient(90deg,rgba(12,12,12,.94) 4%,rgba(14,14,14,.75) 52%,rgba(8,8,8,.78) 100%),
        url('/assets/images/backpic/back-2.jpg') center/cover no-repeat;
    }
    .inner-hero:before{
      content:"";
      position:absolute;
      z-index:-1;
      inset:0;
      background:linear-gradient(180deg,rgba(0,0,0,.04),var(--ink));
    }
    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1.06fr) minmax(350px,.74fr);
      gap:56px;
      align-items:center;
    }
    .hero-copy-wrap{max-width:760px}
    .promo-sticker{
      width:max-content;
      max-width:100%;
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:9px 13px;
      margin-bottom:18px;
      color:#171717;
      background:var(--gold-strong);
      border-radius:2px;
      clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);
      font-size:.74rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .inner-hero h1{
      max-width:800px;
      margin-bottom:21px;
      text-shadow:0 3px 28px rgba(0,0,0,.72);
    }
    .inner-hero h1 em{font-style:normal;color:var(--gold)}
    .hero-description{
      max-width:690px;
      margin-bottom:28px;
      color:#edf0f1;
      font-size:1.08rem;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-note{
      display:flex;
      flex-wrap:wrap;
      gap:16px 22px;
      margin-top:27px;
      color:#d8dcde;
      font-size:.83rem;
      font-weight:700;
    }
    .hero-note i{color:var(--gold);margin-right:7px}
    .hero-panel{
      position:relative;
      padding:28px;
      border:1px solid rgba(240,230,140,.3);
      background:linear-gradient(145deg,rgba(39,39,39,.94),rgba(15,15,15,.92));
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .hero-panel:after{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      top:-95px;
      right:-78px;
      border:1px solid rgba(240,230,140,.25);
      border-radius:50%;
      box-shadow:0 0 0 20px rgba(240,230,140,.03),0 0 0 42px rgba(240,230,140,.025);
    }
    .panel-label{
      color:var(--gold);
      font-size:.72rem;
      letter-spacing:.12em;
      font-weight:900;
      text-transform:uppercase;
      position:relative;
      z-index:1;
    }
    .panel-title{
      position:relative;
      z-index:1;
      font-family:Georgia,"Times New Roman",serif;
      color:var(--white);
      font-size:1.65rem;
      line-height:1.18;
      margin:9px 0 18px;
    }
    .panel-score{
      position:relative;
      z-index:1;
      display:flex;
      align-items:flex-end;
      gap:9px;
      padding-bottom:18px;
      border-bottom:1px solid var(--line);
    }
    .panel-score strong{
      color:var(--gold-strong);
      font-size:3rem;
      line-height:.9;
      font-family:Georgia,"Times New Roman",serif;
    }
    .panel-score span{font-size:.83rem;color:var(--muted)}
    .panel-list{
      position:relative;
      z-index:1;
      list-style:none;
      margin:18px 0 0;
      padding:0;
    }
    .panel-list li{
      display:flex;
      align-items:center;
      gap:10px;
      padding:8px 0;
      color:#dfe2e2;
      font-size:.9rem;
      border-bottom:1px solid rgba(240,230,140,.09);
    }
    .panel-list li:last-child{border-bottom:0}
    .panel-list i{color:var(--green);font-size:.8rem}

    .trust-bar{
      position:relative;
      z-index:3;
      margin-top:-1px;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      background:#191919;
    }
    .trust-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
    }
    .trust-item{
      display:flex;
      align-items:center;
      gap:13px;
      min-height:96px;
      padding:16px 20px;
      border-right:1px solid var(--line);
    }
    .trust-item:last-child{border-right:0}
    .trust-item i{
      width:38px;
      height:38px;
      flex:0 0 38px;
      display:grid;
      place-items:center;
      color:var(--gold);
      border:1px solid rgba(240,230,140,.36);
      border-radius:50%;
    }
    .trust-item strong{
      display:block;
      color:#f3f3f3;
      font-size:.9rem;
      line-height:1.25;
    }
    .trust-item span{
      display:block;
      margin-top:3px;
      color:var(--muted);
      font-size:.76rem;
      line-height:1.4;
    }

    .criteria-layout{
      display:grid;
      grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
      gap:58px;
      align-items:start;
    }
    .sticky-intro{position:sticky;top:108px}
    .criteria-copy{margin:19px 0 23px;color:var(--muted)}
    .mini-stat{
      padding:17px 0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .mini-stat strong{
      display:block;
      color:var(--gold);
      font-size:1.65rem;
      line-height:1;
      font-family:Georgia,"Times New Roman",serif;
    }
    .mini-stat span{font-size:.81rem;color:var(--muted)}
    .criteria-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:1px;
      background:var(--line);
      border:1px solid var(--line);
    }
    .criteria-card{
      min-height:220px;
      padding:27px 25px;
      background:var(--carbon);
      transition:background .25s ease,transform .25s ease;
    }
    .criteria-card:hover{
      background:var(--panel-soft);
      transform:translateY(-4px);
    }
    .criteria-icon{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      color:var(--gold);
      border:1px solid rgba(240,230,140,.42);
      margin-bottom:21px;
      font-size:1rem;
    }
    .criteria-card h3{margin:0 0 9px;font-family:inherit;font-size:1rem;letter-spacing:0}
    .criteria-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.58}

    .process-section{
      background:linear-gradient(115deg,#1d1d1d 0%,#151515 58%,#101010 100%);
      overflow:hidden;
    }
    .process-grid{
      display:grid;
      grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr);
      gap:65px;
      align-items:center;
    }
    .process-visual{
      position:relative;
      min-height:470px;
    }
    .process-visual img{
      width:86%;
      height:430px;
      object-fit:cover;
      filter:saturate(.78) contrast(1.04);
    }
    .visual-stamp{
      position:absolute;
      right:0;
      bottom:15px;
      max-width:255px;
      padding:25px;
      color:#181818;
      background:var(--gold);
      box-shadow:var(--shadow);
    }
    .visual-stamp strong{
      display:block;
      font-family:Georgia,"Times New Roman",serif;
      font-size:2.25rem;
      line-height:1;
    }
    .visual-stamp span{display:block;margin-top:7px;font-size:.79rem;font-weight:800;line-height:1.35}
    .process-list{
      position:relative;
      list-style:none;
      padding:0;
      margin:28px 0 0;
    }
    .process-list:before{
      content:"";
      position:absolute;
      top:22px;
      bottom:24px;
      left:22px;
      width:1px;
      background:var(--line);
    }
    .process-list li{
      position:relative;
      display:grid;
      grid-template-columns:45px 1fr;
      gap:17px;
      padding:0 0 23px;
    }
    .process-list li:last-child{padding-bottom:0}
    .process-number{
      position:relative;
      z-index:1;
      width:45px;
      height:45px;
      display:grid;
      place-items:center;
      color:#181818;
      background:var(--gold-strong);
      border-radius:50%;
      font-size:.82rem;
      font-weight:900;
    }
    .process-list h3{
      margin:5px 0 5px;
      font-family:inherit;
      font-size:1rem;
      letter-spacing:0;
    }
    .process-list p{margin:0;color:var(--muted);font-size:.91rem}

    .method-section{background:var(--ink)}
    .method-header{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      align-items:end;
      gap:40px;
      margin-bottom:35px;
    }
    .method-header h2{margin-bottom:0;max-width:680px}
    .method-header p{margin:0;color:var(--muted)}
    .payment-strip{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .payment-card{
      min-height:178px;
      padding:27px 24px;
      border-right:1px solid var(--line);
    }
    .payment-card:last-child{border-right:0}
    .payment-logo{
      display:inline-flex;
      align-items:center;
      min-height:31px;
      margin-bottom:20px;
      color:var(--gold);
      font-size:1.08rem;
      font-weight:900;
      letter-spacing:-.03em;
    }
    .payment-card p{margin:0;color:var(--muted);font-size:.88rem}
    .payment-card:hover{background:rgba(240,230,140,.04)}
    .payment-card:hover .payment-logo{color:var(--gold-strong)}

    .safety-section{
      border-top:1px solid rgba(240,230,140,.1);
      background:#171717;
    }
    .safety-layout{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(315px,.75fr);
      gap:58px;
      align-items:center;
    }
    .safety-image{position:relative}
    .safety-image img{
      width:100%;
      min-height:410px;
      height:410px;
      object-fit:cover;
      filter:saturate(.78);
    }
    .image-caption{
      position:absolute;
      left:0;
      bottom:0;
      right:0;
      padding:23px 25px;
      color:#f0f0f0;
      background:linear-gradient(transparent,rgba(0,0,0,.9));
      font-size:.87rem;
      font-weight:700;
    }
    .safety-content h2{margin-bottom:17px}
    .safety-content>p{color:var(--muted);margin-bottom:24px}
    .check-list{list-style:none;margin:0;padding:0}
    .check-list li{
      display:flex;
      gap:13px;
      padding:13px 0;
      border-bottom:1px solid var(--line);
      color:#dcdfdf;
      font-size:.92rem;
    }
    .check-list i{padding-top:5px;color:var(--gold)}
    .warning-note{
      display:flex;
      gap:12px;
      margin-top:23px;
      padding:15px 17px;
      color:#ece7ca;
      background:rgba(240,230,140,.07);
      border-left:2px solid var(--gold);
      font-size:.86rem;
      line-height:1.55;
    }
    .warning-note i{color:var(--gold);padding-top:4px}

    .faq-wrap{
      display:grid;
      grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
      gap:60px;
      align-items:start;
    }
    .faq-intro{position:sticky;top:106px}
    .faq-intro h2{margin-bottom:16px}
    .faq-intro p{color:var(--muted)}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:21px 0;
      color:var(--white);
      text-align:left;
      background:transparent;
      border:0;
      font-weight:800;
      font-size:1rem;
    }
    .faq-question i{
      color:var(--gold);
      transition:transform .22s ease;
    }
    .faq-item.open .faq-question i{transform:rotate(45deg)}
    .faq-answer{
      display:none;
      max-width:820px;
      padding:0 38px 21px 0;
      color:var(--muted);
      font-size:.92rem;
    }
    .faq-item.open .faq-answer{display:block}

    .cta-section{
      padding:0 0 90px;
      background:var(--ink);
    }
    .cta-box{
      position:relative;
      overflow:hidden;
      padding:54px 58px;
      color:#171717;
      background:
        linear-gradient(110deg,rgba(255,216,106,.96),rgba(240,230,140,.91)),
        url('/assets/images/backpic/back-3.jpg') center/cover no-repeat;
      box-shadow:var(--shadow);
      text-align:center;
    }
    .cta-box:before,
    .cta-box:after{
      content:"";
      position:absolute;
      width:240px;
      height:240px;
      border:1px solid rgba(18,18,18,.18);
      border-radius:50%;
    }
    .cta-box:before{top:-165px;left:-80px}
    .cta-box:after{right:-100px;bottom:-175px}
    .cta-box>*{position:relative;z-index:1}
    .cta-box .eyebrow{color:#5d501f}
    .cta-box .eyebrow:before{background:#5d501f}
    .cta-box h2{
      max-width:760px;
      margin:0 auto 13px;
      color:#161616;
      font-size:clamp(1.9rem,3.4vw,3.2rem);
    }
    .cta-box p{
      max-width:650px;
      margin:0 auto 26px;
      color:#3d3822;
    }
    .guide-form{
      max-width:570px;
      display:flex;
      gap:9px;
      margin:0 auto;
    }
    .guide-form input{
      min-width:0;
      flex:1;
      height:48px;
      padding:0 15px;
      color:#1b1b1b;
      background:rgba(255,255,255,.9);
      border:1px solid rgba(18,18,18,.2);
      border-radius:8px;
      box-shadow:none;
    }
    .guide-form input::placeholder{color:#746f5a}
    .guide-form button{
      padding:0 18px;
      color:var(--white);
      background:#171717;
      border:1px solid #171717;
      border-radius:8px;
      font-weight:900;
      white-space:nowrap;
    }
    .guide-form button:hover{background:#333;transform:translateY(-1px)}
    .form-message{
      display:none;
      margin:14px 0 0;
      color:#36311e;
      font-size:.85rem;
      font-weight:700;
    }
    .cta-note{
      margin-top:13px!important;
      color:#59513a!important;
      font-size:.78rem;
    }

    .site-footer{
      padding:65px 0 23px;
      color:var(--muted);
      background:#0e0e0e;
      border-top:1px solid var(--line);
    }
    .footer-top{
      display:grid;
      grid-template-columns:1.5fr .75fr .9fr;
      gap:56px;
      padding-bottom:45px;
    }
    .footer-brand .brand{margin-bottom:17px}
    .footer-brand p{max-width:460px;margin:0;color:#9da4a7;font-size:.88rem}
    .payment-badges{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:20px;
    }
    .payment-badge{
      padding:6px 9px;
      color:#ddd5a5;
      border:1px solid rgba(240,230,140,.27);
      border-radius:5px;
      font-size:.7rem;
      font-weight:800;
    }
    .footer-title{
      margin:4px 0 16px;
      color:var(--gold);
      font-family:inherit;
      font-size:.78rem;
      font-weight:900;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .footer-links{list-style:none;margin:0;padding:0}
    .footer-links li{margin-bottom:10px}
    .footer-links a{color:#b8bdc2;font-size:.88rem}
    .footer-links a:hover{color:var(--gold)}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:24px;
      padding-top:21px;
      border-top:1px solid rgba(240,230,140,.13);
      color:#858c90;
      font-size:.78rem;
    }
    .responsible{max-width:510px;text-align:right}
    .responsible b{
      display:inline-grid;
      place-items:center;
      width:24px;
      height:24px;
      margin-right:5px;
      color:#171717;
      background:var(--gold);
      border-radius:50%;
      font-size:.68rem;
    }

    .floating-support{
      position:fixed;
      left:16px;
      bottom:96px;
      z-index:90;
      width:58px;
      height:58px;
      display:grid;
      place-items:center;
      color:var(--gold-strong);
      background:rgba(8,8,8,.82);
      border:1px solid var(--gold);
      border-radius:50%;
      box-shadow:0 4px 20px rgba(255,215,0,.3);
      opacity:.78;
      animation:floatChip 3.2s ease-in-out infinite;
    }
    .floating-support:before{
      content:"";
      position:absolute;
      inset:4px;
      border:1px dashed rgba(240,230,140,.58);
      border-radius:50%;
      animation:spinSlow 12s linear infinite;
    }
    .floating-support:after{
      content:"";
      position:absolute;
      top:5px;
      right:5px;
      width:9px;
      height:9px;
      background:var(--red);
      border:1px solid #ffb4b4;
      border-radius:50%;
      animation:blink 1.1s ease-in-out infinite;
    }
    .floating-support i{
      position:relative;
      z-index:1;
      font-size:1.15rem;
    }
    .floating-support:hover{
      color:#fff3a8;
      opacity:1;
      transform:scale(1.1);
    }
    .floating-support:hover i{animation:spinQuick .55s ease-in-out}
    .floating-support:active{transform:translateY(2px) scale(.95)}
    @keyframes floatChip{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-8px)}
    }
    @keyframes spinSlow{to{transform:rotate(360deg)}}
    @keyframes spinQuick{to{transform:rotate(360deg)}}
    @keyframes blink{50%{opacity:.24}}

    @media(max-width:1024px){
      .nav-wrap{gap:12px}
      .brand{max-width:220px;font-size:.85rem}
      .main-nav a{padding:8px 8px;font-size:.82rem}
      .nav-signup{padding:12px 13px}
      .hero-grid,.process-grid,.safety-layout{gap:38px}
      .criteria-layout,.faq-wrap{gap:40px}
      .footer-top{gap:34px}
    }

    @media(max-width:820px){
      .site-header,.nav-wrap{height:68px}
      .nav-wrap{position:relative}
      .brand{max-width:205px;font-size:.79rem}
      .brand-mark{width:31px;height:31px;flex-basis:31px}
      .main-nav{
        display:none;
        position:absolute;
        top:67px;
        left:0;
        right:0;
        padding:12px;
        background:#191919;
        border:1px solid var(--line);
        box-shadow:var(--shadow);
      }
      .main-nav.is-open{display:flex;align-items:stretch;flex-direction:column}
      .main-nav a{padding:11px 12px}
      .mobile-trigger{display:block;order:2}
      .nav-actions{order:1;margin-left:auto}
      .nav-login{font-size:.79rem;padding:8px 4px}
      .nav-signup{font-size:.76rem;padding:11px 11px}
      .inner-hero{min-height:auto;padding:112px 0 62px}
      .hero-grid,.process-grid,.safety-layout,.criteria-layout,.faq-wrap{grid-template-columns:1fr}
      .hero-grid{gap:34px}
      .hero-panel{max-width:620px}
      .sticky-intro,.faq-intro{position:static}
      .criteria-layout{gap:32px}
      .process-grid{gap:35px}
      .process-visual{min-height:380px}
      .process-visual img{height:360px}
      .method-header{grid-template-columns:1fr;gap:16px}
      .payment-strip{grid-template-columns:repeat(2,1fr)}
      .payment-card:nth-child(2){border-right:0}
      .payment-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .trust-grid{grid-template-columns:repeat(2,1fr)}
      .trust-item:nth-child(2){border-right:0}
      .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .footer-top{grid-template-columns:1.3fr 1fr}
      .footer-brand{grid-column:1/-1}
      .section{padding:70px 0}
    }

    @media(max-width:520px){
      body{font-size:15px}
      .container{width:min(calc(100% - 30px),var(--container))}
      .brand{max-width:153px;font-size:.7rem}
      .brand-mark{display:none}
      .nav-login{display:none}
      .nav-signup{padding:10px 10px;font-size:.72rem}
      .mobile-trigger{padding:7px 1px}
      .inner-hero{padding:100px 0 52px}
      .promo-sticker{font-size:.65rem;padding:8px 11px}
      .hero-description{font-size:.98rem}
      .hero-actions{display:grid;grid-template-columns:1fr}
      .hero-actions .button-gold,.hero-actions .button-ghost{width:100%}
      .hero-note{display:grid;gap:9px}
      .hero-panel{padding:23px 20px}
      .panel-title{font-size:1.42rem}
      .trust-grid,.criteria-grid,.payment-strip{grid-template-columns:1fr}
      .trust-item,.trust-item:nth-child(2),.trust-item:nth-child(3){
        border-right:0;
        border-bottom:1px solid var(--line);
      }
      .trust-item:last-child{border-bottom:0}
      .criteria-card{min-height:0;padding:23px 20px}
      .payment-card,.payment-card:nth-child(2),.payment-card:nth-child(3){
        min-height:0;
        border-right:0;
        border-bottom:1px solid var(--line);
      }
      .payment-card:last-child{border-bottom:0}
      .section-heading.split-heading{display:block}
      .process-visual{min-height:345px}
      .process-visual img{width:90%;height:325px}
      .visual-stamp{right:0;bottom:0;max-width:185px;padding:18px}
      .visual-stamp strong{font-size:1.8rem}
      .safety-image img{min-height:300px;height:300px}
      .faq-answer{padding-right:0}
      .cta-box{padding:39px 20px}
      .guide-form{display:grid;grid-template-columns:1fr}
      .guide-form button{height:48px}
      .footer-top{grid-template-columns:1fr;gap:27px}
      .footer-brand{grid-column:auto}
      .footer-bottom{display:block}
      .responsible{margin-top:12px;text-align:left}
      .floating-support{left:14px;bottom:78px;width:52px;height:52px}
    }