/* roulang page: index */
:root{
      --ink:#28162e;
      --muted:#765f78;
      --paper:#fffaf6;
      --lavender:#f3e8f5;
      --berry:#c33271;
      --berry-dark:#8f2057;
      --coral:#ff785f;
      --cyan:#68d8d0;
      --lemon:#f5d45d;
      --deep:#32143e;
      --line:#ead9e5;
      --card:#ffffff;
      --radius:24px;
      --radius-sm:14px;
      --shadow:0 18px 50px rgba(74,29,76,.11);
      --shadow-hover:0 22px 60px rgba(74,29,76,.18);
      --ease:all .24s ease;
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;
      font-size:16px;
      line-height:1.75;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none;transition:var(--ease)}
    a:hover{color:var(--berry)}
    img{max-width:100%;height:auto;display:block}
    button,input,select,textarea{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
      outline:3px solid rgba(104,216,208,.9);
      outline-offset:3px;
    }
    .container{width:min(1160px,calc(100% - 40px));margin:0 auto}
    .site-header{
      position:sticky;top:0;z-index:20;
      background:rgba(255,250,246,.94);
      border-bottom:1px solid rgba(234,217,229,.9);
      backdrop-filter:blur(14px);
    }
    .nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:21px;letter-spacing:-.04em;white-space:nowrap}
    .brand-mark{
      width:30px;height:30px;border-radius:9px;
      background:linear-gradient(135deg,var(--berry),var(--coral));
      position:relative;box-shadow:4px 4px 0 var(--deep);
    }
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fff}
    .brand-mark:before{width:6px;height:6px;left:7px;top:7px;box-shadow:10px 0 #fff,0 10px #fff,10px 10px #fff}
    .desktop-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
    .desktop-nav a{padding:9px 15px;border-radius:999px;color:var(--muted);font-weight:700}
    .desktop-nav a:hover,.desktop-nav a.active{color:var(--berry);background:var(--lavender)}
    .nav-cta,.button-primary{
      color:#fff!important;background:linear-gradient(100deg,var(--berry),var(--coral));
      border:0;border-radius:999px;padding:12px 21px;font-weight:800;
      box-shadow:0 8px 20px rgba(195,50,113,.2);
    }
    .nav-cta:hover,.button-primary:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(195,50,113,.3)}
    .menu-toggle{display:none;background:none;border:0;color:var(--deep);font-size:26px;padding:6px}
    .mobile-nav{display:none;padding:0 0 16px}
    .mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}
    .status-line{height:5px;background:linear-gradient(90deg,var(--berry) 0 34%,var(--cyan) 34% 61%,var(--lemon) 61% 78%,var(--coral) 78%)}
    .hero{padding:74px 0 48px;background:radial-gradient(circle at 82% 22%,#f8dfe9 0 12%,transparent 33%),var(--paper)}
    .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch}
    .hero-main{
      min-height:430px;padding:47px;border-radius:32px;background:var(--deep);color:#fff;
      position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
      box-shadow:var(--shadow)
    }
    .hero-main:after{
      content:"";position:absolute;right:-100px;bottom:-120px;width:340px;height:340px;
      border:34px solid rgba(255,120,95,.35);border-radius:50%;box-shadow:0 0 0 24px rgba(104,216,208,.16),0 0 0 48px rgba(245,212,93,.12)
    }
    .eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--coral)}
    .eyebrow{color:var(--cyan);position:relative;z-index:1}
    h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.055em;line-height:1.16}
    h1{font-size:clamp(42px,5.2vw,72px);max-width:680px;margin:16px 0 20px;position:relative;z-index:1}
    .hero-copy{font-size:18px;line-height:1.85;color:#eadced;max-width:620px;position:relative;z-index:1}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:1}
    .button-secondary{
      display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);
      color:#fff;border-radius:999px;padding:11px 20px;font-weight:800;background:rgba(255,255,255,.08)
    }
    .button-secondary:hover{background:#fff;color:var(--deep)}
    .bento-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .bento-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);transition:var(--ease)}
    .bento-card:hover,.metric:hover,.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
    .bento-card.large{grid-column:span 2;min-height:188px;background:linear-gradient(135deg,#fff,#f3e8f5)}
    .bento-card.cyan{background:var(--cyan)}
    .bento-card.lemon{background:var(--lemon)}
    .mini-label{font-size:12px;color:var(--muted);font-weight:800}
    .bento-card h3{font-size:25px;margin:10px 0 6px}
    .big-status{font-size:52px;font-weight:950;line-height:1;color:var(--berry-dark);margin:13px 0}
    .pixel-line{height:9px;margin-top:18px;background:repeating-linear-gradient(90deg,var(--berry) 0 18px,transparent 18px 23px);opacity:.8}
    .section{padding:78px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .section-head h2{font-size:clamp(30px,4vw,46px);margin-top:8px}
    .section-intro{max-width:560px;color:var(--muted);margin:8px 0 0}
    .metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:15px}
    .metric{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:var(--ease);min-height:168px}
    .metric:first-child{background:var(--berry);color:#fff}
    .metric:first-child .mini-label{color:#ffd9e7}
    .metric-number{font-size:40px;line-height:1;font-weight:950;margin:22px 0 8px}
    .metric p{margin:0;color:var(--muted);font-size:14px}
    .metric:first-child p{color:#ffe8f0}
    .badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 10px;background:var(--lavender);color:var(--berry-dark);font-size:12px;font-weight:900}
    .badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}
    .matrix-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
    .matrix-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
    .matrix-main h3{font-size:30px;margin:15px 0 10px}
    .matrix-main p{color:var(--muted);max-width:680px}
    .matrix-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
    .matrix-link{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-weight:900}
    .matrix-link:after{content:"→";font-size:20px}
    .side-stack{display:grid;gap:18px}
    .matrix-item{padding:24px;border-radius:var(--radius);background:var(--lavender);border:1px solid #e8d6eb}
    .matrix-item:nth-child(2){background:#fff2db;border-color:#f2dfba}
    .matrix-item h3{font-size:22px;margin:12px 0 5px}
    .matrix-item p{margin:0;color:var(--muted);font-size:14px}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .compare-card{border-radius:var(--radius);padding:30px;border:1px solid var(--line);background:#fff}
    .compare-card.highlight{background:var(--deep);color:#fff}
    .compare-card.highlight .compare-note{color:#e5d7e9}
    .compare-card h3{font-size:25px;margin:13px 0 20px}
    .compare-row{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:15px 0;border-top:1px solid var(--line)}
    .highlight .compare-row{border-color:rgba(255,255,255,.18)}
    .compare-label{font-weight:900;color:var(--berry)}
    .highlight .compare-label{color:var(--cyan)}
    .compare-note{color:var(--muted);font-size:14px;margin:0}
    .bar{height:8px;border-radius:10px;background:#f0e6ed;margin-top:9px;overflow:hidden}
    .bar span{display:block;height:100%;width:88%;background:linear-gradient(90deg,var(--berry),var(--coral));border-radius:10px}
    .highlight .bar{background:rgba(255,255,255,.16)}
    .highlight .bar span{background:linear-gradient(90deg,var(--cyan),var(--lemon))}
    .rule-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:25px;align-items:start}
    .rule-note{padding:30px;border-radius:var(--radius);background:var(--lemon);position:relative;overflow:hidden}
    .rule-note:after{content:"///";position:absolute;right:20px;bottom:8px;font-size:42px;font-weight:900;color:rgba(50,20,62,.18)}
    .rule-note h2{font-size:34px;margin:12px 0}
    .rule-note p{margin:0;color:#5b4615}
    .rule-list{display:grid;gap:12px}
    .rule-item{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:19px 20px;background:#fff;border:1px solid var(--line);border-radius:18px}
    .rule-num{width:36px;height:36px;border-radius:11px;background:var(--berry);color:#fff;display:grid;place-items:center;font-weight:900}
    .rule-item h3{font-size:18px;margin:0 0 2px}
    .rule-item p{margin:0;color:var(--muted);font-size:14px}
    .news-area{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
    .news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 26px}
    .news-item{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
    .news-item:last-child{border-bottom:0}
    .news-item strong{display:block;font-size:17px}
    .news-item span{font-size:12px;color:var(--muted);white-space:nowrap}
    .news-item strong:before{content:"●";font-size:8px;color:var(--coral);margin-right:10px;vertical-align:middle}
    .notice-card{padding:28px;border-radius:var(--radius);background:var(--berry);color:#fff}
    .notice-card h3{font-size:26px;margin:14px 0 8px}
    .notice-card p{color:#ffe5ee;margin:0 0 20px}
    .notice-card .badge{background:#fff;color:var(--berry-dark)}
    .faq-list{display:grid;gap:10px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}
    .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;padding:21px 24px;color:var(--ink);font-weight:900;cursor:pointer}
    .faq-question:after{content:"+";font-size:26px;color:var(--berry);transition:var(--ease)}
    .faq-question[aria-expanded="true"]:after{content:"−"}
    .faq-answer{display:none;padding:0 24px 20px;color:var(--muted);max-width:850px}
    .faq-answer.open{display:block}
    .cta-section{padding:0 0 82px}
    .cta-card{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;padding:38px;border-radius:30px;background:linear-gradient(115deg,var(--deep),#542052);color:#fff;box-shadow:var(--shadow)}
    .cta-card h2{font-size:clamp(30px,4vw,44px);margin:12px 0}
    .cta-card p{color:#e8d8eb;max-width:580px}
    .form-card{background:#fff;border-radius:22px;padding:24px;border:1px solid rgba(255,255,255,.18)}
    label{font-size:13px;font-weight:900;color:var(--ink);display:block;margin-bottom:6px}
    input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fffafc;color:var(--ink);margin-bottom:14px;box-shadow:none}
    input:hover,select:hover,textarea:hover{border-color:#cba3c2}
    input:focus,select:focus,textarea:focus{border-color:var(--berry);box-shadow:0 0 0 3px rgba(195,50,113,.12)}
    textarea{min-height:84px;resize:vertical}
    .form-tip{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}
    .site-footer{background:var(--deep);color:#fff;padding:42px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:35px;padding-bottom:30px}
    .footer-brand{font-size:22px;font-weight:900;margin-bottom:12px}
    .footer-copy{color:#cdbbd1;max-width:420px;font-size:14px}
    .footer-title{font-weight:900;margin-bottom:12px}
    .footer-links{display:grid;gap:8px;color:#cdbbd1;font-size:14px}
    .footer-links a:hover{color:var(--cyan)}
    .copyright{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;color:#bca9c0;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    .pixel-corner{position:absolute;top:0;right:0;width:42px;height:42px;border-left:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,transparent 49%,rgba(104,216,208,.5) 50% 56%,transparent 57%)}
    @media(max-width:900px){
      .hero-grid,.matrix-wrap,.rule-layout,.news-area,.cta-card{grid-template-columns:1fr}
      .hero-main{min-height:380px}
      .metrics{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:700px){
      .container{width:min(100% - 28px,1160px)}
      .nav-wrap{height:68px}
      .desktop-nav{display:none}
      .menu-toggle{display:block}
      .mobile-nav.show{display:block}
      .hero{padding:42px 0 28px}
      .hero-main{padding:31px 24px;min-height:420px}
      h1{font-size:44px}
      .hero-copy{font-size:16px}
      .bento-side{grid-template-columns:1fr 1fr}
      .bento-card{padding:19px}
      .bento-card.large{grid-column:span 2}
      .section{padding:54px 0}
      .section-head{display:block}
      .section-head h2{font-size:34px}
      .metrics{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
      .metric{min-width:220px;scroll-snap-align:start}
      .compare-card{padding:23px}
      .cta-card{padding:26px 20px}
      .footer-grid{grid-template-columns:1fr;gap:24px}
    }
    @media(max-width:460px){
      .brand{font-size:18px}
      .brand-mark{width:26px;height:26px}
      h1{font-size:38px}
      .hero-actions a{width:100%}
      .bento-side{gap:10px}
      .big-status{font-size:39px}
      .news-item{display:block}
      .news-item span{display:block;margin-top:6px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
    }

/* roulang page: category1 */
:root{
--ink:#28162e;--muted:#765f78;--paper:#fffaf6;--lavender:#f3e8f5;
--berry:#c33271;--berry-dark:#8f2057;--coral:#ff785f;--cyan:#68d8d0;
--lemon:#f5d45d;--deep:#32143e;--line:#ead9e5;--card:#fff;
--radius:24px;--radius-sm:14px;--shadow:0 18px 50px rgba(74,29,76,.11);
--shadow-hover:0 22px 60px rgba(74,29,76,.18);--ease:all .24s ease
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.045em}
a{color:inherit;text-decoration:none;transition:var(--ease)}
a:hover{color:var(--berry)}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(104,216,208,.95);outline-offset:3px}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.status-line{height:4px;background:linear-gradient(90deg,var(--berry),var(--coral),var(--lemon),var(--cyan),var(--berry));background-size:220% 100%;animation:lineMove 8s linear infinite}
@keyframes lineMove{to{background-position:220% 0}}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,246,.95);border-bottom:1px solid rgba(234,217,229,.9);backdrop-filter:blur(14px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:21px;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--berry),var(--coral));position:relative;box-shadow:4px 4px 0 var(--deep)}
.brand-mark:before{content:"";position:absolute;width:6px;height:6px;left:7px;top:7px;background:#fff;box-shadow:10px 0 #fff,0 10px #fff,10px 10px #fff}
.desktop-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.desktop-nav a{padding:9px 15px;border-radius:999px;color:var(--muted);font-weight:700}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--berry);background:var(--lavender)}
.desktop-nav .nav-cta,.nav-cta{color:#fff!important;background:linear-gradient(100deg,var(--berry),var(--coral));box-shadow:0 8px 20px rgba(195,50,113,.2)}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(195,50,113,.3)}
.menu-toggle{display:none;background:none;border:0;color:var(--deep);font-size:26px;padding:6px;cursor:pointer}
.mobile-nav{display:none;padding:0 0 16px}.mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}
.hero{padding:66px 0 44px;background:radial-gradient(circle at 88% 18%,#f8dfe9 0 12%,transparent 32%),var(--paper)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.hero-main{min-height:390px;padding:48px;border-radius:32px;background:var(--deep);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
.hero-main:before{content:"";position:absolute;inset:22px;border:1px solid rgba(104,216,208,.28);border-radius:22px;pointer-events:none}
.hero-main:after{content:"";position:absolute;right:-90px;bottom:-120px;width:330px;height:330px;border:34px solid rgba(255,120,95,.35);border-radius:50%;box-shadow:0 0 0 24px rgba(104,216,208,.16),0 0 0 48px rgba(245,212,93,.12)}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--coral)}
.eyebrow{color:var(--cyan);position:relative;z-index:1}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:16px 0 20px;position:relative;z-index:1}
.hero-copy{font-size:18px;line-height:1.85;color:#eadced;max-width:610px;position:relative;z-index:1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;position:relative;z-index:1}
.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 21px;font-weight:800;transition:var(--ease);cursor:pointer}
.button-primary{color:#fff;background:linear-gradient(100deg,var(--berry),var(--coral));border:0;box-shadow:0 8px 20px rgba(195,50,113,.2)}
.button-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(195,50,113,.3)}
.button-secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
.button-secondary:hover{background:#fff;color:var(--deep)}
.index-panel{border-radius:32px;padding:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.panel-title{font-size:20px;font-weight:900}.terminal{font-size:11px;color:var(--berry-dark);background:var(--lavender);padding:5px 9px;border-radius:999px;font-weight:900}
.signal-box{margin:30px 0 24px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#f3e8f5,#fff2db);position:relative;overflow:hidden}
.signal-box:after{content:"";position:absolute;width:150px;height:150px;right:-35px;top:-38px;border:13px dotted rgba(195,50,113,.25);border-radius:50%}
.signal-number{font-size:58px;line-height:1;color:var(--berry);font-weight:900}.signal-label{font-weight:800;margin-top:8px}
.signal-note{font-size:13px;color:var(--muted)}
.panel-list{display:grid;gap:12px}.panel-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:14px}.panel-row strong{color:var(--berry-dark)}
.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 10px;background:var(--lavender);color:var(--berry-dark);font-size:12px;font-weight:900}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}
.badge.cyan{background:#e4f8f5;color:#1a716c}.badge.cyan:before{background:#26aaa2}.badge.lemon{background:#fff6cc;color:#765500}.badge.lemon:before{background:#d2a900}
.section{padding:76px 0}.section.alt{background:var(--lavender)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:8px 0}.section-intro{max-width:570px;color:var(--muted);margin:8px 0 0}
.metrics{display:grid;grid-template-columns:1.2fr .9fr .9fr 1fr;gap:16px}.metric{min-height:176px;padding:25px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:var(--ease);position:relative;overflow:hidden}.metric:first-child{background:var(--deep);color:#fff}.metric:nth-child(2){background:var(--cyan)}.metric:nth-child(3){background:var(--lemon)}.metric-number{display:block;font-size:46px;line-height:1.1;font-weight:900;margin:26px 0 7px}.metric-label{font-weight:900}.metric-note{font-size:13px;opacity:.72}
.matrix-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:18px}.matrix-main,.matrix-item{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);transition:var(--ease)}.matrix-main{padding:32px;background:#fff}.matrix-main:hover,.matrix-item:hover,.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.matrix-main h3{font-size:30px;margin:16px 0 9px}.matrix-main p,.matrix-item p{color:var(--muted)}.matrix-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.matrix-side{display:grid;gap:18px}.matrix-item{padding:25px;background:var(--lavender)}.matrix-item:nth-child(2){background:#fff2db;border-color:#f2dfba}.matrix-item h3{font-size:22px;margin:13px 0 6px}.matrix-item p{font-size:14px;margin-bottom:15px}.text-link{font-weight:900;color:var(--berry-dark)}.text-link:hover{text-decoration:underline}
.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.filter-label{font-size:13px;color:var(--muted);font-weight:800;margin-right:5px}.filter{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;color:var(--muted);font-weight:800;cursor:pointer}.filter:hover,.filter.active{color:var(--berry);background:var(--lavender);border-color:#dcb8d5}
.content-list{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.content-card{padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:var(--ease)}.content-card.featured{background:linear-gradient(135deg,#fff,#f7e4ef);border-color:#e6bfd3}.content-card h3{font-size:26px;margin:14px 0 8px}.content-card p{color:var(--muted);margin-bottom:20px}.content-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.content-stack{display:grid;gap:18px}.small-card{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}.small-card h3{font-size:19px;margin:10px 0 5px}.small-card p{font-size:14px;color:var(--muted);margin:0}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{border-radius:var(--radius);padding:30px;border:1px solid var(--line);background:#fff}.compare-card.highlight{background:var(--deep);color:#fff}.compare-card h3{font-size:25px;margin:14px 0 20px}.compare-note{color:var(--muted);font-size:14px}.highlight .compare-note{color:#e5d7e9}.compare-row{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.highlight .compare-row{border-color:rgba(255,255,255,.18)}.compare-row span{font-size:13px;color:var(--muted)}.highlight .compare-row span{color:#dcbddf}.bar{height:8px;border-radius:10px;background:#f0e6ee;margin-top:9px;overflow:hidden}.bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--berry),var(--coral))}.highlight .bar{background:rgba(255,255,255,.16)}.highlight .bar i{background:linear-gradient(90deg,var(--cyan),var(--lemon))}
.faq-list{display:grid;gap:11px;max-width:850px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;border:0;padding:20px 23px;color:var(--ink);font-weight:900;cursor:pointer}.faq-question span:last-child{font-size:22px;color:var(--berry);transition:var(--ease)}.faq-answer{display:none;padding:0 23px 21px;color:var(--muted);font-size:15px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.cta-box{display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:center;padding:40px;border-radius:30px;background:linear-gradient(115deg,var(--berry-dark),var(--deep));color:#fff;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(29px,4vw,45px);margin:10px 0}.cta-box p{color:#f0dfea;max-width:620px}.contact-form{padding:26px;border-radius:22px;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--ink);background:#fffafc}.field textarea{min-height:92px;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:#c992b6}.form-note{font-size:12px;color:var(--muted);margin:12px 0 0}
.site-footer{padding:52px 0 24px;background:var(--deep);color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:35px}.footer-brand{font-size:25px;font-weight:900;margin-bottom:10px}.footer-copy{color:#d9c6dc;max-width:430px;font-size:14px}.footer-title{font-weight:900;color:var(--cyan);margin-bottom:12px}.footer-links{display:grid;gap:8px;color:#e3d4e5;font-size:14px}.footer-links a:hover{color:var(--lemon)}.copyright{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.16);margin-top:35px;padding-top:18px;color:#cdb9d1;font-size:12px}
@media(max-width:1024px){.metrics{grid-template-columns:1fr 1fr}.matrix-layout,.content-list{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:360px}}
@media(max-width:760px){.container{width:min(100% - 28px,600px)}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav.is-open{display:block}.nav-wrap{height:68px}.hero{padding:36px 0 25px}.hero-main{padding:34px 25px;min-height:430px}.hero-main:before{inset:15px}.hero h1{font-size:clamp(39px,12vw,58px)}.hero-copy{font-size:16px}.section{padding:54px 0}.section-head{display:block;margin-bottom:22px}.section-head h2{font-size:34px}.metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px}.metric{min-width:245px;scroll-snap-align:start}.matrix-main,.matrix-item,.content-card,.compare-card{padding:24px}.compare-grid,.cta-box{grid-template-columns:1fr}.cta-box{padding:28px 21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:6px}}
@media(max-width:480px){.hero-actions .button-primary,.hero-actions .button-secondary{width:100%}.filter-bar{align-items:flex-start}.filter-label{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.signal-number{font-size:49px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}