:root{
  --bg:#f8f3ed;
  --bg-2:#fffbf8;
  --surface:#fffdfa;
  --surface-warm:rgba(255,252,248,.92);
  --surface-soft:rgba(255,255,255,.82);
  --line:rgba(77,56,41,.10);
  --line-strong:rgba(77,56,41,.15);
  --text:#2c2119;
  --muted:#6e5e50;
  --brand:#c19a65;
  --brand-strong:#b48650;
  --brand-red:#b72231;
  --green:#6b9b77;
  --shadow:0 22px 60px rgba(73,51,33,.06);
  --radius:22px;
  --radius-sm:16px;
  --max:1240px;
  --header:84px;
  --speed:.22s;
  --ease:cubic-bezier(.2,.8,.2,1);
  --font-body:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --font-display:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--text);background:
  linear-gradient(180deg,#fcf8f3 0%,#f8f3ed 46%,#fffbf8 100%),
  linear-gradient(90deg, rgba(193,154,101,.025) 0%, rgba(193,154,101,0) 30%, rgba(183,34,49,.015) 80%, rgba(183,34,49,0) 100%),
  repeating-linear-gradient(90deg, rgba(117,89,58,.01) 0 1px, transparent 1px 28px),
  repeating-linear-gradient(180deg, rgba(255,255,255,.18) 0 1px, transparent 1px 18px);line-height:1.72;-webkit-font-smoothing:antialiased;background-blend-mode:normal,normal,soft-light,normal}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
::selection{background:rgba(183,147,98,.2)}
h1,h2,h3,h4,.nav a,.footer-title,.mega-title,.eyebrow,.badge,.hero-copy-tag,.hero-note{font-family:var(--font-display)}
.eyebrow,.badge{letter-spacing:.05em}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
@media (max-width:680px){.container{width:calc(100% - 28px)}}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;z-index:1000}
.site-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(14px);background:rgba(252,248,243,.92);border-bottom:1px solid rgba(77,56,41,.08);box-shadow:0 8px 24px rgba(73,51,33,.03);overflow:hidden}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,147,98,.3),transparent)}
.header-inner{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand-logo{height:42px;width:auto}
.nav{display:flex;align-items:center;gap:24px}
.nav a{font-size:15px;font-weight:700;padding:10px 2px;color:rgba(44,33,25,.82);position:relative;letter-spacing:.04em}
.nav a:hover,.nav a.active{color:var(--brand-strong)}
.nav a.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-8px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(183,147,98,.2),var(--brand),rgba(183,147,98,.2))}
.header-cta{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:13px 22px;transition:transform var(--speed) var(--ease),background var(--speed) var(--ease),border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease),color var(--speed) var(--ease);cursor:pointer;font-weight:800;line-height:1;box-shadow:none;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#c8a26b 0%,#b98a53 100%);color:#fff;box-shadow:0 12px 30px rgba(169,124,74,.22),inset 0 1px 0 rgba(255,255,255,.22);border-color:rgba(137,102,63,.18)}
.btn-outline{background:rgba(255,252,248,.88);color:var(--text);border-color:rgba(77,56,41,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.btn-outline:hover{border-color:rgba(183,147,98,.36);color:var(--brand-strong)}
.btn-sm{padding:11px 16px;font-size:14px}
.text-link{font-weight:800;color:var(--brand-strong)}
.menu-btn,.mobile-close{display:none;border:1px solid var(--line);background:rgba(255,255,255,.94);width:44px;height:44px;border-radius:14px;color:var(--text)}
.mobile-drawer{position:fixed;inset:0;background:rgba(28,19,13,.32);display:none;z-index:95}
.mobile-drawer.open{display:block}
.mobile-panel{margin-left:auto;width:min(380px,100%);height:100%;background:#fbf8f4;padding:22px 18px;border-left:1px solid var(--line)}
.mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mobile-brand{height:34px;width:auto}
.mobile-links{display:flex;flex-direction:column;gap:6px}
.mobile-links a{padding:14px 12px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid rgba(77,56,41,.06);font-weight:700}
.mega{position:fixed;left:0;right:0;top:var(--header);background:rgba(255,251,247,.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(77,56,41,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--speed) var(--ease),visibility var(--speed) var(--ease),transform var(--speed) var(--ease);z-index:70}
.mega.open{opacity:1;visibility:visible;transform:translateY(0)}
.mega-inner{padding:24px 0 18px}
.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mega-col{padding:16px 18px;border:1px solid rgba(77,56,41,.06);background:rgba(255,255,255,.80);border-radius:18px;box-shadow:var(--shadow)}
.mega-title{margin:0 0 10px;font-size:13px;letter-spacing:.08em;color:var(--brand-strong);font-weight:800;text-transform:uppercase}
.mega-link{display:block;padding:8px 0;color:rgba(44,33,25,.84);font-weight:650}
.mega-link:hover{color:var(--brand-strong)}
.mega-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;color:var(--muted);font-size:14px}
.home-hero,.page-hero{position:relative;overflow:hidden}
.home-hero::before,.page-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 12% 18%, rgba(183,147,98,.20), transparent 30%),
  radial-gradient(circle at 88% 14%, rgba(183,34,49,.08), transparent 22%),
  radial-gradient(circle at 78% 74%, rgba(183,147,98,.10), transparent 24%),
  linear-gradient(180deg, rgba(251,246,240,.98) 0%, rgba(251,247,242,.90) 46%, rgba(255,251,247,.62) 100%)}
.home-hero::after{content:"";position:absolute;left:50%;top:38px;transform:translateX(-50%);width:min(1520px,100vw);height:520px;background:radial-gradient(ellipse at center, rgba(255,255,255,.52) 0%, rgba(255,255,255,.18) 42%, rgba(255,255,255,0) 72%);pointer-events:none}
.home-hero{padding:26px 0 16px}
.page-hero{padding:54px 0 28px}
.page-hero.compact{padding:48px 0 18px}
.hero-shell{position:relative;padding:28px 28px 24px;border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.82) 0%,rgba(253,248,242,.94) 48%,rgba(249,242,236,.9) 100%);border:1px solid rgba(77,56,41,.08);box-shadow:0 34px 90px rgba(73,51,33,.10);overflow:hidden}
.hero-shell-home{position:relative;padding:58px 0 18px;overflow:visible}
.hero-shell::before{content:"";position:absolute;inset:-120px auto auto -90px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(183,147,98,.14) 0%,rgba(183,147,98,0) 72%);pointer-events:none}
.hero-shell::after{content:"";position:absolute;inset:auto -120px -180px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(183,34,49,.08) 0%,rgba(183,34,49,0) 72%);pointer-events:none}
.hero-shell-home::before,.hero-shell-home::after{content:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.94fr);gap:38px;align-items:center}
.hero-grid-home{position:relative;grid-template-columns:minmax(0,.82fr) minmax(600px,1.1fr);gap:48px;align-items:center;padding:0 6px}
.hero-copy{max-width:640px;padding:10px 0}
.hero-copy-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-copy-tag{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.80);border:1px solid rgba(77,56,41,.08);font-size:13px;color:rgba(44,33,25,.64);font-weight:800}
.hero-copy h1{font-size:clamp(44px,5.8vw,78px);line-height:.96;margin:18px 0 18px;letter-spacing:-.04em;max-width:8.8ch}
.home-hero .hero-copy{max-width:560px;padding:18px 0 34px}
.home-hero .hero-copy h1{font-size:clamp(46px,4.4vw,72px);line-height:1.05;margin:18px 0 24px;max-width:5.4ch;letter-spacing:-.03em}
.home-hero .hero-copy h1 .hero-line{display:block}
.home-hero .hero-copy h1 .hero-line + .hero-line{margin-top:.08em}
.home-hero .hero-copy h1 .hero-line-dark{color:var(--text)}
.home-hero .hero-copy h1 .hero-line-gold{color:var(--brand-strong)}
.home-hero .hero-copy h1 .hero-line-sub{font-size:.9em;letter-spacing:-.02em}
.page-about .hero-copy h1.about-hero-title{display:flex;flex-direction:column;gap:10px;max-width:none;letter-spacing:-.03em;line-height:1.02;margin:14px 0 18px}
.page-about .hero-copy h1.about-hero-title span{display:block;white-space:nowrap}
.page-about .page-hero.compact{padding:26px 0 8px}
.page-about .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(460px,.86fr);gap:34px;align-items:flex-start}
.page-about .hero-copy{max-width:620px;padding:0}
.page-about .hero-visual{min-height:auto;align-items:flex-start;justify-content:flex-start;padding-top:56px}
.page-about .page-cover{width:100%}
.page-about .page-cover img{aspect-ratio:16/5.9;min-height:260px}
.page-about .page-cover .copy{left:30px;right:30px;bottom:28px}
.page-about .hero-actions{margin-top:24px}
.page-about .lead{max-width:24ch}

@media (max-width:1100px){.page-about .hero-copy h1.about-hero-title span{white-space:normal}}
@media (max-width:768px){.page-about .hero-copy h1.about-hero-title{gap:8px;margin:10px 0 14px}.page-about .hero-copy h1.about-hero-title span{white-space:normal}}
@media (max-width:1100px){.page-about .hero-grid{grid-template-columns:1fr;gap:24px}.page-about .hero-visual{padding-top:0}.page-about .page-cover img{aspect-ratio:16/7;min-height:0}}

