:root {
--accent:var(--awd-color-accent); --accent-ink:var(--awd-color-accent-ink);
--dark:var(--awd-color-bg-dark); --dark-2:var(--awd-color-dark-2);
--rail:var(--awd-color-rail); --cream:var(--awd-color-bg);
--warm:var(--awd-color-bg-alt); --edge:var(--awd-color-border);
--ink:var(--awd-color-text); --body:var(--awd-color-body);
--muted:var(--awd-color-text-muted); --dim:var(--awd-color-dim);
--hair:var(--awd-color-hairline-dark); --inv:var(--awd-color-text-inverse);
--card:var(--awd-color-card); --card-placeholder:var(--awd-color-card-placeholder);
--pill:var(--awd-color-pill);
--clay:var(--awd-color-clay); --clay-ink:var(--awd-color-clay-ink);
--clay-body:var(--awd-color-clay-body); --clay-kicker:var(--awd-color-clay-kicker);
--awd-header-h:76px;
}
#main-content { font-size:17px; line-height:1.65; }
#main-content h1 { font-size:clamp(32px, 4.1vw, 56px); font-weight:300; letter-spacing:-.03em; line-height:1.08; margin:0 0 20px; }
#main-content h2 { font-size:clamp(27px, 3.6vw, 44px); font-weight:300; letter-spacing:-.025em; line-height:1.14; margin:0 0 18px; }
#main-content h3 { font-size:20px; font-weight:500; letter-spacing:-.01em; line-height:1.3; margin:0 0 10px; }
#main-content h1 em, #main-content h2 em { font-family:var(--awd-font-display); font-style:italic; color:var(--accent); }
#main-content .kicker { font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--accent); font-weight:600; margin:0 0 14px; }
#main-content .lede { font-size:17.5px; line-height:1.6; max-width:56ch; margin:0; }
#main-content .btn { background:var(--accent); color:var(--dark-2); padding:15px 30px; border-radius:8px; font-size:15px; font-weight:600; min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; transition:background .22s,transform .22s; cursor:pointer; border:0; font-family:inherit; text-decoration:none; }
#main-content .btn:hover { background:var(--awd-color-accent-hover); transform:translateY(-2px); }
#main-content section[class*="ground-"] { padding:96px 0; position:relative; overflow:hidden; }
#main-content .ground-hero { background:var(--awd-gradient-hero); color:var(--inv); }
#main-content section[class*="ground-"].ground-hero { padding-top:calc(var(--awd-header-h) + var(--wp-admin--admin-bar--height, 0px) + 62px); padding-bottom:86px; }
#main-content .ground-dark { background:var(--dark); color:var(--inv); }
#main-content .ground-dark2 { background:var(--dark-2); color:var(--inv); }
#main-content .ground-cream { background:var(--cream); color:var(--ink); }
#main-content .ground-clay { background:var(--clay); color:var(--clay-ink); }
#main-content .ground-clay h2, #main-content .ground-clay h3 { color:var(--clay-ink); }
#main-content .ground-clay h2 em, #main-content .ground-clay .kicker { color:var(--clay-kicker); }
#main-content .ground-clay .lede { color:var(--clay-body); }
#main-content .ground-hero .lede, #main-content .ground-dark .lede, #main-content .ground-dark2 .lede { color:var(--dim); }
#main-content .ground-cream .lede { color:var(--body); }
#main-content .ground-cream::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(80% 60% at 85% -10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%); }
#main-content .wrap { position:relative; z-index:2; }

#main-content .a-hero { display:grid; grid-template-columns:14px 1fr; gap:36px; align-items:start; }
#main-content .a-rail { background:var(--rail); border-radius:2px; align-self:stretch; min-height:230px; position:relative; overflow:hidden; }
#main-content .a-rail::after { content:""; position:absolute; left:0; right:0; height:44%; background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 62%,transparent),transparent); animation:a-rail-travel 8s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes a-rail-travel { 0% { top:-46%; } 100% { top:100%; } }

#main-content .a-hero h1 { max-width:17ch; }
#main-content .a-hero .lede { margin-top:22px; }
#main-content .a-pill { margin:0 0 22px; font-size:13.5px; color:var(--dim); }
#main-content .a-dot { display:none; }
html.js #main-content .a-pill { display:inline-flex; align-items:center; gap:10px; background:var(--dark-2); border:1px solid color-mix(in srgb,var(--accent) 20%,transparent); border-radius:100px; padding:9px 16px; }
html.js #main-content .a-dot { display:block; width:8px; height:8px; border-radius:50%; background:var(--accent); flex-shrink:0; }
html.js #main-content .a-dot.a-off { background:var(--muted); }
#main-content .a-pill b { color:var(--inv); font-weight:500; }
#main-content .a-adv { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:56px; padding-top:38px; border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent); }
#main-content .a-adv div { font-size:15px; color:var(--dim); line-height:1.55; }
#main-content .a-adv b { display:block; color:var(--inv); font-weight:500; margin-bottom:6px; font-size:15.5px; }

