/* roulang page: index */
:root{
  --bg:#171412;--bg-2:#201b18;--surface:#29221f;--surface-2:#342a25;--paper:#f3e8d7;
  --text:#f5eadb;--muted:#c6b7a8;--soft:#917f73;--line:#55453d;--line-light:#786258;
  --berry:#7d385f;--berry-dark:#592640;--orange:#d98255;--orange-dark:#b85e3d;
  --success:#9ebd91;--danger:#d87867;--focus:#f2c285;--shadow:0 20px 50px rgba(0,0,0,.27);
  --shadow-soft:0 10px 28px rgba(0,0,0,.18);--max:1200px;--r-lg:22px;--r-md:16px;
  --r-sm:12px;--ease:220ms ease;--nav-h:76px;
  --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.8;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(243,232,215,.18) .6px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(to bottom,#000,transparent 72%);z-index:-1}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--berry);color:#fff}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.skip{position:absolute;left:12px;top:-60px;background:var(--paper);color:#261d1a;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{top:12px}
.site-header{height:var(--nav-h);position:sticky;top:0;z-index:50;background:rgba(23,20,18,.9);border-bottom:1px solid rgba(120,98,88,.45);backdrop-filter:blur(12px);transition:var(--ease)}
.site-header.scrolled{--nav-h:64px;background:rgba(23,20,18,.97);border-color:var(--line-light)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;font-size:15px;font-weight:800;letter-spacing:.02em;line-height:1.3}.brand-mark{width:29px;height:29px;flex:0 0 29px;position:relative;border-radius:8px;background:var(--berry);border:1px solid rgba(243,232,215,.5);box-shadow:inset 0 0 0 5px #622d4d}.brand-mark::before,.brand-mark::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--paper);left:-3px}.brand-mark::before{top:5px}.brand-mark::after{bottom:5px}
.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{min-height:42px;padding:8px 13px;display:inline-flex;align-items:center;border-radius:9px;color:var(--muted);font-size:14px;font-weight:700;transition:var(--ease)}.nav-links a:hover{background:#312723;color:var(--text)}.nav-links a.active{color:var(--paper);position:relative}.nav-links a.active::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);position:absolute;bottom:4px;left:50%}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-size:14px;font-weight:800;transition:transform var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease)}.nav-cta,.button-primary{background:var(--orange);color:#251714;box-shadow:0 8px 22px rgba(217,130,85,.17)}.nav-cta:hover,.button-primary:hover{background:#e79669;transform:translateY(-2px);box-shadow:0 12px 25px rgba(217,130,85,.27)}.nav-cta:active,.button:active{transform:translateY(1px) scale(.98)}.button-secondary{background:transparent;border-color:var(--line-light);color:var(--paper)}.button-secondary:hover{border-color:var(--orange);background:#302522}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line-light);border-radius:10px;background:#2a231f;color:var(--text);font-size:20px}.mobile-panel,.menu-backdrop{display:none}
.hero{position:relative;min-height:595px;display:flex;align-items:end;padding:70px 0 56px;overflow:hidden;border-bottom:1px dashed var(--line-light);background:radial-gradient(circle at 78% 35%,rgba(125,56,95,.4),transparent 27%),radial-gradient(circle at 15% 84%,rgba(217,130,85,.13),transparent 26%),#1d1816}.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(243,232,215,.035) 80px);pointer-events:none}.hero-art{position:absolute;inset:44px max(3vw,30px) 35px 43%;border:1px solid rgba(243,232,215,.15);border-radius:28px 28px 120px 28px;background:linear-gradient(135deg,rgba(48,39,34,.8),rgba(29,24,22,.47));overflow:hidden}.hero-art::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-70px;top:-155px;border:1px solid rgba(243,232,215,.19);box-shadow:0 0 0 45px rgba(125,56,95,.11),0 0 0 95px rgba(125,56,95,.06)}.hero-art::after{content:"";position:absolute;inset:15% 7% 14% 34%;border:1px dashed rgba(243,232,215,.32);border-radius:18px}
.hero-content{position:relative;z-index:1;width:min(735px,100%)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#f0b38c;font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow::before,.section-kicker::before{content:"";width:27px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{margin:14px 0 17px;max-width:800px;font-size:clamp(42px,5vw,58px);line-height:1.18;letter-spacing:-.04em}h1 em{font-style:normal;color:#eeaa80}.hero-copy{max-width:680px;color:var(--muted);font-size:17px;line-height:1.9;margin-bottom:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill,.tag{display:inline-flex;align-items:center;border:1px solid var(--line-light);border-radius:99px;padding:4px 10px;font-size:12px;color:var(--muted);line-height:1.5}.pill strong{color:var(--paper);margin-right:5px}.hero-index{position:absolute;z-index:1;right:max(4vw,32px);top:110px;width:min(340px,30vw);padding:22px;background:#271f1c;border:1px solid rgba(243,232,215,.22);border-radius:18px;box-shadow:var(--shadow)}.index-top{display:flex;justify-content:space-between;font-size:12px;color:var(--soft);padding-bottom:13px;border-bottom:1px dashed var(--line-light)}.signal-row{display:flex;align-items:flex-end;height:110px;gap:7px;padding:19px 0 14px;border-bottom:1px solid var(--line)}.signal-row i{display:block;flex:1;border-radius:4px 4px 1px 1px;background:#6a514a}.signal-row i:nth-child(2),.signal-row i:nth-child(5),.signal-row i:nth-child(8){background:var(--orange)}.signal-row i:nth-child(4),.signal-row i:nth-child(7){background:var(--berry)}.index-foot{padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.index-dot{width:9px;height:9px;border-radius:50%;background:var(--success);display:inline-block;margin-right:5px}
main{position:relative}.section{padding:96px 0;position:relative}.section-head{max-width:690px;margin-bottom:37px}.section-head h2{font-size:clamp(30px,3.2vw,39px);line-height:1.25;letter-spacing:-.03em;margin:11px 0 12px}.section-head p{color:var(--muted);margin:0;max-width:650px}.board{display:grid;grid-template-columns:1.05fr 1.55fr;gap:18px}.feature-metric{position:relative;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);overflow:hidden}.feature-metric::after{content:"01";position:absolute;right:20px;bottom:-34px;color:rgba(243,232,215,.06);font-size:150px;font-weight:900;line-height:1}.metric-label{font-size:13px;color:#e8ae8a;font-weight:800;letter-spacing:.1em}.metric-main{font-size:clamp(56px,7vw,86px);font-weight:900;line-height:1.05;color:var(--paper);letter-spacing:-.07em;margin:20px 0 8px}.metric-main span{font-size:24px;color:var(--orange);letter-spacing:0}.feature-metric p{position:relative;color:var(--muted);margin:0;max-width:300px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metric-card{min-height:178px;padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);transition:var(--ease)}.metric-card:hover{transform:translateY(-3px);border-color:var(--berry);background:#2c2420}.metric-no{font-size:12px;color:var(--orange);font-weight:800}.metric-value{font-size:32px;font-weight:900;line-height:1.2;margin:13px 0 3px}.metric-card p{font-size:14px;color:var(--muted);margin:0}.progress{height:5px;background:#4b3d37;border-radius:9px;overflow:hidden;margin-top:19px}.progress i{display:block;height:100%;background:var(--orange);border-radius:inherit}.matrix{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.matrix-card{position:relative;min-height:205px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:var(--ease)}.matrix-card:hover{transform:translateY(-4px);border-color:var(--berry);box-shadow:var(--shadow-soft)}.matrix-card:hover::after{transform:translateX(0)}.matrix-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange);transform:translateX(-5px);transition:var(--ease)}.matrix-card:nth-child(1){grid-column:span 4}.matrix-card:nth-child(2){grid-column:span 8;background:#302622}.matrix-card:nth-child(3){grid-column:span 7}.matrix-card:nth-child(4){grid-column:span 5}.matrix-card:nth-child(5){grid-column:span 5}.matrix-card:nth-child(6){grid-column:span 7}.matrix-no{font-size:13px;color:var(--orange);font-weight:900}.matrix-card h3{font-size:21px;margin:18px 0 7px}.matrix-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}.matrix-arrow{position:absolute;right:20px;bottom:16px;color:#f0b38c;font-size:21px;transition:var(--ease)}.matrix-card:hover .matrix-arrow{transform:translateX(5px)}.matrix-wide{display:flex;flex-direction:column;justify-content:space-between}.matrix-wide .mini-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.matrix-wide .tag{background:#3a2d29;color:#dacbbb}
.topic-strip{padding:24px 0 0}.topic-inner{display:flex;align-items:center;gap:14px;overflow:auto;padding-bottom:5px;scrollbar-width:thin}.topic-label{flex:0 0 auto;color:var(--orange);font-size:13px;font-weight:800}.topic-button{flex:0 0 auto;border:1px solid var(--line);background:#29221f;color:var(--muted);padding:9px 14px;border-radius:99px;font-size:13px;transition:var(--ease)}.topic-button:hover{color:var(--paper);border-color:var(--orange);background:#392a25}
.info-section{background:#1d1816;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}.feed{border-top:1px solid var(--line)}.feed-item{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:18px;padding:19px 4px;border-bottom:1px solid var(--line);transition:var(--ease)}.feed-item:hover{padding-left:12px;background:rgba(243,232,215,.025)}.feed-num{font-size:24px;font-weight:900;color:#80675c}.feed-item h3{font-size:17px;margin:0 0 3px}.feed-item p{font-size:13px;color:var(--muted);margin:0}.feed-link{color:#efb28d;font-size:13px;font-weight:800;white-space:nowrap}.recommend{padding:29px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);align-self:start}.recommend h3{font-size:21px;margin-bottom:17px}.recommend-card{padding:17px 0;border-top:1px dashed var(--line-light)}.recommend-card strong{display:block;font-size:15px}.recommend-card p{font-size:13px;color:var(--muted);margin:5px 0 0}.comparison{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:grid;grid-template-columns:1fr 48px 1fr;background:var(--surface);box-shadow:var(--shadow-soft)}.compare-side{padding:35px}.compare-side.after{background:linear-gradient(135deg,#4d2940,#482b2c)}.compare-side h3{font-size:24px;margin-bottom:8px}.compare-side p{font-size:14px;color:var(--muted);margin-bottom:23px}.compare-side.after p{color:#ead9cf}.compare-divider{position:relative;background:#211a17}.compare-divider::before{content:"";position:absolute;top:18px;bottom:18px;left:50%;border-left:1px dashed var(--orange)}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#2b1915;font-weight:900}.compare-list{list-style:none;padding:0;margin:0}.compare-list li{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(243,232,215,.13);font-size:14px}.compare-list i{font-style:normal;color:var(--orange);font-weight:900}.text-cta{margin-top:23px;display:inline-flex;align-items:center;gap:8px;color:#efb28d;font-size:14px;font-weight:800;border-bottom:1px solid currentColor}.text-cta:hover{color:var(--paper)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-intro{position:sticky;top:100px;align-self:start}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;padding:20px 2px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:transparent;color:var(--text);text-align:left;font-weight:800;font-size:17px}.faq-question span:first-child{display:flex;gap:13px}.faq-n{color:var(--orange);font-size:13px}.faq-icon{width:26px;height:26px;flex:0 0 26px;border:1px solid var(--line-light);border-radius:50%;display:grid;place-items:center;color:var(--orange);transition:var(--ease)}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(45deg);background:var(--orange);color:#2d1a15;border-color:var(--orange)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 260ms ease}.faq-answer>div{overflow:hidden}.faq-answer p{padding:0 42px 21px;color:var(--muted);font-size:15px;margin:0}.faq-item.open .faq-answer{grid-template-rows:1fr}
.form-section{padding-top:20px}.form-ticket{position:relative;background:var(--paper);color:#2c201b;border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow);overflow:hidden}.form-ticket::before,.form-ticket::after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:var(--bg);top:50%;transform:translateY(-50%)}.form-ticket::before{left:-15px}.form-ticket::after{right:-15px}.form-inner{display:grid;grid-template-columns:.86fr 1.14fr;gap:32px;padding:37px;background:#302521;border-radius:15px}.form-copy h2{font-size:34px;line-height:1.25;margin:11px 0}.form-copy p{color:#d8c7b9;font-size:15px}.form-note{margin-top:24px;padding-top:16px;border-top:1px dashed #775f54;color:#bda99d;font-size:13px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#ead8cb;font-weight:800}.required{color:#efb28d}.field input,.field select,.field textarea{width:100%;border:1px solid #735d52;background:#211a17;color:var(--text);border-radius:10px;padding:11px 12px;outline:none;transition:var(--ease)}.field textarea{min-height:91px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#927d71}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(242,194,133,.17)}.field.error input{border-color:var(--danger)}.help,.error-text{font-size:12px;color:#bfaea2}.error-text{display:none;color:#f29b8c}.field.error .error-text{display:block}.form-status{display:none;grid-column:1/-1;padding:11px 13px;border-radius:9px;background:rgba(158,189,145,.14);border:1px solid var(--success);color:#d5eccb;font-size:14px}.form-status.show{display:block}.submit-button{grid-column:1/-1;border:0}.float-bar{position:fixed;z-index:35;left:50%;bottom:16px;transform:translateX(-50%);width:min(720px,calc(100% - 32px));display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 11px 10px 18px;background:rgba(42,32,29,.94);border:1px solid var(--line-light);box-shadow:var(--shadow);border-radius:14px;backdrop-filter:blur(10px)}.float-bar p{margin:0;font-size:13px;color:var(--muted)}.float-bar strong{color:var(--paper)}.float-bar .button{min-height:39px;white-space:nowrap}
.footer{padding:70px 0 92px;background:#110f0e;border-top:1px solid #423630}.footer-grid{display:grid;grid-template-columns:1.25fr .65fr .9fr;gap:42px}.footer .brand{font-size:16px}.footer p{font-size:13px;color:var(--soft);max-width:390px;margin:17px 0}.footer h3{font-size:14px;color:var(--paper);margin:0 0 15px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:13px;color:var(--muted);width:max-content}.footer-links a:hover{color:var(--orange)}.footer-bottom{margin-top:47px;padding-top:18px;border-top:1px solid #3b302b;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#7f6d63}.back-top{position:fixed;right:20px;bottom:20px;width:43px;height:43px;border:1px solid var(--line-light);border-radius:50%;display:grid;place-items:center;background:#342822;color:var(--paper);opacity:0;visibility:hidden;transition:var(--ease);z-index:34}.back-top.show{opacity:1;visibility:visible}.back-top:hover{background:var(--berry);border-color:var(--berry)}
@media(max-width:1200px){.hero-art{left:48%}.hero-index{right:3%;width:310px}.matrix-card:nth-child(1){grid-column:span 5}.matrix-card:nth-child(2){grid-column:span 7}}
@media(max-width:992px){.hero{min-height:570px}.hero-art{left:42%;opacity:.75}.hero-index{width:285px;right:2%}.hero-content{width:64%}.board,.faq-layout,.form-inner{grid-template-columns:1fr;gap:24px}.faq-intro{position:static}.info-layout{grid-template-columns:1fr}.recommend{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.recommend h3{grid-column:1/-1;margin:0}.recommend-card{padding:0;border:0}.footer-grid{grid-template-columns:1.2fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:768px){:root{--nav-h:66px}.container{width:min(calc(100% - 36px),var(--max))}.nav-links,.nav-cta{display:none}.menu-toggle{display:grid;place-items:center}.mobile-panel{display:block;position:fixed;right:0;top:0;width:min(340px,88vw);height:100dvh;padding:88px 22px 24px;background:#211b18;border-left:1px solid var(--line-light);z-index:70;transform:translateX(105%);transition:transform 280ms ease}.mobile-panel.open{transform:translateX(0)}.mobile-panel nav{display:flex;flex-direction:column;gap:8px}.mobile-panel nav a{padding:13px 12px;border-bottom:1px solid var(--line);font-weight:800}.mobile-panel .nav-cta{display:flex;margin-top:20px}.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:60;opacity:0;visibility:hidden;transition:var(--ease)}.menu-backdrop.show{display:block;opacity:1;visibility:visible}.hero{min-height:650px;padding:54px 0 47px;align-items:end}.hero-art{inset:36px -35% 215px 22%;opacity:.58}.hero-index{position:relative;right:auto;top:auto;width:100%;margin-top:27px}.hero-content{width:100%}.hero-copy{font-size:16px}.section{padding:70px 0}.metric-grid{gap:12px}.matrix{display:flex;flex-direction:column}.matrix-card,.matrix-card:nth-child(n){min-height:176px}.info-layout{gap:24px}.comparison{grid-template-columns:1fr;}.compare-divider{height:38px}.compare-divider::before{top:50%;bottom:auto;left:17px;right:17px;border-left:0;border-top:1px dashed var(--orange)}.compare-side{padding:27px}.form-inner{padding:25px}.recommend{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:last-child{grid-column:auto}.float-bar{bottom:12px}.float-bar p{line-height:1.45}.back-top{right:14px;bottom:82px}}
@media(max-width:576px){.container{width:calc(100% - 32px)}h1{font-size:34px;letter-spacing:-.045em}.section-head h2,.form-copy h2{font-size:27px}.hero{min-height:620px}.hero-actions,.hero-actions .button{width:100%}.hero-actions .button{justify-content:center}.hero-meta{gap:7px}.hero-art{display:none}.hero-index{margin-top:24px;padding:17px}.metric-grid{grid-template-columns:1fr}.feature-metric{padding:27px}.metric-card{min-height:150px}.feed-item{grid-template-columns:40px 1fr;gap:10px}.feed-link{grid-column:2}.compare-side h3{font-size:21px}.faq-question{font-size:15px;padding:18px 0}.faq-answer p{padding-left:30px;padding-right:5px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.form-ticket{padding:8px}.form-inner{padding:22px}.float-bar{padding-left:13px}.float-bar p{font-size:12px}.float-bar .button{padding:8px 10px;font-size:12px}.footer{padding-bottom:92px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* roulang page: category1 */
:root{
 --bg:#171412;--bg-2:#201b18;--surface:#29221f;--surface-2:#342a25;--paper:#f3e8d7;
 --text:#f5eadb;--muted:#c6b7a8;--soft:#917f73;--line:#55453d;--line-light:#786258;
 --berry:#7d385f;--berry-dark:#592640;--orange:#d98255;--orange-dark:#b85e3d;
 --success:#9ebd91;--danger:#d87867;--focus:#f2c285;--shadow:0 20px 50px rgba(0,0,0,.27);
 --shadow-soft:0 10px 28px rgba(0,0,0,.18);--max:1200px;--r-lg:22px;--r-md:16px;
 --r-sm:12px;--ease:220ms ease;--nav-h:66px;
 --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.8;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(243,232,215,.17) .6px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(to bottom,#000,transparent 72%);z-index:-1}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.site-header{height:var(--nav-h);position:sticky;top:0;z-index:50;background:rgba(23,20,18,.92);border-bottom:1px solid rgba(120,98,88,.45);backdrop-filter:blur(12px);transition:var(--ease)}
.site-header.scrolled{background:rgba(23,20,18,.98);border-color:var(--line-light)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;font-size:15px;font-weight:800;letter-spacing:.02em;line-height:1.3}
.brand-mark{width:29px;height:29px;flex:0 0 29px;position:relative;border-radius:8px;background:var(--berry);border:1px solid rgba(243,232,215,.5);box-shadow:inset 0 0 0 5px #622d4d}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--paper);left:-3px}
.brand-mark::before{top:5px}.brand-mark::after{bottom:5px}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{min-height:42px;padding:8px 13px;display:inline-flex;align-items:center;border-radius:9px;color:var(--muted);font-size:14px;font-weight:700;transition:var(--ease)}
.nav-links a:hover{background:#312723;color:var(--text)}
.nav-links a.active{color:var(--paper);position:relative}
.nav-links a.active::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);position:absolute;bottom:4px;left:50%}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-size:14px;font-weight:800;transition:transform var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease)}
.nav-cta,.button-primary{background:var(--orange);color:#251714;box-shadow:0 8px 22px rgba(217,130,85,.17)}
.nav-cta:hover,.button-primary:hover{background:#e79669;transform:translateY(-2px);box-shadow:0 12px 25px rgba(217,130,85,.27)}
.nav-cta:active,.button:active{transform:translateY(1px) scale(.98)}
.button-secondary{background:transparent;border-color:var(--line-light);color:var(--paper)}
.button-secondary:hover{border-color:var(--orange);background:#302522}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line-light);border-radius:10px;background:#2a231f;color:var(--text);font-size:20px}
.mobile-panel,.menu-backdrop{display:none}
.page-hero{position:relative;overflow:hidden;padding:70px 0 65px;border-bottom:1px dashed var(--line-light);background:radial-gradient(circle at 84% 35%,rgba(125,56,95,.42),transparent 23%),radial-gradient(circle at 66% 92%,rgba(217,130,85,.12),transparent 25%),#1d1816}
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 84px,rgba(243,232,215,.035) 85px)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:55px}
.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:13px;margin-bottom:20px}
.breadcrumb span:last-child{color:#f0b38c}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#f0b38c;font-size:13px;font-weight:800;letter-spacing:.12em}
.eyebrow::before,.section-kicker::before{content:"";width:27px;height:1px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1{max-width:690px;margin:13px 0 16px;font-size:clamp(38px,4.6vw,58px);line-height:1.17;letter-spacing:-.045em}
.hero-copy{max-width:650px;margin-bottom:24px;color:var(--muted);font-size:17px;line-height:1.9}
.hero-actions,.hero-meta{display:flex;gap:11px;flex-wrap:wrap}.hero-meta{margin-top:25px}
.pill,.tag{display:inline-flex;align-items:center;border:1px solid var(--line-light);border-radius:99px;padding:4px 10px;font-size:12px;color:var(--muted);line-height:1.5}
.pill strong{color:var(--paper);margin-right:5px}
.index-art{min-height:326px;position:relative;padding:27px;border:1px solid rgba(243,232,215,.19);border-radius:25px 25px 82px 25px;background:#27201d;box-shadow:var(--shadow);overflow:hidden}
.index-art::before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(243,232,215,.22);border-radius:50%;right:-96px;top:-105px;box-shadow:0 0 0 33px rgba(125,56,95,.14),0 0 0 72px rgba(125,56,95,.07)}
.index-art::after{content:"";position:absolute;right:30px;bottom:28px;width:48%;height:47%;border:1px dashed rgba(243,232,215,.28);border-radius:16px}
.art-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:var(--soft);font-size:12px;letter-spacing:.1em}
.status-dot{display:inline-flex;align-items:center;gap:6px;color:#f0b38c}.status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(217,130,85,.13)}
.art-track{position:relative;z-index:1;margin-top:35px;display:grid;grid-template-columns:46px 1fr;gap:15px}
.track-num{font-size:37px;line-height:1;color:var(--orange);font-weight:900}
.track-lines{padding-top:3px}.track-lines b{display:block;width:62%;height:9px;background:var(--paper);border-radius:9px;margin-bottom:12px}.track-lines i{display:block;height:6px;background:#71584d;border-radius:9px;margin:9px 0}.track-lines i:nth-child(2){width:83%;background:var(--berry)}.track-lines i:nth-child(3){width:48%}
.art-cards{position:relative;z-index:1;display:flex;gap:9px;margin-top:38px}.art-cards span{height:51px;flex:1;border-radius:10px;border:1px solid var(--line-light);background:#342a25}.art-cards span:nth-child(2){background:var(--berry);transform:translateY(-10px)}.art-cards span:nth-child(3){background:#71432f}
.section{padding:90px 0;position:relative}
.section-head{max-width:700px;margin-bottom:34px}.section-head h2{margin:10px 0 11px;font-size:clamp(28px,3.4vw,40px);line-height:1.25;letter-spacing:-.035em}.section-head p{color:var(--muted);margin:0}
.topic-strip{padding:20px 0 0;border-bottom:1px solid var(--line)}
.topic-scroll{display:flex;gap:10px;padding-bottom:20px;overflow:auto;scrollbar-width:thin}.filter{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font-weight:700;font-size:13px;transition:var(--ease)}.filter:hover,.filter.current{border-color:var(--orange);color:var(--paper);background:#372520}.filter.current::before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%}
.guide-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.guide-side{display:grid;gap:18px}.guide-card{position:relative;overflow:hidden;min-height:196px;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease)}.guide-card:hover{transform:translateY(-4px);border-color:var(--berry);box-shadow:var(--shadow)}.guide-card:hover .card-arrow{transform:translateX(4px);color:var(--orange)}.guide-main{min-height:410px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 82% 20%,rgba(125,56,95,.52),transparent 26%),#2b221f}.guide-main::before{content:"";position:absolute;top:26px;right:28px;width:152px;height:152px;border-radius:50%;border:1px solid rgba(243,232,215,.18);box-shadow:0 0 0 24px rgba(217,130,85,.08),0 0 0 55px rgba(125,56,95,.08)}.card-no{position:relative;z-index:1;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.12em}.guide-card h3{position:relative;z-index:1;margin:10px 0 8px;font-size:25px;line-height:1.3}.guide-card p{position:relative;z-index:1;margin:0;max-width:510px;color:var(--muted);font-size:14px;line-height:1.8}.card-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.card-arrow{font-size:21px;color:var(--paper);transition:var(--ease)}
.guide-mini{min-height:196px}.guide-mini:first-child{background:linear-gradient(120deg,#2d2521,#392625)}.guide-mini:last-child{background:linear-gradient(120deg,#28211e,#302821)}
.list-area{background:var(--bg-2);border-top:1px solid rgba(120,98,88,.22);border-bottom:1px solid rgba(120,98,88,.22)}
.content-flow{display:grid;gap:17px}.flow-card{position:relative;display:grid;grid-template-columns:164px minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 24px 20px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--ease),border-color var(--ease)}.flow-card:hover{transform:translateX(4px);border-color:var(--berry)}.flow-card::before{content:attr(data-no);position:absolute;left:-41px;top:29px;color:var(--orange);font-size:12px;font-weight:900;writing-mode:vertical-rl;letter-spacing:.14em}.thumb{height:122px;position:relative;overflow:hidden;border:1px solid rgba(243,232,215,.14);border-radius:12px;background:#3a2b27}.thumb::before{content:"";position:absolute;width:110px;height:110px;left:27px;top:-27px;border:1px solid rgba(243,232,215,.29);border-radius:50%;box-shadow:0 0 0 20px rgba(125,56,95,.16)}.thumb::after{content:"";position:absolute;width:58%;height:5px;bottom:22px;left:21%;border-radius:7px;background:var(--paper);box-shadow:0 -15px 0 #8d6758}.flow-card:nth-child(2) .thumb{background:#342720}.flow-card:nth-child(2) .thumb::before{background:rgba(217,130,85,.15);border-radius:14px;transform:rotate(32deg)}.flow-card:nth-child(3) .thumb{background:#302126}.flow-card:nth-child(3) .thumb::before{box-shadow:0 0 0 20px rgba(217,130,85,.11)}.flow-main h3{margin:0 0 7px;font-size:20px;line-height:1.4}.flow-main p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.75}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.update{display:flex;flex-direction:column;align-items:flex-end;gap:11px;min-width:114px;color:var(--soft);font-size:12px}.read-link{display:inline-flex;align-items:center;gap:7px;color:#f0b38c;font-weight:800;font-size:13px}.read-link span{font-size:18px;transition:var(--ease)}.read-link:hover span{transform:translateX(4px)}
.info-band{margin-top:30px;padding:19px 24px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:15px;border:1px dashed var(--line-light);border-radius:var(--r-md);background:#261e1b}.info-band strong{color:var(--paper);font-size:15px}.info-band span{display:block;color:var(--soft);font-size:12px}.info-item{padding-left:16px;border-left:1px solid var(--line)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.faq-note{position:sticky;top:90px}.faq-note p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;padding:20px 2px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:0;background:none;color:var(--text);text-align:left;font-weight:800;font-size:16px}.faq-question::before{content:attr(data-num);color:var(--orange);font-size:12px;letter-spacing:.1em}.faq-question span{margin-left:auto;font-size:20px;color:var(--orange);transition:transform var(--ease)}.faq-question[aria-expanded="true"] span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 240ms ease}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 35px 20px;color:var(--muted);font-size:14px}.faq-question[aria-expanded="true"]+.faq-answer{grid-template-rows:1fr}
.cta-bar{position:relative;overflow:hidden;margin-bottom:90px;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(243,232,215,.42);border-radius:var(--r-lg);color:#281a16;background:var(--paper);box-shadow:var(--shadow)}.cta-bar::after{content:"";position:absolute;right:-35px;bottom:-65px;width:190px;height:190px;border-radius:50%;background:rgba(217,130,85,.22);box-shadow:0 0 0 34px rgba(125,56,95,.1)}.cta-bar h2{position:relative;z-index:1;margin:0 0 4px;font-size:25px;line-height:1.35}.cta-bar p{position:relative;z-index:1;margin:0;color:#624b41;font-size:14px}.cta-bar .button{position:relative;z-index:1;flex:0 0 auto}.footer{padding:58px 0 20px;background:#1b1917;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .9fr;gap:42px;padding-bottom:42px}.footer p{max-width:430px;margin:17px 0 0;color:var(--muted);font-size:14px}.footer h3{margin:0 0 14px;font-size:14px;color:#f0b38c}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:14px;transition:var(--ease)}.footer-links a:hover{color:var(--paper);padding-left:4px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:19px;border-top:1px solid var(--line);color:var(--soft);font-size:12px}.to-top{position:fixed;right:24px;bottom:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-light);border-radius:50%;background:#2b231f;color:var(--paper);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--ease);z-index:20}.to-top.show{opacity:1;visibility:visible;transform:none}.to-top:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:992px){.hero-grid{grid-template-columns:1fr;gap:30px}.index-art{max-width:620px;min-height:260px}.guide-grid{grid-template-columns:1fr}.guide-side{grid-template-columns:1fr 1fr}.flow-card{grid-template-columns:130px minmax(0,1fr)}.update{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between}.info-band{grid-template-columns:1fr 1fr}.faq-layout{gap:40px}}
@media(max-width:768px){.container{width:min(calc(100% - 36px),var(--max))}.nav-links,.nav-cta{display:none}.menu-toggle{display:block}.mobile-panel{position:fixed;display:block;z-index:80;top:0;right:0;width:min(340px,88vw);height:100vh;padding:86px 22px 28px;background:#221c19;border-left:1px solid var(--line-light);box-shadow:var(--shadow);transform:translateX(105%);transition:transform 260ms ease}.mobile-panel.open{transform:none}.mobile-panel .nav-links{display:grid;gap:7px}.mobile-panel .nav-links a{padding:12px 13px}.mobile-panel .nav-cta{display:flex;margin-top:17px}.menu-backdrop{position:fixed;display:block;z-index:70;inset:0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;transition:var(--ease)}.menu-backdrop.open{opacity:1;visibility:visible}.page-hero{padding:52px 0}.hero-copy{font-size:16px}.section{padding:70px 0}.guide-side{grid-template-columns:1fr}.guide-main{min-height:330px}.flow-card{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:16px}.thumb{height:112px}.flow-card::before{display:none}.update{grid-column:1/-1;align-items:flex-start}.info-band{grid-template-columns:1fr}.info-item{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}.faq-layout{grid-template-columns:1fr}.faq-note{position:static}.cta-bar{margin-bottom:70px;padding:27px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:576px){.container{width:min(calc(100% - 32px),var(--max))}.brand{font-size:13px}.page-hero{padding:42px 0}.breadcrumb{font-size:12px}h1{font-size:34px}.hero-actions .button{width:100%}.index-art{min-height:225px;padding:20px}.art-cards{margin-top:26px}.section{padding:58px 0}.section-head h2{font-size:27px}.guide-card{padding:23px}.guide-card h3{font-size:22px}.flow-card{grid-template-columns:1fr}.thumb{height:120px}.update{flex-direction:row}.faq-question{font-size:15px;padding:17px 0}.faq-answer p{padding-left:0}.cta-bar h2{font-size:22px}.cta-bar .button{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:3px}.to-top{right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}