.lead{font-size:19px;color:rgba(44,33,25,.74);max-width:34ch;margin:0;line-height:1.75}
.home-hero .lead{font-size:19px;max-width:24ch;color:rgba(44,33,25,.76)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(183,147,98,.12),rgba(183,147,98,.06));border:1px solid rgba(183,147,98,.2);color:var(--brand-strong);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.hero-inline-meta{display:flex;align-items:center;gap:10px;margin-top:18px;color:rgba(44,33,25,.68);font-size:14px;font-weight:700}
.hero-inline-meta::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--brand)}
.hero-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.hero-value-card{padding:18px 18px 20px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(77,56,41,.08);box-shadow:0 20px 45px rgba(73,51,33,.08);transition:transform var(--speed) var(--ease),border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}
.hero-value-card:hover{transform:translateY(-4px);border-color:rgba(183,147,98,.24);box-shadow:0 28px 54px rgba(73,51,33,.12)}
.hero-value-card h3{margin:12px 0 8px;font-size:20px;line-height:1.24}
.hero-value-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.hero-visual{position:relative;min-height:760px;display:flex;align-items:center;justify-content:center}
.hero-stage{position:relative;width:100%;min-height:680px;padding:26px 26px 26px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(250,243,236,.88) 100%);border:1px solid rgba(77,56,41,.08);box-shadow:0 34px 86px rgba(73,51,33,.12);overflow:hidden}
.hero-stage-grand{min-height:760px;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.hero-stage-glow{position:absolute;inset:36px 36px auto auto;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(183,147,98,.18) 0%,rgba(183,147,98,0) 70%)}
.hero-stage-glow-a{inset:38px auto auto -54px;width:360px;height:360px;background:radial-gradient(circle,rgba(183,147,98,.18) 0%,rgba(183,147,98,0) 72%)}
.hero-stage-glow-b{inset:auto -34px 26px auto;width:340px;height:340px;background:radial-gradient(circle,rgba(183,34,49,.09) 0%,rgba(183,34,49,0) 74%)}
.hero-stage-top{position:absolute;z-index:6;left:22px;right:18px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0}
.hero-stage-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(183,147,98,.12);border:1px solid rgba(183,147,98,.18);font-size:13px;color:var(--brand-strong);font-weight:900}
.hero-stage-note{font-size:13px;color:rgba(44,33,25,.58);font-weight:700}
.hero-composition{position:relative;min-height:720px}
.hero-panel{position:absolute;border:1px solid rgba(77,56,41,.08);box-shadow:0 28px 60px rgba(73,51,33,.12);background:rgba(255,255,255,.84);backdrop-filter:blur(10px)}
.hero-panel-side{top:126px;right:18px;width:min(54%,390px);padding:18px;border-radius:30px}
.hero-panel-front{left:10px;bottom:104px;width:min(62%,432px);z-index:3;background:transparent;border:0;box-shadow:none}
.hero-panel-label{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:rgba(183,147,98,.1);border:1px solid rgba(183,147,98,.16);font-size:12px;color:var(--brand-strong);font-weight:900;margin-bottom:14px}
.hero-panel-sheet{padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(248,239,232,.9) 100%);border:1px solid rgba(77,56,41,.06)}
.hero-panel-sheet img{width:100%;border-radius:18px;border:1px solid rgba(77,56,41,.06)}
.device-shell{position:relative;z-index:2;width:min(100%,500px);margin:0 auto;padding:16px;border-radius:36px;background:linear-gradient(180deg,#fff 0%,#faf5ef 100%);border:1px solid rgba(77,56,41,.08);box-shadow:0 32px 80px rgba(69,49,32,.15)}
.device-shell::before{content:"";position:absolute;left:50%;top:10px;transform:translateX(-50%);width:120px;height:8px;border-radius:999px;background:rgba(77,56,41,.08)}
.device-shell-grand{width:100%;max-width:none;margin:0;padding:16px;border-radius:36px;box-shadow:0 36px 90px rgba(69,49,32,.18)}
.device-screen{border-radius:24px;overflow:hidden;border:1px solid rgba(77,56,41,.06);background:#fff}
.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow);backdrop-filter:blur(8px);z-index:5}
.float-card img{width:36px;height:36px;object-fit:contain}
.float-card b{display:block;font-size:15px;line-height:1.2}
.float-card span{display:block;font-size:12px;color:var(--muted);line-height:1.45}
.float-a{top:86px;right:78px}
.float-b{left:26px;bottom:208px}
.hero-insight-card{position:absolute;right:10px;bottom:34px;width:min(44%,318px);padding:24px 24px 22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(251,244,236,.98) 100%);border:1px solid rgba(77,56,41,.08);box-shadow:0 24px 56px rgba(73,51,33,.12);z-index:4}
.hero-insight-kicker{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(183,147,98,.1);border:1px solid rgba(183,147,98,.16);font-size:12px;color:var(--brand-strong);font-weight:900}
.hero-insight-card h3{margin:14px 0 8px;font-size:26px;line-height:1.15}
.hero-insight-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.78}
.hero-stage-strip{position:absolute;left:26px;right:26px;bottom:24px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;z-index:2}
.hero-strip-item{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(77,56,41,.08);font-size:13px;color:rgba(44,33,25,.72);font-weight:800}
.pattern-card{position:absolute;inset:auto 10px 14px auto;width:170px;opacity:.9}
.hero-benefit-bar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.76);box-shadow:0 18px 48px rgba(73,51,33,.08);backdrop-filter:blur(8px)}
.hero-benefit-item{display:grid;gap:6px;padding:24px 24px;background:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(249,243,236,.66) 100%);transition:transform var(--speed) var(--ease),background var(--speed) var(--ease)}
.hero-benefit-item + .hero-benefit-item{border-left:1px solid rgba(77,56,41,.08)}
.hero-benefit-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.96)}
.hero-benefit-item b{font-size:18px;line-height:1.2}
.hero-benefit-item span{color:var(--muted);font-size:14px;line-height:1.7}
.hero-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-note{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(77,56,41,.08);font-size:14px;color:var(--muted);font-weight:700}
.section{padding:74px 0}
.section-compact{padding-top:22px}
.section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.section-head h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;margin:0;letter-spacing:-.02em}
.section-desc{margin:0;max-width:68ch;color:var(--muted);font-size:17px}
.stat-strip{padding-top:8px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat-card{padding:22px;border-radius:24px;background:rgba(255,255,255,.80);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.stat-num{display:block;font-size:32px;font-weight:850;color:var(--brand-strong);line-height:1.1}
.stat-label{display:block;margin-top:6px;color:var(--muted);font-weight:650}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{display:flex;gap:18px;padding:22px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow);min-height:198px;transition:transform var(--speed) var(--ease),border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}
.feature-card,.mini-card,.panel,.info-card,.split-col,.rich-block,.step,.image-card,.form-card,.contact-side,.page-cover,.mega-col,.page-home .overview-card,.page-home .support-card,.page-home .value-card,.page-home .hero-summary-card,.page-home .hero-panel-report-v11{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,252,248,.90) 0%,rgba(251,246,240,.84) 100%)}
.feature-card::before,.mini-card::before,.panel::before,.info-card::before,.split-col::before,.rich-block::before,.step::before,.image-card::before,.form-card::before,.contact-side::before,.mega-col::before,.page-home .overview-card::before,.page-home .support-card::before,.page-home .value-card::before,.page-home .hero-summary-card::before,.page-home .hero-panel-report-v11::before{content:"";position:absolute;inset:10px;border-radius:inherit;pointer-events:none;border:1px solid rgba(183,147,98,.06)}
.page-cover::before{content:"";position:absolute;inset:12px;border-radius:20px;pointer-events:none;border:1px solid rgba(255,255,255,.12)}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(183,147,98,.24);box-shadow:0 30px 70px rgba(73,51,33,.12)}
.feature-icon-wrap{width:84px;height:84px;border-radius:24px;background:linear-gradient(180deg,#fffdfa 0%,#fbf3eb 100%);display:flex;align-items:center;justify-content:center;flex:0 0 84px;border:1px solid rgba(77,56,41,.06)}
.feature-icon{width:64px;height:64px;object-fit:contain}
.feature-copy h3{margin:10px 0 8px;font-size:22px;line-height:1.28}
.feature-copy p{margin:0;color:var(--muted)}
.feature-link{display:inline-block;margin-top:14px;color:var(--brand-strong);font-weight:800}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(183,147,98,.12),rgba(183,147,98,.06));border:1px solid rgba(183,147,98,.18);font-size:12px;font-weight:800;color:var(--brand-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mini-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.84);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.mini-card h3{margin:12px 0 10px;font-size:22px;line-height:1.22}
.mini-card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.split.reverse .split-col:first-child{order:2}
.split.reverse .split-col:last-child{order:1}
.split-col{padding:28px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.listing{display:flex;flex-direction:column;gap:14px}
.list-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(77,56,41,.06)}
.list-item:last-child{border-bottom:0;padding-bottom:0}
.list-dot{width:10px;height:10px;border-radius:99px;background:var(--brand);margin-top:8px;flex:0 0 10px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.step{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(252,247,241,.88) 100%);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.step-no{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:rgba(183,147,98,.13);font-size:18px;font-weight:900;color:var(--brand-strong);margin-bottom:14px}
.step p{margin:0;color:var(--muted);font-weight:650}
.check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.check-list li{position:relative;padding-left:30px;color:rgba(44,33,25,.86)}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand-strong);font-weight:900}
.showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:center}
.image-card{padding:18px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.image-card img{width:100%;border-radius:20px;border:1px solid rgba(77,56,41,.06)}

.community-qr-card{display:flex;align-items:center;gap:24px;padding:22px 24px}
.community-qr-card img{width:220px;height:220px;object-fit:cover;margin:0;flex:0 0 220px;border-radius:20px;border:1px solid rgba(77,56,41,.08);background:#fff;padding:8px}
.community-qr-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
.community-qr-copy h3{margin:0;font-size:28px;line-height:1.24}
.community-qr-copy p{margin:0;color:var(--muted)}
.page-about .community-qr-card .pill-row{margin-top:2px}
@media (max-width: 900px){
  .community-qr-card{flex-direction:column;align-items:flex-start}
  .community-qr-card img{width:200px;height:200px;flex-basis:auto}
}
.panel-stack{display:grid;gap:16px}
.panel{padding:22px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.panel h3{margin:8px 0 10px;font-size:22px}
.panel p{margin:0;color:var(--muted)}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pill{padding:8px 12px;border-radius:999px;background:rgba(183,34,49,.07);border:1px solid rgba(183,34,49,.12);font-size:13px;color:#8d2330;font-weight:800}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.info-card{padding:22px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.info-card h3{margin:0 0 10px;font-size:20px}
.info-card p{margin:0;color:var(--muted)}
.page-cover{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-cover img{width:100%;aspect-ratio:16/7;object-fit:cover;filter:saturate(.82) sepia(.18)}
.page-cover .overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(39,28,20,.72),rgba(167,124,74,.34))}
.page-cover .copy{position:absolute;left:34px;right:34px;bottom:34px;color:#fff}
.page-cover h2{margin:0 0 8px;font-size:clamp(28px,3vw,40px);line-height:1.12}
.page-cover p{margin:0;max-width:52ch;color:rgba(255,255,255,.86)}
 .page-about .page-cover .copy{left:30px;right:30px;bottom:30px}
.page-about .page-cover h2{font-size:clamp(24px,2.2vw,34px);line-height:1.18;letter-spacing:.01em;white-space:nowrap}
@media (max-width:1200px){.page-about .page-cover h2{white-space:normal}}
.rich-text{display:grid;gap:18px}
.rich-block{padding:28px;border-radius:26px;background:rgba(255,255,255,.84);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.rich-block h2,.rich-block h3{margin:0 0 12px}
.rich-block p{margin:0 0 14px;color:var(--muted)}
.rich-block p:last-child{margin-bottom:0}
.notice{padding:22px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(193,154,101,.12),rgba(193,154,101,.05));border:1px solid rgba(183,147,98,.18);color:#654c36;font-weight:700}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:20px}
.form-card,.contact-side{padding:28px;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.field label{font-weight:800;font-size:14px}
.field input,.field textarea,.field select{width:100%;border:1px solid rgba(77,56,41,.12);background:#fff;border-radius:16px;padding:14px 16px;color:var(--text);outline:none;transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(183,147,98,.42);box-shadow:0 0 0 4px rgba(183,147,98,.08)}
.field textarea{min-height:150px;resize:vertical}
.kv{display:grid;gap:12px}
.kv-item{display:grid;grid-template-columns:minmax(160px,max-content) 1fr;align-items:start;gap:12px 22px;padding:12px 0;border-bottom:1px solid rgba(77,56,41,.06)}
.kv-item:last-child{border-bottom:0}
.kv-item b{color:var(--brand-strong);white-space:nowrap;line-height:1.45}
.kv-item span{line-height:1.6;word-break:break-word}
.qr-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.qr-card img{width:180px;height:180px;border-radius:20px;border:1px solid rgba(77,56,41,.08);background:#fff;padding:8px}
.site-footer{padding:24px 0 18px;border-top:1px solid rgba(77,56,41,.08);background:linear-gradient(180deg,rgba(246,240,233,.9) 0%,rgba(243,237,229,.98) 100%);position:relative}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,147,98,.34),transparent)}
.footer-shell{display:flex;flex-direction:column;gap:0}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:44px;padding:10px 0 22px}
.footer-brand-block{flex:1 1 460px;max-width:560px;display:flex;flex-direction:column;align-items:flex-start}
.footer-brand{display:inline-flex;align-items:center}
.footer-logo{height:38px;width:auto;margin:0 0 14px}
.footer-desc{margin:0;color:var(--muted);max-width:54ch;line-height:1.8}
.footer-license-list{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:18px}
.footer-license-list span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,251,246,.82);border:1px solid rgba(77,56,41,.08);color:rgba(44,33,25,.76);font-size:13px;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.76);white-space:nowrap}
.footer-links-wrap{flex:1 1 520px;display:flex;justify-content:flex-end;gap:40px}
.footer-col{min-width:132px;display:flex;flex-direction:column;align-items:flex-start}
.footer-title{margin:2px 0 12px;font-size:15px;font-weight:900;color:var(--text)}
.site-footer a{display:block;padding:6px 0;color:var(--muted);line-height:1.45}
.site-footer a:hover{color:var(--brand-strong)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid rgba(77,56,41,.08);color:rgba(44,33,25,.58);font-size:14px}
.footer-bottom-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer-bottom-links a{padding:0;color:rgba(44,33,25,.66)}
.reveal{opacity:1;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:0s}
.reveal.is-in{opacity:1;transform:none}
@media (max-width:1100px){
  .hero-grid,.hero-grid-home,.showcase,.contact-grid,.split{grid-template-columns:1fr}
  .card-grid,.feature-grid,.hero-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps,.stat-grid,.hero-benefit-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-top{flex-direction:column;gap:26px}
  .footer-brand-block{max-width:100%}
  .footer-links-wrap{width:100%;justify-content:flex-start;gap:28px;flex-wrap:wrap}
  .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-visual{min-height:auto}
  .hero-stage,.hero-stage-grand{min-height:auto}
  .hero-composition{min-height:640px}
  .float-a{right:24px}
  .float-b{left:24px}
}
@media (max-width:1200px){
  .hero-grid-home{grid-template-columns:minmax(0,.84fr) minmax(520px,1fr);gap:38px}
  .home-hero .hero-copy h1{font-size:clamp(46px,4.6vw,70px);max-width:5.6ch}
  .hero-composition{min-height:660px}
}
@media (max-width:860px){
  :root{--header:72px}
  .nav{display:none}
  .menu-btn,.mobile-close{display:flex;align-items:center;justify-content:center}
  .brand-logo{height:36px}
  .page-cover .copy{left:22px;right:22px;bottom:22px}
  .feature-card{min-height:unset}
  .hero-shell{padding:20px}
  .hero-shell-home{padding:34px 0 16px}
  .home-hero .hero-copy{padding:10px 0 4px;max-width:100%}
  .home-hero .hero-copy h1{font-size:clamp(38px,6.2vw,56px);max-width:100%;line-height:1.06}
  .hero-value-grid{grid-template-columns:1fr}
  .hero-visual{display:grid;gap:12px}
  .hero-stage-top{flex-direction:column;align-items:flex-start}
  .hero-stage-strip{position:static;justify-content:flex-start;margin-top:14px}
  .hero-composition{display:grid;gap:14px;min-height:auto}
  .hero-panel,.hero-insight-card,.float-a,.float-b,.float-c{position:static;margin:0;width:100%}
  .hero-panel-front,.hero-panel-side{width:100%}
  .hero-panel-front{order:1}
  .hero-panel-side{order:2}
  .hero-insight-card{order:3}
  .float-a{order:4}
  .float-b{order:5}
  .device-shell-grand{max-width:360px;margin:0 auto}
  .hero-benefit-item + .hero-benefit-item{border-left:0}
  .hero-benefit-item:nth-child(2n){border-left:1px solid rgba(77,56,41,.08)}
  .hero-benefit-item:nth-child(n+3){border-top:1px solid rgba(77,56,41,.08)}
}
@media (max-width:680px){
  .hero-copy h1{font-size:36px}
  .home-hero .hero-copy h1{font-size:36px;max-width:100%;line-height:1.08}
  .lead,.home-hero .lead{font-size:16px}
  .home-hero{padding:18px 0 10px}
  .page-hero{padding:34px 0 8px}
  .card-grid,.feature-grid,.steps,.stat-grid,.info-grid,.form-row,.hero-benefit-bar{grid-template-columns:1fr}
  .footer-top{padding:8px 0 18px}
  .footer-links-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
  .footer-col{min-width:0}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .header-cta .btn{display:none}
  .btn{width:100%}
  .hero-actions{flex-direction:column}
  .mega{display:none}
  .hero-shell,.split-col,.form-card,.contact-side,.image-card,.panel,.mini-card,.stat-card,.feature-card{padding:20px}
  .hero-stage{padding:18px 18px 20px}
  .hero-stage-grand{padding:0}
.hero-shell-home{padding:24px 0 8px}
  .hero-copy-top{gap:8px}
  .hero-copy-tag{font-size:12px;width:100%;justify-content:flex-start}
  .hero-inline-meta{align-items:flex-start}
  .hero-insight-card h3{font-size:22px}
  .hero-benefit-item + .hero-benefit-item,.hero-benefit-item:nth-child(2n){border-left:0}
  .hero-benefit-item:nth-child(n+2){border-top:1px solid rgba(77,56,41,.08)}
}



/* homepage redraw with flex layout */
.page-home .hero-shell-home{padding:34px 0 10px}
.page-home .hero-grid-home{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:34px;
  padding:8px 0 0;
}
.page-home .hero-copy{
  flex:0 1 560px;
  max-width:560px;
  padding:18px 0 10px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-home .hero-copy-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.page-home .home-hero .hero-copy h1.hero-title-home{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin:14px 0 16px;
  width:auto;
  max-width:none;
  font-size:inherit;
  line-height:1;
  letter-spacing:normal;
}
.page-home .home-hero .hero-copy h1.hero-title-home .hero-line{
  display:block;
  width:fit-content;
  max-width:none;
  white-space:nowrap;
  font-size:clamp(38px,3.25vw,54px);
  line-height:1.08;
  letter-spacing:-.032em;
}
.page-home .home-hero .hero-copy h1.hero-title-home .hero-line-dark{color:var(--text)}
.page-home .home-hero .hero-copy h1.hero-title-home .hero-line-gold{color:var(--brand-strong)}
.page-home .lead{
  max-width:29ch;
  font-size:18px;
  line-height:1.76;
}
.page-home .hero-actions{margin-top:18px;gap:12px}
.page-home .hero-inline-meta{margin-top:14px;font-size:13px}
.page-home .hero-notes{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
  max-width:520px;
}
.page-home .hero-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 12px 30px rgba(73,51,33,.04);
  font-size:13px;
}
.page-home .hero-visual{
  flex:1 1 600px;
  min-height:580px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.page-home .hero-stage-grand{
  width:100%;
  min-height:auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.page-home .hero-composition{
  width:min(100%,640px);
  min-height:560px;
  margin:0;
}
.page-home .hero-stage-top{left:18px;right:18px;top:4px}
.page-home .hero-stage-badge{padding:9px 13px}
.page-home .hero-stage-note{font-size:12px}
.page-home .hero-panel-front{left:0;bottom:72px;width:min(68%,410px)}
.page-home .hero-panel-side{top:152px;right:0;width:min(35%,236px);padding:14px;border-radius:26px}
.page-home .hero-panel-label{margin-bottom:10px}
.page-home .device-shell-grand{padding:14px;border-radius:34px}
.page-home .float-card{padding:11px 13px}
.page-home .float-a{top:118px;right:44px}
.page-home .float-b{left:8px;bottom:122px}
.page-home .hero-insight-card{
  right:0;
  bottom:6px;
  width:min(42%,284px);
  padding:18px 18px 16px;
  border-radius:24px;
}
.page-home .hero-insight-card h3{margin:12px 0 6px;font-size:18px;line-height:1.22}
.page-home .hero-insight-card p{font-size:13px;line-height:1.65}
.page-home .hero-benefit-bar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  overflow:visible;
}
.page-home .hero-benefit-item{
  flex:1 1 210px;
  min-width:210px;
  border-radius:22px;
  border:1px solid rgba(77,56,41,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.84) 0%,rgba(249,243,236,.74) 100%);
  box-shadow:0 16px 40px rgba(73,51,33,.06);
  padding:18px 18px;
}
.page-home .hero-benefit-item + .hero-benefit-item{border-left:0}
.page-home .hero-benefit-item b{font-size:17px}
.page-home .hero-benefit-item span{font-size:13px;line-height:1.6}
.page-home .section-compact{padding-top:14px}
.page-home .section-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}
.page-home .feature-grid{display:flex;flex-wrap:wrap;gap:18px}
.page-home .feature-card{flex:1 1 calc(33.333% - 12px);min-width:280px}
.page-home .split{display:flex;flex-wrap:wrap;gap:22px}
.page-home .split-col{flex:1 1 420px}
.page-home .steps{display:flex;flex-wrap:wrap;gap:16px}
.page-home .step{flex:1 1 220px}
@media (max-width:1280px){
  .page-home .hero-grid-home{gap:28px}
  .page-home .hero-copy{flex-basis:520px;max-width:520px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(36px,3.15vw,48px)}
  .page-home .hero-visual{flex-basis:560px;min-height:540px}
  .page-home .hero-composition{width:min(100%,600px);min-height:520px}
  .page-home .hero-panel-front{width:min(69%,392px)}
  .page-home .hero-panel-side{width:min(34%,220px)}
  .page-home .float-a{right:26px}
}
@media (max-width:1100px){
  .page-home .hero-grid-home{gap:22px}
  .page-home .hero-copy{flex-basis:470px;max-width:470px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(34px,3.6vw,44px)}
  .page-home .lead{font-size:17px;max-width:30ch}
  .page-home .hero-visual{flex-basis:500px;min-height:500px}
  .page-home .hero-composition{width:min(100%,540px);min-height:485px}
  .page-home .hero-panel-front{bottom:62px;width:min(68%,360px)}
  .page-home .hero-panel-side{top:138px;width:min(34%,200px)}
  .page-home .float-a{top:106px;right:18px}
  .page-home .float-b{left:0;bottom:102px}
  .page-home .hero-insight-card{width:min(44%,250px);bottom:0}
}
@media (max-width:860px){
  .page-home .hero-shell-home{padding:26px 0 6px}
  .page-home .hero-grid-home{flex-direction:column;align-items:flex-start;gap:20px}
  .page-home .hero-copy{flex-basis:auto;max-width:100%;padding:8px 0 0}
  .page-home .home-hero .hero-copy h1.hero-title-home{gap:8px;margin:12px 0 14px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(34px,6vw,42px);white-space:normal;max-width:100%}
  .page-home .lead{max-width:100%;font-size:16px;line-height:1.78}
  .page-home .hero-actions{width:100%}
  .page-home .hero-visual{width:100%;min-height:auto;justify-content:center}
  .page-home .hero-stage-grand{justify-content:center}
  .page-home .hero-composition{width:100%;max-width:680px;min-height:auto;display:grid;gap:14px}
  .page-home .hero-panel,.page-home .hero-insight-card,.page-home .float-a,.page-home .float-b{position:static;width:100%;margin:0}
  .page-home .hero-panel-front,.page-home .hero-panel-side{width:100%}
  .page-home .hero-panel-front{order:1}
  .page-home .hero-panel-side{order:2}
  .page-home .hero-insight-card{order:3}
  .page-home .float-a{order:4}
  .page-home .float-b{order:5}
  .page-home .device-shell-grand{max-width:360px;margin:0 auto}
  .page-home .hero-benefit-bar{gap:10px}
  .page-home .hero-benefit-item{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}
}
@media (max-width:680px){
  .page-home .hero-shell-home{padding:20px 0 4px}
  .page-home .hero-copy-top{gap:8px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:32px;line-height:1.1}
  .page-home .lead{font-size:15px;line-height:1.74}
  .page-home .hero-note{font-size:12px;padding:7px 10px}
  .page-home .hero-benefit-item{flex:1 1 100%;min-width:100%}
}


