/* roulang page: index */
:root{
      --coral:#f0644d;
      --coral-dark:#d94c39;
      --plum:#32152f;
      --plum-2:#512348;
      --lime:#c7e85a;
      --cream:#fff9f1;
      --apricot:#fff0e5;
      --paper:#ffffff;
      --ink:#281d28;
      --muted:#766873;
      --line:#ead8d1;
      --shadow:0 16px 38px rgba(62,25,47,.09);
      --radius:14px;
      --container:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}
    a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
    a:hover{color:var(--coral)}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .grid-container{max-width:var(--container);padding-left:24px;padding-right:24px}
    .site-header{height:78px;background:rgba(255,249,241,.96);border-bottom:1px solid var(--line);position:relative;z-index:20}
    .nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;white-space:nowrap;color:var(--plum)}
    .brand-mark{width:28px;height:28px;background:var(--coral);display:grid;place-items:center;color:#fff;border-radius:8px;font-size:15px;box-shadow:4px 4px 0 var(--lime)}
    .main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
    .main-nav a{font-size:14px;color:#5d4b58;padding:8px 2px;border-bottom:2px solid transparent}
    .main-nav a:hover,.main-nav a.active{color:var(--plum);border-color:var(--coral)}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .language{border:1px solid var(--line);border-radius:30px;padding:7px 12px;background:#fff;font-size:12px;color:var(--plum)}
    .language span{color:var(--coral);font-weight:800}
    .header-cta,.button-primary{background:var(--coral);color:#fff!important;border:1px solid var(--coral);border-radius:9px;padding:11px 18px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
    .header-cta:hover,.button-primary:hover{background:var(--plum);border-color:var(--plum);transform:translateY(-2px);box-shadow:0 8px 16px rgba(50,21,47,.16)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;color:var(--plum);padding:7px 10px}
    .hero{padding:68px 0 76px;background:var(--apricot);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
    .hero:after{content:"05 / 25";position:absolute;right:5%;bottom:24px;color:rgba(50,21,47,.12);font-size:80px;font-weight:900;letter-spacing:-4px}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative;z-index:1}
    .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:.08em}
    .eyebrow:before,.section-kicker:before{content:"";width:22px;height:3px;background:var(--coral);display:inline-block}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(42px,5.6vw,76px);line-height:1.08;letter-spacing:-2px;color:var(--plum);margin:18px 0 22px;font-weight:900;max-width:720px}
    .hero-copy{font-size:18px;color:#634f5b;max-width:650px;margin-bottom:28px}
    .hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
    .text-link{font-weight:700;color:var(--plum);border-bottom:1px solid var(--plum);padding-bottom:3px}
    .search-panel{background:var(--plum);padding:28px;border-radius:16px;box-shadow:var(--shadow);position:relative}
    .search-panel:before{content:"精选入口";position:absolute;right:24px;top:22px;color:var(--lime);font-size:12px}
    .search-panel h2{color:#fff;font-size:22px;margin:0 0 17px}
    .search-row{display:flex;background:#fff;border-radius:9px;padding:5px;margin-bottom:18px}
    .search-row input{border:0;box-shadow:none;margin:0;min-width:0;padding:8px 12px;background:transparent}
    .search-row input:focus{box-shadow:none}
    .search-row button{border:0;background:var(--coral);color:#fff;border-radius:7px;padding:8px 16px;font-weight:700}
    .quick-title{font-size:12px;color:#d9c2d1;margin-bottom:9px}
    .quick-links{display:flex;gap:8px;flex-wrap:wrap}
    .quick-links a{color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:5px;padding:5px 9px;font-size:12px}
    .quick-links a:hover{background:var(--coral);border-color:var(--coral)}
    .metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 16px}
    .metric strong{display:block;color:var(--coral);font-size:27px;line-height:1.2}
    .metric small{color:var(--muted);font-size:12px}
    .metric em{font-style:normal;display:block;color:#668125;font-size:11px;margin-top:4px}
    .section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
    .section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.2;color:var(--plum);margin:10px 0 0;font-weight:850}
    .section-head p{max-width:520px;color:var(--muted);margin:0}
    .benefits{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:16px}
    .benefit{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:27px;min-height:210px;position:relative;transition:.25s}
    .benefit:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e9a395}
    .benefit.featured{background:var(--plum);color:#fff;min-height:260px}
    .benefit .number{font-size:13px;color:var(--coral);font-weight:900}
    .benefit.featured .number{color:var(--lime)}
    .benefit h3{font-size:21px;color:var(--plum);margin:35px 0 10px}
    .benefit.featured h3{color:#fff;font-size:27px}
    .benefit p{color:var(--muted);font-size:14px;margin-bottom:0}
    .benefit.featured p{color:#e5cdda}
    .benefit .status{position:absolute;right:22px;top:22px;font-size:11px;color:#668125;background:var(--lime);padding:3px 8px;border-radius:4px}
    .price-section{background:#fff3ea}
    .price-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch}
    .price-card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px;position:relative}
    .price-card.recommended{border:2px solid var(--coral);padding:27px;box-shadow:var(--shadow)}
    .recommend{position:absolute;right:20px;top:18px;color:#fff;background:var(--coral);font-size:11px;padding:4px 8px;border-radius:4px}
    .price-card h3{color:var(--plum);font-size:20px;margin-bottom:12px}
    .price{font-size:36px;font-weight:900;color:var(--plum);margin-bottom:18px}
    .price small{font-size:13px;color:var(--muted);font-weight:400}
    .feature-list{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid var(--line)}
    .feature-list li{padding:10px 0;border-bottom:1px solid #f1e4df;font-size:14px;color:#665562}
    .feature-list li:before{content:"✓";color:#789528;font-weight:900;margin-right:8px}
    .button-outline{border:1px solid var(--plum);color:var(--plum);border-radius:8px;padding:10px 17px;display:inline-flex;font-weight:700;font-size:14px}
    .button-outline:hover{background:var(--plum);color:#fff}
    .topic-section{background:var(--plum);color:#fff}
    .topic-section .section-head h2{color:#fff}
    .topic-section .section-head p{color:#d9c2d1}
    .topic-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
    .topic-main{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:28px;background:var(--plum-2)}
    .topic-main h3{font-size:25px;margin-bottom:12px}
    .topic-main p{color:#e4cedd;max-width:620px}
    .topic-bar{height:8px;background:rgba(255,255,255,.14);margin:26px 0 14px;border-radius:3px;overflow:hidden}
    .topic-bar span{display:block;background:var(--coral);height:100%;width:78%}
    .topic-meta{display:flex;justify-content:space-between;color:var(--lime);font-size:12px}
    .topic-side{display:grid;gap:12px}
    .topic-item{padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:11px;display:flex;justify-content:space-between;gap:15px}
    .topic-item h3{font-size:16px;margin:0 0 4px;color:#fff}
    .topic-item p{font-size:12px;margin:0;color:#d9c2d1}
    .topic-item b{color:var(--coral);font-size:20px}
    .news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
    .news-list{border-top:1px solid var(--line)}
    .news-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
    .news-date{font-size:12px;color:var(--coral);font-weight:800}
    .news-row h3{font-size:17px;color:var(--plum);margin:0 0 3px}
    .news-row p{font-size:13px;color:var(--muted);margin:0}
    .news-arrow{font-size:20px;color:var(--coral)}
    .feature-news{background:var(--apricot);border:1px solid var(--line);border-radius:14px;padding:26px}
    .feature-news .label{display:inline-block;background:var(--lime);color:#435114;font-size:11px;padding:4px 8px;border-radius:4px}
    .feature-news h3{font-size:24px;line-height:1.3;color:var(--plum);margin:25px 0 12px}
    .feature-news p{font-size:14px;color:var(--muted)}
    .open-section{padding-top:74px}
    .open-box{background:var(--coral);border-radius:16px;padding:35px 40px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}
    .open-box h2{font-size:29px;margin:0 0 7px}
    .open-box p{margin:0;color:#ffe5dc;max-width:660px}
    .open-box .button-outline{border-color:#fff;color:#fff;white-space:nowrap}
    .open-box .button-outline:hover{background:#fff;color:var(--coral)}
    .faq-section{background:#fff}
    .faq-list{max-width:900px;margin:0 auto;border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;border:0;background:none;text-align:left;padding:21px 4px;color:var(--plum);font-weight:750;font-size:17px;display:flex;justify-content:space-between;align-items:center}
    .faq-question span:last-child{font-size:24px;color:var(--coral);font-weight:400}
    .faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 38px 20px 4px}
    .faq-item.is-open .faq-answer{display:block}
    .faq-item.is-open .faq-question span:last-child{transform:rotate(45deg)}
    .form-section{padding-top:20px}
    .form-wrap{background:var(--plum);border-radius:16px;padding:42px;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}
    .form-wrap h2{font-size:31px;line-height:1.2;margin-bottom:14px}
    .form-wrap p{color:#dbc4d3;font-size:14px}
    .form-note{font-size:12px!important;color:#ad8da4!important;margin-top:20px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .form-field label{color:#f4e5ed;font-size:13px;margin-bottom:6px}
    .form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #76506e;background:#44203e;color:#fff;border-radius:7px;padding:10px 12px;box-shadow:none;margin:0}
    .form-field input::placeholder,.form-field textarea::placeholder{color:#bda5b8}
    .form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--lime);outline:3px solid rgba(199,232,90,.2)}
    .form-field.full{grid-column:1/-1}
    .form-field textarea{min-height:100px;resize:vertical}
    .form-submit{margin-top:18px}
    .form-submit button{border:0;background:var(--lime);color:#3d4d12;border-radius:8px;padding:12px 22px;font-weight:800}
    .form-submit button:hover{background:#fff;color:var(--plum)}
    .site-footer{background:#241124;color:#e4cedd;padding:42px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}
    .footer-brand{color:#fff;font-size:20px;font-weight:800;margin-bottom:10px}
    .footer-grid p{font-size:13px;color:#b99fb2;max-width:320px}
    .footer-title{font-size:13px;color:var(--lime);font-weight:800;margin-bottom:13px}
    .footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}
    .footer-links a:hover{color:var(--coral)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;color:#967c91}
    :focus-visible{outline:3px solid var(--lime);outline-offset:3px}
    @media(max-width:1024px){
      .main-nav{gap:15px}.hero-grid{gap:32px}.benefits{grid-template-columns:1fr 1fr}.benefit.featured{grid-column:1/-1}
      .metric-strip{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:767px){
      .site-header,.nav-wrap{height:68px}.grid-container{padding-left:18px;padding-right:18px}
      .brand{font-size:15px}.brand-mark{width:24px;height:24px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:18px;right:18px;top:62px;background:#fff9f1;border:1px solid var(--line);padding:14px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:stretch;gap:4px}.main-nav.is-open{display:flex}.main-nav a{padding:10px}.nav-actions .header-cta{display:none}
      .hero{padding:48px 0 58px}.hero-grid,.topic-layout,.news-grid,.form-wrap{grid-template-columns:1fr}.hero:after{font-size:48px}.hero-copy{font-size:16px}
      h1{font-size:43px;letter-spacing:-1px}.search-panel{padding:22px}.section{padding:62px 0}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:14px}
      .benefits,.price-grid{grid-template-columns:1fr}.benefit.featured{grid-column:auto}.benefit{min-height:0}.price-card.recommended{padding:27px}
      .news-row{grid-template-columns:65px 1fr}.news-arrow{display:none}.open-box{display:block;padding:28px 23px}.open-box .button-outline{margin-top:20px}
      .form-wrap{padding:28px 22px;gap:25px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
    }
    @media(max-width:420px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{text-align:center}.metric{padding:13px}.metric strong{font-size:23px}.footer-grid{grid-template-columns:1fr}}

/* roulang page: category1 */
:root{
      --coral:#f0644d;--coral-dark:#d94c39;--plum:#32152f;--plum-2:#512348;
      --lime:#c7e85a;--cream:#fff9f1;--apricot:#fff0e5;--paper:#fff;
      --ink:#281d28;--muted:#766873;--line:#ead8d1;
      --shadow:0 16px 38px rgba(62,25,47,.09);--radius:14px;--container:1220px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}
    a{color:inherit;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s}
    a:hover{color:var(--coral)}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .grid-container{max-width:var(--container);padding-left:24px;padding-right:24px}
    .site-header{height:78px;background:rgba(255,249,241,.97);border-bottom:1px solid var(--line);position:relative;z-index:20}
    .nav-wrap{height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;white-space:nowrap;color:var(--plum)}
    .brand-mark{width:28px;height:28px;background:var(--coral);display:grid;place-items:center;color:#fff;border-radius:8px;font-size:15px;box-shadow:4px 4px 0 var(--lime)}
    .main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
    .main-nav a{font-size:14px;color:#5d4b58;padding:8px 2px;border-bottom:2px solid transparent}
    .main-nav a:hover,.main-nav a.active{color:var(--plum);border-color:var(--coral)}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .language-switch{display:inline-flex;border:1px solid var(--line);border-radius:20px;padding:3px;background:#fff;color:var(--muted);font-size:12px}
    .language-switch span{padding:4px 9px;border-radius:14px}.language-switch .selected{background:var(--plum);color:#fff}
    .header-cta,.button-primary{background:var(--coral);color:#fff!important;border:1px solid var(--coral);border-radius:9px;padding:11px 18px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
    .header-cta:hover,.button-primary:hover{background:var(--plum);border-color:var(--plum);transform:translateY(-2px);box-shadow:0 8px 16px rgba(50,21,47,.16)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;color:var(--plum);padding:7px 10px}
    .page-intro{padding:62px 0 54px;background:var(--apricot);border-bottom:1px solid var(--line)}
    .intro-grid{display:grid;grid-template-columns:1fr .78fr;gap:64px;align-items:end}
    .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:.08em}
    .eyebrow:before,.section-kicker:before{content:"";width:22px;height:3px;background:var(--coral)}
    h1,h2,h3{color:var(--plum);line-height:1.25}
    h1{font-size:clamp(36px,5vw,66px);margin:14px 0 18px;font-weight:900;letter-spacing:-1px}
    .intro-copy{font-size:18px;color:#634f5b;max-width:690px;margin:0}
    .summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .summary-item{border-left:3px solid var(--coral);padding:10px 14px;background:rgba(255,255,255,.58)}
    .summary-item strong{display:block;color:var(--plum);font-size:28px;line-height:1.1}
    .summary-item small{color:var(--muted);font-size:12px}
    .media-band{padding:30px 0 0;background:var(--apricot)}
    .media-stage{height:210px;border-radius:16px;background:var(--plum);position:relative;overflow:hidden;padding:26px;color:#fff;display:flex;align-items:end}
    .media-stage:before{content:"05";position:absolute;right:45px;top:-34px;font-size:190px;font-weight:900;color:rgba(255,255,255,.06)}
    .media-stage:after{content:"";position:absolute;left:0;right:0;bottom:36px;border-top:1px solid rgba(199,232,90,.45);box-shadow:0 12px 0 rgba(240,100,77,.4)}
    .media-caption{position:relative;z-index:2}.media-caption b{color:var(--lime);font-size:12px}.media-caption h2{color:#fff;margin:5px 0;font-size:25px}.media-caption p{color:#dbc6d5;margin:0;font-size:14px}
    .play-button{position:absolute;z-index:3;right:12%;top:50%;transform:translateY(-50%);width:62px;height:62px;border-radius:50%;border:2px solid var(--lime);background:var(--coral);color:#fff;font-size:22px;line-height:1}
    .play-button:hover{background:#fff;color:var(--plum);transform:translateY(-50%) scale(1.04)}
    .content-section{padding:78px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
    .section-head h2{font-size:clamp(28px,3vw,42px);margin:10px 0 0;font-weight:850}
    .section-head p{max-width:500px;color:var(--muted);margin:0}
    .browse-layout{display:grid;grid-template-columns:245px 1fr;gap:34px}
    .filter-box{border-top:3px solid var(--coral);padding-top:17px}
    .filter-box h3{font-size:18px;margin:0 0 16px}
    .filter-label{display:block;font-size:12px;color:var(--muted);margin:18px 0 7px}
    .filter-box select,.filter-box input{width:100%;height:43px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:none}
    .filter-tags{display:flex;flex-wrap:wrap;gap:7px}.filter-tag{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;background:#fff}.filter-tag.active{background:var(--plum);border-color:var(--plum);color:#fff}
    .result-list{border-top:1px solid var(--line)}
    .result-item{display:grid;grid-template-columns:78px 1fr 118px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}
    .result-index{height:64px;background:var(--plum);color:var(--lime);display:grid;place-items:center;border-radius:10px;font-size:20px;font-weight:800}
    .result-item h3{font-size:19px;margin:0 0 5px}.result-item p{margin:0;color:var(--muted);font-size:14px}.item-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:5px}
    .badge{display:inline-block;padding:2px 8px;border-radius:4px;background:#ffe0d5;color:var(--coral-dark);font-size:11px;font-weight:700}.badge.done{background:#e9f4bd;color:#56751b}
    .result-side{text-align:right}.result-side strong{display:block;color:var(--plum);font-size:23px}.result-side span{font-size:12px;color:var(--muted)}
    .result-link{display:inline-block;margin-top:5px;color:var(--coral-dark);font-size:13px;font-weight:700}
    .progress-line{height:6px;background:#f2e3dc;border-radius:4px;margin-top:11px;overflow:hidden}.progress-line i{display:block;height:100%;background:var(--coral);width:78%}
    .compare-section{background:#fff3ea}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:12px}.compare-card.highlight{border:2px solid var(--coral);padding:24px}.compare-card h3{margin:0 0 18px;font-size:20px}.compare-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f1e4df;color:var(--muted);font-size:14px}.compare-row b{color:var(--plum)}.compare-card.highlight b{color:#66821b}
    .faq-list{border-top:1px solid var(--line);max-width:850px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;background:none;padding:19px 4px;color:var(--plum);font-weight:750}.faq-question span:last-child{color:var(--coral);font-size:22px}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 18px 4px}.faq-item.open .faq-answer{display:block}
    .contact-section{padding:78px 0;background:var(--plum);color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.contact-section h2{color:#fff;font-size:38px;margin:10px 0 15px}.contact-section p{color:#dbc6d5}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;color:#f8e9e2;font-size:13px;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#44203f;color:#fff;padding:10px 12px;box-shadow:none}.field textarea{min-height:100px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#bda6b7}.form-note{font-size:12px;color:#c9b2c1;margin:10px 0}.site-footer{background:#241022;color:#fff;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-brand{font-size:20px;font-weight:800;color:var(--coral)}.site-footer p{color:#bfa6b7;font-size:13px}.footer-title{font-weight:700;margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:7px;color:#bfa6b7;font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#a88e9f;font-size:12px}
    :focus-visible{outline:3px solid var(--lime);outline-offset:3px}
    @media(max-width:1024px){.intro-grid,.contact-grid{gap:34px}.main-nav{gap:16px}.browse-layout{grid-template-columns:210px 1fr}}
    @media(max-width:768px){.site-header,.nav-wrap{height:68px}.nav-wrap{flex-wrap:wrap}.menu-toggle{display:block;order:3}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:15px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px}.main-nav.show{display:flex}.nav-actions{margin-left:auto}.header-cta{display:none}.intro-grid,.browse-layout,.contact-grid{grid-template-columns:1fr}.page-intro{padding:45px 0}.summary-strip{max-width:520px}.content-section{padding:60px 0}.media-stage{height:230px}.footer-grid{grid-template-columns:1fr 1fr}.result-item{grid-template-columns:58px 1fr}.result-side{grid-column:2;text-align:left}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}}
    @media(max-width:520px){.grid-container{padding-left:18px;padding-right:18px}.brand{font-size:15px}.brand-mark{width:25px;height:25px}.language-switch{font-size:11px}.intro-copy{font-size:16px}h1{font-size:39px}.summary-item strong{font-size:23px}.summary-item{padding:8px}.section-head{display:block}.section-head p{margin-top:12px}.media-stage{padding:20px}.play-button{right:25px}.compare-grid,.footer-grid{grid-template-columns:1fr}.result-item{gap:12px}.result-item h3{font-size:17px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}