/* Shared case study template (C01–C12). Page-specific hero visuals use their own prefix (ep- = Estate Point). */
.page-cs main>section{overflow-x:clip}
.page-cs{--ok:#1c9d61;--okb:#e6f7ee;--ex:#c2570c;--exb:#fff4e6}
.mono{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p3)}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--mut);margin-bottom:18px}
.crumbs a:hover{color:var(--p3)}.crumbs b{color:var(--p3);font-weight:600}
.cs-hd{max-width:820px;margin-bottom:34px}
.cs-hd .lead,.cs-2 .lead{margin-top:16px;max-width:none}
.cs-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cs-2>*{min-width:0}
.cs-2>div>p:not(.lead){margin-top:16px;font-size:16.5px}

/* hero */
.cs-hero{position:relative;padding:56px 0 70px;background:radial-gradient(900px 520px at 80% 40%,#efe7ff 0,transparent 62%),linear-gradient(180deg,#faf8ff,#fff)}
.cs-hin{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.cs-hin>*{min-width:0}
.cs-tag{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13px;color:var(--p3);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.cs-tag i{width:12px;height:14px;border:2px solid var(--p);border-radius:2px;border-top-width:5px}
.cs-h1{font-size:clamp(32px,3.5vw,50px)}
.cs-h1 .gr{background:linear-gradient(90deg,var(--p3),var(--p) 50%,var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.cs-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px;max-width:620px}
.cs-facts>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.cs-facts dt{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--p3);margin-bottom:4px}
.cs-facts dd{font-size:14px;font-weight:600;color:var(--ink);line-height:1.4}
.cs-vis{position:relative;padding-bottom:40px}

/* results */
.cs-res{background:var(--ink);color:#fff;padding:56px 0}
.cs-rh{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.cs-res .eb{color:#c9b8ff}.cs-res h2{color:#fff}
.cs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cs-st{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px}
.cs-st>b{display:flex;align-items:baseline;gap:2px;font-size:clamp(38px,3.6vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cs-st>b.dual{gap:4px}
.cs-st .was{font-size:.42em;color:#a39cc8;text-decoration:line-through;text-decoration-color:#ff7a93;margin-right:8px;letter-spacing:0}
.cs-st>span{display:block;font-weight:700;margin-top:12px;font-size:16px}
.cs-st small{display:block;color:#b5afd3;font-size:13px;margin-top:4px;line-height:1.4}
.cs-st:nth-child(1)>b{color:#c9b8ff}.cs-st:nth-child(2)>b{color:#7ee2b0}.cs-st:nth-child(3)>b{color:#ffd28a}.cs-st:nth-child(4)>b{color:#9cc2ff}

/* challenge */
.cs-goals{list-style:none;display:flex;flex-direction:column;gap:12px}
.cs-goals li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--sh)}
.cs-goals li>span{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#caa6ff,#7f42f4);color:#fff;font:700 12.5px "JetBrains Mono",monospace}
.cs-goals b{display:block;font-size:16.5px;margin-bottom:3px}.cs-goals p{font-size:14.5px}

/* work */
.cs-ws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cs-w{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh)}
.cs-w h3{font-size:20px}.cs-w p{font-size:15px;flex:1}
.cs-w em{font-style:normal;font-size:13px;font-weight:700;color:var(--ok);background:var(--okb);border-radius:10px;padding:8px 12px;margin-top:6px;align-self:flex-start}

/* before / after */
.ba{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px}
.ba-sw{display:inline-flex;background:var(--lav2);border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:20px}
.ba-sw button{padding:9px 20px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--mut);transition:.25s}
.ba-sw button.on{background:var(--p);color:#fff;box-shadow:0 6px 16px rgba(127,66,244,.3)}
.ba-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.ba-track{height:12px;border-radius:12px;background:var(--lav2);border:1px solid var(--line);overflow:hidden}
.ba-track i{display:block;height:100%;width:0;border-radius:12px;background:linear-gradient(90deg,#ff9f6b,var(--ex))}
.ba.after .ba-track i{background:linear-gradient(90deg,#4fd197,var(--ok))}
.ba-t{font:700 16px "JetBrains Mono",monospace;min-width:48px;text-align:right}
.ba-rows>div{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line);font-size:15px}
.ba-rows>div:last-child{border-bottom:0}
.ba-rows span{color:var(--mut)}
.ba-rows b{transition:color .3s}
.ba.after .ba-rows b{color:var(--ok)}

/* reading */
.cs-rg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cs-r{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.cs-r b{display:block;font-size:16px;margin-bottom:6px}.cs-r p{font-size:14.5px}
.cs-note{margin-top:20px;font-size:14px;padding:14px 18px;border-radius:14px;border:1px dashed #d8cdea;background:#fff;max-width:900px}

/* related */
.cs-nx{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.nx{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .3s,box-shadow .3s,opacity .9s var(--ease) var(--d,0s)}
.nx:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.nx h3{font-size:18px;margin:8px 0 12px}
.nxa{color:var(--p3);font-weight:700;font-size:14px}
.nx.dk{background:var(--ink);color:#fff;border-color:var(--ink)}
.nx.dk .mono,.nx.dk .nxa{color:#c9b8ff}

/* ep: Estate Point hero visual */
.ep-br{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden}
.ep-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;background:var(--lav2);border-bottom:1px solid var(--line)}
.ep-bar span{width:9px;height:9px;border-radius:50%;background:#dcd2f3}
.ep-bar em{margin-left:10px;font-style:normal;font:500 12px "JetBrains Mono",monospace;color:var(--mut);background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px 10px;flex:1}
.ep-body{padding:18px}
.ep-nav{display:flex;align-items:center;gap:14px;font-size:13px}
.ep-nav b{margin-right:auto;font-size:15px}
.ep-nav i{font-style:normal;font-weight:600;color:var(--mut)}
.ep-nav i.on{color:#fff;background:var(--p);padding:5px 12px;border-radius:8px}
.ep-search{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0;padding:10px 10px 10px 16px;border-radius:12px;border:1.5px solid #d9c8fb;font-size:13px;color:var(--mut)}
.ep-search em{font-style:normal;font-weight:700;color:#fff;background:var(--ink);padding:7px 12px;border-radius:8px}
.ep-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ep-tiles>div{border:1px solid var(--line);border-radius:12px;padding:8px;opacity:0;transform:translateY(10px);animation:epIn .5s var(--ease) forwards}
.ep-tiles>div:nth-child(1){animation-delay:1.6s}.ep-tiles>div:nth-child(2){animation-delay:1.75s}.ep-tiles>div:nth-child(3){animation-delay:1.9s}
.ep-tiles i{display:block;height:74px;border-radius:8px;background:linear-gradient(135deg,#d9cdf5,#f1ecfb)}
.ep-tiles b{display:block;height:8px;width:70%;border-radius:4px;background:#e2dbef;margin:9px 0 6px}
.ep-tiles s{display:block;height:8px;width:40%;border-radius:4px;background:var(--p2);opacity:.6}
.ep-load{position:absolute;left:0;right:0;top:0;height:3px}
.ep-load i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--p),#4fd197);animation:epLoad 1.4s var(--ease) .3s forwards}
@keyframes epLoad{to{width:100%;opacity:0}}
@keyframes epIn{to{opacity:1;transform:none}}
.ep-gauge{position:absolute;right:-18px;bottom:0;z-index:2;background:var(--ink);color:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 24px 48px rgba(23,22,52,.3);animation:floaty 7s ease-in-out infinite}
.ep-gauge .mono{color:#c9b8ff}
.ep-gv{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.ep-old{font-size:20px;color:#a39cc8;text-decoration:line-through;text-decoration-color:#ff7a93}
.ep-gv span{color:#c9b8ff}
.ep-new{font-size:30px;color:#7ee2b0;letter-spacing:-.03em}

@media (max-width:1100px){.cs-stats,.cs-rg,.cs-nx{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.cs-hin,.cs-2{grid-template-columns:1fr;gap:36px}.cs-vis{max-width:620px}.cs-ws{grid-template-columns:1fr}}
@media (max-width:600px){
 .cs-hero{padding:30px 0 56px}
 .cs-facts{grid-template-columns:1fr}
 .cs-stats,.cs-rg,.cs-nx{grid-template-columns:1fr}
 .ep-gauge{right:8px}
 .ep-tiles i{height:52px}
 .ep-nav{gap:9px}
}
@media (prefers-reduced-motion:reduce){
 .ep-tiles>div,.ep-load i{animation:none;opacity:1;transform:none}
 .ep-gauge{animation:none}
}

/* shared additions: text-only result band, journey stepper, scope card */
.inl{color:var(--p3);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cs-stats.cs-dl3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-st>b.ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font:700 18px "JetBrains Mono",monospace;letter-spacing:0;background:rgba(201,184,255,.14);color:#c9b8ff}
.jr{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px}
.jr-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.jr-steps button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;font-weight:700;font-size:14.5px;color:var(--mut);transition:.25s}
.jr-steps button span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid #d9c8fb;background:#fff;color:var(--p3);font:700 13px "JetBrains Mono",monospace;transition:.25s}
.jr-steps button:hover{background:var(--lav2)}
.jr-steps button.on{color:var(--ink)}
.jr-steps button.done span{background:var(--lav);border-color:var(--p2)}
.jr-steps button.on span{background:var(--p);border-color:var(--p);color:#fff;box-shadow:0 0 0 6px rgba(127,66,244,.15)}
.jr-track{height:4px;border-radius:4px;background:var(--lav);margin:6px 10% 22px;overflow:hidden}
.jr-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--p3),var(--p2));transition:width .5s var(--ease)}
.jr-p{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jr-p[hidden]{display:none}
.jr-p.on{animation:csPane .4s var(--ease)}
@keyframes csPane{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jr-p>div{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--lav2)}
.jr-p>div:last-child{background:var(--okb);border-color:#bfe8d3}.jr-p>div:last-child .mono{color:var(--ok)}
.jr-p p{font-size:15.5px;color:var(--ink);margin-top:6px}
.cs-scope{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px;display:flex;flex-direction:column;gap:14px}
.cs-scope>div{padding:14px 16px;border-radius:14px;background:var(--lav2);border:1px solid var(--line)}
.cs-scope b{display:block;font-size:14px;margin-bottom:4px}.cs-scope p{font-size:14.5px;color:var(--ink)}

/* me: MyEstateManager hero visual */
.me-br{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden;width:88%}
.me-body{padding:18px}
.me-nav{display:flex;align-items:center;gap:14px;font-size:13px}
.me-nav b{margin-right:auto;font-size:15px}
.me-nav i{font-style:normal;font-weight:600;color:var(--mut)}
.me-nav i.on{color:#fff;background:var(--p);padding:5px 12px;border-radius:8px}
.me-hl{margin:22px 0 18px}
.me-hl i{display:block;height:16px;width:72%;border-radius:6px;background:#2a2560}
.me-hl i.s{height:10px;width:52%;margin-top:10px;background:#e2dbef}
.me-mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.me-mods>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;border:1px solid var(--line);font-size:12px;font-weight:700;opacity:0;transform:translateY(8px);animation:epIn .5s var(--ease) forwards}
.me-mods>div:nth-child(1){animation-delay:1s}.me-mods>div:nth-child(2){animation-delay:1.12s}.me-mods>div:nth-child(3){animation-delay:1.24s}.me-mods>div:nth-child(4){animation-delay:1.36s}
.me-mods span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--lav);color:var(--p3);font-size:15px}
.me-flow{position:absolute;right:0;bottom:30px;z-index:2;width:230px;background:var(--ink);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 24px 48px rgba(23,22,52,.3)}
.me-flow .mono{color:#c9b8ff}
.me-flow ol{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:8px;position:relative}
.me-flow li{position:relative;padding-left:24px;font-size:13.5px;font-weight:600;opacity:0;animation:epIn .45s var(--ease) forwards;animation-delay:calc(1.8s + var(--k)*.45s);transform:translateY(6px)}
.me-flow li:before{content:"";position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%;border:2px solid #7ee2b0}
.me-flow li:not(:last-child):after{content:"";position:absolute;left:6px;top:17px;height:12px;width:2px;background:#4a4478}
.me-cap{font-size:12px;color:var(--mut);margin-top:12px}
@media (max-width:1000px){.cs-stats.cs-dl3{grid-template-columns:1fr}}
@media (max-width:600px){
 .me-br{width:100%}
 .me-flow{position:relative;bottom:auto;width:auto;margin-top:14px}
 .jr-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
 .jr-steps button{font-size:11.5px;padding:8px 2px}
 .jr-steps button span{width:30px;height:30px}
 .jr-p{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.me-mods>div,.me-flow li{animation:none;opacity:1;transform:none}}
.me-nav i{white-space:nowrap}@media (max-width:600px){.me-nav{gap:8px;font-size:12px}.me-nav b{font-size:13px}}

/* cc: Car Clinc hero visual + phone-first section */
.cc-scene{position:relative;height:440px;border-radius:24px;background:linear-gradient(180deg,#efe7ff 0,#faf8ff 55%,#e9e3f6 55%);border:1px solid var(--line);overflow:hidden}
.cc-road{position:absolute;left:0;right:0;top:55%;height:70px;background:#2a2560}
.cc-road i{position:absolute;left:0;top:32px;width:200%;height:5px;background:repeating-linear-gradient(90deg,#f5d36b 0 40px,transparent 40px 80px);animation:ccRoad 2.4s linear infinite}
@keyframes ccRoad{to{transform:translateX(-80px)}}
.cc-phone{position:absolute;left:50%;top:26px;transform:translateX(-60%);width:210px;height:392px;border-radius:32px;background:#171634;padding:10px;box-shadow:0 30px 60px rgba(23,22,52,.35);z-index:2}
.cc-notch{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:62px;height:14px;border-radius:10px;background:#0d0c20;z-index:1}
.cc-scr{height:100%;border-radius:24px;background:#fff;padding:36px 16px 16px;display:flex;flex-direction:column;gap:8px}
.cc-scr>b{font-size:18px;line-height:1.2;letter-spacing:-.02em}
.cc-sub{font:500 10.5px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--p3);margin-top:6px}
.cc-scr ol{list-style:none;display:flex;flex-direction:column;gap:8px}
.cc-scr li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--lav2);border:1px solid var(--line);font-size:13px;font-weight:700;opacity:0;transform:translateX(-8px);animation:epIn .45s var(--ease) forwards;animation-delay:calc(1s + var(--k)*.35s)}
.cc-scr li i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--p);color:#fff;font:700 11px "JetBrains Mono",monospace;font-style:normal}
.cc-scr em{margin-top:auto;font-style:normal;text-align:center;font-weight:700;font-size:14px;color:#fff;background:var(--p);border-radius:12px;padding:12px;box-shadow:0 8px 18px rgba(127,66,244,.3);animation:pulse 2.6s ease-in-out 2.4s infinite}
.cc-trust{position:absolute;right:16px;top:40px;z-index:3;width:190px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 20px 40px rgba(23,22,52,.14);animation:floaty 7s ease-in-out infinite}
.cc-trust>div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-top:8px}
.cc-trust i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--okb);color:var(--ok);font-size:11px;font-style:normal;font-weight:800}
.cc-dev{position:relative;height:320px}
.cc-lap{position:absolute;left:0;top:10px;width:78%}
.cc-lscr{aspect-ratio:16/10;border-radius:14px 14px 0 0;border:10px solid #231d52;background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px}
.cc-lscr i{height:14px;width:60%;border-radius:6px;background:#2a2560}.cc-lscr i.s{height:9px;width:40%;background:#e2dbef}
.cc-lscr div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.cc-lscr b{height:56px;border-radius:10px;background:var(--lav2);border:1px solid var(--line)}
.cc-lap>span{display:block;height:12px;margin:0 -6%;border-radius:0 0 10px 10px;background:#cfc6e6}
.cc-ph2{position:absolute;right:4%;bottom:0;width:130px;height:250px;border-radius:24px;background:#171634;padding:8px;box-shadow:0 24px 50px rgba(23,22,52,.3);transform:translateY(20px);opacity:0;transition:.9s var(--ease) .3s}
.cc-dev.vis .cc-ph2{transform:none;opacity:1}
.cc-ph2>div{height:100%;border-radius:18px;background:#fff;padding:22px 10px 10px;display:flex;flex-direction:column;gap:7px}
.cc-ph2 i{height:10px;width:80%;border-radius:4px;background:#2a2560}.cc-ph2 i.s{height:7px;width:60%;background:#e2dbef}
.cc-ph2 b{height:34px;border-radius:8px;background:var(--lav2);border:1px solid var(--line)}
.cc-ph2 em{margin-top:auto;height:26px;border-radius:8px;background:var(--p)}
.cc-ck{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
.cc-ck li{display:flex;gap:12px;font-size:15px;color:var(--ink);font-weight:500}
.cc-ck li:before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--okb);color:var(--ok);font-size:12px;font-weight:800}
@media (max-width:600px){
 .cc-scene{height:420px}
 .cc-phone{transform:none;left:14px;width:190px;height:370px}
 .cc-trust{right:10px;top:auto;bottom:20px;width:160px}
 .cc-dev{height:260px}
 .cc-ph2{width:110px;height:210px}
}
@media (prefers-reduced-motion:reduce){.cc-road i,.cc-trust,.cc-scr em{animation:none}.cc-scr li{animation:none;opacity:1;transform:none}}

/* tr: Trade429 hero visual */
.tr-stage{position:relative;height:430px}
.tr-store{position:absolute;left:0;top:0;width:78%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden}
.tr-sb{padding:16px}
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tr-grid>div{border:1px solid var(--line);border-radius:12px;padding:8px}
.tr-grid i{display:block;height:70px;border-radius:8px;background:linear-gradient(135deg,#d9cdf5,#f1ecfb)}
.tr-grid b{display:block;height:8px;width:70%;border-radius:4px;background:#e2dbef;margin:8px 0 5px}
.tr-grid s{display:block;height:8px;width:35%;border-radius:4px;background:#2a2560}
.tr-cart{display:block;margin-top:12px;text-align:center;font-style:normal;font-weight:700;font-size:13.5px;color:#fff;background:var(--p);border-radius:10px;padding:10px}
.tr-msg{position:absolute;right:0;z-index:2;display:flex;align-items:center;gap:12px;width:250px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px rgba(23,22,52,.16);opacity:0;transform:translateX(20px);animation:trIn .6s var(--ease) forwards}
.tr-msg.tr-m1{top:130px;animation-delay:1.1s}.tr-msg.tr-m2{top:215px;animation-delay:1.7s}.tr-msg.tr-m3{top:300px;animation-delay:2.3s}
@keyframes trIn{to{opacity:1;transform:none}}
.tr-msg b{display:block;font-size:13.5px}.tr-msg small{display:block;font-size:11.5px;color:var(--mut)}
.tr-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--lav);color:var(--p3);font-weight:800;font-size:15px}
.tr-ic.sms{background:var(--okb);color:var(--ok);font-size:10px;letter-spacing:.04em}
@media (max-width:600px){
 .tr-stage{height:auto}
 .tr-store{position:relative;width:100%}
 .tr-msg{position:relative;top:auto!important;width:auto;margin-top:10px}
}
@media (prefers-reduced-motion:reduce){.tr-msg{animation:none;opacity:1;transform:none}}
.txt-link{display:inline-flex;gap:8px;margin-top:18px;font-weight:700;color:var(--p3)}.txt-link span{transition:transform .3s var(--ease)}.txt-link:hover span{transform:translateX(4px)}

/* rn: RichifyNow hero + architecture explorer */
.rn-stage{position:relative;height:430px}
.rn-site{width:86%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden}
.rn-body{padding:16px}
.rn-nav{display:flex;align-items:center;gap:12px;font-size:12.5px}
.rn-nav b{margin-right:auto;font-size:15px}
.rn-nav i{font-style:normal;font-weight:600;color:var(--mut);white-space:nowrap}
.rn-cats{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.rn-cats span,.rn-cat span{font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--lav);color:var(--p3)}
.rn-posts{display:flex;flex-direction:column;gap:8px}
.rn-posts>div{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;opacity:0;transform:translateY(8px);animation:epIn .5s var(--ease) forwards}
.rn-posts>div:nth-child(1){animation-delay:1s}.rn-posts>div:nth-child(2){animation-delay:1.15s}.rn-posts>div:nth-child(3){animation-delay:1.3s}
.rn-posts i{grid-row:1/3;height:44px;border-radius:8px;background:linear-gradient(135deg,#d9cdf5,#f1ecfb)}
.rn-posts b{height:9px;width:80%;border-radius:4px;background:#2a2560}
.rn-posts s{height:7px;width:50%;border-radius:4px;background:#e2dbef}
.rn-pipe{position:absolute;right:0;bottom:24px;z-index:2;width:250px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3)}
.rn-pipe .mono{color:#c9b8ff}
.rn-pp{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.rn-pp em{font-style:normal;font-size:12.5px;font-weight:700;text-align:center;padding:7px 4px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);animation:rnStep 6s linear infinite;animation-delay:calc(var(--k)*1.5s)}
@keyframes rnStep{0%,20%{background:var(--p);border-color:var(--p)}25%,100%{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}}
.rn-ex{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.rn-ex>*{min-width:0}
.rn-map{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px;display:flex;flex-direction:column;align-items:center;gap:26px}
.rn-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;position:relative}
.rn-row:before{content:"";position:absolute;left:12%;right:12%;top:-14px;height:2px;background:#e1d6f8}
.rn-node{position:relative;text-align:center;padding:14px 8px;border-radius:14px;border:1.5px solid var(--line);background:#fff;transition:border-color .25s,box-shadow .3s,transform .3s var(--ease)}
.rn-node:hover{border-color:#cdb6fb;transform:translateY(-2px)}
.rn-row .rn-node:before{content:"";position:absolute;left:50%;top:-15px;width:2px;height:14px;background:#e1d6f8}
.rn-node b{display:block;font-size:14.5px;line-height:1.25}.rn-node small{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.rn-node.home{min-width:170px;background:var(--ink);color:#fff;border-color:var(--ink)}
.rn-node.home small{color:#b5afd3}
.rn-node.home:after{content:"";position:absolute;left:50%;bottom:-27px;width:2px;height:13px;background:#e1d6f8}
.rn-node.on{border-color:var(--p);box-shadow:0 10px 24px rgba(127,66,244,.18)}
.rn-node.home.on{box-shadow:0 0 0 4px rgba(127,66,244,.3)}
.rn-cat{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:14px;border-top:1px dashed var(--line);width:100%}
.rn-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px;transition:opacity .2s}
.rn-card.swap{opacity:.2}
.rn-t{font-size:22px;margin:6px 0 4px}
.rn-f{padding-top:14px;margin-top:14px;border-top:1px dashed var(--line)}
.rn-f>span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--p3);margin-bottom:5px}
.rn-f p{font-size:15px;color:var(--ink)}
@media (max-width:1000px){.rn-ex{grid-template-columns:1fr}}
@media (max-width:600px){
 .rn-stage{height:auto}
 .rn-site{width:100%}
 .rn-pipe{position:relative;bottom:auto;width:auto;margin-top:12px}
 .rn-row{grid-template-columns:1fr 1fr}
 .rn-row:before,.rn-row .rn-node:before{display:none}
 .rn-nav i:nth-child(n+3){display:none}
}
@media (prefers-reduced-motion:reduce){.rn-posts>div{animation:none;opacity:1;transform:none}.rn-pp em{animation:none}}

/* tl: Toolistify hero + search demo */
.svh-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tl-hero{width:88%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden}
.tl-hb{padding:16px}
.tl-hs{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;border:1.5px solid #d9c8fb;font-weight:600;font-size:14.5px}
.tl-hs svg,.tl-s svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--p);stroke-width:2.2;stroke-linecap:round}
.tl-hs i{width:2px;height:18px;background:var(--p);animation:swBlink 1s steps(1) infinite}
@keyframes swBlink{50%{opacity:0}}
.tl-hc{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}
.tl-hc span{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--mut)}
.tl-hc span.on{background:var(--p);border-color:var(--p);color:#fff}
.tl-hg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tl-hg>div{border:1px solid var(--line);border-radius:12px;padding:8px;transition:opacity .6s}
.tl-hg>div.dim{animation:tlDim 4s ease-in-out 1s infinite}
@keyframes tlDim{0%,15%{opacity:1}35%,85%{opacity:.18}100%{opacity:1}}
.tl-hg i{display:block;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#caa6ff,#7f42f4)}
.tl-hg b{display:block;height:8px;width:80%;border-radius:4px;background:#2a2560;margin:9px 0 5px}
.tl-hg s{display:block;height:7px;width:55%;border-radius:4px;background:#e2dbef}
.tl-db{position:absolute;right:0;bottom:40px;z-index:2;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3);animation:floaty 7s ease-in-out infinite}
.tl-db .mono{color:#c9b8ff}
.tl-db div{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tl-db i{font:500 12px "JetBrains Mono",monospace;font-style:normal;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.tl-db i:before{content:"▦ ";color:#7ee2b0}
.tl-app{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:22px}
.tl-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.tl-s{flex:1 1 320px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:999px;border:1.5px solid #d9c8fb;background:#fff}
.tl-s:focus-within{border-color:var(--p);box-shadow:0 0 0 3px rgba(127,66,244,.15)}
.tl-s input{flex:1;border:0;outline:0;font:inherit;font-size:15.5px;padding:13px 0;background:transparent;color:var(--ink);min-width:0}
.tl-chips{display:flex;gap:6px;flex-wrap:wrap}
.tl-chips button{font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;transition:.2s}
.tl-chips button:hover{border-color:#cdb6fb}
.tl-chips button.on{background:var(--p);border-color:var(--p);color:#fff}
.tl-count{font-size:13.5px;color:var(--mut);margin:16px 0 10px;font-weight:600}
.tl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tl-card{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;animation:csPane .35s var(--ease)}
.tl-card i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:16px;background:var(--lav);color:var(--p3)}
.tl-card b{font-size:15px}.tl-card p{font-size:13.5px;line-height:1.45}
.tl-card span{align-self:flex-start;margin-top:auto;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--lav2);border:1px solid var(--line);color:var(--p3)}
.tl-card mark{background:#fff0b8;color:inherit;border-radius:3px}
.tl-empty{padding:30px;text-align:center;border:1px dashed #d8cdea;border-radius:16px;color:var(--mut)}
@media (max-width:1000px){.tl-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){
 .tl-hero{width:100%}
 .tl-db{position:relative;bottom:auto;margin-top:12px;animation:none}
 .tl-grid{grid-template-columns:1fr}
 .tl-s{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){.tl-hs i,.tl-hg>div.dim,.tl-db{animation:none}}
@media (max-width:600px){.tl-grid{grid-template-columns:1fr 1fr;gap:8px}.tl-card{padding:12px}.tl-card p{display:none}.tl-card b{font-size:13.5px}}

/* aa: Al Araf hero + need→solution mapper (mp, shared) */
.aa-store{width:88%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden}
.aa-body{padding:16px}
.aa-nav{display:flex;align-items:center;gap:11px;font-size:12.5px}
.aa-nav b{margin-right:auto;font-size:15px;letter-spacing:.18em;font-weight:800;color:#3b2a1a}
.aa-nav i{font-style:normal;font-weight:600;color:var(--mut)}
.aa-ic{position:relative;font-size:15px}
.aa-ic em{position:absolute;right:-8px;top:-7px;min-width:16px;height:16px;border-radius:8px;background:var(--p);color:#fff;font:700 10px Inter,sans-serif;font-style:normal;display:grid;place-items:center;transform:scale(0);animation:aaPop .4s cubic-bezier(.3,1.6,.5,1) forwards}
.aa-n1{animation-delay:1.6s!important}.aa-n2{animation-delay:2.2s!important}
@keyframes aaPop{to{transform:scale(1)}}
.aa-banner{margin:14px 0;padding:22px 18px;border-radius:14px;background:linear-gradient(120deg,#3b2a1a,#8a6a3e 60%,#c9a86a);color:#fff}
.aa-banner span{display:block;font:500 10.5px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#f3e3c2}
.aa-banner b{font-size:20px;letter-spacing:-.01em}
.aa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.aa-grid>div{position:relative;border:1px solid var(--line);border-radius:12px;padding:8px}
.aa-grid i{display:block;height:78px;border-radius:8px;background:linear-gradient(160deg,#f3e7d3,#e0c9a2)}
.aa-grid b{display:block;height:8px;width:75%;border-radius:4px;background:#3b2a1a;margin:8px 0 5px}
.aa-grid s{display:block;height:7px;width:40%;border-radius:4px;background:#e2dbef}
.aa-grid u{position:absolute;right:12px;top:12px;text-decoration:none;font-size:13px;color:#8a6a3e;background:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center}
.aa-grid .fav u{color:#c8324f;animation:aaBeat 1.6s ease-in-out 1.6s infinite}
@keyframes aaBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}}
.aa-track{position:absolute;right:0;bottom:44px;z-index:2;width:280px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3);animation:floaty 7s ease-in-out infinite}
.aa-track .mono{color:#c9b8ff}
.aa-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px;position:relative}
.aa-steps em{font-style:normal;font-size:11px;font-weight:700;text-align:center;padding-top:20px;position:relative;color:#8f88b8}
.aa-steps em:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;border:2px solid #4a4478;background:var(--ink)}
.aa-steps em.d{color:#fff}.aa-steps em.d:before{background:#7ee2b0;border-color:#7ee2b0}
.aa-steps em.c{color:#fff}.aa-steps em.c:before{border-color:var(--p2);background:var(--p2);animation:pulse 2s infinite}
.mp{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px}
.mp>*{min-width:0}
.mp-col{display:flex;flex-direction:column;gap:8px}
.mp-col>.mono{margin-bottom:4px}
.mp-n{text-align:left;padding:13px 16px;border-radius:12px;border:1.5px solid var(--line);font-weight:600;font-size:15px;background:#fff;transition:.25s}
.mp-n:hover{border-color:#cdb6fb}
.mp-n.on{border-color:var(--p);background:var(--lav2);box-shadow:0 8px 20px rgba(127,66,244,.12);color:var(--p3)}
.mp-s{padding:11px 16px;border-radius:12px;border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--mut);background:#faf9fc;transition:.3s var(--ease)}
.mp-s.hit{color:var(--ink);background:var(--okb);border-color:#bfe8d3;transform:translateX(6px)}
.mp-s.hit:before{content:"✓ ";color:var(--ok);font-weight:800}
.aa-out{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aa-out li{display:flex;gap:10px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.4}
.aa-out li:before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--okb);color:var(--ok);font-size:12px;font-weight:800}
@media (max-width:600px){
 .aa-store{width:100%}
 .aa-nav i:nth-child(n+4){display:none}
 .aa-grid i{height:54px}
 .aa-track{position:relative;bottom:auto;width:auto;margin-top:12px;animation:none}
 .mp,.aa-out{grid-template-columns:1fr}
 .mp-s.hit{transform:none}
}
@media (prefers-reduced-motion:reduce){.aa-ic em{animation:none;transform:none}.aa-grid .fav u,.aa-track,.aa-steps em.c:before{animation:none}}
/* tr: marketplace buyer/seller toggle */
.tr-role{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--lav2);border:1px solid var(--line);border-radius:999px;padding:3px;margin-bottom:12px;font-size:12.5px;font-weight:700}
.tr-role span{position:relative;z-index:1;padding:6px 16px;text-align:center;animation:trRoleTxt 8s infinite}
.tr-role:before{content:"";position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:999px;background:var(--p);animation:trRole 8s var(--ease) infinite}
.tr-rb{color:#fff;animation-name:trRoleA!important}.tr-rs{color:var(--mut);animation-name:trRoleB!important}
@keyframes trRole{0%,45%{transform:none}50%,95%{transform:translateX(100%)}100%{transform:none}}
@keyframes trRoleA{0%,45%{color:#fff}50%,95%{color:var(--mut)}100%{color:#fff}}
@keyframes trRoleB{0%,45%{color:var(--mut)}50%,95%{color:#fff}100%{color:var(--mut)}}
.tr-sb{position:relative}
.tr-view{animation:trShowB 8s infinite}
.tr-vs{position:absolute;left:16px;right:16px;top:58px;animation-name:trShowS}
@keyframes trShowB{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
@keyframes trShowS{0%,45%{opacity:0}50%,95%{opacity:1}100%{opacity:0}}
.tr-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tr-acts .tr-cart{margin-top:12px}
.tr-q{display:block;margin-top:12px;text-align:center;font-style:normal;font-weight:700;font-size:13.5px;color:var(--p3);border:1.5px solid #cdb6fb;border-radius:10px;padding:9px}
.tr-dash{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tr-dash>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--lav2)}
.tr-dash small{display:block;font-size:11px;font-weight:700;color:var(--mut)}
.tr-dash b{display:block;height:14px;width:50%;border-radius:4px;background:#2a2560;margin-top:10px}
.tr-rows{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.tr-rows i{height:34px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(90deg,#f1ecfb 0 30%,#fff 30%)}
.tr-ic.sms{font-size:9.5px}
@media (prefers-reduced-motion:reduce){.tr-role span,.tr-role:before,.tr-view{animation:none}.tr-vs{display:none}}
.aa-track{width:310px}.aa-steps em{font-size:10.5px;white-space:nowrap}@media (max-width:600px){.aa-track{width:auto}}

/* mu: MUD YouTube hero + pillars */
.mu-ch{width:88%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);overflow:hidden}
.mu-banner{height:92px;background:radial-gradient(120px 60px at 80% 40%,rgba(255,200,120,.55),transparent 70%),linear-gradient(120deg,#1a1033,#4a1f6e 55%,#b0602a);display:flex;align-items:flex-end;padding:12px 16px}
.mu-banner span{font:700 15px Inter,sans-serif;color:#f6e3c0;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.mu-id{display:flex;align-items:center;gap:12px;padding:14px 16px 8px}
.mu-id>i{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:linear-gradient(140deg,#b0602a,#4a1f6e);border:3px solid #fff;margin-top:-26px;box-shadow:0 6px 14px rgba(0,0,0,.2)}
.mu-id b{display:block;font-size:15px}.mu-id small{font-size:12px;color:var(--mut)}
.mu-subs{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.mu-id em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;color:#fff;background:var(--ink);border-radius:999px;padding:7px 14px}
.mu-tabs{display:flex;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--mut)}
.mu-tabs span{padding:8px 0}.mu-tabs .on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.mu-pl{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}
.mu-pl>div{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;opacity:0;transform:translateY(6px);animation:epIn .45s var(--ease) forwards;animation-delay:calc(1s + var(--k)*.3s)}
.mu-pl i{flex:none;width:78px;height:44px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(120deg,#2a1748,#7a3a6e)}
.mu-pl i.v{width:30px;height:48px;background:linear-gradient(160deg,#2a1748,#b0602a)}
.mu-pl i b{color:#fff;font-size:11px}
.mu-cal{position:absolute;right:0;bottom:44px;z-index:2;width:290px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3);animation:floaty 7s ease-in-out infinite}
.mu-cal .mono{color:#c9b8ff}
.mu-cal>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}
.mu-cal em{font-style:normal;font-size:10.5px;font-weight:700;text-align:center;padding-top:20px;position:relative;color:#8f88b8;white-space:nowrap}
.mu-cal em:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;border:2px solid #4a4478;background:var(--ink)}
.mu-cal em.d{color:#fff}.mu-cal em.d:before{background:#7ee2b0;border-color:#7ee2b0}
.mu-cal em.c{color:#fff}.mu-cal em.c:before{background:var(--p2);border-color:var(--p2);animation:pulse 2s infinite}
.mu-pg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mu-p{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 20px;box-shadow:var(--sh);overflow:hidden}
.mu-p:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#4a1f6e,#b0602a)}
.mu-pn{font:700 13px "JetBrains Mono",monospace;color:var(--p)}
.mu-p h3{font-size:18px;margin:8px 0 6px}
.mu-p>p{font-size:14px}
.mu-p ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:7px;padding-top:14px;border-top:1px dashed var(--line)}
.mu-p li{font-size:13.5px;font-weight:600;color:var(--ink);padding-left:16px;position:relative}
.mu-p li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(--p2)}
@media (max-width:1100px){.mu-pg{grid-template-columns:1fr 1fr}}
@media (max-width:600px){
 .mu-ch{width:100%}
 .mu-cal{position:relative;bottom:auto;width:auto;margin-top:12px;animation:none}
 .mu-pg{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.mu-pl>div{animation:none;opacity:1;transform:none}.mu-cal{animation:none}}
@media (max-width:600px){.mp-s:not(.hit){display:none}.mp-out{padding:14px;border-radius:14px;background:var(--lav2)}}

/* sa: SEO & AEO hero SERP + evidence ladder */
.sa-serp{width:86%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);padding:18px}
.sa-q{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;border:1.5px solid #d9c8fb;font-weight:600;font-size:15px;margin-bottom:14px}
.sa-q svg{width:18px;height:18px;fill:none;stroke:var(--p);stroke-width:2.2;stroke-linecap:round}
.sa-list{position:relative;display:flex;flex-direction:column;gap:8px}
.sa-r{display:flex;align-items:center;gap:12px;height:52px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;transition:transform 1.1s var(--ease),opacity .6s,box-shadow .6s,border-color .6s}
.sa-r small{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:700 12px "JetBrains Mono",monospace;background:var(--lav2);color:var(--mut)}
.sa-r i{height:9px;width:70%;border-radius:4px;background:#e2dbef}
.sa-r b{display:block;font-size:14px;color:var(--p3)}.sa-r span{display:block;font-size:11.5px;color:var(--mut)}
.sa-me{position:relative;z-index:2;transform:translateY(190px);opacity:.45;border-style:dashed}
.sa-list .sa-r:nth-child(n+3){transform:translateY(-60px)}
.sa-serp.up .sa-me{transform:none;opacity:1;border-style:solid;border-color:var(--p);box-shadow:0 12px 28px rgba(127,66,244,.22)}
.sa-serp.up .sa-r:nth-child(n+3){transform:none}
.sa-serp.up .sa-pos{background:var(--p);color:#fff}
.sa-idx{position:absolute;right:0;bottom:40px;z-index:3;width:220px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3)}
.sa-idx .mono{color:#c9b8ff}
.sa-idx>b{display:block;font-size:24px;margin:4px 0 10px;letter-spacing:-.02em}
.sa-bars{display:flex;align-items:flex-end;gap:5px;height:40px}
.sa-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ee2b0,#1c9d61);height:0;transition:height .8s var(--ease)}
.sa-idx.go .sa-bars i{height:var(--h)}
.sa-bars i:nth-child(1){--h:20%}.sa-bars i:nth-child(2){--h:32%}.sa-bars i:nth-child(3){--h:30%}.sa-bars i:nth-child(4){--h:48%}.sa-bars i:nth-child(5){--h:60%}.sa-bars i:nth-child(6){--h:72%}.sa-bars i:nth-child(7){--h:86%}.sa-bars i:nth-child(8){--h:100%}
.sa-bars i:nth-child(n){transition-delay:calc(.08s * var(--n,1))}
.sa-lad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.sa-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 18px;box-shadow:var(--sh)}
.sa-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:26px;z-index:1;width:22px;height:22px;border-radius:50%;background:var(--lav);color:var(--p3);display:grid;place-items:center;font-size:12px;font-weight:800}
.sa-k{display:inline-block;font:700 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--p3);background:var(--lav2);border-radius:6px;padding:3px 8px}
.sa-step b{display:block;font-size:18px;margin:10px 0 6px;letter-spacing:-.02em}
.sa-step p{font-size:14px}
.sa-step.muted{background:#faf9fc;border-style:dashed;box-shadow:none}
.sa-step.muted b{color:var(--mut)}
@media (max-width:1100px){.sa-lad{grid-template-columns:1fr 1fr}.sa-step:after{display:none}}
@media (max-width:600px){
 .sa-serp{width:100%}
 .sa-idx{position:relative;bottom:auto;width:auto;margin-top:12px}
 .sa-lad{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.sa-r,.sa-bars i{transition:none}}
@media (max-width:1100px){.sa-step:not(:last-child):after{display:none}}

/* bk: back-office hours grid */
.bk-wk{width:86%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);padding:20px}
.bk-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.bk-h em{font-style:normal;font-size:11.5px;color:var(--mut)}
.bk-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.bk-grid i{aspect-ratio:1;border-radius:6px;background:#ffd9b3;border:1px solid #f0c592;transition:background .45s,border-color .45s,transform .45s var(--ease)}
.bk-grid i.f{background:var(--okb);border-color:#bfe8d3;transform:scale(.86)}
.bk-key{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--mut)}
.bk-key span{display:inline-flex;align-items:center;gap:7px}
.bk-key i{width:12px;height:12px;border-radius:3px}.bk-key .a{background:#ffd9b3;border:1px solid #f0c592}.bk-key .f{background:var(--okb);border:1px solid #bfe8d3}
.bk-mv{position:absolute;right:0;bottom:40px;z-index:2;width:240px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3)}
.bk-mv .mono{color:#c9b8ff}
.bk-mv b{display:block;font-size:24px;margin:4px 0 4px;letter-spacing:-.02em;color:#7ee2b0}
.bk-mv small{font-size:12px;color:#b5afd3;line-height:1.4;display:block}
@media (max-width:600px){.bk-wk{width:100%}.bk-mv{position:relative;bottom:auto;width:auto;margin-top:12px}}

/* cm: CRM lifecycle hero */
.cm-flow{width:92%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);padding:20px}
.cm-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 14px;margin-top:16px}
.cm-n{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;border:1px solid var(--line);background:var(--lav2);text-align:center;opacity:0;transform:translateY(8px);animation:epIn .45s var(--ease) forwards;animation-delay:calc(.9s + var(--k)*.22s)}
.cm-n i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:16px;background:#fff;border:1px solid var(--line);color:var(--p3)}
.cm-n b{font-size:13px}
.cm-n em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--ok);background:var(--okb);border-radius:999px;padding:2px 8px}
.cm-n.warn{background:var(--exb);border-color:#f0c592}.cm-n.warn i{color:var(--ex)}
.cm-n.ok{background:var(--okb);border-color:#bfe8d3}.cm-n.ok i{color:var(--ok)}
.cm-n:not(:nth-child(3n)):not(:last-of-type):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--p2);font-weight:800;font-size:13px}
.cm-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--p);box-shadow:0 0 0 5px rgba(127,66,244,.2);left:0;top:0;animation:cmMove 7s var(--ease) 2.4s infinite;opacity:0}
@keyframes cmMove{0%{left:14%;top:-6px;opacity:1}16%{left:48%;top:-6px}33%{left:82%;top:-6px}50%{left:14%;top:calc(50% + 8px)}66%{left:48%;top:calc(50% + 8px)}83%{left:82%;top:calc(50% + 8px);opacity:1}100%{left:82%;top:calc(50% + 8px);opacity:0}}
.cm-dash{position:absolute;right:0;bottom:34px;z-index:2;width:250px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3)}
.cm-dash .mono{color:#c9b8ff}
.cm-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.cm-bars>div{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:70px auto;column-gap:4px;align-items:end}
.cm-bars i{border-radius:3px 3px 0 0;background:#4a4478;height:0;animation:cmGrow .9s var(--ease) forwards;animation-delay:1.4s}
.cm-bars i.b{background:linear-gradient(180deg,#7ee2b0,#1c9d61);animation-delay:1.8s}
@keyframes cmGrow{to{height:var(--h)}}
.cm-bars small{grid-column:1/-1;font-size:10.5px;color:#b5afd3;margin-top:6px;line-height:1.2;text-align:center}
.cm-lg{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:#b5afd3}
.cm-lg span{width:10px;height:10px;border-radius:2px;display:inline-block}.cm-lg .a{background:#4a4478}.cm-lg .b{background:#1c9d61;margin-left:8px}
.cm-note{margin-top:20px;padding:18px 20px;border-radius:16px;background:var(--exb);border:1px solid #f0c592;max-width:900px}
.cm-note b{display:block;font-size:16px;color:var(--ex);margin-bottom:4px}.cm-note p{font-size:14.5px;color:var(--ink)}
@media (max-width:600px){
 .cm-flow{width:100%}
 .cm-track{grid-template-columns:1fr 1fr}.cm-n:after,.cm-dot{display:none}
 .cm-dash{position:relative;bottom:auto;width:auto;margin-top:12px}
}
@media (prefers-reduced-motion:reduce){.cm-n{animation:none;opacity:1;transform:none}.cm-dot{display:none}.cm-bars i{animation:none;height:var(--h)}}
@media (min-width:601px){.page-cm .cs-vis{padding-bottom:70px}.cm-flow{width:76%}.cm-dash{bottom:0}.page-cm .me-cap{padding-right:265px}}
@media (min-width:1001px){.cm-flow{width:61%}.cm-dash{bottom:auto;top:90px;width:230px}.page-cm .cs-vis{padding-bottom:40px}.page-cm .me-cap{padding-right:0}.cm-n b{font-size:12px}}

/* ma: MUD AI pipeline */
.ma-strip{width:90%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.13);padding:18px}
.ma-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.ma-h em{font-style:normal;font:700 11px "JetBrains Mono",monospace;color:#fff;background:var(--p);border-radius:6px;padding:3px 8px}
.ma-frames{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ma-f{position:relative;border-radius:10px;overflow:hidden;border:2px solid var(--line);opacity:0;transform:translateY(8px);animation:epIn .45s var(--ease) forwards;animation-delay:calc(.9s + var(--k)*.25s)}
.ma-f i{display:block;aspect-ratio:9/12;background:radial-gradient(40px 30px at 30% 70%,rgba(255,200,120,.6),transparent 70%),linear-gradient(170deg,#2a1748,#7a3a6e 60%,#b0602a)}
.ma-f span{position:absolute;left:6px;top:6px;font:700 10px "JetBrains Mono",monospace;color:#fff;background:rgba(0,0,0,.45);border-radius:4px;padding:1px 5px}
.ma-f b{display:block;font-size:10.5px;text-align:center;padding:5px 2px;background:#fff}
.ma-f.ok{border-color:#7ee2b0}.ma-f.ok b{color:var(--ok)}
.ma-f.fix{border-color:#f0c592}.ma-f.fix b{color:var(--ex)}
.ma-f.re{border-color:#f3c0ca}.ma-f.re b{color:#c8324f}.ma-f.re i{filter:saturate(.3) blur(.5px)}
.ma-assets{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ma-assets span{font:500 11px "JetBrains Mono",monospace;padding:4px 8px;border-radius:6px;background:var(--lav2);border:1px solid var(--line);color:var(--p3)}
.ma-assets span:before{content:"◆ ";color:var(--ok)}
.ma-qc{position:absolute;right:0;bottom:36px;z-index:2;width:220px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px rgba(23,22,52,.3);animation:floaty 7s ease-in-out infinite}
.ma-qc .mono{color:#c9b8ff}
.ma-ck{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.ma-ck em{font-style:normal;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;opacity:0;animation:epIn .4s ease forwards}
.ma-ck em:nth-child(1){animation-delay:2s}.ma-ck em:nth-child(2){animation-delay:2.3s}.ma-ck em:nth-child(3){animation-delay:2.6s}.ma-ck em:nth-child(4){animation-delay:2.9s}
.ma-ck em:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#1c9d61;font-size:10px}
.ma-risk{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:24px}
.ma-rl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ma-rl em{font-style:normal;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;background:var(--exb);border:1px solid #f0c592;color:var(--ex)}
.pa{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}
.pa>*{min-width:0}
.pa-f{display:flex;flex-direction:column;gap:6px}
.pa-f button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;transition:.2s}
.pa-f button:hover{border-color:#cdb6fb}
.pa-f button i{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font:700 11px "JetBrains Mono",monospace;font-style:normal;background:var(--lav);color:var(--p3)}
.pa-f button.on{border-color:var(--p);background:var(--lav2);color:var(--p3)}
.pa-f button.on i{background:var(--p);color:#fff}
.pa-doc{position:sticky;top:110px;background:#171634;color:#d9d4f2;border-radius:20px;padding:22px;box-shadow:0 24px 48px rgba(23,22,52,.2)}
.pa-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pa-top .mono{color:#c9b8ff}.pa-top em{font-style:normal;font-size:11px;color:#8f88b8;border:1px solid #3a3470;border-radius:8px;padding:2px 8px}
.pa-doc p{font:500 15px/1.75 "JetBrains Mono",monospace;color:#b5afd3}
.pa-doc p span{border-radius:4px;padding:1px 2px;transition:background .25s,color .25s}
.pa-doc p span.hl{background:rgba(156,103,255,.35);color:#fff;box-shadow:0 0 0 2px rgba(156,103,255,.35)}
.qc{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.qc>*{min-width:0}
.qc-l{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--sh)}
.qc-l label{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);font-size:14.5px;font-weight:600;cursor:pointer;transition:.2s}
.qc-l input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;border-radius:6px;border:2px solid #bfe8d3;background:var(--okb);display:grid;place-items:center;cursor:pointer}
.qc-l input:before{content:"✓";font-size:12px;font-weight:800;color:var(--ok)}
.qc-l input:checked{border-color:#f3c0ca;background:#fdecef}
.qc-l input:checked:before{content:"✕";color:#c8324f}
.qc-l label:has(input:checked){border-color:#f3c0ca;background:#fff8f9}
.qc-l input:focus-visible{outline:3px solid var(--p);outline-offset:2px}
.qc-v{background:#fff;border:2px solid #bfe8d3;border-radius:20px;padding:24px;box-shadow:var(--sh);transition:border-color .3s}
.qc-t{display:block;font-size:30px;letter-spacing:-.03em;margin:6px 0 8px;color:var(--ok)}
.qc-v p{font-size:15px;color:var(--ink)}
.qc-v small{display:block;margin-top:14px;font-size:12.5px;color:var(--mut)}
.qc-v.fix{border-color:#f0c592}.qc-v.fix .qc-t{color:var(--ex)}
.qc-v.re{border-color:#f3c0ca}.qc-v.re .qc-t{color:#c8324f}
@media (max-width:1000px){.pa,.qc{grid-template-columns:1fr}.pa-doc{position:relative;top:0}}
@media (max-width:600px){
 .ma-strip{width:100%}
 .ma-qc{position:relative;bottom:auto;width:auto;margin-top:12px;animation:none}
 .qc-l{grid-template-columns:1fr}
 .pa-f{display:grid;grid-template-columns:1fr 1fr}
 .pa-f button{font-size:13px;padding:8px 10px}
 .pa-doc p{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.ma-f,.ma-ck em{animation:none;opacity:1;transform:none}.ma-qc{animation:none}}
@media (min-width:1001px){.ma-strip{width:70%}.ma-qc{bottom:auto;top:40px;width:200px}.ma-f b{font-size:9.5px}}