body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55}
a{color:inherit}
a:hover{color:var(--color-accent-700)}
h1,h2,h3,h4,.logo,.sx-h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em}
h1{font-weight:400}
.hero h1,.sx-hero h1{font-weight:400;letter-spacing:-.02em;line-height:1.02}
b,strong{font-weight:600}
.logo{font-size:30px;letter-spacing:-.01em;color:var(--color-text)}
header{background:var(--color-bg);border-bottom:1px solid var(--color-divider)}
nav a{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-neutral-800)}
.active{color:var(--color-accent-700)!important;border-bottom:1px solid var(--color-accent)!important}
.eyebrow{font-family:var(--font-body);font-size:11.5px;letter-spacing:.14em;font-weight:600;color:var(--color-accent-700);font-variant-numeric:tabular-nums}
.hero h1 em,.sx-hero h1 em{font-style:italic;color:var(--color-accent-700)}
.hero,.sx-hero{background:var(--color-bg)!important;border-bottom:1px solid var(--color-divider)}
.hero p:not(.lead),.sx-lead,.panel>p{text-align:justify;hyphens:auto}
/* buttons: outlined,never filled */
.btn,button.btn{font-family:var(--font-heading);font-weight:600;font-size:15px;border-radius:var(--radius-md);background:transparent!important;border:1px solid var(--color-divider);color:var(--color-text);box-shadow:none;transition:background .15s,border-color .15s}
.btn:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)!important}
.btn.primary,.btn.dark{background:transparent!important;color:var(--color-accent-700)!important;border-color:var(--color-accent)!important}
.btn.primary:hover,.btn.dark:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)!important}
.btn.primary:active,.btn.dark:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)!important}
#send{background:transparent!important;border:1px solid var(--color-accent)!important;color:var(--color-accent-700)!important}
:focus{outline:none}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
/* surfaces: bordered,unfilled,whisper elevation */
main>section.panel,.cta,.card,.sx-tool,.sx-opt,.sx-pn,.plan-card{background:transparent!important;border:1px solid var(--color-divider)!important;box-shadow:none!important}
.card:hover{border-color:var(--color-accent)!important;box-shadow:var(--shadow-sm)!important}
.sx-tool em,.sx-tool a{color:var(--color-accent-700)!important}
.sx-tool>b{background:transparent!important;border:1px solid var(--color-divider);box-shadow:none!important}
.panel h2,.cta h2,.sx-h2{font-weight:400;font-size:34px}
.cta{border-top:1px solid var(--color-accent)!important}
.sx-price strong{font-family:var(--font-heading);font-weight:600;font-variant-numeric:tabular-nums}
.avatar{background:transparent!important;color:var(--color-accent-700)!important;border:1px solid var(--color-accent);font-family:var(--font-heading)}
.chips span{background:transparent!important;border:1px solid var(--color-divider);color:var(--color-neutral-800)}
.chips span.c{background:transparent!important;border:1px solid var(--color-accent-300);color:var(--color-accent-800)!important}
.fq summary{font-family:var(--font-heading);font-size:19px;font-weight:600}
.fq summary i{color:var(--color-accent-700)}
.fq-opts div{border-color:var(--color-divider)}
.fq-opts strong{color:var(--color-accent-700)}
input,textarea{font-family:var(--font-body);background:transparent;color:var(--color-text)}
.card h3{font-size:19px;line-height:1.15;hyphens:none;overflow-wrap:normal}
.sx-tool h3,.sx-opt h3,.steps h3,article h3{font-size:19px;line-height:1.2}
.fq-opts b{font-size:18px;font-family:var(--font-heading)}
.sx-pn h3,.sx-ph h3{font-size:17px}
.plan-card h3{font-size:18px}
.btn.primary,.btn.dark{background:var(--color-accent-100)!important;border:1.5px solid var(--color-accent-600)!important;color:var(--color-accent-800)!important;font-size:16px;letter-spacing:.01em;box-shadow:var(--shadow-sm)!important}
.btn.primary:hover,.btn.dark:hover{background:var(--color-accent-200)!important;border-color:var(--color-accent-700)!important;box-shadow:var(--shadow-md)!important}
.btn.primary:active,.btn.dark:active{background:var(--color-accent-300)!important;box-shadow:none!important}
.hero .actions .btn.primary,.sx-hero .actions .btn{padding:16px 28px;font-size:18px}
.btn:not(.primary):not(.dark){border:1.5px solid var(--color-neutral-700)!important;color:var(--color-text)!important;background:var(--color-neutral-100)!important;font-size:16px}
.btn:not(.primary):not(.dark):hover{border-color:var(--color-text)!important;background:var(--color-surface)!important}
.hero .actions .btn,.sx-hero .actions .btn{padding:16px 28px;font-size:18px}
header{align-items:center!important;gap:40px}
header .logo{line-height:1;display:flex;align-items:center}
header nav{align-items:center;gap:28px!important}
header nav a{display:inline-flex;align-items:center;line-height:1;padding:8px 0!important;border-bottom:2px solid transparent!important}
header nav a.active{padding:8px 0!important;border-bottom:2px solid var(--color-accent)!important}
header>div{align-items:center!important}
header>div>a:not(.btn){line-height:1}
header>div .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px}
#steps span[data-s]:not([data-s="1"]){cursor:pointer}
/* mobile header */
@media(max-width:900px){header{flex-wrap:wrap!important;gap:10px 16px!important;padding:14px 20px!important;height:auto!important}header .logo{font-size:26px}header nav{order:3;width:100%;overflow-x:auto;gap:22px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}header nav::-webkit-scrollbar{display:none}header nav a{white-space:nowrap;flex:none}header>div{margin-left:auto;gap:12px!important}}
@media(max-width:480px){header>div>a:not(.btn){display:none}
header .btn{padding:8px 14px!important;font-size:14px!important}
}