:root {
  --color-primary: #C62828;
  --color-primary-dark: #B71C1C;
  --color-gold: #D4A843;
  --color-bg: #fcfbf9;
  --color-bg-alt: #f6f5f4;
  --color-bg-card: #ffffff;
  --color-bg-dark: #f0eeeb;
  --color-text: rgba(0,0,0,0.92);
  --color-text-secondary: #615d59;
  --color-text-muted: #a39e98;
  --color-border: rgba(0,0,0,0.08);
  --font-sans: "Inter", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif: "Noto Serif SC", "Georgia", serif;
  --shadow-card: 0 1px 3px rgba(0,0,0,0.04), 0 3px 7px rgba(0,0,0,0.02), 0 7px 15px rgba(0,0,0,0.02);
  --radius: 12px;
  --radius-sm: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap');

/* ===== KEYFRAMES (shadcn-vue + play-tailwind) ===== */
@keyframes glow-pulse{0%,100%{opacity:.3;transform:translateY(20px)}50%{opacity:.7;transform:translateY(0)}}
@keyframes border-glow{0%,100%{border-color:rgba(198,40,40,.15);box-shadow:0 0 8px rgba(198,40,40,.1)}50%{border-color:rgba(198,40,40,.4);box-shadow:0 0 25px rgba(198,40,40,.2)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes breathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes zoomIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh;line-height:1.7;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}
button{cursor:pointer;font:inherit}
h1,h2,h3{font-family:var(--font-serif);line-height:1.3;color:var(--color-text);letter-spacing:-0.02em}
::selection{background:rgba(198,40,40,.15);color:var(--color-primary)}

/* ===== 1. NOTION: Warm minimal base ===== */
.app-header{position:sticky!important;top:0;z-index:100!important;background:rgba(252,251,249,.95)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--color-border)!important}
.header-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;height:64px;gap:1rem}
.logo{font-weight:700;font-size:1.2rem;color:var(--color-primary)}
.nav-menu a{padding:.5rem .85rem;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;border-radius:6px;transition:all .2s}
.nav-menu a:hover,.nav-menu a.router-link-exact-active{color:var(--color-primary);background:rgba(198,40,40,.06)}

/* ===== 2. SHADCN-VUE: Gradient text + 3D shadow + Ring icons ===== */
.hero-title{background:linear-gradient(135deg,var(--color-text) 30%,var(--color-gold) 70%,var(--color-primary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:3rem!important;font-weight:800!important;line-height:1.1!important}

/* 3D shadow decoration behind hero (shadcn-vue) */
.hero{position:relative;overflow:hidden;padding:5rem 0 2rem;text-align:center}
.hero::before{display:block!important;content:''!important;position:absolute!important;top:-150px!important;left:50%!important;transform:translateX(-50%)!important;width:500px!important;height:500px!important;border-radius:50%!important;background:radial-gradient(closest-side,rgba(198,40,40,.06) 0%,rgba(212,168,67,.03) 40%,transparent 70%)!important;pointer-events:none!important;z-index:-1!important;animation:glow-pulse 5s ease-in-out infinite!important}

/* Ring icon container (shadcn-vue) */
.art-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;background:rgba(198,40,40,.12)!important;border-radius:50%!important;box-shadow:0 0 0 8px rgba(198,40,40,.06)!important;font-size:1.5rem!important;margin-bottom:.75rem!important}

/* ===== 3. PLAY-TAILWIND: CTA buttons + scroll animations + responsive spacing ===== */
.hero-welcome{font-size:.9rem;color:var(--color-gold);font-weight:600;letter-spacing:.12em;margin-bottom:.75rem;animation:fadeUp .4s ease-out}
.hero-title{animation:fadeUp .5s ease-out}
.hero-subtitle{animation:fadeUp .6s ease-out}
.hero-desc{animation:fadeUp .7s ease-out}

/* Spacing (play-tailwind: pt-[120px]) */
.hero{padding:6rem 0 3rem!important}
.arts-section{padding:3rem 0!important}
.company-section,.scope-section,.compliance-section{padding:3rem 0!important;background:var(--color-bg-alt)!important}
.vision-section{padding:3rem 0!important}
.contact-qr{padding:3rem 1.5rem!important;background:var(--color-bg-alt)!important;border-top:1px solid var(--color-border)!important}

/* ===== 4. ASTROSHIP: Card hover with cubic-bezier + large typography ===== */
.art-card,.vision-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}
.art-card:hover{transform:translateY(-6px)!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important}
.vision-card:hover{transform:translateY(-4px)!important}

