/* Max Jafarov UI kit, September 2026. Local font fallbacks; no font request. */
:root{--bg:#f1f2f5;--paper:#fafafa;--ink:#18181b;--muted:#5f606a;--lifted:#e7e9ed;--green:#3b8a82;--lime:#d0e2df;--line:#00000014;--accent-red:#c94a3c;--primary-text:#235c55;--warning:#77501d;--warning-bg:#f3e8d8;--shape-sm:12px;--shape-md:20px;--shape-lg:28px;--shape-xl:36px;--shape-full:999px;--radius:28px;--shadow:0 8px 40px #0003;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);color-scheme:light}
:root[data-theme=dark]{--bg:#0a0a0f;--paper:#0f1015;--ink:#d4d4d8;--muted:#a5a5ad;--lifted:#23252c;--line:#ffffff1a;--lime:#19312f;--primary-text:#a9dcd5;--warning:#e3bd86;--warning-bg:#332a1e;color-scheme:dark}
body{color:var(--ink);background:var(--bg)}
::selection{background:var(--accent-red);color:white}
:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--green);outline-offset:4px}
:where(button,a){transition:background 160ms cubic-bezier(.2,0,0,1),border-radius 160ms cubic-bezier(.2,0,0,1)}
:where(h1,h2,h3){font-family:'Space Grotesk',Inter,Arial,sans-serif}
.button{border:0;border-radius:var(--shape-full);min-height:48px;padding:12px 22px;box-shadow:none;font-size:14px;font-weight:600;transform:none}
.button:hover{transform:none;box-shadow:none}.button:active{border-radius:var(--shape-sm);transform:none}
.button-primary{background:var(--lime);color:var(--primary-text)}.button-primary:hover{background:color-mix(in srgb,var(--green) 30%,var(--paper));color:var(--primary-text)}
.button-outline,.button-ghost{background:var(--lifted);color:var(--ink);border:0}.button-outline:hover,.button-ghost:hover{background:var(--lime);color:var(--primary-text)}
.icon-button{width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:var(--shape-sm);background:transparent;color:var(--muted)}
.icon-button:hover{background:var(--lifted);color:var(--ink)}
.icon{width:20px;height:20px;stroke-width:1.8}.button .icon{width:18px;height:18px}
.eyebrow,.brand-cv{color:var(--accent-red)}.eyebrow,.assistant-label{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
.muted,.small,.small.muted{color:var(--muted)}.small{font-size:13px}
.site-header nav{border:0;box-shadow:none;background:var(--paper);border-radius:var(--shape-full);padding:6px;gap:4px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center;border-radius:var(--shape-full);padding:10px 16px}
.site-header nav a:hover{background:var(--lime);color:var(--primary-text)}
.site-header{height:auto;min-height:104px;padding-block:20px}.nav-row{flex-wrap:wrap}
.hero-visual{background:none;border:0}.hero-visual img{filter:none}
.hero:before,.hero:after{background:none}
.hero-notes,.hero-copy>p{color:var(--muted)}
.feature-card,.step-card,.guide-card,.gallery-card,.landing-template,.price-proof,.privacy-card,.faq-list details{border:0;border-radius:var(--shape-lg);box-shadow:none;background:var(--paper)}
.landing-template:hover,.guide-card:hover,.gallery-card:hover{box-shadow:none}
.slideshow-btn{width:44px;height:44px;border:0;background:var(--paper);box-shadow:none;color:var(--ink)}
.template-topline,.template-label small,.section-heading p,.footer-bottom{color:var(--muted)}
.template-topline,.template-spectrum,.template-collection-kicker{text-transform:none;letter-spacing:0}
.notice{border:0;background:var(--warning-bg);color:var(--warning);border-radius:var(--shape-md);padding:16px;font-size:13px;line-height:1.6}
dialog{color:var(--ink);background:var(--paper);border:0;border-radius:var(--shape-lg);box-shadow:var(--shadow);padding:28px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}
dialog::backdrop{background:#0006;backdrop-filter:none}
.toast,.analytics-consent{border:0;border-radius:var(--shape-lg);background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
.choice-card,.industry-card,.export-choice{border:0;border-radius:var(--shape-md);background:var(--lifted);color:var(--ink)}
.choice-card.selected,.industry-card.selected,.choice-card:has(:checked),.industry-card:has(:checked),.export-choice:has(:checked){background:var(--lime);color:var(--primary-text);box-shadow:inset 0 0 0 2px var(--green)}
.theme-toggle{border:0;border-radius:var(--shape-full);min-height:44px;min-width:44px;background:var(--paper);color:var(--ink);display:inline-grid;place-items:center}
.eyebrow{font-family:inherit}.small-dot{box-shadow:none}
.site-header nav a{color:var(--muted)}
.hero h1,.final-cta h2,.steps h3,.faq-list summary,.benefit-card h3{color:var(--ink)}
.hero-actions .button-primary,.hero-actions .button-primary:hover{box-shadow:none}
.hero-actions .button-outline{background:var(--lifted);color:var(--ink)}
.hero-actions .button-outline:hover{background:var(--lime);color:var(--primary-text)}
.hero-notes li{border:0;box-shadow:none;background:var(--paper);color:var(--muted);border-radius:999px;padding:8px 14px}
.hero-promise,.hero-free-promise,.promise-strip,.benefit-card,.final-cta{border:0;box-shadow:none;border-radius:28px;background:var(--paper);color:var(--muted)}
.hero-promise strong,.promise-strip-intro strong,.promise-strip p strong,.promise-item strong{color:var(--ink)}
.hero-description,.steps p,.faq-list p,.benefit-card p,.final-cta p,.promise-strip-intro p{color:var(--muted)}
.promise-badge{background:var(--lime);color:var(--primary-text);font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;border-radius:12px}
.promise-total{border:0;background:var(--lime);border-radius:20px;color:var(--primary-text)}
.faq-list details:hover,.faq-list details[open]{background:var(--paper);box-shadow:none;border:0}.faq-list p{border-color:var(--line)}
.guide-links{border-color:var(--line)}.guide-links a,.guide-links a:hover{border:0;border-radius:20px;box-shadow:none;background:var(--paper);color:var(--ink);transform:none}
.template-section{background:var(--bg);border:0}.final-cta{border-radius:36px}
.section-heading h2,.feature-card h3{color:var(--ink)}.feature-card p,.promise-item span{color:var(--muted)}.promise-total span{color:var(--primary-text)}
.feature-card:hover,.benefit-card:hover{transform:none;box-shadow:none;border:0}
.feature-pill-preview,.pdf-meta-badge{border:0;border-radius:12px;background:var(--lifted);color:var(--ink)}.pdf-icon-badge{border-radius:12px;box-shadow:none}.feature-swatches i{box-shadow:none}
input[type=checkbox],input[type=radio]{accent-color:var(--green);width:20px;height:20px;flex-shrink:0}
*{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
@media(max-width:1000px){.site-header .nav-row{justify-content:center;gap:16px}.site-header nav{order:3;justify-content:center;width:100%;flex-wrap:wrap}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.site-header nav a{padding:10px 12px;font-size:13px}.site-header .button{padding-inline:16px}.hero h1{font-size:clamp(40px,10vw,60px)}input,textarea{font-size:16px}.hero-visual{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
