/*
 * AgentedSEO product page layout (Claude Code SEO, MCP, Pricing, Sandbox, Switch pages): demos,
 * copy boxes, plan cards, tabs and the sandbox form. Converted from the design export.
 */
.aseo-sp-hero .aseo-hero-copy .aseo-display{font-size:64px;line-height:68px;max-width:1040px}
.aseo-sp-crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px;font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-crumbs li{display:inline-flex;align-items:center;gap:8px}
.aseo-sp-crumbs li + li::before{content:"/";color:var(--line-strong)}
.aseo-sp-crumbs a{color:var(--muted);text-decoration:none}
.aseo-sp-crumbs a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.aseo-sp-ex{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;border:1px dashed var(--line-strong);font-family:var(--mono);font-size:11px;line-height:16px;color:var(--muted)}
.aseo-sp-proof{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;background:var(--sunken);font-size:14px;line-height:20px;color:var(--ink)}
.aseo-sp-proof .aseo-ico{flex:none;width:16px;height:16px;margin-top:2px;color:var(--good)}
.aseo-g-ink .aseo-sp-proof{background:var(--surface)}
.aseo-sp-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start}
.aseo-sp-split > *{min-width:0}
.aseo-sp-copy{display:flex;flex-direction:column;gap:20px}
.aseo-sp-copy .aseo-qs-quote{margin-top:0}
.aseo-sp-sticky{position:sticky;top:104px}
.aseo-sp-loop{display:grid;grid-template-columns:minmax(0,5fr) auto minmax(0,6fr);gap:20px;align-items:stretch;padding:24px;background:var(--page)}
.aseo-sp-loop > *{min-width:0}
.aseo-sp-pane{display:flex;flex-direction:column;gap:12px}
.aseo-sp-pane-k{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-size:11px;line-height:14px;color:var(--muted);text-align:center}
.aseo-sp-join span:first-child{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.aseo-sp-card-ui{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.aseo-sp-card-ui .aseo-ft-acts{padding-top:12px}
.aseo-sp-note-a{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;background:var(--sunken);font-size:13px;line-height:20px;color:var(--ink)}
.aseo-sp-note-a .aseo-ft-glyph{margin-top:3px}
.aseo-sp-checks{display:flex;flex-wrap:wrap;gap:6px}
.aseo-sp-lanes{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.aseo-sp-lane{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;align-items:center;padding:16px 20px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.aseo-sp-lane-k{display:flex;flex-direction:column;gap:2px;font-family:var(--display);font-size:17px;line-height:22px;font-weight:700}
.aseo-sp-lane-k small{font-family:var(--mono);font-size:11px;line-height:16px;font-weight:500;color:var(--muted)}
.aseo-sp-lane ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aseo-sp-lane li{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px}
.aseo-sp-chipstep{padding:6px 12px;border-radius:8px;background:var(--sunken);border:1px solid var(--line);color:var(--ink)}
.aseo-sp-chipstep.aseo-hot{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-strong)}
.aseo-sp-chipstep.aseo-win{background:var(--ink);border-color:var(--ink);color:var(--page)}
.aseo-sp-to{display:inline-flex;color:var(--muted)}
.aseo-sp-to .aseo-ico{width:14px;height:14px}
.aseo-sp-lane.aseo-good{border-color:var(--ink)}
.aseo-sp-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.aseo-sp-path{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.aseo-sp-path-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.aseo-sp-path-h b{font-family:var(--display);font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.01em}
.aseo-sp-path p{font-size:15px;line-height:24px;color:var(--muted)}
.aseo-sp-path q{display:block;font-size:15px;line-height:24px;font-style:italic;color:var(--ink)}
.aseo-sp-path q::before,.aseo-sp-path q::after{content:none}
.aseo-sp-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.aseo-sp-card{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:16px;border:1px solid var(--line);background:var(--surface);min-width:0}
.aseo-sp-card .aseo-h2,.aseo .aseo-sp-card .aseo-h2{font-size:30px;line-height:36px;max-width:none}
.aseo-sp-card > p{font-size:16px;line-height:26px;color:var(--muted)}
.aseo-sp-card .aseo-ft-list{grid-template-columns:minmax(0,1fr);gap:10px}
.aseo-sp-card .aseo-ft-list li{font-size:14px;line-height:22px}
.aseo-sp-card .aseo-sp-proof{margin-top:auto}
.aseo-sp-mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:13px;line-height:20px;min-width:0}
.aseo-sp-mrow > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aseo-sp-mrow s{color:var(--muted);text-decoration-color:var(--line-strong)}
.aseo-sp-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.aseo-sp-cmd{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 14px 18px;border-radius:12px;background:#0E0E10;border:1px solid #2A2A30;color:#F4F4F6;font-family:var(--mono);font-size:13px;line-height:20px;min-width:0}
.aseo-sp-cmd code{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.aseo-sp-cmd .aseo-p{color:#A4A4AE}
.aseo-sp-cmd .aseo-v{color:#C6F432}
.aseo-sp-copybtn{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:8px;border:1px solid #3A3A40;background:transparent;color:#F4F4F6;font-family:var(--sans);font-size:13px;line-height:20px;font-weight:600;cursor:pointer;transition:background-color var(--tm) var(--ease),border-color var(--tm) var(--ease),color var(--tm) var(--ease)}
.aseo-sp-copybtn .aseo-ico{width:14px;height:14px}
.aseo-sp-copybtn.aseo-done{background:#C6F432;border-color:#C6F432;color:#0E0E10}
@media (hover:hover) and (pointer:fine){.aseo-sp-copybtn:hover{border-color:#F4F4F6}}
.aseo-sp-copybtn:focus-visible{outline:2px solid #C6F432;outline-offset:2px}
.aseo-sp-how{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.aseo-sp-how > *{min-width:0}
.aseo-sp-tl{display:flex;flex-direction:column}
.aseo-sp-tl > li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding-bottom:36px}
.aseo-sp-tl > li:last-child{padding-bottom:0}
.aseo-sp-tl > li:not(:last-child)::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;border-radius:2px;background:var(--line)}
.aseo-sp-tl-n{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:var(--surface);border:1px solid var(--line-strong);font-family:var(--mono);font-size:13px;line-height:20px;font-weight:600;color:var(--ink)}
.aseo-sp-tl > li:last-child .aseo-sp-tl-n{background:var(--ink);border-color:var(--ink);color:var(--page)}
.aseo-sp-tl-b{display:flex;flex-direction:column;gap:10px;padding-top:8px;min-width:0}
.aseo-sp-tl-b h3{font-family:var(--display);font-size:21px;line-height:28px;font-weight:700;letter-spacing:-.01em}
.aseo-sp-tl-b p{font-size:16px;line-height:26px;color:var(--muted)}
.aseo-sp-tl-b p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.aseo-sp-stack{display:flex;flex-direction:column;gap:0}
.aseo-sp-stack .aseo-sp-card-ui + .aseo-sp-card-ui{margin-top:28px;position:relative}
.aseo-sp-stack .aseo-sp-card-ui + .aseo-sp-card-ui::before{content:"";position:absolute;left:28px;top:-29px;height:28px;width:2px;background:var(--line-strong)}
.aseo-sp-stack .aseo-sp-pane-k b{color:var(--ink);font-weight:600}
.aseo-sp-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aseo-sp-rule{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--line);background:var(--surface);overflow:hidden;min-width:0}
.aseo-sp-rule-h{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-bottom:1px solid var(--line)}
.aseo-sp-rule-h b{font-family:var(--display);font-size:17px;line-height:24px;font-weight:700;letter-spacing:-.01em}
.aseo-sp-rule ul{display:flex;flex-direction:column;gap:2px;padding:10px}
.aseo-sp-rule li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;line-height:20px}
.aseo-sp-rule li .aseo-ico{width:16px;height:16px;margin-top:2px}
.aseo-sp-rule.aseo-t-go li .aseo-ico{color:var(--good)}
.aseo-sp-rule.aseo-t-ask li .aseo-ico{color:var(--info)}
.aseo-sp-rule.aseo-t-always li .aseo-ico{color:var(--warn)}
.aseo-sp-rule.aseo-t-block li .aseo-ico{color:var(--crit)}
.aseo-sp-rule.aseo-t-block li{color:var(--muted)}
.aseo-sp-rule-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-rule-foot .aseo-ico{width:14px;height:14px}
.aseo-sp-tools{display:flex;flex-direction:column;gap:4px}
.aseo-sp-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;background:var(--sunken)}
.aseo-sp-tool b{display:block;font-size:14px;line-height:20px;font-weight:600}
.aseo-sp-tool small{display:block;font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-tool.aseo-off{background:transparent;border:1px dashed var(--line-strong)}
.aseo-sp-tool.aseo-off b{color:var(--muted)}
.aseo-sp-clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aseo-sp-client{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color var(--tm) var(--ease),transform var(--tm) var(--ease)}
.aseo-sp-client b{font-family:var(--display);font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.01em}
.aseo-sp-client small{font-size:13px;line-height:20px;color:var(--muted)}
.aseo-sp-client .aseo-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600}
.aseo-sp-client .aseo-go .aseo-ico{width:16px;height:16px;transition:transform var(--tm) var(--ease)}
@media (hover:hover) and (pointer:fine){.aseo-sp-client:hover{border-color:var(--ink);transform:translateY(-2px)}.aseo-sp-client:hover .aseo-go .aseo-ico{transform:translateX(3px)}}
.aseo-sp-cmp-wrap{border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.aseo-sp-cmp{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
.aseo-sp-cmp th,.aseo-sp-cmp td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.aseo-sp-cmp tbody tr:last-child > *{border-bottom:0}
.aseo-sp-cmp thead th{padding-top:14px;padding-bottom:14px;font-family:var(--mono);font-size:12px;line-height:16px;font-weight:500;color:var(--muted);background:var(--sunken)}
.aseo-sp-cmp thead th.aseo-us{color:var(--ink)}
.aseo-sp-cmp thead th.aseo-us::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:9999px;background:var(--lime);box-shadow:0 0 0 1px var(--on-lime);vertical-align:1px}
.aseo-sp-cmp tbody th{width:22%;font-family:var(--display);font-size:16px;line-height:22px;font-weight:700;color:var(--ink)}
.aseo-sp-cmp td{color:var(--muted)}
.aseo-sp-cmp td.aseo-us{color:var(--ink)}
.aseo-sp-cmp td + td.aseo-us,.aseo-sp-cmp th + th.aseo-us{border-left:1px solid var(--line)}
.aseo-sp-cmp a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.aseo-sp-src{margin-top:16px;font-size:13px;line-height:20px;color:var(--muted);max-width:880px}
.aseo-sp-src a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.aseo-sp-callout{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:20px 24px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:15px;line-height:24px;color:var(--muted)}
.aseo-sp-callout b{color:var(--ink);font-weight:600}
.aseo-sp-callout .aseo-ico{color:var(--ink);margin-top:2px}
.aseo-sp-imp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aseo-sp-imp-col{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:12px;border:1px solid var(--line);background:var(--surface);min-width:0}
.aseo-sp-imp-col h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--display);font-size:19px;line-height:26px;font-weight:700}
.aseo-sp-imp-col ul{display:flex;flex-direction:column;gap:10px}
.aseo-sp-imp-col li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;font-size:14px;line-height:21px;color:var(--ink)}
.aseo-sp-imp-col li .aseo-ico{width:16px;height:16px;margin-top:2px;color:var(--good)}
.aseo-sp-imp-col.aseo-no li{color:var(--muted)}
.aseo-sp-imp-col.aseo-no li .aseo-ico{color:var(--muted)}
.aseo-sp-imp-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.aseo-sp-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}
.aseo-sp-fields > *{min-width:0}
.aseo-sp-fieldset{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.aseo-sp-fieldset .aseo-sp-pane-k b{color:var(--ink);font-weight:600}
.aseo-sp-fv{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;background:var(--sunken)}
.aseo-sp-fv .aseo-k{font-family:var(--mono);font-size:11px;line-height:16px;color:var(--muted)}
.aseo-sp-fv .aseo-v{font-size:14px;line-height:20px;color:var(--ink)}
.aseo-sp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:900px}
.aseo-sp-plan{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:24px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-align:left;min-width:0}
.aseo-sp-plan.aseo-pick{border-color:var(--ink)}
.aseo-sp-plan-h{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.aseo-sp-plan .aseo-n{font-family:var(--display);font-size:18px;line-height:24px;font-weight:700}
.aseo-sp-plan .aseo-pv{margin-top:12px;font-family:var(--display);font-size:44px;line-height:48px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.aseo-sp-plan small{font-size:13px;line-height:20px;color:var(--muted)}
.aseo-sp-plan .aseo-btn{margin-top:20px;width:100%}
.aseo-sp-includes{font-size:15px;line-height:24px;color:var(--muted);max-width:680px}
.aseo-sp-after{font-size:14px;line-height:20px;color:var(--muted)}
.aseo-sp-incl{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px;align-items:start}
.aseo-sp-tabs{display:flex;flex-direction:column;gap:4px;position:sticky;top:104px}
.aseo-sp-tab{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:52px;padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--tm) var(--ease),color var(--tm) var(--ease),border-color var(--tm) var(--ease)}
.aseo-sp-tab .aseo-n{font-family:var(--mono);font-size:12px;line-height:16px;font-weight:600}
.aseo-sp-tab b{font-family:var(--display);font-size:16px;line-height:22px;font-weight:700;color:inherit}
.aseo-sp-tab.aseo-on{background:var(--surface);border-color:var(--line);color:var(--ink)}
.aseo-sp-tab.aseo-on .aseo-n{color:var(--lime-ink)}
@media (hover:hover) and (pointer:fine){.aseo-sp-tab:not(.aseo-on):hover{color:var(--ink);background:color-mix(in srgb,var(--surface) 50%,transparent)}}
.aseo-sp-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:36px;border-radius:16px;border:1px solid var(--line);background:var(--surface);min-height:440px}
.aseo-sp-panel[hidden]{display:none}
.aseo-sp-panel-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
.aseo-sp-panel-copy h3{font-family:var(--display);font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.02em}
.aseo-sp-panel-copy > p{font-size:16px;line-height:26px;color:var(--muted)}
.aseo-sp-panel-copy .aseo-ft-list{grid-template-columns:minmax(0,1fr);gap:10px}
.aseo-sp-panel-copy .aseo-ft-list li{font-size:14px;line-height:22px}
.aseo-sp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.aseo-sp-two > *{min-width:0}
.aseo-sp-covers{display:flex;flex-direction:column}
.aseo-sp-covers li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:15px;line-height:24px;color:var(--muted)}
.aseo-sp-covers li:first-child{border-top:0;padding-top:0}
.aseo-sp-covers li b{color:var(--ink);font-weight:600}
.aseo-sp-covers .aseo-ico{color:var(--good);margin-top:2px}
.aseo-sp-covers a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.aseo-sp-heroform{width:min(100%,720px);margin:8px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.aseo-sp-heroform .aseo-frm{margin-top:0;text-align:left}
.aseo-sp-heroform .aseo-under{font-size:14px;line-height:20px;color:var(--muted);text-align:center}
.aseo-sp-heroform .aseo-sent{text-align:left}
.aseo-sp-err{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;border-radius:12px;background:var(--crit-soft);color:var(--ink);font-size:14px;line-height:20px;text-align:left}
.aseo-sp-err .aseo-ico{flex:none;color:var(--crit);margin-top:0}
.aseo-sp-err a{color:var(--ink)}
.aseo-sp-admin{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:420px}
.aseo-sp-admin-nav{display:flex;flex-direction:column;gap:2px;padding:16px 12px;background:#1D2327;color:#C3C4C7;font-size:13px;line-height:20px}
.aseo-sp-admin-nav span{padding:6px 10px;border-radius:6px}
.aseo-sp-admin-nav span.aseo-on{background:#2C3338;color:#FFFFFF;font-weight:600}
.aseo-sp-admin-nav span.aseo-sub{padding-left:22px;font-size:12px}
.aseo-sp-admin-main{display:flex;flex-direction:column;gap:16px;padding:24px;min-width:0;background:var(--page)}
.aseo-sp-admin-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.aseo-sp-admin-h b{font-family:var(--display);font-size:20px;line-height:28px;font-weight:700}
.aseo-sp-connect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aseo-sp-connect > div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.aseo-sp-connect b{font-size:15px;line-height:20px;font-weight:600}
.aseo-sp-connect small{font-size:13px;line-height:18px;color:var(--muted)}
.aseo-sp-connect .aseo-ico{color:var(--ink)}
.aseo-sp-posts{display:flex;flex-direction:column;gap:4px}
.aseo-sp-posts li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:13px;line-height:20px}
.aseo-sp-timer{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:9999px;background:#0E0E10;color:#F4F4F6;font-family:var(--mono);font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
.aseo-sp-timer i{width:6px;height:6px;border-radius:9999px;background:var(--lime)}
.aseo-sp-taskhead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 64px;align-items:end;margin-bottom:40px}
.aseo-sp-taskhead .aseo-h2{margin:0}
.aseo-sp-progress{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.aseo-sp-progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;line-height:20px;color:var(--muted)}
.aseo-sp-progress-top b{font-family:var(--display);font-size:22px;line-height:28px;color:var(--ink);font-variant-numeric:tabular-nums}
.aseo-sp-bar{height:6px;border-radius:9999px;background:var(--line);overflow:hidden}
.aseo-sp-bar i{display:block;height:100%;border-radius:9999px;background:var(--ink);transition:width 500ms var(--ease)}
.aseo-sp-progress small{font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-tasks{display:flex;flex-direction:column;gap:16px}
.aseo-sp-task{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;padding:36px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:border-color var(--tm) var(--ease)}
.aseo-sp-task.aseo-on{border-color:var(--ink)}
.aseo-sp-task > *{min-width:0}
.aseo-sp-task-main{display:flex;flex-direction:column;gap:14px}
.aseo-sp-task-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.aseo-sp-task-n{font-family:var(--mono);font-size:13px;line-height:20px;font-weight:600;color:var(--lime-ink)}
.aseo-sp-task h2{font-family:var(--display);font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.02em}
.aseo-sp-task-main > p{font-size:16px;line-height:26px;color:var(--muted)}
.aseo-sp-task .aseo-ft-list{grid-template-columns:minmax(0,1fr);gap:10px}
.aseo-sp-task .aseo-ft-list li{font-size:14px;line-height:22px}
.aseo-sp-task .aseo-ft-list a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.aseo-sp-task-side{display:flex;flex-direction:column;gap:12px}
.aseo-sp-tick{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:6px 14px 6px 8px;border-radius:9999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font-family:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;transition:background-color var(--tm) var(--ease),color var(--tm) var(--ease),border-color var(--tm) var(--ease)}
.aseo-sp-tick .aseo-bx{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;border:1.5px solid var(--line-strong);color:transparent}
.aseo-sp-tick .aseo-bx .aseo-ico{width:12px;height:12px}
.aseo-sp-tick.aseo-on{background:var(--ink);border-color:var(--ink);color:var(--page)}
.aseo-sp-tick.aseo-on .aseo-bx{background:var(--lime);border-color:var(--lime);color:#0E0E10}
.aseo-sp-where{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:var(--sunken)}
.aseo-sp-where .aseo-k,.aseo-sp-prompt .aseo-k{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-where b{font-size:14px;line-height:21px;font-weight:600;color:var(--ink)}
.aseo-sp-prompt{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:#0E0E10;border:1px solid #2A2A30;color:#F4F4F6}
.aseo-sp-prompt .aseo-k{color:#A4A4AE}
.aseo-sp-prompt p{font-family:var(--mono);font-size:13px;line-height:21px;color:#F4F4F6}
.aseo-sp-noprompt{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;border:1px dashed var(--line-strong);font-size:14px;line-height:20px;color:var(--muted)}
.aseo-sp-noprompt .aseo-ico{width:16px;height:16px}
.aseo-sp-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aseo-sp-frame{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:16px;border:1px solid var(--line);background:var(--surface);min-width:0}
.aseo-sp-frame h3{font-family:var(--display);font-size:20px;line-height:28px;font-weight:700}
.aseo-sp-frame > p{font-size:15px;line-height:24px;color:var(--muted)}
.aseo-sp-stay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.aseo-sp-stay > div{display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.aseo-sp-stay h3{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;line-height:28px;font-weight:700}
.aseo-sp-stay p{font-size:16px;line-height:26px;color:var(--muted)}
.aseo-sp-stay p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.aseo-sp-stay .aseo-go{border-color:var(--ink)}
.aseo-sp-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.aseo-sp-vs > div{display:flex;flex-direction:column;gap:6px;padding:24px}
.aseo-sp-vs > div + div{border-left:1px solid var(--line)}
.aseo-sp-vs .aseo-k{font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-vs b{font-family:var(--display);font-size:36px;line-height:40px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.aseo-sp-vs small{font-size:14px;line-height:20px;color:var(--muted)}
.aseo-sp-vs small a{color:inherit}
.aseo-sp-close .aseo-h2{font-size:52px;line-height:56px}
.aseo-sp-close .aseo-sp-includes{margin-top:-4px}
@media (max-width:1100px){.aseo-sp-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.aseo-sp-imp{grid-template-columns:repeat(2,minmax(0,1fr))}.aseo-sp-incl{grid-template-columns:minmax(0,1fr)}.aseo-sp-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:4px}.aseo-sp-tab{flex:none;width:auto;grid-template-columns:auto auto;gap:8px}.aseo-sp-split,.aseo-sp-how{gap:40px}}
@media (max-width:900px){.aseo-sp-split,.aseo-sp-how,.aseo-sp-duo,.aseo-sp-quad,.aseo-sp-two,.aseo-sp-task,.aseo-sp-taskhead,.aseo-sp-stay{grid-template-columns:minmax(0,1fr)}.aseo-sp-sticky{position:static}.aseo-sp-loop{grid-template-columns:minmax(0,1fr);padding:16px}.aseo-sp-join{flex-direction:row}.aseo-sp-join span:first-child{transform:rotate(90deg)}.aseo-sp-panel{grid-template-columns:minmax(0,1fr);padding:24px;min-height:0}.aseo-sp-frames{grid-template-columns:minmax(0,1fr)}.aseo-sp-admin{grid-template-columns:minmax(0,1fr)}.aseo-sp-admin-nav{display:none}.aseo .aseo-sp-hero .aseo-hero-copy .aseo-display{font-size:48px;line-height:52px}.aseo-sp-close .aseo-h2{font-size:40px;line-height:44px}}
@media (max-width:640px){.aseo .aseo-sp-hero .aseo-hero-copy .aseo-display{font-size:38px;line-height:42px}.aseo-sp-rules,.aseo-sp-imp,.aseo-sp-imp-extra,.aseo-sp-paths,.aseo-sp-clients,.aseo-sp-plans,.aseo-sp-connect,.aseo-sp-vs{grid-template-columns:minmax(0,1fr)}.aseo-sp-vs > div + div{border-left:0;border-top:1px solid var(--line)}.aseo-sp-lane{grid-template-columns:minmax(0,1fr);gap:10px}.aseo-sp-fields{grid-template-columns:minmax(0,1fr)}.aseo-sp-fields .aseo-sp-join span:first-child{transform:rotate(90deg)}.aseo-sp-card,.aseo-sp-task,.aseo-sp-stay > div{padding:24px}.aseo-sp-card .aseo-h2,.aseo .aseo-sp-card .aseo-h2{font-size:26px;line-height:32px}.aseo-sp-task h2{font-size:24px;line-height:30px}.aseo-sp-close .aseo-h2{font-size:34px;line-height:38px}.aseo-sp-heroform .aseo-frm{grid-template-columns:minmax(0,1fr)}.aseo-sp-heroform .aseo-frm .aseo-btn{margin-top:0;width:100%}.aseo-sp-cmp,.aseo-sp-cmp tbody,.aseo-sp-cmp tr,.aseo-sp-cmp th,.aseo-sp-cmp td{display:block;width:100%}.aseo-sp-cmp thead{display:none}.aseo-sp-cmp tbody tr{border-bottom:1px solid var(--line)}.aseo-sp-cmp tbody tr:last-child{border-bottom:0}.aseo-sp-cmp tbody th{width:100%;padding:16px 16px 4px;border:0}.aseo-sp-cmp td{padding:8px 16px;border:0}.aseo-sp-cmp td:last-child{padding-bottom:16px}.aseo-sp-cmp td + td.aseo-us{border-left:0}.aseo-sp-cmp td::before{content:attr(data-label);display:block;margin-bottom:2px;font-family:var(--mono);font-size:11px;line-height:16px;color:var(--muted)}}
.aseo-sp-log{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.aseo-sp-logrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px}
.aseo-sp-logrow + .aseo-sp-logrow{border-top:1px solid var(--line)}
.aseo-sp-logrow .aseo-w{display:flex;flex-direction:column;min-width:0}
.aseo-sp-logrow .aseo-w b{font-size:14px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aseo-sp-logrow .aseo-w small{font-size:12px;line-height:16px;color:var(--muted)}
.aseo-sp-logrow.aseo-batch{background:var(--sunken)}
.aseo-sp-reason{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;background:var(--sunken)}
.aseo-sp-reason label{font-size:12px;line-height:16px;font-weight:600;color:var(--muted)}
@media (max-width:640px){.aseo-sp-logrow{grid-template-columns:minmax(0,1fr) auto}.aseo-sp-logrow > :first-child{display:none}}
.aseo.aseo-light.aseo-sp-page .aseo-sec:not(.aseo-g-ink) .aseo-cta-row,.aseo.aseo-light.aseo-sp-page .aseo-sp-card .aseo-cta-row{--surface:#FFFFFF;--ink:#0E0E10;--line-strong:#868690;--focus:#4A6600}
.aseo.aseo-light.aseo-sp-page .aseo-sec:not(.aseo-g-ink) .aseo-cta-row .aseo-btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.aseo.aseo-sp-page .aseo-sp-hero .aseo-hero-copy .aseo-display{font-size:60px;line-height:64px;letter-spacing:-.04em;max-width:1000px;text-wrap:balance}
.aseo.aseo-sp-page .aseo-sp-hero .aseo-hero-copy .aseo-lead{max-width:640px}
.aseo.aseo-sp-page .aseo-sp-hero .aseo-ft-stage > .aseo-ft-cap{color:#A4A4AE}
.aseo.aseo-dark.aseo-sp-page .aseo-sp-hero .aseo-ft-stage > .aseo-ft-cap{color:#A4A4AE}
.aseo-sp-pane > .aseo-cc,.aseo-sp-pane > .aseo-sp-card-ui{flex:1}
.aseo-sp-loop .aseo-ft-acts{margin-top:auto}
.aseo-sp-card-ui .aseo-ft-acts .aseo-status{flex:1 1 180px}
.aseo.aseo-sp-page .aseo-ft-mod-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.aseo.aseo-sp-page .aseo-ft-mod-copy .aseo-h2{font-size:38px;line-height:44px}
.aseo.aseo-sp-page .aseo-ft-mod-copy .aseo-lead{font-size:18px;line-height:28px}
.aseo-sp-lane{grid-template-columns:176px minmax(0,1fr)}
.aseo-sp-chipstep.aseo-hot{text-decoration:none;color:var(--muted);border-style:dashed;background:transparent}
.aseo-sp-rule-h .aseo-badge{align-self:flex-start}
.aseo-sp-rule.aseo-t-ask{border-color:var(--line-strong)}
.aseo-sp-tool .aseo-badge.aseo-b-neutral{background:var(--surface);border:1px solid var(--line)}
.aseo .aseo-ft-close .aseo-offer-tag{align-self:center}
.aseo-ft-close .aseo-sp-plans{margin-top:8px}
.aseo-sp-card > p.aseo-sp-proof{font-size:14px;line-height:20px;color:var(--ink)}
.aseo-g-ink .aseo-sp-card .aseo-sp-proof,.aseo-g-ink .aseo-sp-stay .aseo-sp-proof{background:var(--sunken)}
.aseo-sp-mrow .aseo-btn{padding:2px 10px;min-height:28px;font-size:12px;line-height:18px;border-radius:8px}
.aseo-sp-mrow > span:first-child{white-space:normal;overflow:visible}
.aseo-sp-mrow{flex-wrap:wrap}
.aseo-sp-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
.aseo-sp-planwrap .aseo-tier-v{font-family:var(--display);font-size:52px;line-height:56px;font-weight:700;letter-spacing:-.035em}
.aseo-sp-planwrap .aseo-tier.aseo-pick .aseo-tier-v{color:#F4F4F6}
#before-you-buy .aseo-sp-cmp th,#before-you-buy .aseo-sp-cmp td{padding:12px 14px;font-size:14px;line-height:20px}
#before-you-buy .aseo-sp-cmp tbody th{width:34%;font-size:14px}
.aseo.aseo-sp-page .aseo-why-body{align-items:start}
@media (max-width:900px){.aseo.aseo-sp-page .aseo-ft-mod-top{grid-template-columns:minmax(0,1fr);gap:40px}.aseo.aseo-sp-page .aseo-sp-hero .aseo-hero-copy .aseo-display{font-size:46px;line-height:50px}}
@media (max-width:640px){.aseo.aseo-sp-page .aseo-sp-hero .aseo-hero-copy .aseo-display{font-size:36px;line-height:40px}.aseo.aseo-sp-page .aseo-ft-mod-copy .aseo-h2{font-size:30px;line-height:36px}.aseo-sp-planwrap .aseo-tier-v{font-size:40px;line-height:44px}}
.aseo-sp-mrow > span[style*="display:flex"]{flex-wrap:wrap}
@media (max-width:640px){.aseo .aseo-sp-hero .aseo-hero-pill{white-space:normal;max-width:100%;text-align:left;line-height:16px}.aseo-sp-page .aseo-win-bar > .aseo-badge{display:none}.aseo-sp-page .aseo-win-bar{flex-wrap:wrap}}
.aseo-sp-page .aseo-win-bar .aseo-url{min-width:0;flex:1 1 auto}
@media (max-width:640px){.aseo .aseo-sp-hero .aseo-hl{white-space:normal}}
.aseo-sp-pill-t{min-width:0;overflow-wrap:anywhere}
@media (max-width:640px){.aseo.aseo-sp-page .aseo-sp-hero .aseo-hero-copy .aseo-display{width:100%;overflow-wrap:break-word}.aseo.aseo-sp-page .aseo-sp-hero .aseo-hero-copy .aseo-display .aseo-hl{white-space:normal}}
.aseo-sp-card .aseo-sp-md,.aseo-sp-panel .aseo-sp-md,.aseo-sp-task-side .aseo-sp-md,.aseo-sp-frame .aseo-sp-md{background:var(--page)}
.aseo-sp-card .aseo-sp-md{margin:4px 0}
.aseo-sp-panel .aseo-sp-md{align-self:start}
.aseo-sp-frame .aseo-sp-md{margin-top:auto}
.aseo-sp-md .aseo-md-stage{gap:7px}
.aseo-sp-md .aseo-md-row s{color:var(--muted);text-decoration-color:var(--line-strong)}
.aseo-sp-md .aseo-md-check{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aseo-g-ink .aseo-sp-card .aseo-sp-md{background:var(--sunken)}
.aseo-sp-md .aseo-md-row > span:first-child{white-space:normal;overflow:visible}
.aseo-sp-md .aseo-md-row > :last-child{flex:none}
.aseo-sp-md .aseo-md-check{white-space:normal;align-items:flex-start}
.aseo-sp-md .aseo-md-check .aseo-md-tick{margin-top:0}
.aseo-sp-md .aseo-md-fly{gap:4px}
.aseo-sp-md .aseo-md-fly .aseo-md-chip{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aseo-sp-md .aseo-md-dest{flex:none;white-space:nowrap}
.aseo-sp-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}