/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--color-accent:#0071e3;--color-accent-hover:#0077ed;--color-accent-subtle:rgba(0,113,227,0.08);--color-bg:#f5f5f7;--color-border:rgba(0,0,0,0.08);--color-border-hover:rgba(0,0,0,0.16);--color-caution:#ff9f0a;--color-caution-dark:#b36b00;--color-caution-subtle:rgba(255,159,10,0.12);--color-negative:#ff453a;--color-negative-subtle:rgba(255,69,58,0.12);--color-positive:#30d158;--color-positive-dark:#248a3d;--color-positive-subtle:rgba(48,209,88,0.12);--color-surface:rgba(255,255,255,0.72);--color-surface-solid:#ffffff;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#86868b;--content-padding:var(--space-lg);--font-mono:'SF Mono','SF Pro Mono','Cascadia Code','Fira Code','JetBrains Mono',monospace;--font-sans:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--max-width:1080px;--radius-full:9999px;--radius-lg:14px;--radius-md:10px;--radius-sm:6px;--radius-xl:20px;--shadow-lg:0 8px 30px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-xl:0 20px 60px rgba(0,0,0,0.1),0 4px 16px rgba(0,0,0,0.06);--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-lg:24px;--space-md:16px;--space-sm:8px;--space-xl:32px;--space-xs:4px;--vibrancy-bg:rgba(255,255,255,0.6);--vibrancy-blur:20px;}@media (prefers-color-scheme:dark){:root{--color-accent:#0a84ff;--color-accent-hover:#409cff;--color-accent-subtle:rgba(10,132,255,0.12);--color-bg:#1c1c1e;--color-border:rgba(255,255,255,0.08);--color-border-hover:rgba(255,255,255,0.16);--color-caution:#ff9f0a;--color-caution-dark:#b38a00;--color-caution-subtle:rgba(255,159,10,0.12);--color-negative:#ff453a;--color-negative-subtle:rgba(255,69,58,0.12);--color-positive:#30d158;--color-positive-dark:#34c759;--color-positive-subtle:rgba(48,209,88,0.12);--color-surface:rgba(44,44,46,0.72);--color-surface-solid:#2c2c2e;--color-text:#f5f5f7;--color-text-secondary:#98989d;--color-text-tertiary:#6e6e73;--shadow-lg:0 8px 30px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3),0 1px 4px rgba(0,0,0,0.2);--shadow-sm:0 1px 3px rgba(0,0,0,0.2);--shadow-xl:0 20px 60px rgba(0,0,0,0.4),0 4px 16px rgba(0,0,0,0.25);--vibrancy-bg:rgba(28,28,30,0.65);}}[dir="rtl"] .bws-survey{border-left:none;border-right:3px solid var(--color-accent);}[dir="rtl"] .persona-intro,[dir="rtl"] .hero__bridge{border-left:none;border-right:3px solid var(--color-accent);}[dir="rtl"] .nav__links{flex-direction:row-reverse;}@media print{:root{--color-bg:#ffffff;--color-text:#000000;--color-text-secondary:#333333;--color-text-tertiary:#666666;--color-accent:#000000;--color-surface:#ffffff;--color-surface-solid:#ffffff;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;}.nav,.footer,.btn,.nav__cta,.bws-survey,.glass,.hero__new-badge{display:none !important;}body{font-size:12pt;line-height:1.5;}a[href]::after{content:" (" attr(href) ")";font-size:0.8em;color:var(--color-text-tertiary);}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}body{font-family:var(--font-sans);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden;}a{color:var(--color-accent);text-decoration:none;transition:color 0.15s ease;}a:hover{color:var(--color-accent-hover);}img,video{max-width:100%;height:auto;display:block;}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text);}h1{font-size:clamp(2.75rem,6vw,4rem);}h2{font-size:clamp(2rem,4vw,2.5rem);}h3{font-size:clamp(1.5rem,2.5vw,1.75rem);}p{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:1.0625rem;}.glass{background:var(--vibrancy-bg);backdrop-filter:blur(var(--vibrancy-blur));-webkit-backdrop-filter:blur(var(--vibrancy-blur));border:1px solid var(--color-border);}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);}.section{padding:var(--space-4xl) 0;}.section-sm{padding:var(--space-2xl) 0;}
.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:0.9375rem;font-weight:500;line-height:1;border:none;cursor:pointer;transition:all 0.15s ease;text-decoration:none;}.btn-primary{background:var(--color-accent);color:var(--color-surface-solid);box-shadow:var(--shadow-sm);}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);}.btn-ghost{background:transparent;color:var(--color-accent);border:1px solid var(--color-border);}.btn-ghost:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);}.feature-card{background:var(--color-surface);backdrop-filter:blur(var(--vibrancy-blur));-webkit-backdrop-filter:blur(var(--vibrancy-blur));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all 0.2s ease;}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-2px);}.feature-card__title{font-size:1.0625rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text);}.feature-card__desc{font-size:0.9375rem;color:var(--color-text-secondary);line-height:1.5;}.accent-callout{font-size:1.0625rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-accent-subtle);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);line-height:1.6;}.pill-badge{display:inline-block;font-size:1rem;color:var(--color-accent);text-decoration:none;padding:4px 14px;border:1px solid var(--color-accent);border-radius:20px;transition:background 0.2s,color 0.2s;}.pill-badge:hover{background:var(--color-accent);color:var(--color-surface-solid);}
html[lang="zh"] body{font-family:'Noto Sans SC',var(--font-sans);line-height:1.75;}html[lang="ja"] body{font-family:'Noto Sans JP',var(--font-sans);line-height:1.75;}@media print{:root{--color-bg:#ffffff;--color-text:#000000;--color-text-secondary:#333333;--color-text-tertiary:#666666;--color-accent:#000000;--color-surface:#ffffff;--color-surface-solid:#ffffff;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;}.nav,.footer,.btn,.nav__cta,.bws-survey,.glass,.hero__new-badge{display:none !important;}body{font-size:12pt;line-height:1.5;}a[href]::after{content:" (" attr(href) ")";font-size:0.8em;color:var(--color-text-tertiary);}}