/* ===== 5. CRUIP: Gradient borders + blur circles + decorative elements ===== */
/* Gradient top-border on sections */
.company-section,.scope-section,.compliance-section,.vision-section{border-top:1px solid;border-image:linear-gradient(to_right,transparent,rgba(0,0,0,.06),transparent)1!important}

/* Decorative blur circles (Cruip PageIllustration) */
.chat-dialog-section::after,.vision-section::after{display:block!important;content:''!important;position:absolute!important;width:200px!important;height:200px!important;border-radius:50%!important;background:radial-gradient(closest-side,rgba(212,168,67,.04),transparent 70%)!important;pointer-events:none!important;z-index:0!important}
.chat-dialog-section{position:relative}
.vision-section{position:relative}

/* Avatar stack border (Cruip) */
.facts-grid{border:1px solid var(--color-border)!important;border-image:linear-gradient(to_right,transparent,rgba(198,40,40,.15),transparent)1!important}

/* ===== 6. CHAT DIALOG OVERRIDES: All dark inline -> Notion white ===== */
section[style*="padding:2rem 0"] > div{background:#ffffff!important;border:1px solid var(--color-border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-card)!important}
[style*="background:linear-gradient(135deg,#1a1a2e"],[style*="background:rgba(0,0,0,.2)"],[style*="background:rgba(255,255,255,.08)"],[style*="background:rgba(0,0,0,0)"]{background:transparent!important}
[style*="color:#fff"],[style*="color:rgba(255,255,255"],[style*="color:#ffd700"]{color:var(--color-text)!important}
[style*="color:rgba(255,255,255,.4)"],[style*="color:rgba(255,255,255,.5)"],[style*="color:rgba(255,255,255,.6)"]{color:var(--color-text-muted)!important}
[style*="border-bottom:1px solid rgba(255,255,255"],[style*="border-top:1px solid rgba(255,255,255"]{border-color:var(--color-border)!important}
[style*="font-size:1.2rem;color:#fff;font-weight:700"]{font-size:1.2rem!important;color:var(--color-text)!important;font-weight:700!important}
[style*="font-size:.75rem;background:linear-gradient"]{background:rgba(198,40,40,.1)!important;color:var(--color-primary)!important;border-radius:9999px!important;padding:.25rem .65rem!important;font-size:.75rem!important;font-weight:600!important}
[style*="background:rgba(255,215,0,.15);color:#ffd700"]{background:rgba(212,168,67,.1)!important;color:var(--color-gold)!important;border-radius:9999px!important;padding:.25rem .85rem!important;font-weight:700!important}
[style*="background:linear-gradient(135deg,#07C160,#06ad56)"]{background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-sm)!important;font-weight:600!important}
[style*="background:transparent;color:rgba(255,255,255"][style*="border:1px solid rgba(255,255,255"]{background:transparent!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important}
[style*="background:linear-gradient(135deg,#667eea,#764ba2)"]{background:var(--color-primary)!important}
[disabled]{opacity:.5!important}

/* Button arrow animation (shadcn-vue) */
a[href="/auth"]{transition:all .25s cubic-bezier(.4,0,.2,1)!important;position:relative!important}
a[href="/auth"]:hover{padding-right:2rem!important}
a[href="/auth"]:hover::after{content:'→'!important;position:absolute!important;top:50%!important;right:.75rem!important;transform:translateY(-50%)!important;transition:all .25s!important}

/* ===== ARTS CARDS ===== */
.arts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:900px;margin:0 auto}
.art-card{padding:1.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;animation:fadeUp .5s ease-out both!important}
.art-card:nth-child(1){animation-delay:.1s}.art-card:nth-child(2){animation-delay:.2s}.art-card:nth-child(3){animation-delay:.3s}.art-card:nth-child(4){animation-delay:.4s}.art-card:nth-child(5){animation-delay:.5s}
.art-title{font-size:1rem;color:var(--color-primary);font-weight:700;margin-bottom:.25rem}
.art-subtitle{font-size:.8rem;color:var(--color-text-secondary)}

/* ===== VISION CARDS ===== */
.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:750px;margin:0 auto}
.vision-card{padding:1.25rem;background:var(--color-bg-card);border-radius:var(--radius);animation:zoomIn .5s ease-out both}
.vision-icon{font-size:1.5rem;margin-bottom:.4rem;display:block}
.vision-card h3{font-size:1rem;color:var(--color-primary);margin:.4rem 0;font-weight:600}
.vision-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}