/* v3 homepage full flex redraw */
.page-home .home-page-main{
  display:flex;
  flex-direction:column;
  gap:38px;
  padding-bottom:56px;
}
.page-home .home-page-main > section{
  padding:0;
}
.page-home .home-page-main > .home-hero{
  padding:18px 0 0;
}
.page-home .section .container{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.page-home .section-head{
  gap:8px;
  margin-bottom:0;
}
.page-home .section-desc{
  max-width:58ch;
  font-size:16px;
  line-height:1.7;
}
.page-home .hero-shell-home{
  padding:20px 0 6px;
}
.page-home .hero-grid-home{
  gap:24px;
  align-items:center;
}
.page-home .hero-copy{
  flex-basis:540px;
  max-width:540px;
  padding:12px 0 8px;
}
.page-home .home-hero .hero-copy h1.hero-title-home{
  margin:10px 0 14px;
}
.page-home .home-hero .hero-copy h1.hero-title-home .hero-line{
  font-size:clamp(34px,3vw,50px);
}
.page-home .lead{
  max-width:30ch;
  font-size:17px;
  line-height:1.72;
}
.page-home .hero-actions{
  margin-top:16px;
}
.page-home .hero-inline-meta{
  margin-top:12px;
}
.page-home .hero-notes{
  margin-top:12px;
}
.page-home .hero-note{
  padding:7px 11px;
}
.page-home .hero-visual{
  min-height:520px;
}
.page-home .hero-composition{
  min-height:510px;
}
.page-home .hero-panel-front{
  bottom:56px;
}
.page-home .hero-panel-side{
  top:134px;
}
.page-home .float-a{
  top:102px;
}
.page-home .float-b{
  bottom:92px;
}
.page-home .hero-insight-card{
  bottom:-6px;
}
.page-home .hero-benefit-bar{
  margin-top:10px;
  gap:10px;
}
.page-home .hero-benefit-item{
  padding:16px 16px;
  min-width:200px;
}
.page-home .feature-grid,
.page-home .split,
.page-home .steps,
.page-home .footer-grid{
  display:flex;
  flex-wrap:wrap;
}
.page-home .feature-grid{
  gap:16px;
}
.page-home .feature-card{
  flex:1 1 calc(33.333% - 11px);
  min-width:280px;
  min-height:176px;
  padding:20px;
}
.page-home .split{
  gap:18px;
  align-items:stretch;
}
.page-home .split-balanced .split-col{
  flex:1 1 0;
}
.page-home .split-col{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  flex:1 1 420px;
  min-width:320px;
  padding:22px;
  border-radius:24px;
}
.page-home .listing{
  gap:10px;
}
.page-home .list-item{
  padding:12px 0;
}
.page-home .list-item h3{
  margin:0 0 6px;
  font-size:24px;
}
.page-home .list-item p{
  margin:0;
  line-height:1.75;
}
.page-home .why-visual{
  display:flex;
  flex-direction:column;
  gap:14px;
  height:100%;
}
.page-home .why-visual-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .why-visual-copy h3{
  margin:0;
  font-size:26px;
  line-height:1.22;
}
.page-home .why-visual-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
}
.page-home .why-device{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(248,241,234,.86) 100%);
  border:1px solid rgba(77,56,41,.08);
}
.page-home .why-device img{
  width:100%;
  max-width:340px;
  display:block;
}
.page-home .why-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-home .why-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(77,56,41,.08);
  font-size:13px;
  color:var(--text);
}
.page-home .steps{
  gap:14px;
}
.page-home .step{
  flex:1 1 220px;
  min-width:200px;
  padding:22px;
  min-height:130px;
}
.page-home .step p{
  line-height:1.65;
}
.page-home .rich-block{
  padding:24px;
  border-radius:24px;
}
.page-home .kv{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.page-home .hero-actions .btn,
.page-home .header-cta .btn{
  white-space:nowrap;
}
@media (max-width:1280px){
  .page-home .home-page-main{gap:34px}
  .page-home .hero-grid-home{gap:20px}
  .page-home .hero-copy{flex-basis:500px;max-width:500px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(32px,3.1vw,46px)}
  .page-home .hero-visual{min-height:500px}
  .page-home .hero-composition{min-height:480px}
}
@media (max-width:1024px){
  .page-home .home-page-main{gap:30px}
  .page-home .feature-card{flex:1 1 calc(50% - 8px);min-width:260px}
  .page-home .split-col{min-width:280px}
}
@media (max-width:860px){
  .page-home .home-page-main{gap:24px}
  .page-home .section .container{gap:16px}
  .page-home .hero-grid-home{gap:18px}
  .page-home .hero-copy{max-width:100%;flex-basis:auto}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(30px,6vw,40px)}
  .page-home .lead{max-width:100%;font-size:16px}
  .page-home .hero-benefit-item{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px)}
  .page-home .split-col,
  .page-home .feature-card,
  .page-home .step{flex:1 1 100%;min-width:100%}
  .page-home .why-visual-copy h3{font-size:24px}
}
@media (max-width:680px){
  .page-home .home-page-main{gap:20px;padding-bottom:40px}
  .page-home .hero-shell-home{padding:18px 0 2px}
  .page-home .hero-benefit-item{flex:1 1 100%;min-width:100%}
  .page-home .hero-note,
  .page-home .why-tags span{font-size:12px}
  .page-home .step{min-height:unset}
}


/* v4 first-screen optimization */
.page-home .home-page-main{gap:30px;padding-bottom:48px}
.page-home .home-page-main > .home-hero{padding:10px 0 0}
.page-home .hero-shell-home{padding:16px 0 2px}
.page-home .hero-grid-home{gap:26px;align-items:center}
.page-home .hero-copy{flex-basis:500px;max-width:500px;padding:8px 0 4px}
.page-home .hero-copy-top{margin-bottom:2px}
.page-home .home-hero .hero-copy h1.hero-title-home{margin:8px 0 12px;gap:4px}
.page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(34px,3vw,50px);line-height:1.06}
.page-home .lead{max-width:28ch;font-size:17px;line-height:1.68}
.page-home .hero-actions{margin-top:14px}
.page-home .hero-inline-meta{margin-top:10px}
.page-home .hero-notes{margin-top:10px;gap:8px}
.page-home .hero-note{padding:7px 10px}
.page-home .hero-visual{flex:1 1 580px;min-height:500px;align-items:center}
.page-home .hero-stage-grand{display:flex;flex-direction:column;gap:12px}
.page-home .hero-stage-top{position:relative;left:auto;right:auto;top:auto;padding:0 8px}
.page-home .hero-composition{width:min(100%,600px);min-height:470px}
.page-home .hero-panel-front{left:12px;bottom:48px;width:min(64%,390px)}
.page-home .hero-panel-side{top:112px;right:0;width:min(33%,210px);padding:12px;border-radius:24px}
.page-home .hero-panel-label{margin-bottom:8px}
.page-home .hero-panel-sheet{padding:10px;border-radius:20px}
.page-home .device-shell-grand{padding:12px;border-radius:32px}
.page-home .device-screen img{display:block;width:100%;height:auto}
.page-home .float-card{padding:10px 12px;border-radius:16px}
.page-home .float-card b{font-size:14px}
.page-home .float-card span{font-size:12px}
.page-home .float-a{top:96px;right:20px}
.page-home .float-b{left:4px;bottom:82px}
.page-home .hero-insight-card{bottom:0;width:min(40%,250px);padding:16px 16px 14px;border-radius:22px}
.page-home .hero-insight-card h3{margin:10px 0 6px;font-size:17px;line-height:1.25}
.page-home .hero-insight-card p{font-size:13px;line-height:1.55}
.page-home .section .container{gap:14px}
.page-home .section-head{gap:6px}
.page-home .section-desc{max-width:54ch;line-height:1.64}
.page-home .section-compact{padding-top:4px}
.page-home .feature-grid{gap:14px}
.page-home .feature-card{min-height:168px;padding:18px}
.page-home .split{gap:16px}
.page-home .split-col{padding:20px}
.page-home .listing{gap:8px}
.page-home .list-item{padding:10px 0}
.page-home .steps{gap:12px}
.page-home .step{padding:20px;min-height:120px}
@media (max-width:1280px){
  .page-home .hero-grid-home{gap:22px}
  .page-home .hero-copy{flex-basis:470px;max-width:470px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(32px,3vw,44px)}
  .page-home .hero-visual{flex-basis:540px;min-height:470px}
  .page-home .hero-composition{width:min(100%,560px);min-height:450px}
  .page-home .hero-panel-front{width:min(64%,360px)}
  .page-home .hero-panel-side{width:min(34%,196px)}
}
@media (max-width:1024px){
  .page-home .home-page-main{gap:26px}
  .page-home .hero-grid-home{gap:18px}
  .page-home .hero-copy{flex-basis:430px;max-width:430px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(30px,3.4vw,40px)}
  .page-home .lead{font-size:16px;max-width:30ch}
  .page-home .hero-visual{flex-basis:500px;min-height:430px}
  .page-home .hero-composition{width:min(100%,510px);min-height:410px}
  .page-home .hero-panel-front{bottom:42px;width:min(63%,330px)}
  .page-home .hero-panel-side{top:102px;width:min(33%,178px)}
  .page-home .hero-insight-card{width:min(42%,220px)}
}
@media (max-width:860px){
  .page-home .home-page-main{gap:22px}
  .page-home .hero-shell-home{padding:14px 0 2px}
  .page-home .hero-grid-home{flex-direction:column;align-items:flex-start;gap:16px}
  .page-home .hero-copy{max-width:100%;flex-basis:auto;padding:4px 0 0}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(30px,5.4vw,38px);white-space:normal}
  .page-home .lead{max-width:100%;font-size:16px}
  .page-home .hero-visual{width:100%;min-height:auto;justify-content:center}
  .page-home .hero-stage-grand{gap:10px}
  .page-home .hero-stage-top{padding:0 0 2px}
  .page-home .hero-composition{width:100%;max-width:640px;min-height:auto;display:grid;gap:12px}
  .page-home .hero-panel,.page-home .hero-insight-card,.page-home .float-a,.page-home .float-b{position:static;width:100%;margin:0}
  .page-home .hero-panel-front,.page-home .hero-panel-side{width:100%}
  .page-home .hero-panel-front{order:1}
  .page-home .hero-panel-side{order:2}
  .page-home .hero-insight-card{order:3}
  .page-home .float-a{order:4}
  .page-home .float-b{order:5}
  .page-home .feature-card,.page-home .split-col,.page-home .step{min-width:100%}
}
@media (max-width:680px){
  .page-home .home-page-main{gap:18px;padding-bottom:34px}
  .page-home .hero-shell-home{padding:12px 0 0}
  .page-home .hero-copy-top{gap:8px}
  .page-home .home-hero .hero-copy h1.hero-title-home{margin:6px 0 10px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:30px;line-height:1.12}
  .page-home .lead{font-size:15px;line-height:1.68}
  .page-home .hero-note{font-size:12px;padding:7px 10px}
  .page-home .section .container{gap:12px}
  .page-home .feature-grid,.page-home .steps,.page-home .split{gap:12px}
}

/* v5 balanced breathing and first-screen refinement */
.page-home .home-page-main{
  gap:40px;
  padding-bottom:56px;
}
.page-home .home-page-main > .home-hero{
  padding:20px 0 0;
}
.page-home .hero-shell-home{
  padding:24px 0 8px;
}
.page-home .hero-grid-home{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:40px;
}
.page-home .hero-copy{
  flex:0 1 540px;
  max-width:540px;
  padding:16px 0 12px;
}
.page-home .hero-copy-top{
  gap:12px;
  margin-bottom:6px;
}
.page-home .home-hero .hero-copy h1.hero-title-home{
  margin:12px 0 18px;
  gap:6px;
}
.page-home .home-hero .hero-copy h1.hero-title-home .hero-line{
  font-size:clamp(36px,3.1vw,52px);
  line-height:1.08;
}
.page-home .lead{
  max-width:30ch;
  font-size:17px;
  line-height:1.82;
}
.page-home .hero-actions{
  margin-top:20px;
  gap:14px;
}
.page-home .hero-inline-meta{
  margin-top:16px;
  line-height:1.72;
}
.page-home .hero-notes{
  margin-top:14px;
  gap:10px;
}
.page-home .hero-note{
  padding:8px 12px;
}
.page-home .hero-visual{
  flex:1 1 600px;
  min-height:560px;
  padding-top:18px;
  align-items:flex-start;
}
.page-home .hero-stage-grand{
  gap:14px;
}
.page-home .hero-stage-top{
  padding:0 12px 2px;
}
.page-home .hero-composition{
  width:min(100%,620px);
  min-height:520px;
  margin-top:6px;
}
.page-home .hero-panel-front{
  left:18px;
  bottom:54px;
  width:min(64%,392px);
}
.page-home .hero-panel-side{
  top:122px;
  right:6px;
  width:min(34%,214px);
  padding:13px;
}
.page-home .float-card{
  padding:11px 13px;
}
.page-home .float-a{
  top:118px;
  right:14px;
}
.page-home .float-b{
  left:10px;
  bottom:98px;
}
.page-home .hero-insight-card{
  right:8px;
  bottom:8px;
  width:min(40%,252px);
  padding:18px 18px 16px;
}
.page-home .section .container{
  gap:18px;
}
.page-home .section-head{
  gap:8px;
}
.page-home .section-desc{
  max-width:56ch;
  font-size:16px;
  line-height:1.72;
}
.page-home .section-compact{
  padding-top:12px;
}
.page-home .feature-grid{
  gap:18px;
}
.page-home .feature-card{
  min-height:180px;
  padding:20px;
}
.page-home .split{
  gap:22px;
}
.page-home .split-col{
  padding:24px;
}
.page-home .listing{
  gap:10px;
}
.page-home .list-item{
  padding:12px 0;
}
.page-home .steps{
  gap:16px;
}
.page-home .step{
  padding:22px;
  min-height:128px;
}
.page-home .rich-block{
  padding:26px;
}
@media (max-width:1280px){
  .page-home .home-page-main{gap:36px}
  .page-home .hero-grid-home{gap:32px}
  .page-home .hero-copy{flex-basis:500px;max-width:500px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(34px,3vw,46px)}
  .page-home .hero-visual{flex-basis:560px;min-height:520px}
  .page-home .hero-composition{width:min(100%,580px);min-height:490px}
  .page-home .hero-panel-front{width:min(64%,364px)}
  .page-home .hero-panel-side{width:min(34%,198px)}
}
@media (max-width:1024px){
  .page-home .home-page-main{gap:32px}
  .page-home .hero-grid-home{gap:24px}
  .page-home .hero-copy{flex-basis:450px;max-width:450px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(32px,3.4vw,42px)}
  .page-home .lead{font-size:16px;max-width:31ch}
  .page-home .hero-visual{flex-basis:500px;min-height:470px}
  .page-home .hero-composition{width:min(100%,520px);min-height:440px}
  .page-home .hero-panel-front{bottom:48px;width:min(63%,336px)}
  .page-home .hero-panel-side{top:112px;width:min(34%,182px)}
  .page-home .float-a{top:108px;right:8px}
  .page-home .float-b{bottom:88px}
  .page-home .hero-insight-card{width:min(42%,226px)}
}
@media (max-width:860px){
  .page-home .home-page-main{gap:26px}
  .page-home .home-page-main > .home-hero{padding:16px 0 0}
  .page-home .hero-shell-home{padding:18px 0 4px}
  .page-home .hero-grid-home{flex-direction:column;align-items:flex-start;gap:18px}
  .page-home .hero-copy{max-width:100%;flex-basis:auto;padding:6px 0 0}
  .page-home .home-hero .hero-copy h1.hero-title-home{margin:10px 0 14px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:clamp(32px,5.4vw,40px);white-space:normal}
  .page-home .lead{max-width:100%;font-size:16px;line-height:1.78}
  .page-home .hero-actions{margin-top:18px;width:100%}
  .page-home .hero-visual{width:100%;min-height:auto;padding-top:0;justify-content:center}
  .page-home .hero-stage-grand{gap:10px}
  .page-home .hero-stage-top{padding:0 0 2px}
  .page-home .hero-composition{width:100%;max-width:640px;min-height:auto;display:grid;gap:14px;margin-top:0}
  .page-home .hero-panel,
  .page-home .hero-insight-card,
  .page-home .float-a,
  .page-home .float-b{position:static;width:100%;margin:0}
  .page-home .hero-panel-front,
  .page-home .hero-panel-side{width:100%}
  .page-home .hero-panel-front{order:1}
  .page-home .hero-panel-side{order:2}
  .page-home .hero-insight-card{order:3}
  .page-home .float-a{order:4}
  .page-home .float-b{order:5}
  .page-home .section .container{gap:16px}
  .page-home .feature-card,
  .page-home .split-col,
  .page-home .step{min-width:100%}
}
@media (max-width:680px){
  .page-home .home-page-main{gap:22px;padding-bottom:38px}
  .page-home .hero-shell-home{padding:14px 0 2px}
  .page-home .hero-copy-top{gap:8px}
  .page-home .home-hero .hero-copy h1.hero-title-home .hero-line{font-size:30px;line-height:1.12}
  .page-home .lead{font-size:15px;line-height:1.72}
  .page-home .section .container{gap:14px}
  .page-home .feature-grid,
  .page-home .steps,
  .page-home .split{gap:14px}
}

