/* Page styles from the original design (service-ecommerce-seo). Generated by tools/seed/services.php. */
.hero-meta{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}
.hero-meta li{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.hero-meta b{font-size:1.25rem;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.hero-meta span{font-size:13px;color:var(--ink-2);line-height:1.35}
.rel-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:14px}
.rel-row > span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.rel-row a{padding:8px 14px;border-radius:999px;background:var(--card);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.05);transition:background-color .2s,transform .2s}
.rel-row a:hover{background:var(--lime);transform:translateY(-2px)}
.svc-hero .wrap > *{min-width:0}
.note{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dark-muted)}
.lnote{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dk{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);position:relative;box-shadow:0 30px 60px -30px rgb(0 0 0/.45),inset 0 1px 0 rgb(255 255 255/.06)}
.lt{background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.mono{font-family:var(--mono)}
.tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--panel);color:var(--ink)}
.dk .tag{background:var(--dark-3);color:var(--dark-ink)}
.tag.lime{background:var(--lime);color:var(--ink)}
.tag.amber{background:var(--amber);color:var(--ink)}
.tag.cyan{background:var(--cyan);color:var(--ink)}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--panel)}
.seg button{border:0;background:transparent;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink-2)}
.seg button[aria-checked="true"],.seg button[aria-selected="true"],.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgb(0 0 0/.12)}
.dk .seg{background:var(--dark-2)}
.dk .seg button{color:var(--dark-muted)}
.dk .seg button[aria-checked="true"],.dk .seg button[aria-selected="true"],.dk .seg button[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
.sw{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;border:0;background:none;color:inherit;padding:0;font-family:inherit}
.sw i{width:40px;height:22px;border-radius:999px;background:var(--dark-3);position:relative;transition:background-color .25s;flex:none}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.sw[aria-checked="true"] i{background:var(--lime)}
.sw[aria-checked="true"] i::after{transform:translateX(18px);background:var(--ink)}
.lt .sw i,.sw.on-lt i{background:#cfcfcb}
.device .sw{color:var(--dark-ink)}
input[type=range].rg{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--panel);outline-offset:4px}
input[type=range].rg::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--ink);cursor:pointer}
input[type=range].rg::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);cursor:pointer}
.dk input[type=range].rg{background:var(--dark-3)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,4vw,56px);align-items:center}
.split.rev{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.split > *{min-width:0}
.split .txt h2{font-size:clamp(2rem,4vw,3.25rem)}
.split .txt p{color:var(--ink-2);margin-top:14px;max-width:48ch}
@media (max-width:1100px){.hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split.rev{grid-template-columns:1fr}}
@media (max-width:600px){.svc-hero h1{font-size:clamp(2rem,9vw,2.4rem);letter-spacing:-.04em}}


.an{display:flex;flex-direction:column;gap:12px;padding:16px}
.an .seg{flex-wrap:wrap}
.an-page{position:relative;background:#fff;border-radius:14px;overflow:hidden}
.an-url{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f1f1ef;font-family:var(--mono);font-size:11px;color:var(--muted)}
.an-url i{width:8px;height:8px;border-radius:50%;background:#d6d6d2}
.an-url span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}
.z-crumb{font-size:11px;color:var(--muted)}
.z-h1{font-size:22px;font-weight:500;letter-spacing:-.03em}
.z-intro{font-size:12.5px;color:var(--ink-2);max-width:42ch}
.z-filter{display:flex;gap:6px;flex-wrap:wrap}
.z-filter span{font-size:11px;padding:5px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.z-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.z-grid i{aspect-ratio:3/4;border-radius:8px;background:linear-gradient(160deg,#f3ece2,#e1d3c0)}
.z-faq{display:grid;gap:4px;padding-top:6px;border-top:1px solid var(--line)}
.z-faq b{font-size:11.5px;font-weight:500}
.hs{position:absolute;width:24px;height:24px;border-radius:50%;border:0;background:var(--ink);color:var(--lime);font:600 11px var(--mono);cursor:pointer;box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 45%,transparent);transition:transform .2s,background-color .2s}
.hs:hover{transform:scale(1.12)}
.hs[aria-pressed="true"]{background:var(--lime);color:var(--ink);box-shadow:0 0 0 3px var(--ink)}
.hs-crumb{top:44px;right:14px}.hs-h1{top:66px;right:46%}.hs-intro{top:98px;right:14px}.hs-filter{top:136px;right:24%}.hs-grid{top:46%;right:14px}.hs-faq{bottom:20px;right:14px}
.an-card{color:var(--dark-ink);background:var(--dark-2);border-radius:var(--r-sm);padding:14px;min-height:118px}
.an-card b{font-weight:500}
.an-card p{font-size:13.5px;color:var(--dark-muted);margin-top:6px;line-height:1.45}
.an-card .an-plat{color:var(--lime);font-family:var(--mono);font-size:11px;letter-spacing:.02em}
.rich{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}
.rich > *{min-width:0}
.rich-l{padding:22px;display:flex;flex-direction:column;gap:18px}
.rich-t{display:flex;flex-wrap:wrap;gap:12px 22px}
.pr{display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border-radius:16px;padding:16px;font-family:Arial,Helvetica,sans-serif;color:#202124;box-shadow:0 1px 6px rgb(32 33 36/.14)}
.pr-img{aspect-ratio:1;border-radius:10px;background:linear-gradient(160deg,#f3ece2,#d8c6ad)}
.pr-b{display:flex;flex-direction:column;gap:5px;min-width:0}
.pr-b small{font-size:12px;color:#4d5156}
.pr-b > b{font-size:17px;font-weight:400;color:#1a0dab;line-height:1.3}
.pr-rate{font-size:13px;color:#4d5156}.pr-rate span{color:#f5a623;letter-spacing:1px}
.pr-row{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}
.pr-price{font-size:17px;font-weight:700;color:#202124}
.pr-ok{font-size:13px;color:#188038}
.pr-sm{font-size:12.5px;color:#4d5156}
[data-show]{transition:opacity .3s,max-height .3s}
[data-show].off{opacity:0;max-height:0;overflow:hidden;margin:0}
.rich-code{margin:0;padding:20px;font:12.5px/1.6 var(--mono);color:var(--dark-ink);white-space:pre;overflow:auto;max-height:520px}
.rich-code em{font-style:normal;color:var(--lime)}
.rich-code s{text-decoration:none;color:var(--cyan)}
.tri{display:flex;flex-direction:column;gap:14px}
.tri-pile{display:flex;flex-wrap:wrap;gap:8px;min-height:0;transition:min-height .3s}
.tri-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tcol{background:var(--card);border-radius:var(--r-lg);padding:16px;min-height:220px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.tl{display:flex;flex-direction:column;gap:6px}
.tc{border:0;background:#fff;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease),box-shadow .25s;animation:tin .45s var(--ease) both}
.tc code{font:12px/1.4 var(--mono);word-break:break-all;color:var(--ink)}
.tc:hover{transform:translateY(-2px)}
.tc[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
@keyframes tin{from{opacity:0;transform:translateY(8px)}}
.tri-ft{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.tri-ft p{color:var(--ink-2);max-width:70ch;font-size:15px}
.oos-in{display:flex;flex-direction:column;gap:10px;margin-top:26px;max-width:420px}
.oos{padding:22px;display:flex;flex-direction:column;gap:16px}
.oos-code{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.oos-code b{font-size:clamp(3.5rem,7vw,5.5rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.oos-code span{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--dark-muted)}
.oos-card{display:grid;grid-template-columns:110px 1fr;gap:16px;background:var(--dark-2);border-radius:var(--r-md);padding:14px;align-items:start}
.oos-img{aspect-ratio:1;border-radius:10px;background:linear-gradient(160deg,#f3ece2,#d8c6ad);transition:filter .4s,opacity .4s}
.oos[data-s="1"] .oos-img{filter:grayscale(.7);opacity:.75}
.oos[data-s="2"] .oos-img,.oos[data-s="3"] .oos-img{filter:grayscale(1);opacity:.4}
.oos-card p{margin-top:10px;color:var(--dark-muted);font-size:14.5px}
.oos-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.oos-steps i{height:6px;border-radius:999px;background:var(--dark-3);transition:background-color .3s}
.oos-steps i.on{background:var(--lime)}
@media (max-width:1100px){.rich{grid-template-columns:1fr}}
@media (max-width:700px){.tri-cols{grid-template-columns:1fr}.tcol{min-height:0}.pr{grid-template-columns:84px 1fr}.oos-card{grid-template-columns:72px 1fr}.hs-h1{right:30%}.hs-filter{right:10%}}


/* expanded content sections */
.xp-lede{max-width:62ch;color:var(--ink-2)}
.xp-txt p{color:var(--ink-2);max-width:62ch;margin-top:14px}
.xp-txt p:first-of-type{margin-top:0}
.xp-txt h3{font-size:1.2rem;font-weight:500;letter-spacing:-.01em;margin-top:26px}
.xp-txt a,.xp-link{border-bottom:2px solid var(--lime);font-weight:500}
.xp-explain{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:start}
.xp-explain > *{min-width:0}
.xp-quote{position:sticky;top:96px;background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);padding:clamp(22px,3vw,36px);box-shadow:0 30px 60px -30px rgb(0 0 0/.45)}
.xp-quote blockquote{font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.25;letter-spacing:-.02em;font-weight:500;border-left:4px solid var(--lime);padding-left:18px}
.xp-quote p{color:var(--dark-muted);margin-top:18px;font-size:15px}
.xp-quote ul{list-style:none;display:grid;gap:8px;margin-top:18px}
.xp-quote li{display:flex;gap:10px;font-size:14px;color:var(--dark-ink)}
.xp-quote li b{font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--lime);border-radius:999px;padding:2px 8px;height:fit-content;flex:none}
.xp-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.xb{grid-column:span 2;background:var(--card);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);min-width:0}
.xb.w3{grid-column:span 3}.xb.w4{grid-column:span 4}.xb.w6{grid-column:1/-1}
.xb.dk{background:var(--dark);color:var(--dark-ink)}
.xb.dk p{color:var(--dark-muted)}
.xb.lime{background:var(--lime)}
.xb.lime p{color:var(--ink)}
.xb h3{font-size:1.2rem;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.xb p{font-size:15px;color:var(--ink-2)}
.xb .big{font-size:clamp(2rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.04em;line-height:1}
.xb .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xb.dk .k{color:var(--dark-muted)}
.xb a{margin-top:auto;font-weight:500;border-bottom:2px solid var(--lime);align-self:flex-start}
.xb.lime a{border-color:var(--ink)}
.xp-cmp{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px}
.xc{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.xc.pick{background:#fff;box-shadow:0 0 0 2px var(--ink),var(--glass-edge)}
.xc header{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.xc header h3{font-size:1.3rem;font-weight:500;letter-spacing:-.02em}
.xc header p{font-size:14px;color:var(--ink-2)}
.xc dl{display:grid;gap:10px}
.xc dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xc dd{font-size:15px;color:var(--ink);margin-top:2px}
.xp-track{list-style:none;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:10px;counter-reset:xt;position:relative}
.xp-track li{counter-increment:xt;position:relative;background:var(--card);border-radius:var(--r-lg);padding:56px 18px 20px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);min-width:0}
.xp-track li::before{content:counter(xt,decimal-leading-zero);position:absolute;top:16px;left:18px;font-family:var(--mono);font-size:12px;background:var(--ink);color:var(--lime);border-radius:999px;padding:4px 9px}
.xp-track li::after{content:"";position:absolute;top:28px;left:62px;right:-10px;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 10px);opacity:.25}
.xp-track li:last-child::after{display:none}
.xp-track h3{font-size:1.08rem;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.xp-track p{font-size:14.5px;color:var(--ink-2);margin-top:8px}
.xp-track small{display:block;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.xp-acc{display:grid;gap:8px}
.xp-acc details{background:var(--card);border-radius:var(--r-md);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);overflow:hidden}
.xp-acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px}
.xp-acc summary::-webkit-details-marker{display:none}
.xp-acc summary .n{font-family:var(--mono);font-size:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel)}
.xp-acc summary b{font-weight:500;font-size:1.08rem;letter-spacing:-.01em}
.xp-acc summary .cost{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;background:var(--amber);border-radius:999px;padding:4px 9px;white-space:nowrap}
.xp-acc details[open]{background:#fff}
.xp-acc details[open] .n{background:var(--lime)}
.xp-acc .body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px 20px 70px}
.xp-acc .body p{font-size:15px;color:var(--ink-2)}
.xp-acc .body span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.xp-flips{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px}
.xf{perspective:1200px;min-width:0}
.xf button{all:unset;box-sizing:border-box;display:grid;width:100%;min-height:250px;cursor:pointer;border-radius:var(--r-lg)}
.xf button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.xf .in{display:grid;transition:transform .6s var(--ease);transform-style:preserve-3d}
.xf .fc,.xf .bc{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px}
.xf .fc{background:var(--card);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.05)}
.xf .bc{background:var(--dark);color:var(--dark-ink);transform:rotateY(180deg)}
.xf .fc b,.xf .bc b{font-size:1.15rem;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.xf .fc .p{font-size:15px;color:var(--ink-2)}
.xf .bc .p{font-size:14.5px;color:var(--dark-muted)}
.xf .hint{margin-top:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xf .bc .hint{color:var(--lime)}
.xf button[aria-pressed="true"] .in{transform:rotateY(180deg)}
.xp-tabs{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:10px}
.xp-tl{display:flex;flex-direction:column;gap:6px}
.xp-tl button{border:0;font:inherit;text-align:left;cursor:pointer;background:var(--card);border-radius:var(--r-md);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);transition:background-color .2s}
.xp-tl button small{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xp-tl button[aria-selected="true"]{background:var(--ink);color:var(--dark-ink)}
.xp-tl button[aria-selected="true"] small{color:var(--lime)}
.xp-tp{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);padding:clamp(20px,3vw,34px);min-width:0}
.xp-tp[hidden]{display:none}
.xp-tp h3{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:500;letter-spacing:-.03em}
.xp-tp p{color:var(--dark-muted);margin-top:12px;max-width:60ch}
.xp-tp ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.xp-tp li{background:var(--dark-2);border-radius:var(--r-sm);padding:12px 14px;font-size:14.5px;color:var(--dark-ink)}
.xp-tp li b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--lime);margin-bottom:4px;font-weight:400}
.xp-callouts{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px}
.xk{border-radius:var(--r-lg);padding:22px 22px 22px 24px;background:var(--card);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);min-width:0}
.xk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--c,var(--lime-2))}
.xk.warn{--c:var(--amber)}.xk.info{--c:var(--cyan)}.xk.stop{--c:#ff6b5a}
.xk .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xk h3{font-size:1.15rem;font-weight:500;letter-spacing:-.02em;margin-top:6px}
.xk p{font-size:15px;color:var(--ink-2);margin-top:8px}
.xk p b{color:var(--ink);font-weight:500}
.xp-gloss{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xp-gloss div{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-md);padding:18px;min-width:0}
.xp-gloss dt{font-family:var(--mono);font-size:12.5px;font-weight:500;display:inline-block;background:var(--lime);border-radius:6px;padding:3px 8px}
.xp-gloss dd{font-size:14.5px;color:var(--ink-2);margin-top:10px}
.xp-fit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-fit > div{border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);min-width:0}
.xp-fit .yes{background:#fff;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.06)}
.xp-fit .no{background:var(--dark);color:var(--dark-ink)}
.xp-fit h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}
.xp-fit ul{list-style:none;display:grid;gap:12px;margin-top:18px}
.xp-fit li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:15px;line-height:1.5}
.xp-fit li::before{content:"";width:22px;height:22px;border-radius:50%;margin-top:1px;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3 3 7-7' fill='none' stroke='%23141414' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
.xp-fit .no li{color:var(--dark-muted)}
.xp-fit .no li::before{background:var(--dark-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M7.5 7.5l7 7M14.5 7.5l-7 7' fill='none' stroke='%23f1f1ef' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
.xp-fit .no li b,.xp-fit .yes li b{font-weight:500;color:inherit}
.xp-fit .no li b{color:var(--dark-ink)}
.xp-ask{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-xl);padding:clamp(22px,4vw,56px)}
.xp-ask .sec-h p{color:var(--dark-muted)}
.xp-ask ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:xa}
.xp-ask li{counter-increment:xa;background:var(--dark-2);border-radius:var(--r-lg);padding:22px;display:grid;gap:10px;min-width:0}
.xp-ask li::before{content:"Q" counter(xa);font-family:var(--mono);font-size:12px;color:var(--lime)}
.xp-ask li b{font-size:1.12rem;font-weight:500;letter-spacing:-.01em;line-height:1.3}
.xp-ask li p{font-size:14.5px;color:var(--dark-muted)}
.xp-ask li p em{font-style:normal;color:var(--dark-ink)}
.xp-tline{list-style:none;position:relative;display:grid;gap:14px;padding-left:34px}
.xp-tline::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--lime-2),rgb(20 20 20/.12))}
.xp-tline li{position:relative;display:grid;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:18px;background:var(--card);border-radius:var(--r-lg);padding:20px 22px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.xp-tline li::before{content:"";position:absolute;left:-30px;top:24px;width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--ink)}
.xp-tline .when{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.xp-tline h3{font-size:1.15rem;font-weight:500;letter-spacing:-.02em}
.xp-tline p{font-size:15px;color:var(--ink-2);margin-top:6px}
.xp-tline .sig{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;background:var(--panel);border-radius:999px;padding:4px 9px}
.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-two > div{border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);min-width:0}
.xp-two .a{background:var(--lime)}
.xp-two .b{background:var(--glass-bg);box-shadow:var(--glass-edge)}
.xp-two h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}
.xp-two dl{display:grid;gap:12px;margin-top:16px}
.xp-two dt{font-weight:500}
.xp-two dd{font-size:15px;color:var(--ink-2);margin-top:2px}
.xp-two .a dd{color:var(--ink)}
.xp-diag{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;align-items:start}
.xp-diag > *{min-width:0}
.xp-dfig{background:var(--dark);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);color:var(--dark-ink);position:relative}
.xp-dnotes{list-style:none;display:grid;gap:8px;counter-reset:xd}
.xp-dnotes li{counter-increment:xd;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;background:var(--card);border-radius:var(--r-md);padding:14px 16px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.xp-dnotes li::before{content:counter(xd);width:26px;height:26px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-family:var(--mono);font-size:12px;box-shadow:0 0 0 2px var(--ink)}
.xp-dnotes b{font-weight:500}
.xp-dnotes p{font-size:14.5px;color:var(--ink-2);margin-top:4px}
.xp-pin{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:11px;box-shadow:0 0 0 2px var(--ink);flex:none}
.xp-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xp-rel a{background:var(--card);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:150px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);transition:transform .25s var(--ease),background-color .25s}
.xp-rel a:hover{transform:translateY(-3px);background:#fff}
.xp-rel small{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xp-rel b{font-size:1.1rem;font-weight:500;letter-spacing:-.02em}
.xp-rel span{font-size:14.5px;color:var(--ink-2)}
.xp-rel em{font-style:normal;margin-top:auto;font-family:var(--mono);font-size:12px}
@media (max-width:1100px){.xp-explain,.xp-tabs,.xp-diag{grid-template-columns:1fr}.xp-quote{position:static}.xp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.xb,.xb.w3,.xb.w4{grid-column:span 1}.xb.w6,.xb.w4{grid-column:1/-1}.xp-cmp,.xp-flips{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-track{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-track li::after{display:none}.xp-gloss,.xp-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.xp-bento,.xp-cmp,.xp-flips,.xp-track,.xp-callouts,.xp-gloss,.xp-fit,.xp-ask ol,.xp-two,.xp-rel{grid-template-columns:1fr}.xb,.xb.w3,.xb.w4,.xb.w6{grid-column:1/-1}.xp-acc .body{grid-template-columns:1fr;padding:0 18px 18px}.xp-acc summary{grid-template-columns:auto minmax(0,1fr);padding:16px 18px}.xp-acc summary .cost{grid-column:2;justify-self:start}.xp-tp ul{grid-template-columns:1fr}.xp-tline li{grid-template-columns:1fr;gap:6px}.xp-tline{padding-left:28px}.xp-tline li::before{left:-24px}.xp-tline::before{left:8px}.xf button{min-height:220px}}
@media (prefers-reduced-motion:reduce){.xf .in{transition:none}.xp-rel a{transition:none}}
.xp-explain.rev{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
.xp-track.r3{--n:3}
.xp-track.r3 li:nth-child(3n)::after{display:none}
@media (max-width:1100px){.xp-callouts{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-explain.rev{grid-template-columns:1fr}}
@media (max-width:700px){.xp-callouts{grid-template-columns:1fr}}