/* ===== COMPANY FACTS ===== */
.company-desc{text-align:center;max-width:600px;margin:0 auto 1.5rem;color:var(--color-text-secondary);line-height:1.7;font-size:.9rem}
.facts-grid{max-width:600px;margin:0 auto;background:var(--color-bg-card);border-radius:var(--radius);padding:1.25rem 1.5rem}
.facts-heading{font-size:.95rem;color:var(--color-primary);margin-bottom:.75rem;text-align:center;font-weight:600}
.facts-items{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}
.fact-item{padding:.35rem 0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between}
.fact-label{color:var(--color-text-secondary);font-size:.8rem}
.fact-value{font-weight:600;font-size:.9rem}

/* ===== SCOPE SECTION ===== */
.scope-tag{display:inline-block;padding:.35rem .8rem;background:var(--color-bg-card);border-radius:9999px;font-size:.8rem;border:1px solid var(--color-border);color:var(--color-text-secondary);margin:.2rem;transition:all .2s ease}
.scope-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}
.scope-tag-license{background:rgba(212,168,67,.08);border-color:var(--color-gold);color:var(--color-gold)}
.section-title{font-size:1.8rem;color:var(--color-text);text-align:center;margin-bottom:1.5rem;font-weight:700;font-family:var(--font-serif)}
.scope-group-title{font-size:.9rem;color:var(--color-primary);margin-bottom:.5rem;text-align:center;font-weight:600}

/* ===== COMPLIANCE ===== */
.compliance-desc{text-align:center;max-width:700px;margin:0 auto;padding:1.25rem;background:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);line-height:1.7;font-size:.85rem}

/* ===== QR SECTION ===== */
.contact-qr h3{font-size:1.3rem;color:var(--color-text);margin-bottom:.4rem;text-align:center}
.qr-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1.5rem;text-align:center}
.qr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:650px;margin:0 auto}
.qr-item{text-align:center;padding:.75rem;background:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border);transition:all .3s ease!important}
.qr-item:hover{transform:translateY(-4px)!important;box-shadow:0 8px 20px rgba(0,0,0,.06)!important;border-color:rgba(198,40,40,.2)!important}
.qr-img{width:100px;height:100px;object-fit:cover;border-radius:8px;margin:0 auto .4rem;display:block}
.qr-label{font-size:.75rem;color:var(--color-text-secondary)}

/* ===== FOOTER ===== */
.app-footer{border-top:1px solid var(--color-border)!important;background:var(--color-bg-alt)!important;padding:1.5rem 0!important}
.footer-row{color:var(--color-text-muted);font-size:.8rem;text-align:center;line-height:2}
.footer-row a{color:var(--color-text-muted)}
.footer-row a:hover{color:var(--color-primary)}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .hero-title{font-size:2.2rem!important}
  .hero{padding:3rem 0 2rem!important}
  .arts-grid{grid-template-columns:repeat(3,1fr)}
  .vision-grid{grid-template-columns:1fr}
  .qr-grid{grid-template-columns:repeat(2,1fr)}
  .facts-items{grid-template-columns:1fr}
}
@media(max-width:480px){
  .arts-grid{grid-template-columns:repeat(2,1fr)}
  .hero-title{font-size:1.8rem!important}
}
/* Logo - replace 玄 with app icon */
.logo{display:flex!important;align-items:center!important;gap:.6rem!important;text-decoration:none!important}

.logo-text{display:inline!important}
.logo-text:hover{color:var(--color-primary)!important}
.lang-switch{margin-left:auto!important;display:flex!important;gap:4px!important;align-items:center!important}
.lang-switch button{padding:4px 10px!important;border:1px solid var(--color-border)!important;border-radius:9999px!important;background:transparent!important;color:var(--color-text-secondary)!important;font-size:.8rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;min-width:38px!important}
.lang-switch button:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:rgba(198,40,40,.04)!important}
.logo{display:inline-flex!important;align-items:center!important;gap:.35rem!important;text-decoration:none!important;position:relative!important}

}

}
/* ===== PRICING CARD - make pay-per-use prominent ===== */
/* Target the section containing pricing text */
[style*="padding:1rem 1.5rem .5rem;text-align:center"]{background:var(--color-bg-alt)!important;border-radius:var(--radius)!important;padding:1.25rem 1.5rem!important;margin:1rem 1.5rem!important}
[style*="padding:1rem 1.5rem .5rem;text-align:center"] > *{display:inline-block!important}
[style*="background:rgba(255,215,0,.15);color:#ffd700"]{background:rgba(212,168,67,.12)!important;color:var(--color-gold)!important;font-size:1.1rem!important;padding:.35rem 1rem!important;border-radius:9999px!important;font-weight:800!important}
[style*="font-size:.75rem;color:rgba(255,255,255"]{color:var(--color-text-muted)!important;font-size:.8rem!important;margin-left:.5rem!important}