/* v7 app-home inspired homepage redraw */
.page-home .home-page-main-v7{
  display:flex;
  flex-direction:column;
  gap:60px;
  padding-bottom:64px;
}
.page-home .home-page-main-v7 > section{
  width:100%;
}
.page-home .home-hero-v7{
  position:relative;
  padding:24px 0 10px;
  background:
    radial-gradient(circle at 76% 18%, rgba(236,223,208,.34) 0%, rgba(236,223,208,0) 24%),
    radial-gradient(circle at 20% 38%, rgba(244,235,224,.62) 0%, rgba(244,235,224,0) 34%),
    radial-gradient(circle at 52% 46%, rgba(241,232,221,.72) 0%, rgba(241,232,221,.34) 32%, rgba(241,232,221,0) 62%),
    linear-gradient(90deg, rgba(244,236,226,.96) 0%, rgba(242,233,222,.98) 48%, rgba(244,236,226,.96) 100%);
}
.page-home .hero-shell-v7{
  padding:30px 0 10px;
}
.page-home .hero-grid-v7{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:54px;
}
.page-home .hero-copy-v7{
  flex:0 1 510px;
  max-width:510px;
  padding:24px 0 16px;
}
.page-home .hero-copy-top-v7{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:2px;
}
.page-home .hero-title-home-v7{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:18px 0 22px;
}
.page-home .hero-title-home-v7 .hero-line{
  display:block;
  font-size:clamp(40px,3.6vw,56px);
  line-height:1.08;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.page-home .hero-title-home-v7 .hero-line-dark{color:var(--text)}
.page-home .hero-title-home-v7 .hero-line-gold{color:#b08858}
.page-home .hero-copy-v7 .lead{
  max-width:30ch;
  font-size:17px;
  line-height:1.84;
  color:rgba(44,33,25,.74);
}
.page-home .hero-copy-v7 .hero-actions{
  margin-top:22px;
  gap:14px;
}
.page-home .hero-actions-banner{
  align-items:center;
}
.page-home .btn-app{
  background:rgba(255,248,240,.92);
  color:var(--brand-strong);
  border-color:rgba(169,124,74,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(169,124,74,.10);
}
.page-home .btn-app:hover{
  border-color:rgba(169,124,74,.36);
  color:#9b7141;
}
.page-home .hero-download-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding:12px 14px 12px 16px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,252,247,.88) 0%, rgba(248,241,233,.82) 100%);
  border:1px solid rgba(77,56,41,.075);
  box-shadow:0 14px 32px rgba(73,51,33,.05);
  scroll-margin-top:100px;
}
.page-home .hero-download-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.page-home .hero-download-copy b{
  font-size:15px;
  line-height:1.3;
  color:var(--text);
}
.page-home .hero-download-copy span{
  font-size:13px;
  line-height:1.62;
  color:var(--muted);
}
.page-home .hero-download-qr{
  width:64px;
  height:64px;
  flex:0 0 64px;
  border-radius:16px;
  object-fit:cover;
  background:#fff;
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 10px 20px rgba(73,51,33,.06);
}
.page-home .hero-notes-v7{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.page-home .hero-summary-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hero-summary-card{
  flex:1 1 154px;
  min-width:154px;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:16px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(77,56,41,.075);
  box-shadow:0 16px 34px rgba(73,51,33,.055);
}
.page-home .hero-summary-card b{
  font-size:14px;
  line-height:1.34;
}
.page-home .hero-summary-card span{
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}
.page-home .hero-visual-v7{
  flex:1 1 620px;
  min-width:0;
  min-height:640px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:22px 0 10px;
}
.page-home .hero-stage-v7{
  position:relative;
  width:min(100%,640px);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.page-home .hero-stage-top-v7{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:0 10px 4px 0;
}
.page-home .hero-stage-note{
  color:rgba(108,86,66,.66);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.page-home .hero-device-stack{
  position:relative;
  min-height:632px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:10px 6px 10px 0;
}
.page-home .hero-device-stack-v8{
  overflow:visible;
}
.page-home .hero-visual-glow{
  position:absolute;
  inset:8% 10% 10% 22%;
  border-radius:42px;
  background:radial-gradient(circle at 52% 44%, rgba(244,236,226,.74) 0%, rgba(239,229,216,.54) 34%, rgba(231,217,201,.16) 68%, rgba(231,217,201,0) 100%);
  filter:blur(10px);
}
.page-home .hero-phone-card{
  position:relative;
  border-radius:38px;
  overflow:hidden;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 28px 70px rgba(73,51,33,.10);
}
.page-home .hero-phone-card img{
  width:100%;
  height:auto;
  display:block;
}
.page-home .hero-phone-main{
  width:min(58%,356px);
  z-index:2;
}
.page-home .hero-phone-side{
  position:absolute;
  left:26px;
  bottom:118px;
  width:min(36%,214px);
  z-index:3;
}
.page-home .hero-visual-mini-card{
  position:absolute;
  right:10px;
  bottom:24px;
  width:min(43%,262px);
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 20px 18px;
  border-radius:28px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 22px 46px rgba(73,51,33,.09);
  z-index:4;
}
.page-home .hero-visual-mini-card b{
  font-size:16px;
  line-height:1.45;
}
.page-home .hero-visual-mini-card p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.page-home .hero-float-chip{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(77,56,41,.07);
  box-shadow:0 14px 28px rgba(73,51,33,.06);
  font-size:12px;
  font-weight:800;
  color:#b08858;
  z-index:4;
}
.page-home .hero-float-chip-a{
  left:8px;
  top:112px;
}
.page-home .hero-float-chip-b{
  right:42px;
  top:278px;
}
.page-home .section .container{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.page-home .section-head{
  margin-bottom:0;
}
.page-home .section-head h2{
  letter-spacing:-.025em;
}
.page-home .section-desc{
  max-width:60ch;
  font-size:16px;
  line-height:1.74;
}
.page-home .section-compact{
  padding-top:12px;
}
.page-home .overview-flex-row,
.page-home .value-flex-row,
.page-home .feature-flex-row,
.page-home .support-flex-row{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
}
.page-home .overview-card,
.page-home .support-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:22px;
  border-radius:28px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 22px 55px rgba(73,51,33,.06);
}
.page-home .overview-card{
  flex:1 1 320px;
  min-width:300px;
}
.page-home .overview-card-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .overview-card-copy h3,
.page-home .value-card h3,
.page-home .support-card h3{
  margin:0;
  font-size:28px;
  line-height:1.18;
}
.page-home .overview-card-copy p,
.page-home .value-card p,
.page-home .support-card p{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:var(--muted);
}
.page-home .overview-card-media{
  margin-top:auto;
  padding:10px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,239,230,.92));
  border:1px solid rgba(77,56,41,.06);
}
.page-home .overview-card-media img{
  width:100%;
  border-radius:16px;
}
.page-home .value-card{
  flex:1 1 280px;
  min-width:260px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 18px 42px rgba(73,51,33,.06);
}
.page-home .value-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:rgba(183,147,98,.12);
  color:var(--brand-strong);
  font-weight:900;
  font-size:18px;
}
.page-home .feature-flex-row{
  gap:20px;
}
.page-home .feature-card-v7{
  flex:1 1 calc(50% - 10px);
  min-width:280px;
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-height:186px;
}
.page-home .feature-card-v7 .feature-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .support-card{
  flex:1 1 360px;
}
.page-home .support-flex-row-single{
  gap:0;
}
.page-home .support-card-wide{
  width:100%;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:26px 30px;
}
.page-home .support-card-copy{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:620px;
}
.page-home .support-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:2px;
}
.page-home .support-points span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,251,246,.82);
  border:1px solid rgba(77,56,41,.08);
  color:rgba(44,33,25,.78);
  font-size:14px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.page-home .support-kv{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
  border-bottom:1px solid rgba(77,56,41,.08);
}
.page-home .support-kv:last-of-type{
  border-bottom:0;
  padding-bottom:0;
}
.page-home .support-kv b{
  flex:0 0 132px;
  color:var(--brand-strong);
  font-size:15px;
  line-height:1.7;
}
.page-home .support-kv span{
  flex:1 1 auto;
  text-align:left;
  font-size:15px;
  line-height:1.7;
}
.page-home .support-actions{
  margin-top:8px;
}
@media (max-width:1280px){
  .page-home .hero-grid-v7{gap:38px}
  .page-home .hero-copy-v7{flex-basis:470px;max-width:470px}
  .page-home .hero-title-home-v7 .hero-line{font-size:clamp(38px,3.2vw,50px)}
  .page-home .hero-visual-v7{flex-basis:560px;min-height:600px}
  .page-home .hero-stage-v7{width:min(100%,600px)}
}
@media (max-width:1100px){
  .page-home .home-page-main-v7{gap:52px}
  .page-home .hero-grid-v7{gap:28px}
  .page-home .hero-copy-v7{flex-basis:430px;max-width:430px}
  .page-home .hero-title-home-v7 .hero-line{font-size:clamp(34px,3.1vw,44px)}
  .page-home .hero-copy-v7 .lead{max-width:100%}
  .page-home .hero-visual-v7{flex-basis:500px;min-height:560px}
  .page-home .hero-device-stack{min-height:560px;padding-top:8px}
  .page-home .hero-phone-main{width:min(56%,320px)}
  .page-home .hero-phone-side{width:min(36%,210px);bottom:108px}
  .page-home .hero-visual-mini-card{width:min(44%,250px)}
  .page-home .feature-card-v7{flex-basis:100%}
}

@media (max-width:900px){
  .page-home .home-page-main-v7{gap:44px}
  .page-home .hero-grid-v7{
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
  }
  .page-home .hero-copy-v7,
  .page-home .hero-visual-v7{
    flex-basis:auto;
    max-width:100%;
    width:100%;
  }
  .page-home .hero-title-home-v7 .hero-line{
    white-space:normal;
    font-size:clamp(32px,5.4vw,44px);
  }
  .page-home .hero-visual-v7{
    min-height:auto;
    justify-content:center;
  }
  .page-home .hero-stage-v7{
    width:100%;
    max-width:620px;
    margin:0 auto;
  }
  .page-home .hero-stage-top-v7{padding:0 2px}
  .page-home .hero-device-stack{
    min-height:560px;
    justify-content:center;
    padding-right:0;
  }
  .page-home .hero-phone-side{
    left:18px;
  }
  .page-home .hero-visual-mini-card{right:8px}
  .page-home .overview-card,
  .page-home .value-card,
  .page-home .support-card,
  .page-home .feature-card-v7{
    min-width:100%;
    flex-basis:100%;
  }
  .page-home .support-card-wide{
    flex-direction:column;
    align-items:flex-start;
    padding:24px;
    gap:20px;
  }
  .page-home .support-card-copy{
    max-width:none;
  }
}
@media (max-width:680px){
  .page-home .home-page-main-v7{gap:36px;padding-bottom:42px}
  .page-home .hero-actions-banner .btn{width:100%}
  .page-home .hero-download-inline{padding:12px 14px;align-items:flex-start}
  .page-home .hero-download-qr{width:56px;height:56px;flex-basis:56px}
  .page-home .hero-shell-v7{padding:16px 0 4px}
  .page-home .hero-copy-v7{padding:4px 0 0}
  .page-home .hero-copy-top-v7{gap:8px}
  .page-home .hero-title-home-v7{margin:12px 0 14px;gap:6px}
  .page-home .hero-title-home-v7 .hero-line{font-size:clamp(30px,7vw,36px);line-height:1.12;white-space:normal}
  .page-home .hero-copy-v7 .lead{font-size:15px;line-height:1.74}
  .page-home .hero-actions{gap:10px}
  .page-home .hero-notes-v7,.page-home .hero-summary-row{gap:10px}
  .page-home .hero-summary-card{min-width:100%;padding:14px 16px}
  .page-home .hero-stage-v7{gap:12px}
  .page-home .hero-stage-top-v7{padding:0;flex-direction:column;align-items:flex-start}
  .page-home .hero-stage-note{white-space:normal}
  .page-home .hero-device-stack{min-height:auto;display:grid;gap:12px;padding:0}
  .page-home .hero-phone-card,
  .page-home .hero-phone-side,
  .page-home .hero-phone-main,
  .page-home .hero-float-chip,
  .page-home .hero-visual-mini-card{
    position:static;
    width:100%;
    margin:0;
  }
  .page-home .hero-phone-card{border-radius:28px}
  .page-home .hero-float-chip{justify-content:flex-start}
  .page-home .section .container{gap:18px}
  .page-home .overview-card,
  .page-home .value-card,
  .page-home .support-card,
  .page-home .feature-card-v7{padding:18px}
  .page-home .overview-card-copy h3,
  .page-home .value-card h3,
  .page-home .support-card h3{font-size:24px}
  .page-home .support-kv{flex-direction:column;gap:6px}
  .page-home .support-kv b{flex:auto}
}

