*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Yu Gothic,Noto Sans JP,Meiryo,Inter,Arial,sans-serif;line-height:1.7;background:var(--white)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(100% - 40px,1240px);margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:var(--color-header-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar{border-bottom:1px solid var(--line)}.topbar input,.topbar select{background:var(--color-input-bg);color:var(--ink)}.topbar-inner{min-height:76px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy);white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--navy),var(--blue) 70%,var(--cyan));position:relative}.brand-mark:after{content:"";position:absolute;inset:10px;border:2px solid rgba(255,255,255,.84);border-radius:50%}.site-search{margin-left:auto;width:min(300px,24vw);height:40px;display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.site-search input{width:100%;height:38px;min-height:0;border:0;padding:0 14px;outline:0;line-height:38px}.site-search button{min-width:72px;height:38px;border:0;border-left:1px solid var(--line);background:#fff;cursor:pointer;color:var(--muted);white-space:nowrap;font-size:13px}.header-phone{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--navy);font-weight:800;white-space:nowrap}.header-phone:before{content:"TEL";margin-right:6px;color:var(--muted);font-size:11px;letter-spacing:.04em}.lang-select{min-width:118px;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#fff}.header-actions{display:flex;gap:10px;align-items:center}.nav-row{min-height:50px;display:flex;align-items:center;justify-content:center}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;min-height:50px;padding:0 16px;border:0;border-left:1px solid var(--color-nav-border);color:var(--color-nav-link);white-space:nowrap;background:transparent;cursor:pointer}.nav-item:last-child .nav-link{border-right:1px solid var(--color-nav-border)}.nav-item:hover>.nav-link{color:var(--color-nav-hover-text);background:var(--color-nav-hover-bg)}.nav-item-contact>a{margin-left:10px;min-height:38px;padding:0 18px;border:1px solid var(--color-accent);border-radius:8px;color:var(--color-primary-strong);background:var(--color-primary-soft);font-weight:900}.nav-item-contact:hover>a{color:#fff;background:var(--color-primary-strong)}.submenu{position:absolute;top:100%;left:0;min-width:240px;display:none;padding:8px;background:var(--color-submenu-bg);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.submenu a{display:block;padding:10px 12px;border-radius:6px;color:var(--color-nav-link)}.submenu-main{font-weight:900;color:var(--blue)!important;border-bottom:1px solid var(--line);margin-bottom:4px}.submenu a:hover{background:var(--color-primary-soft);color:var(--blue)}.nav-item:hover .submenu,.nav-item:focus-within .submenu{display:block}.mobile-menu-toggle{display:none;width:44px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--color-surface);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn-primary{color:#fff;background:var(--blue);box-shadow:var(--shadow-btn-primary)}.btn-secondary{color:var(--navy);background:var(--color-surface);border-color:var(--line)}.btn-ghost{color:var(--blue);background:var(--color-primary-soft)}.btn-outline{color:var(--navy);background:#fff;border-color:var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}.btn-ghost-light{color:#fff;background:transparent;border-color:#fff6}.btn-ghost-light:hover{background:#ffffff1f}.btn-small{min-height:38px;padding:7px 13px;font-size:14px}.hero{color:var(--color-hero-text);background:var(--color-hero-gradient);overflow:hidden}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:70px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--color-hero-eyebrow);font-weight:900;font-size:13px;margin-bottom:16px}.eyebrow:before{content:"";width:8px;height:8px;background:var(--cyan);border-radius:50%}h1,h2,h3{margin:0;line-height:1.18;color:var(--navy);letter-spacing:0}.hero h1{color:var(--color-hero-text);font-size:clamp(34px,5vw,58px)}.hero p{color:var(--color-hero-desc);max-width:760px;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-visual{border:1px solid rgba(255,255,255,.22);border-radius:8px;min-height:390px;background:#ffffff1a;box-shadow:var(--shadow);padding:24px;display:grid;gap:16px}.visual-card{border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:18px;background:#ffffff1f}.visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.section{padding:84px 0}.section-soft{background:var(--soft)}.section-head{max-width:790px;margin-bottom:34px}.section-head h2{font-size:clamp(26px,3vw,36px)}.section-head p{color:var(--muted);margin:12px 0 0}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--color-card-bg);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card)}.card h3{font-size:21px}.card p{color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tag{display:inline-flex;min-height:28px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:12px;font-weight:800}.metric{padding:22px;border-left:4px solid var(--blue);background:var(--color-surface);border-radius:8px}.metric strong{display:block;color:var(--navy);font-size:30px;line-height:1.1}.page-hero{padding:84px 0;background:linear-gradient(135deg,var(--color-page-hero-start),var(--color-page-hero-end));border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(32px,4vw,52px)}.page-hero p{max-width:790px;color:var(--muted)}.breadcrumb{border-bottom:1px solid var(--line);background:var(--color-breadcrumb-bg)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:12px 0;list-style:none;color:var(--muted);font-size:13px}.breadcrumb li{display:inline-flex;align-items:center;gap:8px}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-footer-muted)}.breadcrumb a{color:var(--color-nav-link)}.breadcrumb a:hover{color:var(--blue)}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.filter-bar input,.filter-bar select,.form input,.form select,.form textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--radius-card);padding:10px 12px;background:var(--color-input-bg);color:var(--ink)}.search-page{max-width:980px}.search-panel{display:grid;grid-template-columns:1fr 180px auto;gap:12px;margin-bottom:18px}.search-panel input,.search-panel select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius-card);padding:10px 12px;background:var(--color-input-bg);color:var(--ink)}.search-status{color:var(--muted);margin:12px 0 18px}.search-results{display:grid;gap:14px}.search-result h2{font-size:22px;margin-top:8px}.search-result mark{background:#fef3c7;color:var(--navy);padding:0 2px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form .full{grid-column:1 / -1}.form textarea{min-height:140px}.form-status{grid-column:1 / -1;min-height:28px;color:#0f766e;font-weight:800}.empty-state{color:var(--muted);font-size:15px;padding:24px 0}.faq-list details{border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:10px;background:var(--color-surface)}.faq-list summary{padding:16px 20px;font-weight:800;color:var(--navy);cursor:pointer}.faq-list details p{margin:0;padding:0 20px 16px;color:var(--muted);line-height:1.8}.cta-band{color:var(--color-cta-text);background:var(--color-cta-gradient);border-radius:var(--radius-card);padding:48px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cta-band h2{color:var(--color-cta-text)}.cta-band p{color:var(--color-cta-desc)}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:56px 0 28px}.footer h3{color:var(--color-cta-text);font-size:16px}.footer a{display:block;color:var(--color-footer-link);margin:8px 0}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-footer-border);color:var(--color-footer-muted);font-size:14px}.cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:80;padding:16px;background:var(--color-cookie-backdrop);backdrop-filter:blur(10px)}.cookie-consent[hidden]{display:none}.cookie-consent-inner{width:min(100%,1120px);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow)}.cookie-consent h2{font-size:18px;margin-bottom:6px}.cookie-consent p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.cookie-consent-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.solution-hero{padding:0 0 64px;background:linear-gradient(135deg,var(--color-page-hero-start),var(--color-page-hero-end));border-bottom:1px solid var(--line)}.solution-hero .breadcrumb{background:transparent;border-bottom:0}.solution-hero-body{padding-top:24px}.solution-hero-body h1{font-size:clamp(32px,4vw,52px)}.solution-hero-problem{max-width:860px;color:var(--muted);font-size:18px;margin:16px 0 0}.pain-card,.outcome-card{position:relative;padding-left:28px}.pain-card:before,.outcome-card:before{content:"";position:absolute;left:24px;top:28px;width:8px;height:8px;border-radius:50%}.pain-card:before{background:#ef4444}.outcome-card:before{background:#22c55e}.usecase-card p{padding-left:20px;position:relative}.usecase-card p:before{content:"▸";position:absolute;left:0;color:var(--blue);font-weight:800}.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.how-card-item{background:var(--color-card-bg);border:1px solid var(--line);border-radius:var(--radius-card);padding:28px 24px;box-shadow:var(--shadow-card)}.how-step-label{display:inline-block;margin-bottom:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);background:var(--color-step-label-bg);padding:3px 10px;border-radius:999px}.how-step-title{display:block;margin-bottom:10px;font-size:20px;color:var(--navy)}.how-card-item p{margin:0;color:var(--muted);line-height:1.8}.how-step-image{display:block;width:100%;height:auto;border-radius:6px;margin-bottom:16px}.how-step-image-placeholder{width:100%;height:120px;border-radius:var(--radius-card);margin-bottom:16px;background:var(--color-placeholder-gradient);border:1px dashed var(--color-placeholder-border)}.process-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.process-steps li{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--line)}.process-steps li:last-child{border-bottom:0}.step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;font-size:20px}.process-steps strong{display:block;margin-bottom:4px;font-size:18px;color:var(--navy)}.process-steps p{margin:0;color:var(--muted)}.section-cta{margin-top:24px;display:flex;justify-content:center}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.company-profile{margin:0}.profile-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.profile-row:first-child{padding-top:0}.profile-row:last-child{border-bottom:0}.profile-row dt{font-weight:800;color:var(--navy)}.profile-row dd{margin:0;color:var(--muted);line-height:1.8}.philosophy-title{font-size:24px;font-weight:900;color:var(--blue);margin-bottom:12px}.history-timeline{position:relative;padding-left:20px;border-left:3px solid var(--blue)}.history-row{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;align-items:baseline}.history-row:first-child{padding-top:0}.history-row:last-child{padding-bottom:0}.history-year{font-weight:900;color:var(--blue);font-size:14px;white-space:nowrap}.history-event{color:var(--ink)}.section-head-h2{font-size:clamp(26px,3vw,36px);color:var(--navy);margin:0 0 24px;line-height:1.18}.spec-list{margin:0}.spec-row{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.spec-row:first-child{padding-top:0}.spec-row:last-child{border-bottom:0}.spec-row dt{font-weight:800;color:var(--navy);font-size:13px}.spec-row dd{margin:0;color:var(--muted)}.required{color:#ef4444}.consent-label{display:flex!important;align-items:flex-start;gap:10px;font-size:14px}.consent-label input[type=checkbox]{width:18px;height:18px;min-height:auto;margin-top:2px;flex-shrink:0}.consent-label a{color:var(--blue);text-decoration:underline}.flow-list{padding-left:20px;margin:0;color:var(--muted);line-height:2}.phone-large{font-size:24px;font-weight:900;color:var(--navy);margin:8px 0}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form .full{grid-column:1 / -1}.contact-sidebar{display:grid;gap:16px}.rich-content{line-height:1.9;color:var(--ink)}.rich-content h2{font-size:24px;margin:36px 0 16px;color:var(--navy)}.rich-content h3{font-size:20px;margin:28px 0 12px;color:var(--navy)}.rich-content p{margin:14px 0}.rich-content ul,.rich-content ol{padding-left:24px;margin:14px 0}.rich-content li{margin:6px 0}.rich-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.rich-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.rich-content th,.rich-content td{border:1px solid var(--line);padding:10px 14px;text-align:left}.rich-content th{background:var(--soft);font-weight:800;color:var(--navy)}.rich-content blockquote{margin:16px 0;padding:14px 20px;border-left:4px solid var(--blue);background:var(--color-blockquote-bg);border-radius:0 8px 8px 0;color:var(--muted)}.rich-content a{color:var(--blue);text-decoration:underline}.rich-content a:hover{color:var(--navy)}.rich-content pre{background:var(--color-pre-bg);color:var(--color-pre-text);padding:16px 20px;border-radius:8px;overflow-x:auto;font-size:14px;line-height:1.6;margin:16px 0}.rich-content code{font-family:SF Mono,Menlo,monospace;font-size:13px;background:var(--color-code-bg);padding:2px 6px;border-radius:4px}.rich-content pre code{background:transparent;padding:0;color:inherit}.rich-content hr{border:0;border-top:1px solid var(--line);margin:32px 0}.video-embed{position:relative;width:100%;padding-bottom:56.25%;background:var(--color-pre-bg);border-radius:var(--radius-card);overflow:hidden}.video-embed-placeholder{display:flex;align-items:center;justify-content:center;font-size:16px}.tag-outline{background:transparent;border:1px solid var(--line);color:var(--muted)}@media (max-width: 1023px){.topbar-inner{flex-wrap:wrap;padding:10px 0}.site-search{order:4;width:100%;flex-basis:100%}.header-phone{margin-left:auto}.nav{justify-content:flex-start}.hero-inner,.grid-2{grid-template-columns:1fr}.grid-4,.grid-3,.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.search-panel,.cta-band{grid-template-columns:1fr}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.container{width:min(100% - 28px,1240px)}.brand span:last-child{display:none}.header-phone,.header-actions .btn-secondary{display:none}.topbar-inner{gap:10px}.site-search{order:10}.lang-select{min-width:108px}.nav-row{min-height:0;justify-content:flex-end;padding:8px 0}.mobile-menu-toggle{display:inline-flex;margin-left:auto}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;margin-top:8px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--color-submenu-bg)}.nav.is-open{display:flex}.nav-item{width:100%}.nav-link,.nav-item>a{width:100%;min-height:48px;justify-content:space-between;border-left:0;border-right:0!important;border-bottom:1px solid var(--line);padding:0 14px}.nav-parent:after{content:"+";font-size:18px;color:var(--muted)}.submenu-open>.nav-parent:after{content:"-"}.submenu{position:static;display:none!important;min-width:0;padding:6px 8px 10px 22px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--color-nav-hover-bg)}.submenu-open>.submenu{display:block!important}.nav-item:hover .submenu{display:none}.submenu a{padding:9px 10px}.nav-item-contact>a{margin:8px;width:calc(100% - 16px);justify-content:center;border:1px solid #14b8a6!important}.hero-inner{min-height:auto;padding:48px 0}.grid-4,.grid-3,.filter-bar,.form{grid-template-columns:1fr}.cookie-consent{padding:12px}.cookie-consent-inner{grid-template-columns:1fr}.cookie-consent-actions{justify-content:flex-end}.process-steps li{flex-direction:column;gap:12px}.solution-hero-problem{font-size:16px}.cta-actions,.cta-actions .btn{width:100%}.how-grid{grid-template-columns:1fr}.profile-row{grid-template-columns:1fr;gap:4px}.history-row{grid-template-columns:1fr;gap:2px}}:root,[data-theme=clean-light]{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-soft: #f5f7fa;--color-text: #1f2937;--color-text-heading: #07183d;--color-text-light: #dbeafe;--color-muted: #64748b;--color-primary: #1d4ed8;--color-primary-strong: #1e40af;--color-primary-soft: #eff6ff;--color-accent: #14b8a6;--color-border: #dbe3ef;--color-border-light: #edf2f7;--color-header-bg: rgba(255, 255, 255, .96);--color-header-border: #dbe3ef;--color-nav-link: #334155;--color-nav-border: #edf2f7;--color-nav-hover-bg: #f8fbff;--color-nav-hover-text: #1d4ed8;--color-submenu-bg: #ffffff;--color-hero-gradient: radial-gradient(circle at 82% 20%, rgba(20, 184, 166, .18), transparent 28%), linear-gradient(135deg, #061536, #0b1f4d 55%, #1745a0);--color-hero-eyebrow: #bfdbfe;--color-hero-text: #ffffff;--color-hero-desc: #dbeafe;--color-page-hero-start: #f8fafc;--color-page-hero-end: #eef4ff;--color-breadcrumb-bg: #f8fafc;--color-card-bg: #ffffff;--shadow-card: 0 8px 22px rgba(7, 24, 61, .05);--radius-card: 8px;--color-cta-gradient: linear-gradient(135deg, #07183d, #123273);--color-cta-text: #ffffff;--color-cta-desc: #dbeafe;--color-footer-bg: #061536;--color-footer-text: #dbeafe;--color-footer-link: #cbd5e1;--color-footer-muted: #94a3b8;--color-footer-border: rgba(255, 255, 255, .16);--shadow-btn-primary: 0 12px 26px rgba(29, 78, 216, .24);--color-tag-bg: #eef2ff;--color-tag-text: #1e40af;--color-input-bg: #ffffff;--color-code-bg: #f1f5f9;--color-pre-bg: #1e293b;--color-pre-text: #e2e8f0;--color-blockquote-bg: #f8fbff;--color-cookie-backdrop: rgba(7, 24, 61, .18);--color-step-label-bg: #eff6ff;--color-placeholder-gradient: linear-gradient(135deg, #eef2ff 0%, #f5f7fa 50%, #eef2ff 100%);--color-placeholder-border: #c7d2fe;--navy: var(--color-text-heading);--blue: var(--color-primary);--cyan: var(--color-accent);--ink: var(--color-text);--muted: var(--color-muted);--line: var(--color-border);--soft: var(--color-soft);--white: var(--color-surface);--shadow: var(--shadow-card)}[data-theme=high-tech-blue]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-alt: #f0f4ff;--color-soft: #eef2ff;--color-text: #0f172a;--color-text-heading: #020f2e;--color-text-light: #e0e7ff;--color-muted: #475569;--color-primary: #2563eb;--color-primary-strong: #1d4ed8;--color-primary-soft: #eff6ff;--color-accent: #06b6d4;--color-border: #cbd5e1;--color-border-light: #e2e8f0;--color-header-bg: rgba(248, 250, 252, .97);--color-header-border: #cbd5e1;--color-nav-link: #1e293b;--color-nav-border: #e2e8f0;--color-nav-hover-bg: #eff6ff;--color-nav-hover-text: #2563eb;--color-submenu-bg: #ffffff;--color-hero-gradient: radial-gradient(circle at 80% 15%, rgba(6, 182, 212, .22), transparent 32%), linear-gradient(135deg, #020f2e, #0a1a44 50%, #1e40af);--color-hero-eyebrow: #93c5fd;--color-hero-text: #ffffff;--color-hero-desc: #bfdbfe;--color-page-hero-start: #f0f4ff;--color-page-hero-end: #e0e7ff;--color-breadcrumb-bg: #f0f4ff;--color-card-bg: #ffffff;--shadow-card: 0 8px 24px rgba(2, 15, 46, .08), 0 0 0 1px rgba(37, 99, 235, .06);--radius-card: 8px;--color-cta-gradient: linear-gradient(135deg, #020f2e, #1e3a8a);--color-cta-text: #ffffff;--color-cta-desc: #bfdbfe;--color-footer-bg: #020f2e;--color-footer-text: #bfdbfe;--color-footer-link: #93c5fd;--color-footer-muted: #64748b;--color-footer-border: rgba(255, 255, 255, .14);--shadow-btn-primary: 0 12px 28px rgba(37, 99, 235, .3);--color-tag-bg: #eef2ff;--color-tag-text: #1e40af;--color-input-bg: #ffffff;--color-code-bg: #f0f4ff;--color-pre-bg: #0f172a;--color-pre-text: #e2e8f0;--color-blockquote-bg: #eff6ff;--color-cookie-backdrop: rgba(2, 15, 46, .22);--color-step-label-bg: #eff6ff;--color-placeholder-gradient: linear-gradient(135deg, #eef2ff 0%, #f0f4ff 50%, #eef2ff 100%);--color-placeholder-border: #a5b4fc;--navy: var(--color-text-heading);--blue: var(--color-primary);--cyan: var(--color-accent);--ink: var(--color-text);--muted: var(--color-muted);--line: var(--color-border);--soft: var(--color-soft);--white: var(--color-surface);--shadow: var(--shadow-card)}[data-theme=dark-pro]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #1e293b;--color-soft: #1e293b;--color-text: #e2e8f0;--color-text-heading: #f1f5f9;--color-text-light: #e2e8f0;--color-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-strong: #60a5fa;--color-primary-soft: #1e3a5f;--color-accent: #22d3ee;--color-border: #334155;--color-border-light: #334155;--color-header-bg: rgba(15, 23, 42, .97);--color-header-border: #334155;--color-nav-link: #cbd5e1;--color-nav-border: #334155;--color-nav-hover-bg: #1e293b;--color-nav-hover-text: #60a5fa;--color-submenu-bg: #1e293b;--color-hero-gradient: radial-gradient(circle at 82% 20%, rgba(34, 211, 238, .12), transparent 28%), linear-gradient(135deg, #0f172a, #1e293b 55%, #1e3a5f);--color-hero-eyebrow: #94a3b8;--color-hero-text: #f1f5f9;--color-hero-desc: #cbd5e1;--color-page-hero-start: #0f172a;--color-page-hero-end: #1e293b;--color-breadcrumb-bg: #0f172a;--color-card-bg: #1e293b;--shadow-card: 0 8px 24px rgba(0, 0, 0, .3);--radius-card: 8px;--color-cta-gradient: linear-gradient(135deg, #1e293b, #0f172a);--color-cta-text: #f1f5f9;--color-cta-desc: #cbd5e1;--color-footer-bg: #0a0f1a;--color-footer-text: #cbd5e1;--color-footer-link: #94a3b8;--color-footer-muted: #64748b;--color-footer-border: rgba(255, 255, 255, .1);--shadow-btn-primary: 0 12px 28px rgba(59, 130, 246, .3);--color-tag-bg: #1e3a5f;--color-tag-text: #93c5fd;--color-input-bg: #1e293b;--color-code-bg: #1e293b;--color-pre-bg: #0a0f1a;--color-pre-text: #e2e8f0;--color-blockquote-bg: #1e293b;--color-cookie-backdrop: rgba(0, 0, 0, .5);--color-step-label-bg: #1e3a5f;--color-placeholder-gradient: linear-gradient(135deg, #1e293b, #1e293b 50%, #1e293b 100%);--color-placeholder-border: #334155;--navy: var(--color-text-heading);--blue: var(--color-primary);--cyan: var(--color-accent);--ink: var(--color-text);--muted: var(--color-muted);--line: var(--color-border);--soft: var(--color-soft);--white: var(--color-surface);--shadow: var(--shadow-card)}[data-theme=bright-industrial]{--color-bg: #fafaf9;--color-surface: #ffffff;--color-surface-alt: #fafaf9;--color-soft: #f5f5f4;--color-text: #1e293b;--color-text-heading: #1e293b;--color-text-light: #ffffff;--color-muted: #475569;--color-primary: #ea580c;--color-primary-strong: #c2410c;--color-primary-soft: #fff7ed;--color-accent: #f59e0b;--color-border: #d6d3d1;--color-border-light: #e7e5e4;--color-header-bg: rgba(255, 255, 255, .98);--color-header-border: #d6d3d1;--color-nav-link: #292524;--color-nav-border: #e7e5e4;--color-nav-hover-bg: #fff7ed;--color-nav-hover-text: #ea580c;--color-submenu-bg: #ffffff;--color-hero-gradient: radial-gradient(circle at 80% 20%, rgba(245, 158, 11, .18), transparent 30%), linear-gradient(135deg, #1e293b, #292524 50%, #44403c);--color-hero-eyebrow: #fbbf24;--color-hero-text: #ffffff;--color-hero-desc: #e7e5e4;--color-page-hero-start: #fafaf9;--color-page-hero-end: #fff7ed;--color-breadcrumb-bg: #fafaf9;--color-card-bg: #ffffff;--shadow-card: 0 4px 16px rgba(30, 41, 59, .06), 0 0 0 1px rgba(0, 0, 0, .04);--radius-card: 4px;--color-cta-gradient: linear-gradient(135deg, #1e293b, #44403c);--color-cta-text: #ffffff;--color-cta-desc: #e7e5e4;--color-footer-bg: #1e293b;--color-footer-text: #e7e5e4;--color-footer-link: #d6d3d1;--color-footer-muted: #94a3b8;--color-footer-border: rgba(255, 255, 255, .12);--shadow-btn-primary: 0 12px 26px rgba(234, 88, 12, .24);--color-tag-bg: #fff7ed;--color-tag-text: #c2410c;--color-input-bg: #ffffff;--color-code-bg: #f5f5f4;--color-pre-bg: #1e293b;--color-pre-text: #e2e8f0;--color-blockquote-bg: #fff7ed;--color-cookie-backdrop: rgba(30, 41, 59, .18);--color-step-label-bg: #fff7ed;--color-placeholder-gradient: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 50%, #fafaf9 100%);--color-placeholder-border: #d6d3d1;--navy: var(--color-text-heading);--blue: var(--color-primary);--cyan: var(--color-accent);--ink: var(--color-text);--muted: var(--color-muted);--line: var(--color-border);--soft: var(--color-soft);--white: var(--color-surface);--shadow: var(--shadow-card)}[data-theme=care-soft]{--color-bg: #fafcfa;--color-surface: #ffffff;--color-surface-alt: #f6faf7;--color-soft: #f0fdf4;--color-text: #334155;--color-text-heading: #1e3a5f;--color-text-light: #ffffff;--color-muted: #64748b;--color-primary: #0d9488;--color-primary-strong: #0f766e;--color-primary-soft: #ecfdf5;--color-accent: #34d399;--color-border: #d1d5db;--color-border-light: #e5e7eb;--color-header-bg: rgba(250, 252, 250, .97);--color-header-border: #d1d5db;--color-nav-link: #374151;--color-nav-border: #e5e7eb;--color-nav-hover-bg: #ecfdf5;--color-nav-hover-text: #0d9488;--color-submenu-bg: #ffffff;--color-hero-gradient: radial-gradient(circle at 80% 20%, rgba(52, 211, 153, .16), transparent 30%), linear-gradient(135deg, #1e3a5f, #164e63 50%, #0f766e);--color-hero-eyebrow: #a7f3d0;--color-hero-text: #ffffff;--color-hero-desc: #d1fae5;--color-page-hero-start: #f6faf7;--color-page-hero-end: #ecfdf5;--color-breadcrumb-bg: #f6faf7;--color-card-bg: #ffffff;--shadow-card: 0 6px 20px rgba(30, 58, 95, .06);--radius-card: 12px;--color-cta-gradient: linear-gradient(135deg, #1e3a5f, #0f766e);--color-cta-text: #ffffff;--color-cta-desc: #d1fae5;--color-footer-bg: #1e3a5f;--color-footer-text: #d1fae5;--color-footer-link: #a7f3d0;--color-footer-muted: #94a3b8;--color-footer-border: rgba(255, 255, 255, .14);--shadow-btn-primary: 0 10px 22px rgba(13, 148, 136, .2);--color-tag-bg: #ecfdf5;--color-tag-text: #0f766e;--color-input-bg: #ffffff;--color-code-bg: #f0fdf4;--color-pre-bg: #1e293b;--color-pre-text: #e2e8f0;--color-blockquote-bg: #ecfdf5;--color-cookie-backdrop: rgba(30, 58, 95, .14);--color-step-label-bg: #ecfdf5;--color-placeholder-gradient: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 50%, #ecfdf5 100%);--color-placeholder-border: #a7f3d0;--navy: var(--color-text-heading);--blue: var(--color-primary);--cyan: var(--color-accent);--ink: var(--color-text);--muted: var(--color-muted);--line: var(--color-border);--soft: var(--color-soft);--white: var(--color-surface);--shadow: var(--shadow-card)}