/* CTA button row */
[style*="display:flex;justify-content:center;gap:.75rem;padding:.75rem 1.5rem 1.5rem"]{padding:1rem 1.5rem 1.5rem!important;gap:1rem!important}
[style*="background:linear-gradient(135deg,#07C160,#06ad56)"]{background:var(--color-primary)!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-size:.95rem!important;color:#fff!important}
[style*="background:transparent;color:rgba(255,255,255"][style*="border:1px solid rgba(255,255,255"]{padding:.75rem 1.5rem!important;border-radius:8px!important}
a[href="/auth"]:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(198,40,40,.2)!important}

/* ===== COMPANY VIDEO PLACEHOLDER ===== */
.company-section{position:relative!important;padding-top:3.5rem!important}
.company-section::before{display:block!important;content:\"▶ 企业宣传片\"!important;position:relative!important;max-width:500px!important;margin:0 auto 1.5rem!important;text-align:center!important;padding:1rem!important;background:linear-gradient(135deg,rgba(198,40,40,.06),rgba(212,168,67,.06))!important;border:1px dashed var(--color-primary)!important;border-radius:var(--radius)!important;color:var(--color-text-secondary)!important;font-size:.9rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}
.company-section::before:hover{background:linear-gradient(135deg,rgba(198,40,40,.12),rgba(212,168,67,.12))!important;border-style:solid!important;color:var(--color-primary)!important}

/* ===== LAYOUT OPTIMIZATION ===== */
/* Better visual separation */
.hero{padding:4rem 0 2rem!important}
.arts-section{padding:3rem 0!important}
.vision-section{padding:3rem 0!important}
.scope-section{padding:3rem 0!important}
.compliance-section{padding:2.5rem 0!important}
.contact-qr{padding:3rem 1.5rem!important}

/* Section transition */
.hero + *{margin-top:0}
.arts-section{margin-top:0}
.company-section{margin-top:0;border-top:1px solid var(--color-border)!important}

/* Section title refinement */
.section-title{font-size:1.5rem!important;margin-bottom:1rem!important}
.section-title::after{display:block!important;content:\"\"!important;width:40px!important;height:3px!important;background:var(--color-primary)!important;margin:.5rem auto 0!important;border-radius:2px!important}

/* Arts cards layout */
.arts-grid{gap:1rem!important}
.art-card{padding:1.25rem!important}

/* Vision cards */
.vision-grid{gap:1rem!important}
.vision-card{padding:1rem!important}

/* Company facts */
.facts-grid{padding:1rem 1.25rem!important}
.facts-items{gap:.5rem!important}

/* QR section */
.qr-grid{gap:.75rem!important}
.qr-item{padding:.6rem!important}
.qr-img{width:85px!important;height:85px!important}

/* Spacing consistency */
.company-desc{margin-bottom:1.25rem!important}
.scope-tag{margin:.15rem!important;padding:.3rem .7rem!important}
.compliance-desc{padding:1rem!important}

/* Better button hover on CTA section */
[style*="padding:.7rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block;background:linear-gradient(135deg,#07C160,#06ad56)"]:hover{filter:brightness(1.1)!important;transform:translateY(-1px)!important}
/* Video section placeholder */
.company-section{position:relative;padding-top:3.5rem}
.company-section::before{display:block!important;content:"▶ 企业宣传片"!important;max-width:500px!important;margin:0 auto 1.5rem!important;text-align:center!important;padding:1rem!important;background:linear-gradient(135deg,rgba(198,40,40,.06),rgba(212,168,67,.06))!important;border:1px dashed var(--color-primary)!important;border-radius:var(--radius)!important;color:var(--color-text-secondary)!important;font-size:.9rem!important;font-weight:600!important}
.company-section::before:hover{background:linear-gradient(135deg,rgba(198,40,40,.12),rgba(212,168,67,.12))!important;border-style:solid!important;color:var(--color-primary)!important}

/* Pricing highlight */
[style*="padding:1rem 1.5rem .5rem;text-align:center"]{background:var(--color-bg-alt)!important;border-radius:var(--radius)!important;padding:1.25rem 1.5rem!important;margin:.75rem 1.5rem!important}
[style*="padding:1rem 1.5rem .5rem;text-align:center"] > span:first-child{font-size:1.2rem!important;font-weight:800!important;color:var(--color-gold)!important;background:rgba(212,168,67,.12)!important;padding:.3rem 1rem!important;border-radius:9999px!important}
[style*="font-size:.75rem;color:rgba(255,255,255,.4)"]{color:var(--color-text-muted)!important;font-size:.8rem!important}

/* Section refinement */
.section-title{font-size:1.5rem;margin-bottom:1rem;position:relative}
.section-title::after{display:block!important;content:""!important;width:40px!important;height:3px!important;background:var(--color-primary)!important;margin:.5rem auto 0!important;border-radius:2px!important}

/* Spacing optimization */
.hero{padding:4rem 0 2rem!important}
.arts-section,.vision-section,.scope-section{padding:3rem 0!important}
.company-section,.compliance-section{padding:2.5rem 0!important}
.contact-qr{padding:3rem 1.5rem!important}
.arts-grid{gap:1rem!important}
.vision-grid{gap:1rem!important}
.qr-grid{gap:.75rem!important}
.qr-img{width:85px!important;height:85px!important}



  1.56%{background-position:0 -24px}
  3.12%{background-position:0 -48px}
  4.69%{background-position:0 -72px}
  6.25%{background-position:0 -96px}
  7.81%{background-position:0 -120px}
  9.38%{background-position:0 -144px}
  10.94%{background-position:0 -168px}
  12.50%{background-position:0 -192px}
  14.06%{background-position:0 -216px}
  15.62%{background-position:0 -240px}
  17.19%{background-position:0 -264px}
  18.75%{background-position:0 -288px}
  20.31%{background-position:0 -312px}
  21.88%{background-position:0 -336px}
  23.44%{background-position:0 -360px}
  25.00%{background-position:0 -384px}
  26.56%{background-position:0 -408px}
  28.12%{background-position:0 -432px}
  29.69%{background-position:0 -456px}
  31.25%{background-position:0 -480px}
  32.81%{background-position:0 -504px}
  34.38%{background-position:0 -528px}
  35.94%{background-position:0 -552px}
  37.50%{background-position:0 -576px}
  39.06%{background-position:0 -600px}
  40.62%{background-position:0 -624px}
  42.19%{background-position:0 -648px}
  43.75%{background-position:0 -672px}
  45.31%{background-position:0 -696px}
  46.88%{background-position:0 -720px}
  48.44%{background-position:0 -744px}
  50.00%{background-position:0 -768px}
  51.56%{background-position:0 -792px}
  53.12%{background-position:0 -816px}
  54.69%{background-position:0 -840px}
  56.25%{background-position:0 -864px}
  57.81%{background-position:0 -888px}
  59.38%{background-position:0 -912px}
  60.94%{background-position:0 -936px}
  62.50%{background-position:0 -960px}
  64.06%{background-position:0 -984px}
  65.62%{background-position:0 -1008px}
  67.19%{background-position:0 -1032px}
  68.75%{background-position:0 -1056px}
  70.31%{background-position:0 -1080px}
  71.88%{background-position:0 -1104px}
  73.44%{background-position:0 -1128px}
  75.00%{background-position:0 -1152px}
  76.56%{background-position:0 -1176px}
  78.12%{background-position:0 -1200px}
  79.69%{background-position:0 -1224px}
  81.25%{background-position:0 -1248px}
  82.81%{background-position:0 -1272px}
  84.38%{background-position:0 -1296px}
  85.94%{background-position:0 -1320px}
  87.50%{background-position:0 -1344px}
  89.06%{background-position:0 -1368px}
  90.62%{background-position:0 -1392px}
  92.19%{background-position:0 -1416px}
  93.75%{background-position:0 -1440px}
  95.31%{background-position:0 -1464px}
  96.88%{background-position:0 -1488px}
  98.44%{background-position:0 -1512px}
  100.00%{background-position:0 -1536px}
}



.logo-text{display:inline!important}




.menu-toggle{display:none!important}@media(max-width:768px){.menu-toggle{display:none!important}}


  1.54%{background-position:0 -24px}
  3.08%{background-position:0 -48px}
  4.62%{background-position:0 -72px}
  6.15%{background-position:0 -96px}
  7.69%{background-position:0 -120px}
  9.23%{background-position:0 -144px}
  10.77%{background-position:0 -168px}
  12.31%{background-position:0 -192px}
  13.85%{background-position:0 -216px}
  15.38%{background-position:0 -240px}
  16.92%{background-position:0 -264px}
  18.46%{background-position:0 -288px}
  20.00%{background-position:0 -312px}
  21.54%{background-position:0 -336px}
  23.08%{background-position:0 -360px}
  24.62%{background-position:0 -384px}
  26.15%{background-position:0 -408px}
  27.69%{background-position:0 -432px}
  29.23%{background-position:0 -456px}
  30.77%{background-position:0 -480px}
  32.31%{background-position:0 -504px}
  33.85%{background-position:0 -528px}
  35.38%{background-position:0 -552px}
  36.92%{background-position:0 -576px}
  38.46%{background-position:0 -600px}
  40.00%{background-position:0 -624px}
  41.54%{background-position:0 -648px}
  43.08%{background-position:0 -672px}
  44.62%{background-position:0 -696px}
  46.15%{background-position:0 -720px}
  47.69%{background-position:0 -744px}
  49.23%{background-position:0 -768px}
  50.77%{background-position:0 -792px}
  52.31%{background-position:0 -816px}
  53.85%{background-position:0 -840px}
  55.38%{background-position:0 -864px}
  56.92%{background-position:0 -888px}
  58.46%{background-position:0 -912px}
  60.00%{background-position:0 -936px}
  61.54%{background-position:0 -960px}
  63.08%{background-position:0 -984px}
  64.62%{background-position:0 -1008px}
  66.15%{background-position:0 -1032px}
  67.69%{background-position:0 -1056px}
  69.23%{background-position:0 -1080px}
  70.77%{background-position:0 -1104px}
  72.31%{background-position:0 -1128px}
  73.85%{background-position:0 -1152px}
  75.38%{background-position:0 -1176px}
  76.92%{background-position:0 -1200px}
  78.46%{background-position:0 -1224px}
  80.00%{background-position:0 -1248px}
  81.54%{background-position:0 -1272px}
  83.08%{background-position:0 -1296px}
  84.62%{background-position:0 -1320px}
  86.15%{background-position:0 -1344px}
  87.69%{background-position:0 -1368px}
  89.23%{background-position:0 -1392px}
  90.77%{background-position:0 -1416px}
  92.31%{background-position:0 -1440px}
  93.85%{background-position:0 -1464px}
  95.38%{background-position:0 -1488px}
  96.92%{background-position:0 -1512px}
  98.46%{background-position:0 0px}
  100.00%{background-position:0 -24px}
}




  1.56%{content:"䷁";color:#C62828}
  3.12%{content:"䷂";color:#C62828}
  4.69%{content:"䷃";color:#C62828}
  6.25%{content:"䷄";color:#C62828}
  7.81%{content:"䷅";color:#C62828}
  9.38%{content:"䷆";color:#C62828}
  10.94%{content:"䷇";color:#C62828}
  12.50%{content:"䷈";color:#C62828}
  14.06%{content:"䷉";color:#C62828}
  15.62%{content:"䷊";color:#C62828}
  17.19%{content:"䷋";color:#C62828}
  18.75%{content:"䷌";color:#C62828}
  20.31%{content:"䷍";color:#C62828}
  21.88%{content:"䷎";color:#C62828}
  23.44%{content:"䷏";color:#C62828}
  25.00%{content:"䷐";color:#C62828}
  26.56%{content:"䷑";color:#C62828}
  28.12%{content:"䷒";color:#C62828}
  29.69%{content:"䷓";color:#C62828}
  31.25%{content:"䷔";color:#C62828}
  32.81%{content:"䷕";color:#C62828}
  34.38%{content:"䷖";color:#C62828}
  35.94%{content:"䷗";color:#C62828}
  37.50%{content:"䷘";color:#C62828}
  39.06%{content:"䷙";color:#C62828}
  40.62%{content:"䷚";color:#C62828}
  42.19%{content:"䷛";color:#C62828}
  43.75%{content:"䷜";color:#C62828}
  45.31%{content:"䷝";color:#C62828}
  46.88%{content:"䷞";color:#C62828}
  48.44%{content:"䷟";color:#C62828}
  50.00%{content:"䷠";color:#C62828}
  51.56%{content:"䷡";color:#C62828}
  53.12%{content:"䷢";color:#C62828}
  54.69%{content:"䷣";color:#C62828}
  56.25%{content:"䷤";color:#C62828}
  57.81%{content:"䷥";color:#C62828}
  59.38%{content:"䷦";color:#C62828}
  60.94%{content:"䷧";color:#C62828}
  62.50%{content:"䷨";color:#C62828}
  64.06%{content:"䷩";color:#C62828}
  65.62%{content:"䷪";color:#C62828}
  67.19%{content:"䷫";color:#C62828}
  68.75%{content:"䷬";color:#C62828}
  70.31%{content:"䷭";color:#C62828}
  71.88%{content:"䷮";color:#C62828}
  73.44%{content:"䷯";color:#C62828}
  75.00%{content:"䷰";color:#C62828}
  76.56%{content:"䷱";color:#C62828}
  78.12%{content:"䷲";color:#C62828}
  79.69%{content:"䷳";color:#C62828}
  81.25%{content:"䷴";color:#C62828}
  82.81%{content:"䷵";color:#C62828}
  84.38%{content:"䷶";color:#C62828}
  85.94%{content:"䷷";color:#C62828}
  87.50%{content:"䷸";color:#C62828}
  89.06%{content:"䷹";color:#C62828}
  90.62%{content:"䷺";color:#C62828}
  92.19%{content:"䷻";color:#C62828}
  93.75%{content:"䷼";color:#C62828}
  95.31%{content:"䷽";color:#C62828}
  96.88%{content:"䷾";color:#C62828}
  98.44%{content:"䷿";color:#C62828}
}

.logo-text::after{display:inline-block!important;font-size:1rem!important;vertical-align:middle!important;margin:0 4px!important;color:#C62828!important}


.scope-section{height:auto!important;border:1px solid var(--color-border);border-radius:var(--radius);margin:1rem;padding:1rem 1.5rem!important}
.scope-section:hover{box-shadow:0 4px 12px rgba(0,0,0,.04)}
#img-cr{margin-top:1px}

.menu-toggle{display:none!important}

.nav-menu a{padding:.45rem .75rem!important;color:#615d59!important;font-size:.9rem!important;font-weight:500!important;border-radius:6px!important;transition:all .2s ease!important}
.nav-menu a:hover{background:rgba(198,40,40,.06)!important;color:#C62828!important}
.lang-switch button{padding:3px 10px!important;border-radius:9999px!important;border:1px solid rgba(0,0,0,.08)!important;background:transparent!important;color:#615d59!important;font-size:.78rem!important;font-weight:500!important}
.lang-switch button.active{background:#C62828!important;color:#fff!important}
.arts-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:1rem!important;max-width:860px!important;margin:0 auto!important}
.art-card{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:12px!important;padding:1.25rem .75rem!important;text-align:center!important;transition:all .3s ease!important}
.art-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 25px rgba(0,0,0,.06)!important;border-color:rgba(198,40,40,.15)!important}
.art-icon{display:inline-flex!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(198,40,40,.08)!important;align-items:center!important;justify-content:center!important;font-size:1.3rem!important;margin-bottom:.5rem!important}
.section-title{font-size:1.4rem!important;font-family:var(--font-serif)!important;font-weight:700!important;text-align:center!important;margin-bottom:.75rem!important}
.section-title::after{display:block!important;content:""!important;width:32px!important;height:2px!important;background:#C62828!important;margin:.35rem auto 0!important}
.compliance-section{background:transparent!important;padding:.5rem 1.5rem!important;border-top:none!important}
.compliance-desc{text-align:center!important;font-size:.78rem!important;color:#a39e98!important;line-height:1.6!important;border:none!important;padding:0!important;background:transparent!important;max-width:700px!important;margin:0 auto!important}
.app-footer{border-top:1px solid rgba(0,0,0,.06)!important;background:#f6f5f4!important;padding:1rem 0!important}
.footer-row{color:#a39e98!important;font-size:.78rem!important;text-align:center!important;line-height:1.8!important}




.logo-icon{background-image:url(/app-icon.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;font-size:0!important}