/* v11 banner redraw: softer warm palette, less reflective center, clearer flex composition */
.page-home .home-hero-v7{
  position:relative;
  overflow:hidden;
  padding:30px 0 16px;
  background:
    radial-gradient(circle at 14% 20%, rgba(198,166,121,.14) 0%, rgba(198,166,121,0) 24%),
    radial-gradient(circle at 90% 16%, rgba(183,34,49,.045) 0%, rgba(183,34,49,0) 18%),
    linear-gradient(90deg, rgba(243,234,224,.985) 0%, rgba(240,231,221,.985) 34%, rgba(238,229,218,.985) 67%, rgba(242,234,225,.985) 100%);
}
.page-home .home-hero-v7::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 72%, rgba(183,147,98,.08) 0%, rgba(183,147,98,0) 28%),
    radial-gradient(circle at 76% 56%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 24%),
    repeating-linear-gradient(90deg, rgba(123,92,62,.012) 0 1px, transparent 1px 28px);
  opacity:.72;
}
.page-home .home-hero-v7::after{content:none}
.page-home .hero-shell-v7{
  position:relative;
  z-index:1;
  padding:28px 0 14px;
}
.page-home .hero-grid-v7{
  align-items:flex-start;
  gap:44px;
}
.page-home .hero-copy-v7{
  flex:0 1 520px;
  max-width:520px;
  padding:24px 0 10px;
}
.page-home .hero-title-home-v7{
  margin:18px 0 18px;
}
.page-home .hero-title-home-v7 .hero-line{
  font-size:clamp(42px,3.45vw,56px);
}
.page-home .hero-copy-v7 .lead{
  max-width:28ch;
  line-height:1.84;
  color:rgba(44,33,25,.74);
}
.page-home .hero-actions{
  margin-top:20px;
}
.page-home .hero-notes-v7{
  margin-top:16px;
}
.page-home .hero-note{
  background:rgba(255,251,246,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.page-home .hero-summary-row{
  margin-top:22px;
  gap:12px;
}
.page-home .hero-summary-card{
  background:linear-gradient(180deg, rgba(255,251,246,.84) 0%, rgba(246,239,231,.76) 100%);
  box-shadow:0 16px 36px rgba(73,51,33,.05);
}
.page-home .hero-visual-v11{
  flex:1 1 620px;
  min-width:0;
  min-height:auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:2px 0 2px;
}
.page-home .hero-stage-v11{
  width:min(100%, 648px);
  display:flex;
  flex-direction:column;
  gap:16px;
  background:transparent;
}
.page-home .hero-stage-top-v11{
  display:flex;
  justify-content:flex-end;
  padding-right:10px;
}
.page-home .hero-visual-board-v11{
  position:relative;
  min-height:614px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:24px;
  padding:30px 2px 18px 72px;
}
.page-home .hero-visual-board-v11::before{content:none}
.page-home .hero-panel-home-v11,
.page-home .hero-panel-loading-v11,
.page-home .hero-panel-report-v11{
  position:relative;
  border:1px solid rgba(77,56,41,.06);
  background:linear-gradient(180deg, rgba(255,251,247,.92) 0%, rgba(247,240,232,.88) 100%);
  box-shadow:0 18px 44px rgba(73,51,33,.06);
}
.page-home .hero-panel-home-v11{
  z-index:3;
  flex:0 0 334px;
  border-radius:34px;
  overflow:hidden;
}
.page-home .hero-panel-home-v11 img{
  display:block;
  width:100%;
  height:auto;
}
.page-home .hero-panel-loading-v11{
  position:absolute;
  left:0;
  bottom:54px;
  z-index:4;
  width:200px;
  border-radius:30px;
  overflow:hidden;
}
.page-home .hero-panel-loading-v11 img{
  display:block;
  width:100%;
  height:auto;
}
.page-home .hero-panel-report-v11{
  position:absolute;
  right:10px;
  bottom:0;
  z-index:5;
  width:270px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 20px 18px;
  border-radius:28px;
}
.page-home .hero-panel-report-v11 b{
  font-size:17px;
  line-height:1.42;
}
.page-home .hero-panel-report-v11 p{
  margin:0;
  font-size:14px;
  line-height:1.72;
  color:var(--muted);
}
@media (max-width:1280px){
  .page-home .hero-grid-v7{gap:34px}
  .page-home .hero-copy-v7{flex-basis:488px;max-width:488px}
  .page-home .hero-title-home-v7 .hero-line{font-size:clamp(40px,3.25vw,52px)}
  .page-home .hero-visual-v11{flex-basis:580px}
  .page-home .hero-stage-v11{width:min(100%, 600px)}
  .page-home .hero-visual-board-v11{min-height:576px;padding-left:58px}
  .page-home .hero-panel-home-v11{flex-basis:318px}
  .page-home .hero-panel-loading-v11{width:188px}
  .page-home .hero-panel-report-v11{width:248px}
}
@media (max-width:1100px){
  .page-home .hero-grid-v7{gap:28px}
  .page-home .hero-copy-v7{flex-basis:448px;max-width:448px}
  .page-home .hero-title-home-v7 .hero-line{font-size:clamp(36px,3vw,46px)}
  .page-home .hero-copy-v7 .lead{max-width:100%;font-size:16px}
  .page-home .hero-visual-v11{flex-basis:520px}
  .page-home .hero-stage-v11{width:min(100%, 540px)}
  .page-home .hero-visual-board-v11{min-height:526px;padding-left:42px;gap:18px}
  .page-home .hero-panel-home-v11{flex-basis:290px}
  .page-home .hero-panel-loading-v11{width:172px;bottom:48px}
  .page-home .hero-panel-report-v11{width:232px;padding:16px 18px}
}
@media (max-width:900px){
  .page-home .hero-grid-v7{
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
  }
  .page-home .hero-copy-v7,
  .page-home .hero-visual-v11{
    flex-basis:auto;
    max-width:100%;
    width:100%;
  }
  .page-home .hero-copy-v7{padding-top:8px}
  .page-home .hero-title-home-v7 .hero-line{
    font-size:clamp(34px,5.4vw,44px);
    white-space:normal;
  }
  .page-home .hero-stage-v11{max-width:640px;margin:0 auto}
  .page-home .hero-stage-top-v11{justify-content:flex-start;padding-right:0}
  .page-home .hero-visual-board-v11{
    min-height:auto;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    padding:0;
  }
  .page-home .hero-panel-loading-v11,
  .page-home .hero-panel-home-v11,
  .page-home .hero-panel-report-v11{
    position:static;
    width:100%;
    max-width:100%;
  }
  .page-home .hero-panel-home-v11{flex-basis:auto}
  .page-home .hero-panel-loading-v11{order:2}
  .page-home .hero-panel-home-v11{order:1}
  .page-home .hero-panel-report-v11{order:3}
}
@media (max-width:680px){
  .page-home .home-hero-v7{padding:20px 0 8px}
  .page-home .hero-shell-v7{padding:18px 0 6px}
  .page-home .hero-copy-v7{padding:2px 0 0}
  .page-home .hero-title-home-v7{margin:12px 0 14px;gap:6px}
  .page-home .hero-title-home-v7 .hero-line{font-size:clamp(30px,7.2vw,36px)}
  .page-home .hero-copy-v7 .lead{font-size:15px;line-height:1.74}
  .page-home .hero-summary-row{margin-top:16px}
  .page-home .hero-stage-v11{gap:12px}
  .page-home .hero-panel-home-v11,
  .page-home .hero-panel-loading-v11,
  .page-home .hero-panel-report-v11{border-radius:24px}
  .page-home .hero-panel-report-v11{padding:16px}
}

/* v12 banner tone correction: remove reflective white center and rebalance hero warmth */
.page-home .home-hero-v7{
  background:
    radial-gradient(circle at 12% 24%, rgba(192,156,110,.11) 0%, rgba(192,156,110,0) 22%),
    radial-gradient(circle at 84% 18%, rgba(183,34,49,.03) 0%, rgba(183,34,49,0) 18%),
    linear-gradient(90deg,
      rgba(242,233,222,.99) 0%,
      rgba(240,231,221,.99) 26%,
      rgba(238,229,219,.99) 50%,
      rgba(239,231,221,.99) 74%,
      rgba(242,233,223,.99) 100%);
}
.page-home .home-hero-v7::before{
  background:
    radial-gradient(circle at 18% 70%, rgba(183,147,98,.06) 0%, rgba(183,147,98,0) 26%),
    radial-gradient(circle at 74% 46%, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 18%),
    repeating-linear-gradient(90deg, rgba(123,92,62,.010) 0 1px, transparent 1px 30px);
  opacity:.68;
}
.page-home .hero-visual-board-v11::before{display:none}
.page-home .hero-stage-v11{background:transparent}
.page-home .hero-panel-home-v11,
.page-home .hero-panel-loading-v11,
.page-home .hero-panel-report-v11{box-shadow:0 16px 38px rgba(73,51,33,.055)}
@media (max-width:900px){
  .page-home .home-hero-v7{
    background:linear-gradient(180deg,
      rgba(242,233,222,.99) 0%,
      rgba(239,230,219,.99) 52%,
      rgba(242,233,223,.99) 100%);
  }
}

/* download page */
.page-download .page-hero::before{
  background:linear-gradient(90deg,
    rgba(242,234,224,.98) 0%,
    rgba(245,239,231,.98) 52%,
    rgba(243,235,227,.98) 100%);
}
.page-download .page-hero::after{content:none}
.page-download .download-page-hero{
  padding:56px 0 30px;
}
.page-download .download-hero-grid{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:34px;
}
.page-download .download-hero-copy,
.page-download .download-hero-side,
.page-download .download-qr-card,
.page-download .download-steps .step,
.page-download .support-card{
  opacity:1;
  transform:none;
}
.page-download .download-hero-copy{
  flex:1 1 500px;
  max-width:540px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-download .download-hero-copy h1{
  margin:16px 0 18px;
  font-size:clamp(40px,4.4vw,64px);
  line-height:1.08;
  letter-spacing:-.03em;
  max-width:8.8ch;
  color:var(--text);
}
.page-download .download-hero-copy h1 .download-title-line{display:block;white-space:nowrap}
.page-download .download-hero-copy .lead{
  max-width:31ch;
  font-size:18px;
  line-height:1.76;
  color:rgba(44,33,25,.82);
}
.page-download .download-point-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.page-download .download-point-list span{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,252,248,.96);
  border:1px solid rgba(77,56,41,.10);
  color:rgba(44,33,25,.80);
  font-size:14px;
  font-weight:700;
}
.page-download .download-hero-side{
  flex:1 1 620px;
  min-width:0;
  display:flex;
  align-items:stretch;
  gap:20px;
}
.page-download .download-qr-card{
  flex:0 0 336px;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:28px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,252,248,.98) 0%,rgba(248,241,233,.96) 100%);
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 20px 52px rgba(73,51,33,.08);
}
.page-download .download-qr-card h2{
  margin:0;
  font-size:28px;
  line-height:1.25;
  color:var(--text);
}
.page-download .download-qr-card p{
  margin:0;
  color:rgba(44,33,25,.72);
  line-height:1.78;
}
.page-download .download-qr-wrap{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(77,56,41,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
.page-download .download-qr-image{
  width:132px;
  height:132px;
  flex:0 0 132px;
  border-radius:22px;
  background:#fff;
  object-fit:cover;
  border:1px solid rgba(77,56,41,.08);
  box-shadow:0 12px 26px rgba(73,51,33,.05);
}
.page-download .download-qr-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-download .download-qr-copy b{
  font-size:18px;
  line-height:1.35;
  color:var(--text);
}
.page-download .download-qr-copy span{
  color:rgba(44,33,25,.66);
  font-size:14px;
  line-height:1.72;
}
.page-download .download-steps{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media (max-width:1180px){
  .page-download .download-hero-grid{
    flex-direction:column;
    align-items:flex-start;
  }
  .page-download .download-hero-copy,
  .page-download .download-hero-side{
    max-width:100%;
    width:100%;
    flex-basis:auto;
  }
  .page-download .download-hero-side{
    flex-direction:column;
  }
  .page-download .download-qr-card{
    flex:1 1 auto;
  }
}
@media (max-width:900px){
  .page-download .download-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:680px){
  .page-download .download-page-hero{
    padding:28px 0 10px;
  }
  .page-download .download-hero-copy h1{
    font-size:clamp(32px,9vw,42px);
    max-width:100%;
  }
  .page-download .download-hero-copy h1 .download-title-line{display:block;white-space:nowrap}
.page-download .download-hero-copy .lead{
    max-width:100%;
    font-size:16px;
  }
  .page-download .download-hero-side{
    gap:14px;
  }
  .page-download .download-qr-card,
    .page-download .download-qr-wrap{
    flex-direction:column;
    align-items:flex-start;
  }
  .page-download .download-qr-image{
    width:116px;
    height:116px;
    flex-basis:116px;
  }
  .page-download .download-steps{
    grid-template-columns:1fr;
  }
}


/* download page v27 rebuild */
.page-download .page-hero::before{content:none !important}
.page-download .download-page-hero{
  padding:56px 0 34px;
  background:linear-gradient(90deg,
    rgba(244,237,227,.98) 0%,
    rgba(246,240,231,.98) 52%,
    rgba(243,235,226,.98) 100%);
}
.page-download .download-page-hero .container,
.page-download .section .container{position:relative;z-index:1}
.page-download .download-hero-grid{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:40px;
}
.page-download .download-hero-copy,
.page-download .download-hero-side,
.page-download .download-qr-card,
.page-download .download-steps .step,
.page-download .overview-card,
.page-download .support-card,
.page-download .section-head{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
.page-download .download-hero-copy{
  flex:0 1 500px;
  max-width:500px;
  padding:6px 0;
}
.page-download .download-hero-copy .eyebrow{color:rgba(122,93,63,.78)}
.page-download .download-hero-copy h1{
  margin:14px 0 18px;
  font-size:clamp(42px,4.1vw,58px);
  line-height:1.08;
  letter-spacing:-.03em;
  max-width:12.8ch;
  color:rgba(41,29,20,.96);
}
.page-download .download-hero-copy h1 .download-title-line{display:block;white-space:nowrap}
.page-download .download-hero-copy .lead{
  max-width:31ch;
  font-size:18px;
  line-height:1.84;
  color:rgba(59,44,32,.86);
}
.page-download .hero-actions{margin-top:26px}
.page-download .download-point-list{margin-top:18px;gap:10px}
.page-download .download-point-list span{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(112,83,55,.12);
  color:rgba(66,49,35,.86);
}
.page-download .download-hero-side{
  flex:0 0 360px;
  max-width:360px;
  min-width:0;
  display:flex;
  gap:0;
  align-items:flex-start;
  justify-content:flex-end;
}
.page-download .download-qr-card{
  flex:0 0 340px;
  padding:28px;
  align-self:flex-start;
  border-radius:28px;
  background:#fffdfa;
  border:1px solid rgba(112,83,55,.10);
  box-shadow:0 20px 48px rgba(70,50,32,.08);
}
.page-download .download-qr-card h2{
  font-size:30px;
  line-height:1.26;
  color:rgba(39,28,20,.96);
}
.page-download .download-qr-card p,
.page-download .download-qr-copy span{
  color:rgba(61,45,32,.76);
}
.page-download .download-qr-wrap{
  padding:16px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(112,83,55,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.page-download .download-qr-image{
  border-radius:20px;
  background:#fff;
  box-shadow:none;
  opacity:1 !important;
}
.page-download .download-qr-copy b{color:rgba(39,28,20,.95)}
.page-download .section-compact{padding-top:22px}
.page-download .section-head{margin-bottom:6px}
.page-download .section-head h2,
.page-download .section-head .section-desc{
  color:rgba(41,29,20,.96);
}
.page-download .download-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-download .download-steps .step{
  background:#fffdfa;
  border:1px solid rgba(112,83,55,.10);
  box-shadow:0 12px 30px rgba(70,50,32,.06);
}
.page-download .overview-card,
.page-download .support-card{
  background:#fffdfa;
  border:1px solid rgba(112,83,55,.10);
  box-shadow:0 14px 34px rgba(70,50,32,.06);
}
.page-download .support-card-copy p,
.page-download .overview-card p,
.page-download .step p{color:rgba(61,45,32,.76)}
@media (max-width:1180px){
  .page-download .download-hero-grid{flex-direction:column;align-items:flex-start;gap:24px}
  .page-download .download-hero-copy,
  .page-download .download-hero-side{max-width:100%;width:100%;flex-basis:auto}
  .page-download .download-hero-side{flex-direction:column}
  .page-download .download-qr-card{flex:1 1 auto;width:100%}
}
@media (max-width:900px){
  .page-download .download-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .page-download .download-page-hero{padding:30px 0 18px}
  .page-download .download-hero-copy h1{font-size:clamp(26px,7.4vw,36px);max-width:100%}
  .page-download .download-hero-copy h1 .download-title-line{white-space:normal}
  .page-download .download-hero-copy .lead{max-width:100%;font-size:16px}
  .page-download .download-hero-side{gap:14px}
  .page-download .download-qr-card,
    .page-download .download-qr-wrap{flex-direction:column;align-items:flex-start}
  .page-download .download-qr-image{width:116px;height:116px;flex-basis:116px}
  .page-download .download-steps{grid-template-columns:1fr}
}


.page-download .download-hero-side > :not(.download-qr-card){display:none !important;}

/* download page v31 flex redraw */
.page-download .section.section-compact,
.page-download .section{
  padding-top:34px;
  padding-bottom:8px;
}
.page-download .section + .section{
  padding-top:18px;
}
.page-download .section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-bottom:20px;
}
.page-download .section-head .eyebrow{
  margin-bottom:0;
}
.page-download .section-head h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
  line-height:1.18;
}
.page-download .section-head .section-desc{
  margin:0;
  max-width:56ch;
  color:rgba(61,45,32,.78);
}
.page-download .overview-flex-row{
  display:flex;
  align-items:stretch;
  gap:20px;
  flex-wrap:wrap;
}
.page-download .overview-card{
  flex:1 1 320px;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  padding:22px;
  border-radius:26px;
  background:#fffdfa;
  border:1px solid rgba(112,83,55,.10);
  box-shadow:0 14px 34px rgba(70,50,32,.06);
}
.page-download .overview-card-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.page-download .overview-card-copy h3{
  margin:0;
  font-size:26px;
  line-height:1.26;
  color:rgba(39,28,20,.96);
}
.page-download .overview-card-copy p{
  margin:0;
  color:rgba(61,45,32,.76);
  line-height:1.78;
}
.page-download .overview-card-media{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  padding:6px;
  border-radius:22px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(112,83,55,.08);
}
.page-download .overview-card-media img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.page-download .support-flex-row,
.page-download .support-flex-row-single{
  display:flex;
  align-items:stretch;
  gap:20px;
}
.page-download .support-card,
.page-download .support-card-wide{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:26px 28px;
  border-radius:28px;
  background:#fffdfa;
  border:1px solid rgba(112,83,55,.10);
  box-shadow:0 14px 34px rgba(70,50,32,.06);
}
.page-download .support-card-copy{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.page-download .support-card-copy h3{
  margin:0;
  font-size:28px;
  line-height:1.24;
  color:rgba(39,28,20,.96);
}
.page-download .support-card-copy p{
  margin:0;
  max-width:44ch;
}
.page-download .support-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.page-download .support-points{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.page-download .support-points span{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(112,83,55,.10);
  color:rgba(66,49,35,.82);
  font-size:14px;
  font-weight:700;
}
@media (max-width:1100px){
  .page-download .overview-card{
    flex:1 1 calc(50% - 10px);
  }
}
@media (max-width:900px){
  .page-download .overview-flex-row,
  .page-download .support-flex-row,
  .page-download .support-flex-row-single{
    flex-direction:column;
  }
  .page-download .overview-card,
  .page-download .support-card,
  .page-download .support-card-wide{
    flex:1 1 auto;
    width:100%;
  }
  .page-download .support-card,
  .page-download .support-card-wide{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:680px){
  .page-download .section.section-compact,
  .page-download .section{
    padding-top:24px;
    padding-bottom:4px;
  }
  .page-download .section-head{
    margin-bottom:16px;
  }
  .page-download .section-head h2{
    font-size:30px;
  }
  .page-download .overview-card{
    padding:18px;
    gap:14px;
  }
  .page-download .overview-card-copy h3{
    font-size:22px;
  }
  .page-download .overview-card-media{
    min-height:180px;
  }
  .page-download .support-card,
  .page-download .support-card-wide{
    padding:20px;
    gap:18px;
  }
  .page-download .support-card-copy h3{
    font-size:24px;
  }
}


/* v33 homepage visual cleanup: keep the right banner cleaner with a single phone preview */
.page-home .hero-visual-v11{
  flex:0 1 540px;
  justify-content:flex-end;
  padding:10px 0 0;
}
.page-home .hero-stage-v11{
  width:min(100%, 520px);
  gap:0;
}
.page-home .hero-visual-board-clean{
  min-height:620px;
  padding:34px 26px 18px 92px;
  align-items:flex-start;
  justify-content:flex-end;
  gap:0;
}
.page-home .hero-phone-backdrop{
  position:absolute;
  inset:48px 10px 52px 108px;
  border-radius:42px;
  background:linear-gradient(180deg, rgba(255,250,245,.82) 0%, rgba(244,236,227,.72) 100%);
  border:1px solid rgba(183,147,98,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66), 0 18px 36px rgba(73,51,33,.04);
}
.page-home .hero-panel-home-clean{
  flex:0 0 306px;
  margin:0 2px 0 auto;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 24px 56px rgba(73,51,33,.08);
}
.page-home .hero-panel-home-clean img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width:1280px){
  .page-home .hero-visual-v11{flex-basis:500px;}
  .page-home .hero-stage-v11{width:min(100%, 486px);}
  .page-home .hero-visual-board-clean{min-height:588px;padding:28px 20px 16px 78px;}
  .page-home .hero-phone-backdrop{inset:40px 8px 46px 92px;}
  .page-home .hero-panel-home-clean{flex-basis:292px;}
}
@media (max-width:1100px){
  .page-home .hero-visual-v11{flex-basis:460px;}
  .page-home .hero-stage-v11{width:min(100%, 450px);}
  .page-home .hero-visual-board-clean{min-height:540px;padding:24px 16px 16px 62px;}
  .page-home .hero-phone-backdrop{inset:34px 6px 40px 72px;}
  .page-home .hero-panel-home-clean{flex-basis:270px;}
}
@media (max-width:900px){
  .page-home .hero-visual-v11{flex-basis:auto;justify-content:center;}
  .page-home .hero-stage-v11{width:100%;max-width:480px;}
  .page-home .hero-visual-board-clean{min-height:auto;padding:0;display:flex;justify-content:center;align-items:stretch;}
  .page-home .hero-phone-backdrop{display:none;}
  .page-home .hero-panel-home-clean{flex-basis:auto;width:100%;max-width:360px;margin:0 auto;}
}
@media (max-width:680px){
  .page-home .hero-stage-v11{max-width:360px;}
  .page-home .hero-panel-home-clean{max-width:320px;border-radius:26px;}
}

/* v34 homepage banner redraw: single main phone with one aligned secondary preview */
.page-home .hero-visual-v11{
  flex:0 1 560px;
  justify-content:flex-end;
  padding:8px 0 0;
}
.page-home .hero-stage-v34{
  width:min(100%, 560px);
  gap:0;
}
.page-home .hero-visual-board-v34{
  min-height:614px;
  padding:28px 12px 22px 46px;
  align-items:flex-end;
  justify-content:flex-end;
  gap:0;
}
.page-home .hero-phone-backdrop-v34{display:none;}
.page-home .hero-side-card-v34{
  position:absolute;
  left:0;
  bottom:54px;
  z-index:4;
  width:196px;
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,251,246,.96) 0%, rgba(247,240,231,.90) 100%);
  border:1px solid rgba(183,147,98,.10);
  box-shadow:0 22px 48px rgba(73,51,33,.08);
}
.page-home .hero-side-card-v34 img{
  display:block;
  width:100%;
  height:auto;
}
.page-home .hero-panel-home-v34{
  position:relative;
  z-index:5;
  flex:0 0 308px;
  margin-right:8px;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(183,147,98,.08);
  box-shadow:0 28px 60px rgba(73,51,33,.10);
}
@media (max-width:1280px){
  .page-home .hero-visual-v11{flex-basis:530px;}
  .page-home .hero-stage-v34{width:min(100%, 530px);}
  .page-home .hero-visual-board-v34{min-height:586px;padding:24px 10px 18px 36px;}
  .page-home .hero-phone-backdrop-v34{inset:30px 14px 40px 128px;}
  .page-home .hero-side-card-v34{width:182px;bottom:48px;}
  .page-home .hero-panel-home-v34{flex-basis:292px;}
}
@media (max-width:1100px){
  .page-home .hero-visual-v11{flex-basis:470px;}
  .page-home .hero-stage-v34{width:min(100%, 470px);}
  .page-home .hero-visual-board-v34{min-height:524px;padding:18px 8px 16px 24px;}
  .page-home .hero-phone-backdrop-v34{inset:24px 12px 34px 108px;}
  .page-home .hero-side-card-v34{width:160px;bottom:42px;}
  .page-home .hero-panel-home-v34{flex-basis:264px;}
}
@media (max-width:900px){
  .page-home .hero-stage-v34{width:100%;max-width:440px;}
  .page-home .hero-visual-board-v34{min-height:auto;padding:0 0 0 0;justify-content:center;}
  .page-home .hero-phone-backdrop-v34{display:none;}
  .page-home .hero-side-card-v34{display:none;}
  .page-home .hero-panel-home-v34{margin-right:0;flex-basis:auto;width:100%;max-width:340px;border-radius:30px;}
}
@media (max-width:680px){
  .page-home .hero-stage-v34{max-width:360px;}
  .page-home .hero-panel-home-v34{max-width:320px;border-radius:26px;}
}


/* service page redraw v41 */
.page-service .page-hero.compact{padding:34px 0 14px}
.page-service .section-service-tight{padding:28px 0}
.page-service .section-service-last{padding:26px 0 54px}
.page-service .service-hero-shell{padding:22px 0 10px}
.page-service .service-hero-grid{display:flex;align-items:stretch;gap:28px}
.page-service .service-hero-copy{flex:1 1 0;max-width:640px;padding:10px 0 6px}
.page-service .service-hero-copy h1{font-size:clamp(38px,4.6vw,64px);line-height:1.08;letter-spacing:-.03em;margin:18px 0 16px;max-width:11.2ch}
.page-service .service-hero-copy .lead{max-width:28ch;margin:0;color:var(--muted);font-size:18px;line-height:1.8}
.page-service .service-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.page-service .service-quick-card{flex:0 0 430px;display:flex;flex-direction:column;gap:16px;padding:24px 24px 22px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(248,241,233,.88) 100%);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-quick-card h2{margin:0;font-size:34px;line-height:1.16;letter-spacing:-.02em}
.page-service .service-quick-list{display:flex;flex-direction:column;gap:14px}
.page-service .service-quick-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(77,56,41,.06)}
.page-service .service-quick-item b{font-size:17px;line-height:1.25}
.page-service .service-quick-item span{font-size:14px;line-height:1.72;color:var(--muted)}
.page-service .service-quick-actions{display:flex;flex-wrap:wrap;gap:18px;padding-top:2px}
.page-service .service-head-compact{margin-bottom:18px}
.page-service .service-head-compact h2{font-size:clamp(30px,3.2vw,44px)}
.page-service .service-steps{display:flex;flex-wrap:wrap;gap:16px}
.page-service .service-step-card{flex:1 1 220px;min-width:0;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,242,235,.82));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-step-card h3{margin:0 0 10px;font-size:21px;line-height:1.24}
.page-service .service-step-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.78}
.page-service .service-support-layout{display:flex;gap:20px;align-items:stretch}
.page-service .service-topic-grid{flex:1 1 0;display:flex;flex-wrap:wrap;gap:18px}
.page-service .service-topic-card{flex:1 1 calc(50% - 9px);min-width:280px;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,242,235,.8));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-topic-card h3{margin:12px 0 10px;font-size:24px;line-height:1.24}
.page-service .service-topic-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.page-service .service-topic-card .text-link{display:inline-flex;margin-top:14px}
.page-service .service-side-card{flex:0 0 340px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,241,233,.86));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.page-service .service-side-card h3{margin:0;font-size:28px;line-height:1.18}
.page-service .service-side-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.82}
.page-service .service-side-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.page-service .service-side-note{margin-top:auto;padding-top:6px;font-size:14px;line-height:1.75;color:var(--muted)}
.page-service .service-side-note a{color:var(--brand-strong);font-weight:800}
.page-service .service-faq-grid{display:flex;flex-wrap:wrap;gap:18px}
.page-service .service-faq-card{flex:1 1 300px;min-width:0;padding:22px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,242,235,.8));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-faq-card h3{margin:0 0 10px;font-size:22px;line-height:1.28}
.page-service .service-faq-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.page-service .service-cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(248,241,233,.82));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-cta-band h2{margin:8px 0 8px;font-size:clamp(30px,3.4vw,42px);line-height:1.14}
.page-service .service-cta-band p{margin:0;color:var(--muted);font-size:16px;line-height:1.8;max-width:42ch}
.page-service .service-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1180px){
  .page-service .service-hero-grid{flex-direction:column;gap:22px}
  .page-service .service-quick-card{flex:1 1 auto;width:100%}
  .page-service .service-support-layout{flex-direction:column}
  .page-service .service-side-card{flex:1 1 auto}
}
@media (max-width:768px){
  .page-service .page-hero.compact{padding:20px 0 8px}
  .page-service .section-service-tight{padding:22px 0}
  .page-service .service-hero-copy h1{font-size:clamp(34px,9vw,46px);max-width:none}
  .page-service .service-hero-copy .lead{font-size:16px;max-width:none}
  .page-service .service-quick-card{padding:20px 18px;border-radius:24px}
  .page-service .service-quick-card h2{font-size:28px}
  .page-service .service-step-card,
  .page-service .service-topic-card,
  .page-service .service-faq-card{flex-basis:100%;min-width:0}
  .page-service .service-cta-band{flex-direction:column;align-items:flex-start;padding:22px 20px}
}