#main-content .a-why { display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; }
#main-content .a-face { aspect-ratio:4/5; background:var(--card-placeholder); border-radius:8px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
#main-content .a-face span { color:var(--muted); font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
#main-content .a-face::after { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(var(--accent),transparent); }

#main-content .a-reasons { display:grid; gap:22px; margin:32px 0 0; padding:0; max-width:52ch; list-style:none; }
#main-content .a-reasons li { padding-left:26px; position:relative; color:var(--body); }
#main-content .a-reasons li::before { content:""; position:absolute; left:0; top:10px; width:9px; height:9px; background:var(--accent); border-radius:50%; }
#main-content .a-limit { margin:34px 0 0; padding:20px 24px; border-left:2px solid var(--accent); background:color-mix(in srgb,var(--accent) 7%,transparent); color:var(--body); max-width:56ch; }

#main-content .a-intro { color:var(--dim); max-width:54ch; margin:14px 0 44px; }
#main-content .ground-cream .a-intro { color:var(--body); }
#main-content .a-spot { display:grid; grid-template-columns:1fr; gap:52px; align-items:start; }
html.js #main-content .a-spot { grid-template-columns:.9fr 1.1fr; }
#main-content .a-splist { display:none; }
html.js #main-content .a-splist { display:grid; gap:2px; }
#main-content .a-splist button { all:unset; cursor:pointer; display:flex; align-items:center; gap:15px; padding:15px 18px; border-radius:10px; color:var(--muted); transition:background .3s,color .3s; }
#main-content .a-splist button .a-ico { width:22px; height:22px; opacity:.45; transition:opacity .3s; flex-shrink:0; color:var(--accent); }
#main-content .a-splist button.on { background:var(--dark-2); color:var(--inv); border:1px solid color-mix(in srgb,var(--accent) 22%,transparent); padding:14px 17px; }
#main-content .a-splist button.on .a-ico { opacity:1; }
#main-content .a-splist button:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
#main-content .a-st { font-size:16px; font-weight:400; }

#main-content .a-spstage { background:var(--dark-2); border:1px solid color-mix(in srgb,var(--accent) 16%,transparent); border-radius:16px; padding:46px; min-height:300px; position:relative; overflow:hidden; }
#main-content .a-panel { position:relative; }
#main-content .a-panel:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
html.js #main-content .a-panel { display:none; }
html.js #main-content .a-panel.on { display:block; animation:a-fade .42s ease; }
#main-content .a-panel + .a-panel { margin-top:38px; padding-top:38px; border-top:1px solid var(--hair); }
html.js #main-content .a-panel + .a-panel { margin-top:0; padding-top:0; border-top:0; }