/* v44 service page no-overlay safety fix */
.page-service .page-hero::before{
  background:linear-gradient(90deg,
    rgba(244,237,227,.98) 0%,
    rgba(243,236,228,.96) 50%,
    rgba(244,237,228,.98) 100%) !important;
}
.page-service .page-hero::after,
.page-service .service-hero-shell::before,
.page-service .service-hero-shell::after{content:none !important;}
.page-service .service-hero-shell,
.page-service .service-hero-copy,
.page-service .service-quick-card,
.page-service .section-head,
.page-service .service-steps,
.page-service .service-support-layout,
.page-service .service-faq-grid,
.page-service .service-cta-band{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
.page-service .service-hero-shell{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}


/* v45 service page full rebuild */
.page-service .service-page-clean{display:flex;flex-direction:column;gap:0;padding-bottom:48px}
.page-service .service-clean-hero{position:relative;padding:36px 0 22px;background:linear-gradient(180deg,rgba(247,241,233,.96) 0%,rgba(249,245,239,.86) 100%)}
.page-service .service-clean-hero::before,.page-service .service-clean-hero::after{content:none !important}
.page-service .service-clean-grid{display:flex;align-items:flex-start;gap:30px}
.page-service .service-clean-copy{flex:1 1 0;max-width:650px;padding:8px 0}
.page-service .service-clean-copy h1{margin:18px 0 16px;font-size:clamp(40px,4.6vw,66px);line-height:1.06;letter-spacing:-.03em;max-width:11.2ch}
.page-service .service-clean-lead{margin:0;max-width:30ch;font-size:18px;line-height:1.82;color:var(--muted)}
.page-service .service-clean-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.page-service .service-clean-side{flex:0 0 420px;display:flex;flex-direction:column;gap:16px;padding:26px 24px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(248,241,233,.88) 100%);border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-clean-side h2{margin:0;font-size:34px;line-height:1.16;letter-spacing:-.02em}
.page-service .service-clean-side-list{display:flex;flex-direction:column;gap:14px}
.page-service .service-clean-side-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(77,56,41,.06)}
.page-service .service-clean-side-item b{font-size:17px;line-height:1.25}
.page-service .service-clean-side-item span{font-size:14px;line-height:1.74;color:var(--muted)}
.page-service .service-clean-side-actions{display:flex;flex-wrap:wrap;gap:18px;padding-top:2px}
.page-service .service-clean-section{padding:26px 0}
.page-service .service-clean-last{padding:26px 0 54px}
.page-service .service-steps,.page-service .service-support-layout,.page-service .service-faq-grid,.page-service .service-cta-band{display:none !important}
.page-service .service-clean-steps{display:flex;flex-wrap:wrap;gap:16px}
.page-service .service-clean-step{flex:1 1 220px;min-width:0;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,242,235,.84));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-clean-step h3{margin:0 0 10px;font-size:21px;line-height:1.24}
.page-service .service-clean-step p{margin:0;font-size:15px;line-height:1.78;color:var(--muted)}
.page-service .service-clean-help-layout{display:flex;gap:20px;align-items:stretch}
.page-service .service-clean-help-grid{flex:1 1 0;display:flex;flex-wrap:wrap;gap:18px}
.page-service .service-clean-help-card{flex:1 1 calc(50% - 9px);min-width:280px;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,242,235,.84));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-clean-help-card h3{margin:12px 0 10px;font-size:24px;line-height:1.24}
.page-service .service-clean-help-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.page-service .service-clean-help-card .text-link{display:inline-flex;margin-top:14px}
.page-service .service-clean-contact-card{flex:0 0 340px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,241,233,.88));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.page-service .service-clean-contact-card h3{margin:0;font-size:28px;line-height:1.18}
.page-service .service-clean-contact-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.82}
.page-service .service-clean-contact-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.page-service .service-clean-contact-note{margin-top:auto;padding-top:6px;font-size:14px;line-height:1.75;color:var(--muted)}
.page-service .service-clean-contact-note a{color:var(--brand-strong);font-weight:800}
.page-service .service-clean-faq-grid{display:flex;flex-wrap:wrap;gap:18px}
.page-service .service-clean-faq-card{flex:1 1 300px;min-width:0;padding:22px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,242,235,.84));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-clean-faq-card h3{margin:0 0 10px;font-size:22px;line-height:1.28}
.page-service .service-clean-faq-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.page-service .service-clean-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,241,233,.84));border:1px solid rgba(77,56,41,.08);box-shadow:var(--shadow)}
.page-service .service-clean-band h2{margin:8px 0 8px;font-size:clamp(30px,3.4vw,42px);line-height:1.14}
.page-service .service-clean-band p{margin:0;color:var(--muted);font-size:16px;line-height:1.8;max-width:42ch}
.page-service .service-clean-band-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-service .service-clean-hero,.page-service .service-clean-grid,.page-service .service-clean-copy,.page-service .service-clean-side,.page-service .service-clean-steps,.page-service .service-clean-help-layout,.page-service .service-clean-faq-grid,.page-service .service-clean-band{opacity:1 !important;filter:none !important;transform:none !important}
@media (max-width:1080px){
  .page-service .service-clean-grid{flex-direction:column;gap:22px}
  .page-service .service-clean-side{flex:1 1 auto;width:100%}
  .page-service .service-clean-help-layout{flex-direction:column}
  .page-service .service-clean-contact-card{flex:1 1 auto}
}
@media (max-width:860px){
  .page-service .service-clean-hero{padding:24px 0 12px}
  .page-service .service-clean-copy h1{font-size:clamp(34px,9vw,46px);max-width:none}
  .page-service .service-clean-lead{font-size:16px;max-width:none}
  .page-service .service-clean-side{padding:20px 18px;border-radius:24px}
  .page-service .service-clean-side h2{font-size:28px}
  .page-service .service-clean-step,.page-service .service-clean-help-card,.page-service .service-clean-faq-card{flex-basis:100%;min-width:0}
  .page-service .service-clean-band{flex-direction:column;align-items:flex-start;padding:22px 20px}
}


/* v46 shared compact hero cleanup */
.page-solutions .page-hero.compact,
.page-products .page-hero.compact,
.page-contact .page-hero.compact,
.page-detail .page-hero.compact,
.page-legal .page-hero.compact,
.page-404 .page-hero.compact,
.page-about .page-hero.compact{
  padding: 28px 0 12px;
}
.page-solutions .hero-grid,
.page-products .hero-grid,
.page-contact .hero-grid,
.page-detail .hero-grid,
.page-legal .hero-grid,
.page-404 .hero-grid,
.page-about .hero-grid{
  align-items: flex-start;
  gap: 28px;
}
.page-solutions .hero-copy,
.page-products .hero-copy,
.page-contact .hero-copy,
.page-detail .hero-copy,
.page-legal .hero-copy,
.page-404 .hero-copy,
.page-about .hero-copy{
  padding-top: 2px;
  padding-bottom: 0;
}
.page-solutions .hero-visual,
.page-products .hero-visual,
.page-contact .hero-visual,
.page-detail .hero-visual,
.page-legal .hero-visual,
.page-404 .hero-visual,
.page-about .hero-visual{
  min-height: auto;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0;
}
.page-solutions .page-cover,
.page-products .page-cover,
.page-contact .page-cover,
.page-detail .page-cover,
.page-legal .page-cover,
.page-404 .page-cover,
.page-about .page-cover{
  width: 100%;
}
.page-solutions .page-cover img,
.page-products .page-cover img,
.page-contact .page-cover img,
.page-detail .page-cover img,
.page-legal .page-cover img,
.page-404 .page-cover img{
  aspect-ratio: 16 / 5.8;
  min-height: 210px;
}
.page-about .page-cover img{
  aspect-ratio: 16 / 5.6;
  min-height: 220px;
}
.page-solutions .section:first-of-type,
.page-products .section:first-of-type,
.page-contact .section:first-of-type,
.page-detail .section:first-of-type,
.page-legal .section:first-of-type,
.page-404 .section:first-of-type,
.page-about .section:first-of-type{
  padding-top: 34px;
}

/* v46 service page hard reset for stale masked styles */
.page-service main,
.page-service .service-page-clean,
.page-service .service-clean-hero,
.page-service .service-clean-grid,
.page-service .service-clean-copy,
.page-service .service-clean-side,
.page-service .service-clean-section,
.page-service .service-clean-steps,
.page-service .service-clean-help-layout,
.page-service .service-clean-help-grid,
.page-service .service-clean-contact-card,
.page-service .service-clean-faq-grid,
.page-service .service-clean-band{
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  visibility: visible !important;
}
.page-service .service-clean-hero::before,
.page-service .service-clean-hero::after,
.page-service main::before,
.page-service main::after{
  content: none !important;
  display: none !important;
}
.page-service .service-page-clean{
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 48px;
}
.page-service .service-clean-hero{
  position: relative;
  padding: 34px 0 18px;
  background: linear-gradient(180deg,rgba(247,241,233,.98) 0%,rgba(249,245,239,.94) 100%);
}
@media (max-width: 860px){
  .page-solutions .page-hero.compact,
  .page-products .page-hero.compact,
  .page-contact .page-hero.compact,
  .page-detail .page-hero.compact,
  .page-legal .page-hero.compact,
  .page-404 .page-hero.compact,
  .page-about .page-hero.compact{
    padding: 20px 0 8px;
  }
  .page-solutions .hero-grid,
  .page-products .hero-grid,
  .page-contact .hero-grid,
  .page-detail .hero-grid,
  .page-legal .hero-grid,
  .page-404 .hero-grid,
  .page-about .hero-grid{
    gap: 18px;
  }
  .page-solutions .page-cover img,
  .page-products .page-cover img,
  .page-contact .page-cover img,
  .page-detail .page-cover img,
  .page-legal .page-cover img,
  .page-404 .page-cover img,
  .page-about .page-cover img{
    aspect-ratio: 16 / 7;
    min-height: 0;
  }
}


/* v47 service page cache-busting fallback */
.page-service .service-clean-hero,
.page-service .service-clean-grid,
.page-service .service-clean-copy,
.page-service .service-clean-side,
.page-service .service-clean-section,
.page-service .service-clean-steps,
.page-service .service-clean-help-layout,
.page-service .service-clean-help-grid,
.page-service .service-clean-contact-card,
.page-service .service-clean-faq-grid,
.page-service .service-clean-band{opacity:1 !important;visibility:visible !important;filter:none !important;transform:none !important;animation:none !important;transition:none !important;}
.page-service::before,.page-service::after,.page-service main::before,.page-service main::after,.page-service .service-clean-hero::before,.page-service .service-clean-hero::after{content:none !important;display:none !important;background:none !important;}



/* v49 hero titles kept within two lines on desktop */
.page-service .service-clean-copy h1{
  max-width: 13.8ch;
  font-size: clamp(34px,4vw,58px);
  line-height: 1.1;
  text-wrap: balance;
}
.page-service .service-clean-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-service .service-clean-copy .hero-actions,
.page-service .service-clean-copy .service-clean-pills{
  width:100%;
}
.page-about .hero-copy h1.about-hero-title,
.page-download .download-hero-copy h1{
  text-wrap: balance;
}
@media (max-width: 860px){
  .page-service .service-clean-copy h1{
    max-width: 100%;
    font-size: clamp(32px,7.6vw,46px);
  }
}

/* v48 shared flex rhythm cleanup for content pages */
.page-products .section,
.page-solutions .section,
.page-detail .section,
.page-contact .section,
.page-legal .section,
.page-about .section,
.page-404 .section{
  padding: 42px 0;
}
.page-products .section:first-of-type,
.page-solutions .section:first-of-type,
.page-detail .section:first-of-type,
.page-contact .section:first-of-type,
.page-legal .section:first-of-type,
.page-about .section:first-of-type,
.page-404 .section:first-of-type{
  padding-top: 30px;
}
.page-products .section > .container,
.page-solutions .section > .container,
.page-detail .section > .container,
.page-contact .section > .container,
.page-legal .section > .container,
.page-about .section > .container,
.page-404 .section > .container{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 26px;
}
.page-products .section-head,
.page-solutions .section-head,
.page-detail .section-head,
.page-contact .section-head,
.page-legal .section-head,
.page-about .section-head,
.page-404 .section-head{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 0;
}
.page-products .section-head h2,
.page-solutions .section-head h2,
.page-detail .section-head h2,
.page-contact .section-head h2,
.page-legal .section-head h2,
.page-about .section-head h2,
.page-404 .section-head h2{
  line-height: 1.16;
}
.page-products .section-head .section-desc,
.page-solutions .section-head .section-desc,
.page-detail .section-head .section-desc,
.page-contact .section-head .section-desc,
.page-legal .section-head .section-desc,
.page-about .section-head .section-desc,
.page-404 .section-head .section-desc{
  max-width: 60ch;
}
.page-products .feature-grid,
.page-products .card-grid,
.page-products .steps,
.page-products .split,
.page-solutions .feature-grid,
.page-solutions .card-grid,
.page-solutions .steps,
.page-solutions .split,
.page-detail .card-grid,
.page-detail .steps,
.page-detail .split,
.page-contact .card-grid,
.page-contact .steps,
.page-contact .split,
.page-legal .card-grid,
.page-legal .steps,
.page-legal .split,
.page-about .card-grid,
.page-about .steps,
.page-about .split,
.page-404 .card-grid,
.page-404 .steps,
.page-404 .split{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.page-products .feature-grid,
.page-products .card-grid,
.page-solutions .feature-grid,
.page-solutions .card-grid,
.page-detail .card-grid,
.page-contact .card-grid,
.page-legal .card-grid,
.page-about .card-grid,
.page-404 .card-grid{
  gap: 18px;
}
.page-products .steps,
.page-solutions .steps,
.page-detail .steps,
.page-contact .steps,
.page-legal .steps,
.page-about .steps,
.page-404 .steps{
  gap: 16px;
}
.page-products .split,
.page-solutions .split,
.page-detail .split,
.page-contact .split,
.page-legal .split,
.page-about .split,
.page-404 .split{
  gap: 22px;
}
.page-products .feature-grid > .feature-card,
.page-solutions .feature-grid > .feature-card{
  flex: 1 1 calc(50% - 9px);
  min-width: 300px;
}
.page-products .card-grid > .mini-card,
.page-solutions .card-grid > .mini-card,
.page-detail .card-grid > .mini-card,
.page-contact .card-grid > .mini-card,
.page-legal .card-grid > .mini-card,
.page-about .card-grid > .mini-card,
.page-404 .card-grid > .mini-card{
  flex: 1 1 calc(33.333% - 12px);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.page-products .steps > .step,
.page-solutions .steps > .step,
.page-detail .steps > .step,
.page-contact .steps > .step,
.page-legal .steps > .step,
.page-about .steps > .step,
.page-404 .steps > .step{
  flex: 1 1 calc(25% - 12px);
  min-width: 220px;
  min-height: 134px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.page-products .split > .split-col,
.page-solutions .split > .split-col,
.page-detail .split > .split-col,
.page-contact .split > .split-col,
.page-legal .split > .split-col,
.page-about .split > .split-col,
.page-404 .split > .split-col{
  flex: 1 1 360px;
  min-width: 0;
  display: flex;
}
.page-products .split > .split-col > .rich-block,
.page-solutions .split > .split-col > .rich-block,
.page-detail .split > .split-col > .rich-block,
.page-contact .split > .split-col > .rich-block,
.page-legal .split > .split-col > .rich-block,
.page-about .split > .split-col > .rich-block,
.page-404 .split > .split-col > .rich-block{
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}
.page-products .section + .section,
.page-solutions .section + .section,
.page-detail .section + .section,
.page-contact .section + .section,
.page-legal .section + .section,
.page-about .section + .section,
.page-404 .section + .section{
  margin-top: 0;
}
@media (max-width: 980px){
  .page-products .section,
  .page-solutions .section,
  .page-detail .section,
  .page-contact .section,
  .page-legal .section,
  .page-about .section,
  .page-404 .section{
    padding: 34px 0;
  }
  .page-products .section > .container,
  .page-solutions .section > .container,
  .page-detail .section > .container,
  .page-contact .section > .container,
  .page-legal .section > .container,
  .page-about .section > .container,
  .page-404 .section > .container{
    gap: 22px;
  }
  .page-products .card-grid > .mini-card,
  .page-solutions .card-grid > .mini-card,
  .page-detail .card-grid > .mini-card,
  .page-contact .card-grid > .mini-card,
  .page-legal .card-grid > .mini-card,
  .page-about .card-grid > .mini-card,
  .page-404 .card-grid > .mini-card,
  .page-products .steps > .step,
  .page-solutions .steps > .step,
  .page-detail .steps > .step,
  .page-contact .steps > .step,
  .page-legal .steps > .step,
  .page-about .steps > .step,
  .page-404 .steps > .step,
  .page-products .feature-grid > .feature-card,
  .page-solutions .feature-grid > .feature-card,
  .page-products .split > .split-col,
  .page-solutions .split > .split-col,
  .page-detail .split > .split-col,
  .page-contact .split > .split-col,
  .page-legal .split > .split-col,
  .page-about .split > .split-col,
  .page-404 .split > .split-col{
    flex-basis: calc(50% - 11px);
    min-width: 260px;
  }
}
@media (max-width: 680px){
  .page-products .section,
  .page-solutions .section,
  .page-detail .section,
  .page-contact .section,
  .page-legal .section,
  .page-about .section,
  .page-404 .section{
    padding: 28px 0;
  }
  .page-products .section > .container,
  .page-solutions .section > .container,
  .page-detail .section > .container,
  .page-contact .section > .container,
  .page-legal .section > .container,
  .page-about .section > .container,
  .page-404 .section > .container{
    gap: 18px;
  }
  .page-products .section-head,
  .page-solutions .section-head,
  .page-detail .section-head,
  .page-contact .section-head,
  .page-legal .section-head,
  .page-about .section-head,
  .page-404 .section-head{
    gap: 10px;
  }
  .page-products .feature-grid > .feature-card,
  .page-solutions .feature-grid > .feature-card,
  .page-products .card-grid > .mini-card,
  .page-solutions .card-grid > .mini-card,
  .page-detail .card-grid > .mini-card,
  .page-contact .card-grid > .mini-card,
  .page-legal .card-grid > .mini-card,
  .page-about .card-grid > .mini-card,
  .page-404 .card-grid > .mini-card,
  .page-products .steps > .step,
  .page-solutions .steps > .step,
  .page-detail .steps > .step,
  .page-contact .steps > .step,
  .page-legal .steps > .step,
  .page-about .steps > .step,
  .page-404 .steps > .step,
  .page-products .split > .split-col,
  .page-solutions .split > .split-col,
  .page-detail .split > .split-col,
  .page-contact .split > .split-col,
  .page-legal .split > .split-col,
  .page-about .split > .split-col,
  .page-404 .split > .split-col{
    flex-basis: 100%;
    min-width: 0;
  }
}


/* v53 service hero kept to two lines on desktop */
.page-service .service-clean-grid{
  gap: 34px;
}
.page-service .service-clean-copy{
  max-width: 720px;
}
.page-service .service-clean-copy h1.hero-title-two-line{
  max-width: none !important;
  width: auto;
  font-size: clamp(34px, 3.55vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  margin: 18px 0 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.page-service .service-clean-copy h1.hero-title-two-line span{
  display: block;
  white-space: nowrap;
}
@media (max-width: 860px){
  .page-service .service-clean-copy{
    max-width: none;
  }
  .page-service .service-clean-copy h1.hero-title-two-line{
    font-size: clamp(32px, 7.4vw, 46px);
    gap: 4px;
  }
  .page-service .service-clean-copy h1.hero-title-two-line span{
    white-space: normal;
  }
}

@media (max-width: 560px){
  .kv-item{grid-template-columns:1fr;gap:6px;padding:10px 0}
  .kv-item b{white-space:nowrap}
}


/* ===== v57 书卷气 · 国风主题升级 ===== */
:root{
  --bg:#f7f1e8;
  --bg-2:#f3eadf;
  --surface:#fffaf3;
  --surface-warm:rgba(255,249,241,.94);
  --surface-soft:rgba(255,250,244,.88);
  --line:rgba(107,74,41,.12);
  --line-strong:rgba(107,74,41,.18);
  --text:#543724;
  --muted:#7d6248;
  --brand:#d0a05a;
  --brand-strong:#8f5f34;
  --brand-red:#9c5c41;
  --green:#728c69;
  --shadow:0 22px 60px rgba(81,55,36,.08);
  --radius:24px;
  --radius-sm:18px;
}
html{background:var(--bg)}
body{position:relative;background:
  radial-gradient(circle at 10% 18%, rgba(214,186,143,.22) 0%, rgba(214,186,143,0) 22%),
  radial-gradient(circle at 86% 14%, rgba(232,223,208,.82) 0%, rgba(232,223,208,.62) 16%, rgba(232,223,208,0) 17%),
  radial-gradient(circle at 96% 76%, rgba(232,223,208,.72) 0%, rgba(232,223,208,.52) 14%, rgba(232,223,208,0) 15%),
  radial-gradient(circle at -3% 92%, rgba(232,223,208,.68) 0%, rgba(232,223,208,.48) 15%, rgba(232,223,208,0) 16%),
  linear-gradient(180deg,#f7f1e8 0%,#f3eadf 52%,#f8f2e9 100%),
  linear-gradient(90deg, rgba(151,113,67,.035) 0%, rgba(151,113,67,0) 30%, rgba(144,95,52,.025) 72%, rgba(144,95,52,0) 100%),
  repeating-linear-gradient(90deg, rgba(126,93,61,.018) 0 1px, transparent 1px 30px),
  repeating-linear-gradient(180deg, rgba(255,255,255,.16) 0 1px, transparent 1px 22px);
  background-blend-mode:normal,normal,normal,normal,normal,normal,soft-light,normal;
}
::selection{background:rgba(208,160,90,.18)}
h1,h2,h3,h4,.nav a,.footer-title,.mega-title,.eyebrow,.badge,.hero-copy-tag,.hero-note{letter-spacing:.06em}
p,li,.lead,.section-desc,.footer-desc,.feature-copy p,.mini-card p,.panel p,.info-card p,.rich-block p{color:rgba(84,55,36,.76)}
.site-header{background:rgba(247,241,232,.90);border-bottom:1px solid rgba(126,93,61,.12);box-shadow:0 10px 28px rgba(81,55,36,.05)}
.site-header::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(208,160,90,.35),transparent)}
.site-header::after{height:1px;background:linear-gradient(90deg,transparent,rgba(208,160,90,.34),transparent)}
.header-inner{height:86px}
.brand-logo{height:44px}
.nav{gap:26px}
.nav a{color:rgba(84,55,36,.84)}
.nav a:hover,.nav a.active{color:var(--brand-strong)}
.nav a.active::after{left:6px;right:6px;bottom:-7px;height:3px;background:linear-gradient(90deg,rgba(208,160,90,0),rgba(208,160,90,.92),rgba(208,160,90,0))}
.btn{font-weight:800;letter-spacing:.04em}
.btn-primary{background:linear-gradient(135deg,#d0a05a 0%,#b88547 48%,#8f5f34 100%);border-color:rgba(116,76,41,.18);box-shadow:0 16px 36px rgba(143,95,52,.22),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-primary:hover{box-shadow:0 18px 40px rgba(143,95,52,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-outline{background:rgba(255,250,244,.82);border-color:rgba(112,83,55,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
.btn-outline:hover{border-color:rgba(208,160,90,.36);color:var(--brand-strong);background:rgba(255,252,248,.94)}
.menu-btn,.mobile-close{border-color:rgba(112,83,55,.14);background:rgba(255,250,244,.96)}
.mobile-drawer{background:rgba(34,22,14,.28)}
.mobile-panel{background:linear-gradient(180deg,rgba(248,241,232,.98) 0%,rgba(242,233,220,.98) 100%);border-left:1px solid rgba(107,74,41,.12)}
.mobile-links a{background:rgba(255,250,244,.86);border-color:rgba(107,74,41,.08)}
.mega{background:rgba(247,241,232,.97);border-bottom:1px solid rgba(107,74,41,.10)}
.mega-col{background:linear-gradient(180deg,rgba(255,252,248,.92) 0%,rgba(247,239,229,.88) 100%);border-color:rgba(107,74,41,.08);box-shadow:0 18px 42px rgba(81,55,36,.06)}
.mega-title{color:var(--brand-strong)}
.mega-link,.mega-foot{color:rgba(84,55,36,.76)}
.home-hero::before,.page-hero::before{background:
  radial-gradient(circle at 12% 18%, rgba(208,160,90,.18) 0%, rgba(208,160,90,0) 28%),
  radial-gradient(circle at 88% 14%, rgba(232,223,208,.72) 0%, rgba(232,223,208,0) 22%),
  radial-gradient(circle at 80% 74%, rgba(208,160,90,.08) 0%, rgba(208,160,90,0) 24%),
  linear-gradient(180deg, rgba(247,241,232,.98) 0%, rgba(244,236,226,.90) 46%, rgba(247,241,232,.62) 100%)}
.home-hero::after{top:32px;height:540px;background:radial-gradient(ellipse at center, rgba(255,255,255,.42) 0%, rgba(255,255,255,.16) 42%, rgba(255,255,255,0) 72%)}
.hero-shell,.split-col,.panel,.info-card,.rich-block,.mini-card,.image-card,.form-card,.contact-side,.page-cover,.mega-col,.feature-card,.page-home .overview-card,.page-home .support-card,.page-home .value-card,.page-home .hero-summary-card,.page-home .hero-panel-report-v11{background:linear-gradient(180deg,rgba(255,251,246,.90) 0%,rgba(247,239,229,.94) 100%);border-color:rgba(122,93,63,.12);box-shadow:0 22px 56px rgba(81,55,36,.08)}
.hero-shell{border-radius:40px}
.hero-shell::before{background:radial-gradient(circle,rgba(208,160,90,.12) 0%,rgba(208,160,90,0) 72%)}
.hero-shell::after{background:radial-gradient(circle,rgba(156,92,65,.08) 0%,rgba(156,92,65,0) 72%)}
.hero-shell-home{padding-top:60px}
.home-hero .hero-shell-home::before{content:"";position:absolute;right:28px;top:10px;width:154px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(208,160,90,.9),rgba(208,160,90,.68));pointer-events:none;z-index:0}
.home-hero .hero-shell-home::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 88% 14%, rgba(232,223,208,.78) 0%, rgba(232,223,208,.56) 13%, rgba(232,223,208,0) 14%),
  radial-gradient(circle at 78% 26%, rgba(232,223,208,.46) 0%, rgba(232,223,208,0) 12%),
  radial-gradient(circle at 0% 96%, rgba(232,223,208,.64) 0%, rgba(232,223,208,0) 13%);
  pointer-events:none;z-index:0}
.hero-grid-home>*{position:relative;z-index:1}
.hero-copy-top{margin-bottom:8px}
.eyebrow,.hero-copy-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:999px;background:linear-gradient(180deg,rgba(208,160,90,.14),rgba(208,160,90,.06));border:1px solid rgba(208,160,90,.18);color:var(--brand-strong);font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.eyebrow::before,.hero-copy-tag::before{content:"";width:6px;height:6px;border-radius:999px;background:rgba(208,160,90,.75);box-shadow:0 0 0 4px rgba(208,160,90,.10)}
.section-head{gap:14px;margin-bottom:28px}
.section-head::after{content:"";width:112px;height:10px;background:
  radial-gradient(circle, rgba(208,160,90,.84) 0 2px, transparent 2.5px) left center/12px 10px no-repeat,
  linear-gradient(90deg, rgba(208,160,90,0) 0%, rgba(208,160,90,.7) 18%, rgba(208,160,90,.7) 82%, rgba(208,160,90,0) 100%) center/100% 1px no-repeat,
  radial-gradient(circle, rgba(208,160,90,.84) 0 2px, transparent 2.5px) right center/12px 10px no-repeat;
  opacity:.85}
.section-head h2,.page-cover h2,.community-qr-copy h3,.hero-insight-card h3,.feature-copy h3,.mini-card h3,.panel h3,.info-card h3{color:var(--text)}
.section-desc,.lead,.hero-stage-note,.feature-copy p,.mini-card p,.panel p,.info-card p,.rich-block p,.footer-desc,.footer-bottom,.mega-foot span{color:rgba(84,55,36,.72)}
.home-hero .hero-copy h1,.page-hero .hero-copy h1{letter-spacing:.02em}
.home-hero .hero-copy h1 .hero-line-gold,.stat-num,.text-link,.feature-link{color:var(--brand-strong)}
.hero-note,.pill,.hero-strip-item,.hero-panel-label,.hero-insight-kicker,.badge{border-color:rgba(208,160,90,.18)}
.hero-note,.hero-strip-item{background:rgba(255,250,244,.76);color:rgba(84,55,36,.74)}
.badge,.hero-panel-label,.hero-insight-kicker{background:linear-gradient(180deg,rgba(208,160,90,.16),rgba(208,160,90,.06));color:var(--brand-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.pill{background:linear-gradient(180deg,rgba(156,92,65,.10),rgba(208,160,90,.06));border-color:rgba(156,92,65,.14);color:#8a5a36}
.hero-summary-card,.overview-card,.value-card,.support-card,.feature-card,.mini-card,.panel,.info-card,.rich-block,.split-col,.step,.contact-side,.form-card{position:relative;overflow:hidden}
.hero-summary-card::after,.overview-card::after,.value-card::after,.support-card::after,.feature-card::after,.mini-card::after,.panel::after,.info-card::after,.rich-block::after,.split-col::after,.step::after,.contact-side::after,.form-card::after{content:"";position:absolute;right:18px;top:16px;width:60px;height:1px;background:linear-gradient(90deg, rgba(208,160,90,0), rgba(208,160,90,.56));opacity:.9;pointer-events:none}
.feature-card::before,.mini-card::before,.panel::before,.info-card::before,.split-col::before,.rich-block::before,.step::before,.image-card::before,.form-card::before,.contact-side::before,.mega-col::before,.page-home .overview-card::before,.page-home .support-card::before,.page-home .value-card::before,.page-home .hero-summary-card::before,.page-home .hero-panel-report-v11::before{border-color:rgba(208,160,90,.10)}
.feature-card:hover{border-color:rgba(208,160,90,.28);box-shadow:0 30px 70px rgba(81,55,36,.12)}
.feature-icon-wrap{background:linear-gradient(180deg,rgba(255,253,250,.96) 0%,rgba(245,236,224,.90) 100%);border-color:rgba(107,74,41,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.list-item,.footer-bottom{border-top-color:rgba(107,74,41,.10);border-bottom-color:rgba(107,74,41,.08)}
.list-dot{background:linear-gradient(180deg,#d0a05a 0%,#8f5f34 100%)}
.page-cover{border-color:rgba(122,93,63,.12);box-shadow:0 28px 70px rgba(81,55,36,.10)}
.page-cover img{filter:saturate(.78) sepia(.24)}
.page-cover .overlay{background:linear-gradient(135deg,rgba(71,47,31,.76),rgba(154,104,59,.30))}
.notice{background:linear-gradient(180deg,rgba(208,160,90,.14),rgba(208,160,90,.06));border-color:rgba(208,160,90,.22);color:#6f5033}
.field input,.field textarea,.field select{background:rgba(255,253,249,.88);border-color:rgba(112,83,55,.14);color:var(--text)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(208,160,90,.42);box-shadow:0 0 0 4px rgba(208,160,90,.08)}
.site-footer{background:linear-gradient(180deg,rgba(245,237,227,.92) 0%,rgba(240,232,220,.98) 100%);border-top:1px solid rgba(107,74,41,.10)}
.footer-license-list span{background:rgba(255,250,244,.86);border-color:rgba(107,74,41,.10);color:rgba(84,55,36,.76)}
.footer-title{color:var(--text)}
.site-footer a,.footer-bottom-links a{color:rgba(84,55,36,.72)}
.site-footer a:hover,.footer-bottom-links a:hover{color:var(--brand-strong)}
.step-no{background:rgba(208,160,90,.14);color:var(--brand-strong)}
.kv-item b{color:var(--text)}
@media (max-width: 1100px){
  .home-hero .hero-shell-home::before{right:20px;width:118px}
  .home-hero .hero-shell-home::after{background:
    radial-gradient(circle at 88% 12%, rgba(232,223,208,.74) 0%, rgba(232,223,208,0) 14%),
    radial-gradient(circle at -2% 100%, rgba(232,223,208,.56) 0%, rgba(232,223,208,0) 13%)}
}
@media (max-width: 900px){
  .section-head::after{width:92px}
  .home-hero .hero-shell-home::before{top:6px;right:12px;width:96px;height:10px}
}
@media (max-width: 680px){
  .header-inner{height:78px}
  .brand-logo{height:40px}
  .eyebrow,.hero-copy-tag{padding:7px 12px;font-size:11px}
  .home-hero .hero-shell-home::before{display:none}
}


/* v58 · AI问盘首屏局部优化 */
.page-ai-chart .hero-copy h1.hero-title-single-line{max-width:none;white-space:nowrap;font-size:clamp(42px,4.6vw,72px);letter-spacing:-.035em;line-height:1.02}
.page-ai-chart .hero-copy{max-width:720px}
.page-ai-chart .hero-visual.hero-visual-shift-right{justify-content:flex-end;padding-right:26px}
.page-ai-chart .feature-hero-card{width:min(100%,344px);margin-left:auto}
.page-ai-chart .feature-hero-card img{display:block;width:220px;height:220px;object-fit:contain;margin:0 auto}
.page-ai-chart .feature-hero-card p{margin-top:10px;color:var(--muted);text-align:center}
@media (max-width:1200px){.page-ai-chart .hero-copy h1.hero-title-single-line{font-size:clamp(38px,4.1vw,62px)}}
@media (max-width:900px){.page-ai-chart .hero-visual.hero-visual-shift-right{justify-content:center;padding-right:0}.page-ai-chart .feature-hero-card{margin:0 auto}.page-ai-chart .hero-copy h1.hero-title-single-line{white-space:normal;max-width:100%}}


/* v59 · 书卷国风主题升级 */
:root{--bg:#f3ede2;--bg-2:#fbf7f1;--surface:#fffaf4;--surface-warm:rgba(255,250,243,.94);--surface-soft:rgba(255,248,241,.82);--line:rgba(104,75,44,.11);--line-strong:rgba(104,75,44,.18);--text:#4d3524;--muted:#7b634d;--brand:#b88f56;--brand-strong:#9c703e;--shadow:0 24px 72px rgba(79,56,35,.08)}
body{background:radial-gradient(circle at 10% 12%, rgba(255,250,244,.76) 0%, rgba(255,250,244,0) 26%),radial-gradient(circle at 88% 8%, rgba(191,146,86,.10) 0%, rgba(191,146,86,0) 20%),radial-gradient(circle at 12% 92%, rgba(177,130,72,.08) 0%, rgba(177,130,72,0) 20%),linear-gradient(180deg,#f7f1e7 0%,#f2eadf 44%,#fbf7f1 100%),repeating-linear-gradient(90deg, rgba(127,97,61,.018) 0 1px, transparent 1px 38px),repeating-linear-gradient(180deg, rgba(255,255,255,.14) 0 1px, transparent 1px 22px)}
.site-header{background:rgba(249,244,237,.94);border-bottom-color:rgba(104,75,44,.08);box-shadow:0 10px 28px rgba(79,56,35,.04)}
.site-header::after{background:linear-gradient(90deg,transparent,rgba(184,143,86,.34),transparent)}
.nav a{color:rgba(77,53,36,.86)}
.nav a:hover,.nav a.active{color:var(--brand-strong)}
.nav a.active::after{height:3px;bottom:-10px;background:linear-gradient(90deg,rgba(184,143,86,0),rgba(184,143,86,.94),rgba(184,143,86,0))}
.btn-primary{background:linear-gradient(135deg,#c49a61 0%,#9d6f3c 100%);box-shadow:0 14px 34px rgba(157,111,60,.18),inset 0 1px 0 rgba(255,255,255,.26)}
.btn-outline{background:rgba(255,251,246,.92)}
.eyebrow,.badge{background:linear-gradient(180deg,rgba(194,150,92,.14),rgba(194,150,92,.06));border-color:rgba(184,143,86,.24);color:var(--brand-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}
.eyebrow::before,.badge::before{content:"";width:6px;height:6px;border-radius:999px;background:linear-gradient(180deg,#d4ac77 0%,#a87743 100%);box-shadow:0 0 0 2px rgba(255,251,246,.85)}
.hero-shell{background:linear-gradient(135deg,rgba(255,250,243,.86) 0%,rgba(250,243,233,.95) 48%,rgba(245,236,225,.90) 100%);border-color:rgba(104,75,44,.08);box-shadow:0 32px 88px rgba(79,56,35,.10)}
.hero-shell::before{background:radial-gradient(circle,rgba(190,147,89,.18) 0%,rgba(190,147,89,0) 72%)}
.hero-shell::after{background:radial-gradient(circle,rgba(176,124,73,.10) 0%,rgba(176,124,73,0) 72%)}
.section-head{position:relative;padding-bottom:18px}
.section-head::after{content:"";width:106px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(184,143,86,.84),rgba(184,143,86,.18));box-shadow:0 8px 18px rgba(184,143,86,.12)}
.section-head h2{color:var(--text);letter-spacing:-.015em}
.section-head .section-desc{color:var(--muted)}
.feature-card,.mini-card,.panel,.info-card,.split-col,.rich-block,.step,.image-card,.form-card,.contact-side,.page-cover,.mega-col,.page-home .overview-card,.page-home .support-card,.page-home .value-card,.page-home .hero-summary-card,.page-home .hero-panel-report-v11{background:linear-gradient(180deg,rgba(255,251,246,.94) 0%,rgba(245,236,224,.86) 100%);border-color:rgba(114,83,51,.10);box-shadow:0 24px 70px rgba(79,56,35,.07)}
.feature-card::after,.mini-card::after,.panel::after,.info-card::after,.split-col::after,.rich-block::after,.step::after,.image-card::after,.form-card::after,.contact-side::after,.mega-col::after,.page-home .overview-card::after,.page-home .support-card::after,.page-home .value-card::after,.page-home .hero-summary-card::after,.page-home .hero-panel-report-v11::after{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid rgba(122,91,60,.07);pointer-events:none}
.page-cover{border-radius:34px;border-color:rgba(122,91,60,.14);box-shadow:0 30px 78px rgba(81,56,37,.10);background:linear-gradient(180deg,rgba(255,250,244,.98),rgba(244,235,223,.92))}
.page-cover::before{inset:14px;border-radius:26px;border-color:rgba(255,251,246,.68)}
.page-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 78% 20%, rgba(188,145,87,.12) 0%, rgba(188,145,87,0) 26%);pointer-events:none}
.page-cover img{filter:saturate(.76) sepia(.32) brightness(1.01)}
.page-cover .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,240,231,.98) 0%,rgba(247,240,231,.92) 38%,rgba(247,240,231,.56) 60%,rgba(247,240,231,0) 100%),linear-gradient(180deg,rgba(255,251,246,.08),rgba(168,128,79,.06))}
.page-cover .copy{left:38px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);max-width:min(46%,540px);padding:24px 28px;border-radius:24px;color:var(--text);background:rgba(255,249,241,.58);border:1px solid rgba(122,91,60,.08);box-shadow:0 18px 42px rgba(79,56,35,.06);backdrop-filter:blur(10px)}
.page-cover h2{margin:0 0 10px;color:var(--text);text-shadow:none;font-size:clamp(30px,3vw,48px);line-height:1.18;letter-spacing:.01em;max-width:10ch}
.page-cover p{margin:0;color:rgba(77,53,36,.78);font-size:16px;line-height:1.86;max-width:31ch}
.page-products .page-cover img,.page-solutions .page-cover img,.page-contact .page-cover img,.page-about .page-cover img{aspect-ratio:16 / 7.2;min-height:248px}
.page-products .page-cover .copy,.page-solutions .page-cover .copy,.page-contact .page-cover .copy,.page-about .page-cover .copy{max-width:min(45%,520px)}
.page-products .page-cover h2,.page-solutions .page-cover h2,.page-contact .page-cover h2,.page-about .page-cover h2{max-width:9ch}
.page-solutions .page-cover h2{font-size:clamp(32px,3.1vw,50px)}
.page-solutions .page-cover p{font-size:17px}
.page-products .section,.page-solutions .section,.page-contact .section,.page-about .section,.page-detail .section,.page-legal .section,.page-404 .section{padding:34px 0}
.page-products .card-grid,.page-solutions .card-grid,.page-contact .card-grid,.page-about .card-grid,.page-detail .card-grid,.page-legal .card-grid,.page-404 .card-grid{gap:22px}
.page-products .mini-card,.page-solutions .mini-card,.page-contact .mini-card,.page-about .mini-card,.page-detail .mini-card,.page-legal .mini-card,.page-404 .mini-card{padding-top:28px}
.page-products .mini-card h3,.page-solutions .mini-card h3,.page-contact .mini-card h3,.page-about .mini-card h3,.page-detail .mini-card h3,.page-legal .mini-card h3,.page-404 .mini-card h3{letter-spacing:.01em}
.page-service .service-clean-side,.page-service .service-clean-step,.page-service .service-clean-help-card,.page-service .service-clean-contact-card,.page-service .service-clean-faq-card,.page-service .service-clean-band{background:linear-gradient(180deg,rgba(255,251,246,.94),rgba(245,236,224,.86));border-color:rgba(114,83,51,.10);box-shadow:0 24px 70px rgba(79,56,35,.07)}
@media (max-width:1180px){.page-cover .copy{max-width:min(52%,560px)}}
@media (max-width:860px){.page-cover img{aspect-ratio:16 / 8;min-height:220px;object-position:center}.page-cover .overlay{background:linear-gradient(180deg,rgba(247,240,231,.32) 0%,rgba(247,240,231,.08) 100%)}.page-cover .copy{left:18px;right:18px;top:auto;bottom:18px;transform:none;max-width:none;padding:18px 18px;backdrop-filter:blur(8px)}.page-cover h2{max-width:none;font-size:28px;line-height:1.22}.page-cover p{max-width:none;font-size:15px;line-height:1.78}}
@media (max-width:680px){.page-products .section,.page-solutions .section,.page-contact .section,.page-about .section,.page-detail .section,.page-legal .section,.page-404 .section{padding:24px 0}.section-head{padding-bottom:14px}.section-head::after{width:84px}}


/* v60 solutions hero text layout fix */
.page-solutions .page-cover .copy{
  left:44px;
  right:auto;
  max-width:min(58%,640px);
  padding:28px 34px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.page-solutions .page-cover h2{
  max-width:12ch;
  font-size:clamp(32px,2.9vw,46px);
  line-height:1.14;
  letter-spacing:.01em;
  text-wrap:balance;
}
.page-solutions .page-cover p{
  max-width:34ch;
  font-size:16px;
  line-height:1.84;
}
@media (max-width:1280px){
  .page-solutions .page-cover .copy{max-width:min(60%,600px);padding:24px 28px}
  .page-solutions .page-cover h2{max-width:11ch;font-size:clamp(30px,3vw,42px)}
}
@media (max-width:980px){
  .page-solutions .page-cover .copy{max-width:min(66%,560px);left:28px}
  .page-solutions .page-cover h2{max-width:10ch;font-size:clamp(28px,3.2vw,38px)}
}


/* v61 solutions hero visual redraw */
.page-solutions .hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(620px,1.04fr);
  gap:30px;
  align-items:center;
}
.page-solutions .page-cover img{
  aspect-ratio:16 / 7.9;
  min-height:308px;
  object-position:center right;
}
.page-solutions .page-cover .solutions-cover-copy{
  top:28px;
  bottom:28px;
  left:30px;
  right:auto;
  transform:none;
  width:58%;
  max-width:420px;
  min-width:360px;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  background:rgba(255,250,243,.82);
  border:1px solid rgba(122,91,60,.10);
  box-shadow:0 18px 42px rgba(79,56,35,.06);
}
.page-solutions .page-cover .cover-kicker{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(181,145,91,.22);
  background:rgba(255,248,239,.92);
  color:rgba(131,96,61,.9);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.page-solutions .page-cover h2.solutions-cover-title{
  margin:0;
  max-width:none;
  font-size:clamp(30px,2.1vw,34px);
  line-height:1.2;
  letter-spacing:.01em;
}
.page-solutions .page-cover .solutions-cover-title span{
  display:block;
  white-space:nowrap;
}
.page-solutions .page-cover p{
  margin:0;
  max-width:none;
  font-size:15px;
  line-height:1.78;
  color:rgba(77,53,36,.82);
}
@media (max-width:1360px){
  .page-solutions .hero-grid{grid-template-columns:minmax(0,.96fr) minmax(560px,1fr);}
  .page-solutions .page-cover .solutions-cover-copy{width:56%;max-width:388px;min-width:320px;padding:20px 22px;}
  .page-solutions .page-cover h2.solutions-cover-title{font-size:clamp(28px,2.1vw,32px);}
}
@media (max-width:1180px){
  .page-solutions .hero-grid{grid-template-columns:minmax(0,1fr) minmax(520px,.96fr);gap:24px;}
  .page-solutions .page-cover img{min-height:292px;}
  .page-solutions .page-cover .solutions-cover-copy{left:24px;top:24px;bottom:24px;width:54%;max-width:348px;min-width:0;}
  .page-solutions .page-cover .solutions-cover-title span{white-space:normal;}
  .page-solutions .page-cover h2.solutions-cover-title{font-size:clamp(25px,2.5vw,30px);}
}
@media (max-width:860px){
  .page-solutions .page-cover .solutions-cover-copy{left:18px;right:18px;top:auto;bottom:18px;width:auto;max-width:none;padding:18px 18px;gap:10px;}
  .page-solutions .page-cover .cover-kicker{font-size:11px;padding:6px 10px;}
  .page-solutions .page-cover .solutions-cover-title span{white-space:normal;}
  .page-solutions .page-cover h2.solutions-cover-title{font-size:28px;line-height:1.22;}
  .page-solutions .page-cover p{font-size:15px;line-height:1.74;}
}


/* v6 mega menu spacing refinement */
.mega-inner{padding:28px 0 22px}
.mega-grid{gap:18px}
.mega-col{
  padding:24px 28px 28px;
  min-height:214px;
  border-radius:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
}
.mega-col::before{inset:14px}
.mega-col::after{inset:16px}
.mega-title{
  margin:0 0 6px;
  font-size:14px;
  line-height:1.5;
}
.mega-link{
  padding:2px 0;
  line-height:1.9;
}
.mega-foot{padding-top:18px}
@media (max-width:1180px){
  .mega-col{padding:22px 24px 26px;min-height:198px}
}
@media (max-width:860px){
  .mega-col{min-height:auto;padding:18px 20px 20px;gap:8px}
  .mega-col::before{inset:10px}
  .mega-col::after{inset:12px}
}