#main-content .a-bigico { width:56px; height:56px; margin-bottom:24px; color:var(--accent); }
#main-content .a-spstage h3 { font-family:var(--awd-font-display); font-weight:400; font-size:28px; letter-spacing:-.01em; color:var(--inv); margin:0 0 14px; }
#main-content .a-spstage p { color:var(--dim); font-size:17px; max-width:44ch; margin:0; }
#main-content .a-wm { position:absolute; right:-24px; bottom:-30px; width:180px; height:180px; opacity:.11; pointer-events:none; color:var(--accent); stroke-width:.8; }
#main-content .a-prog { position:absolute; left:0; bottom:0; height:3px; background:var(--accent); width:0; }
#main-content .a-spstage.a-timing .a-prog { transition:width 4200ms linear; width:100%; }
@keyframes a-fade { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

#main-content .a-acc { display:grid; gap:14px; max-width:800px; }
#main-content .a-step { background:var(--card); border:1px solid var(--edge); border-radius:14px; overflow:hidden; transition:border-color .3s,box-shadow .3s; }
html.js #main-content .a-step.on { border-color:color-mix(in srgb,var(--accent) 45%,var(--edge)); box-shadow:0 4px 18px color-mix(in srgb,var(--ink) 7%,transparent); }

#main-content .a-q { all:unset; cursor:pointer; display:flex; align-items:center; gap:22px; padding:22px 26px; width:100%; box-sizing:border-box; min-height:48px; }
#main-content .a-q:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }

#main-content .a-circle { width:46px; height:46px; flex-shrink:0; border-radius:50%; border:2px solid var(--edge); display:flex; align-items:center; justify-content:center; font-family:var(--awd-font-display); font-size:19px; color:var(--muted); transition:border-color .35s,color .35s,background .35s; position:relative; }
html.js #main-content .a-step.on .a-circle { border-color:var(--accent); color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); }
#main-content .a-circle svg { position:absolute; inset:-2px; width:calc(100% + 4px); height:calc(100% + 4px); transform:rotate(-90deg); }
#main-content .a-circle circle { fill:none; stroke:var(--accent); stroke-width:2; stroke-dasharray:145; stroke-dashoffset:145; opacity:0; }
#main-content .a-step.on.a-timing .a-circle circle { opacity:.9; transition:stroke-dashoffset 5s linear; stroke-dashoffset:0; }

#main-content .a-t { font-size:19px; font-weight:500; flex:1; transition:color .3s; }
html.js #main-content .a-step.on .a-t { color:var(--ink); }
#main-content .a-chev { display:none; }
html.js #main-content .a-chev { display:block; width:12px; height:12px; border-right:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(45deg); transition:transform .35s; flex-shrink:0; opacity:.55; }
html.js #main-content .a-step.on .a-chev { transform:rotate(-135deg); opacity:1; }
html.js #main-content .a-answer { max-height:0; overflow:hidden; transition:max-height .45s ease; }
html.js #main-content .a-step.on .a-answer { max-height:260px; }
#main-content .a-answer-in { padding:2px 26px 26px 94px; color:var(--body); }
#main-content .a-answer-in p { max-width:48ch; margin:0; }
#main-content .a-control { display:none; }
html.js #main-content .a-control { display:flex; align-items:center; gap:8px; margin:26px 0 0; font-size:13px; color:var(--muted); }
#main-content .a-live { width:7px; height:7px; border-radius:50%; background:var(--accent); flex-shrink:0; }
#main-content .a-control.a-stopped .a-live { background:var(--edge); }

#main-content .a-em { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; margin-top:40px; align-items:center; }
#main-content .a-em-body { color:var(--clay-body); font-size:17px; max-width:52ch; margin:0; }
#main-content .a-emcard { background:var(--dark-2); border:1px solid color-mix(in srgb,var(--accent) 16%,transparent); border-radius:10px; padding:34px; position:relative; overflow:hidden; }
#main-content .a-emcard .a-wm { right:-14px; bottom:-20px; width:150px; height:150px; stroke-width:1.4; }
#main-content .ground-clay .a-emcard h3 { color:var(--inv); margin:0 0 14px; }
#main-content .a-agency { color:var(--muted); text-decoration:line-through; font-size:15px; margin:0 0 6px; }
#main-content .a-me { color:var(--inv); font-size:17px; font-weight:500; margin:0; }

#main-content .a-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:48px; }
#main-content .a-num { font-family:var(--awd-font-display); font-size:44px; color:var(--inv); line-height:1; margin:0; }
#main-content .a-lab { margin:12px 0 0; font-size:15px; color:var(--muted); max-width:26ch; }
#main-content .a-close { margin-top:72px; padding-top:56px; border-top:1px solid color-mix(in srgb,var(--accent) 18%,transparent); }
#main-content .a-close h2 { max-width:20ch; }
#main-content .a-cta { margin:32px 0 0; }
#main-content .a-alt { margin:20px 0 0; color:var(--dim); font-size:15px; }
#main-content .a-alt a { color:var(--accent); text-decoration:none; }
#main-content .a-alt a:hover { text-decoration:underline; }
@media (prefers-reduced-motion: reduce) {
#main-content .a-rail::after { animation:none; top:14%; }
#main-content .a-spstage.a-timing .a-prog { transition:none; width:0; }
html.js #main-content .a-panel.on { animation:none; }
#main-content .a-step.on.a-timing .a-circle circle { transition:none; opacity:0; }
#main-content .a-step, #main-content .a-circle, #main-content .a-t { transition:none; }
html.js #main-content .a-chev { transition:none; }
html.js #main-content .a-answer { transition:none; }
}

@media (max-width: 860px) {
#main-content section[class*="ground-"] { padding:64px 0; }
#main-content .a-hero { grid-template-columns:8px 1fr; gap:24px; }
#main-content .a-adv { grid-template-columns:1fr 1fr; gap:24px; margin-top:44px; padding-top:32px; }
#main-content .a-why { grid-template-columns:1fr; gap:36px; }
#main-content .a-face { max-width:300px; }
#main-content .a-spot { grid-template-columns:1fr; gap:26px; }
#main-content .a-spstage { min-height:240px; padding:34px; }
#main-content .a-em { grid-template-columns:1fr; gap:32px; }
#main-content .a-proof { grid-template-columns:1fr; gap:32px; }
#main-content .a-close { margin-top:56px; padding-top:44px; }
}

@media (max-width: 640px) {
#main-content .a-adv { grid-template-columns:1fr; }
#main-content .a-q { gap:16px; padding:20px; }
#main-content .a-answer-in { padding:2px 20px 22px; }
#main-content .a-cta .btn { width:100%; }
}