/* ===== 00-base.css ===== */
/* =========================================================
   Aya Baraka — site-wide base (built into assets/css/site.css)
   Loaded after the legacy assets/css/style.css.
   ========================================================= */
:root{
  /* dark chrome (header, footer, home) */
  --d-bg:#07070B;
  --d-bg-deep:#050508;
  --d-card:#0E0E15;
  --d-panel:#0B0B12;
  --d-text:#F4F4F6;
  --d-soft:#D4D4DC;
  --d-muted:#A0A0AE;
  --d-dim:#8A8A99;
  --d-faint:#6A6A78;
  --d-line:rgba(255,255,255,.1);
  --d-line-soft:rgba(255,255,255,.08);
  --violet:#6E4BFF;
  --violet-dark:#5A37F0;
  --violet-soft:#A996FF;
  --violet-pale:#C9BDFF;
  --blue:#3D7BFF;
  --d-ease:cubic-bezier(.2,.8,.2,1);
  /* light inner pages */
  --l-ink:#1D1D1F;
  --l-ink-2:#333336;
  --l-text:#515154;
  --l-muted:#6E6E73;
  --l-faint:#86868B;
  --l-soft:#F5F5F7;
  --l-line:#E8E8ED;
  --l-line-2:#EDEDF0;
  --l-accent:#2B59FF;
  --l-accent-dark:#1D44D8;
  --l-accent-pale:#9DB2FF;
  --font:'Geist',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
}
body{font-family:var(--font);-webkit-font-smoothing:antialiased}
.ms{font-family:'Material Symbols Outlined';font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;display:inline-block}
ol{list-style:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Header (dark on every page) ---------- */
.topbar{background:var(--d-bg-deep);color:var(--d-muted);font-size:13px}
.topbar .container{height:40px}
.topbar-info svg{color:#B9A8FF}
.topbar a:hover{color:#fff}
.topbar-social a{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;transition:all .2s}
.topbar-social a:hover{background:var(--violet);border-color:var(--violet-soft);color:#fff}
.topbar-social svg{width:12px;height:12px}
.topbar-social{gap:6px}
.header{background:rgba(7,7,11,.72);border-bottom:1px solid var(--d-line-soft)}
.header.scrolled{border-color:var(--d-line-soft);box-shadow:0 10px 30px -20px rgba(0,0,0,.8)}
.header .container{height:76px;max-width:1280px;padding:0 clamp(20px,4vw,40px)}
.topbar .container{max-width:1280px;padding:0 clamp(20px,4vw,40px)}
.logo{gap:11px}
.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--d-text);display:grid;place-items:center}
.logo-mark::after{display:none}
.logo-mark i{width:11px;height:11px;background:#B9A8FF;transform:rotate(45deg)}
.logo-text b{color:var(--d-text);font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1}
.logo-text small{color:var(--d-muted);font-size:9.5px;letter-spacing:.16em;margin-top:4px;font-weight:500}
.nav > li > a{color:var(--d-text);font-weight:500;font-size:15px;padding:10px 12px}
.nav > li > a:hover,.nav > li > a.active{color:var(--violet-soft)}
.header .btn{font-family:var(--font);border-radius:999px;font-size:14px}
.header .btn-outline{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--d-text);padding:11px 16px}
.header .btn-outline:hover{border-color:var(--d-text);transform:none}
.header .btn-primary,.mobile-panel .btn-primary{background:var(--violet);border:0;color:#fff;box-shadow:none;border-radius:999px;font-family:var(--font)}
.header .btn-primary:hover,.mobile-panel .btn-primary:hover{background:var(--violet-dark);transform:none}
.mega{background:var(--d-card);border-color:var(--d-line-soft);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.mega-col h6{color:var(--violet-soft);letter-spacing:0;text-transform:none;font-size:11px;font-weight:500;padding-bottom:12px;border-bottom:1px solid var(--d-line-soft);margin:4px 12px 8px}
.mega-link:hover{background:rgba(255,255,255,.06)}
.mega-link .ic{background:rgba(139,108,255,.14);color:var(--d-text)}
.mega-link b{color:var(--d-text)}
.mega-link span{color:var(--d-muted)}
.mega-link .new{display:inline;margin-left:7px;font-size:9.5px;letter-spacing:.08em;background:var(--violet);color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}
.mega-feature{background:linear-gradient(150deg,#2A1B6B,var(--d-card) 70%);border:1px solid rgba(139,108,255,.35);justify-content:space-between;gap:24px}
.mega-feature::before{display:none}
.mega-feature small{font-size:10.5px;letter-spacing:.12em;background:var(--violet);color:#fff;padding:3px 8px;border-radius:4px;align-self:flex-start}
.mega-feature b{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0}
.mega-feature b em{font-style:normal;color:var(--d-dim)}
.mega-feature p{font-size:14px;line-height:1.55;color:#A1A1A6}
.mega-feature .link-arrow{color:#B9A8FF;font-weight:600}
.burger,.mobile-close{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);color:var(--d-text);border-radius:50%}
.mobile-nav{background:rgba(0,0,0,.45)}
.mobile-panel{background:var(--d-card);color:var(--d-text)}
.mobile-links > li{border-color:var(--d-line-soft)}
.mobile-links > li > a,.mobile-links summary{color:var(--d-text);font-weight:500;font-size:18px}
.mobile-sub a{color:var(--d-muted)}
.mobile-sub a:hover{color:var(--violet-soft)}
.mobile-contact{color:var(--d-muted)}

/* ---------- Footer (dark on every page) ---------- */
.ft{background:var(--d-bg-deep);color:#A1A1A6;border-top:1px solid rgba(239,236,230,.1);overflow:hidden}
.ft-in{max-width:1440px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(20px,3vw,40px) 0}
.ft-news{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:56px;border-bottom:1px solid rgba(161,161,166,.16)}
.ft-news > div{max-width:560px}
.ft-kicker{font-size:11.5px;letter-spacing:.14em;color:#B9A8FF;text-transform:uppercase}
.ft-news h2{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#F5F5F7;margin-top:12px}
.ft-news form{display:flex;gap:8px;flex-wrap:wrap;width:min(460px,100%)}
.ft-news input{flex:1 1 220px;min-width:0;height:52px;padding:0 20px;border-radius:999px;border:1px solid rgba(161,161,166,.3);background:rgba(255,255,255,.04);color:#F5F5F7;font:15px var(--font);outline-color:#B9A8FF}
.ft-news input::placeholder{color:#86868B}
.ft-news button{height:52px;padding:0 24px;border-radius:999px;border:0;background:var(--violet);color:#fff;font:600 15px var(--font);cursor:pointer;transition:background .2s}
.ft-news button:hover{background:var(--violet-dark)}
.ft-news .form-ok{display:none;color:#F5F5F7;width:100%}
.ft-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px 40px;padding:56px 0}
.ft-brand{max-width:320px}
.ft-brand .logo-mark i{background:var(--violet)}
.ft-brand .logo-text b{color:#F5F5F7}
.ft-brand p{font-size:14.5px;line-height:1.65;margin-top:20px}
.ft-social{display:flex;gap:8px;margin-top:22px}
.ft-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#F5F5F7;border:1px solid rgba(161,161,166,.3);transition:all .2s}
.ft-social a:hover{background:var(--violet);border-color:var(--violet-soft);color:#fff}
.ft-social svg{width:16px;height:16px}
.ft h3{font-size:13px;font-weight:600;color:#F5F5F7;margin-bottom:18px}
.ft ul{display:flex;flex-direction:column;gap:11px}
.ft ul a{font-size:14.5px;color:#A1A1A6;transition:color .2s}
.ft ul a:hover{color:#F5F5F7}
.ft address{font-style:normal;display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.5}
.ft address h3{margin-bottom:6px}
.ft address a{color:#F5F5F7}
.ft address small{font-size:11px;color:#86868B}
.ft-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 0 32px;border-top:1px solid rgba(161,161,166,.16);font-size:13px;line-height:1.6;color:#86868B}
.ft-legal p{max-width:760px}
.ft-legal nav{display:flex;gap:20px}
.ft-legal a{color:#A1A1A6}
.ft-legal a:hover{color:#F5F5F7}
.wa-float{width:auto;height:56px;padding:0 20px 0 16px;border-radius:999px;background:#1F7A4D;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px)}
.wa-float:hover{transform:translateY(-2px)}
.wa-float svg{width:24px;height:24px}
@media (max-width:560px){.wa-float span{display:none}.wa-float{padding:0 16px}}

/* ---------- Light inner pages ---------- */
.theme-light{background:#fff;color:var(--l-ink);line-height:1.5}
.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,.theme-light h5{color:inherit;line-height:1.1}
.theme-light p + p{margin-top:0}
.theme-light :focus-visible{outline:2px solid var(--l-accent);outline-offset:3px}
.theme-light main{overflow-x:clip}
.p-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.p-narrow{max-width:860px}
.p-sec{padding:clamp(72px,10vw,130px) 0}
.p-sec-top{padding:clamp(72px,10vw,130px) 0 0}
.p-soft{background:var(--l-soft)}
.p-ink{background:var(--l-ink);color:#F5F5F7}
.p-hero{padding:clamp(28px,4vw,44px) 0 clamp(56px,8vw,100px)}
.p-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--l-muted)}
.p-crumbs a{color:var(--l-muted)}
.p-crumbs a:hover{color:var(--l-accent)}
.p-crumbs [aria-current]{color:var(--l-ink)}
.p-eyebrow{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--l-accent)}
.p-ink .p-eyebrow{color:var(--l-accent-pale)}
.p-h1{font-size:clamp(42px,6vw,80px);line-height:1;letter-spacing:-.045em;font-weight:700;margin-top:20px;text-wrap:balance}
.p-h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:700;margin-top:18px;text-wrap:balance}
.p-h2-sm{font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.04em;font-weight:700}
.p-accent{color:var(--l-accent)}
.p-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--l-text)}
.p-body{font-size:18px;line-height:1.75;color:var(--l-text)}
.p-body p + p{margin-top:20px}
.p-muted{color:var(--l-muted)}
.p-card{background:var(--l-soft);border-radius:28px;padding:32px 28px}
.p-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:28px}
.p-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(40px,6vw,96px);align-items:start}
.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 30px;border-radius:999px;font-weight:600;font-size:16px;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:var(--font);border:0}
.p-btn .ms{font-size:19px}
.p-btn-blue{background:var(--l-accent);color:#fff}
.p-btn-blue:hover{background:var(--l-accent-dark);color:#fff}
.p-btn-ink{background:var(--l-ink);color:#F5F5F7}
.p-btn-ink:hover{background:var(--l-ink-2);color:#F5F5F7}
.p-btn-line{border:1px solid var(--l-ink);color:var(--l-ink);background:transparent}
.p-btn-line:hover{background:var(--l-ink);color:#F5F5F7}
.p-btn-sm{padding:15px 24px;font-size:15px}
.p-link{color:var(--l-accent);font-weight:600}
.p-link:hover{color:var(--l-accent-dark)}
.p-faq{border-top:1px solid var(--l-line)}
.p-faq details{border-bottom:1px solid var(--l-line)}
.p-faq summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:17.5px;font-weight:600;cursor:pointer;list-style:none}
.p-faq summary::-webkit-details-marker{display:none}
.p-faq summary .ms{font-size:24px;color:var(--l-accent);transition:transform .25s;flex-shrink:0}
.p-faq details[open] summary .ms{transform:rotate(45deg)}
.p-faq details p{margin:0 0 22px;font-size:16px;line-height:1.7;color:var(--l-text)}
.p-cta-sec{padding:0 clamp(20px,4vw,40px) clamp(56px,8vw,100px)}
.p-cta{max-width:1280px;margin:0 auto;background:var(--l-soft);border-radius:28px;padding:clamp(40px,7vw,88px) clamp(28px,6vw,88px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px}
.p-cta h2{font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.04em;font-weight:700;max-width:640px}
.p-cta p{margin-top:14px;font-size:17px;line-height:1.6;color:var(--l-text);max-width:560px}
.p-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.p-check{display:flex;gap:10px;align-items:flex-start}
.p-check .ms{font-size:20px;color:var(--l-accent)}

/* ===== 20-home.css ===== */
/* Home page (dark theme). Tokens live in 00-base.css. */
.theme-dark{background:var(--d-bg);color:var(--d-text);line-height:1.5}
.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5{color:var(--d-text)}
.theme-dark :focus-visible{outline:2px solid var(--violet-soft);outline-offset:3px}
.theme-dark main{overflow-x:clip}
/* ---------- Shared home pieces ---------- */
.h-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.h-sec{padding:clamp(96px,12vw,170px) 0 0}
.h-head{text-align:center;max-width:780px;margin:0 auto}
.h-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.h-head-row > div{max-width:680px}
.h-chip{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:13px;color:var(--violet-pale)}
.h-h2{margin:20px 0 0;font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
.h-h2 .dim{color:var(--d-faint)}
.h-grad{background:linear-gradient(95deg,#C9BDFF,#8B6CFF 50%,#3D7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 26px;border-radius:14px;font-size:16px;font-weight:600;transition:background .2s,border-color .2s,color .2s}
.h-btn .ms{font-size:19px}
.h-btn-primary{background:var(--violet);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 40px -8px rgba(110,75,255,.7)}
.h-btn-primary:hover{background:var(--violet-dark);color:#fff}
.h-btn-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:var(--d-text);font-weight:500}
.h-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.h-btn-sm{padding:14px 20px;font-size:15px}
.h-btn-sm .ms{font-size:18px}
.h-card{border-radius:22px;padding:28px;background:var(--d-card);border:1px solid var(--d-line)}
.h-glass{background:rgba(14,14,21,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14)}
.h-badge{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-weight:600;letter-spacing:.06em;font-size:10px;color:var(--d-text)}
.h-orb{background:linear-gradient(135deg,#6E4BFF,#3D7BFF);display:flex;align-items:center;justify-content:center;color:#fff}

@keyframes hMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---------- Hero ---------- */
.h-hero{position:relative;padding:clamp(64px,9vw,128px) 0 0;text-align:center}
.h-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.h-hero-glow{position:absolute;left:50%;top:-220px;width:1100px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(110,75,255,.42),rgba(110,75,255,.12) 55%,transparent);filter:blur(20px);pointer-events:none}
.h-hero .h-wrap{position:relative}
.h-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:14px;color:var(--d-soft);transition:border-color .2s,color .2s}
.h-pill:hover{border-color:rgba(169,150,255,.6);color:#fff}
.h-pill b{padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,#6E4BFF,#3D7BFF);color:#fff;font-size:12px;font-weight:600}
.h-pill .ms{font-size:18px}
.h-hero h1{margin:28px auto 0;max-width:1060px;font-size:clamp(48px,7.6vw,112px);line-height:.98;letter-spacing:-.055em;font-weight:600;text-wrap:balance}
.h-hero h1 span{background:linear-gradient(95deg,#FFFFFF 0%,#C9BDFF 35%,#8B6CFF 65%,#3D7BFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-hero .h-lead{margin:28px auto 0;max-width:640px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--d-muted);text-wrap:pretty}
.h-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}
.h-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:28px;font-size:14px;color:var(--d-dim)}
.h-checks span{display:flex;align-items:center;gap:6px}
.h-checks .ms{font-size:17px;color:var(--violet-soft)}
.h-hero-media{position:relative;max-width:1320px;margin:clamp(56px,7vw,88px) auto 0;padding:0 clamp(16px,3vw,32px)}
.h-hero-frame{border-radius:28px;padding:1px;background:linear-gradient(180deg,rgba(169,150,255,.55),rgba(255,255,255,.06) 40%,rgba(255,255,255,0))}
.h-hero-photo{position:relative;border-radius:27px;overflow:hidden;aspect-ratio:16/8;min-height:380px;background:#111}
.h-hero-photo > img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:100%;max-width:none;object-fit:cover}
.h-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,11,.1) 0%,rgba(7,7,11,.2) 50%,rgba(7,7,11,.92) 100%)}
.h-hero-photo > div{z-index:1}
.h-float-lang{position:absolute;left:clamp(16px,3vw,36px);top:clamp(16px,3vw,36px);display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;text-align:left;animation:hFloat 6s ease-in-out infinite}
.h-float-lang .h-orb{width:40px;height:40px;border-radius:12px;font-size:22px}
.h-float-lang p{font-size:14px;line-height:1.35}
.h-float-lang strong{display:block;font-weight:600}
.h-float-lang p span{color:var(--d-muted)}
.h-float-ai{position:absolute;right:clamp(16px,3vw,36px);top:clamp(80px,9vw,120px);width:min(340px,70%);padding:16px;border-radius:20px;background:rgba(14,14,21,.6);text-align:left;animation:hFloat 7s ease-in-out infinite .8s}
.h-float-ai header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--d-muted)}
.h-float-ai header span:first-child{display:flex;align-items:center;gap:6px}
.h-float-ai header .ms{font-size:16px;color:var(--violet-soft)}
.h-float-ai p{margin-top:12px;font-size:14px;line-height:1.5;color:#E4E4EA}
.h-float-ai strong{color:#fff;font-weight:600}
.h-hero-base{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,3vw,36px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;text-align:left}
.h-hero-base small{display:block;font-size:13px;color:var(--d-muted)}
.h-hero-base b{display:block;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em}
.h-tags{display:flex;gap:8px;flex-wrap:wrap}
.h-tags span{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);font-size:13px}

/* ---------- Platforms marquee ---------- */
.h-platforms{padding:clamp(56px,7vw,88px) 0 0}
.h-platforms > p{text-align:center;font-size:14px;color:var(--d-dim)}
.h-marquee{margin-top:28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.h-marquee > div{display:flex;width:max-content;animation:hMarquee 40s linear infinite}
.h-marquee span{padding:0 clamp(28px,3.5vw,52px);font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.03em;color:var(--d-faint);white-space:nowrap}

/* ---------- Services bento ---------- */
.h-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-auto-flow:dense;gap:16px;margin-top:clamp(48px,6vw,72px)}
.h-tile{position:relative;min-height:340px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#111;border:1px solid var(--d-line);color:#fff;transition:border-color .25s}
.h-tile:hover{border-color:rgba(169,150,255,.5);color:#fff}
.h-tile.tall{min-height:420px}
.h-tile > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.h-tile.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,7,11,.95))}
.h-tile-body{position:relative;z-index:1;padding:28px}
.h-tile-body b{display:block;font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1.15}
.h-tile-body span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:#B4B4C0}
.h-tile-aio{grid-column:span 2;padding:clamp(28px,3vw,40px);justify-content:space-between;background:radial-gradient(120% 90% at 100% 0%,rgba(110,75,255,.45),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(61,123,255,.28),transparent 60%),var(--d-card);color:var(--d-text)}
.h-tile-aio .top{display:flex;justify-content:space-between;align-items:flex-start}
.h-tile-aio .h-orb{width:52px;height:52px;border-radius:14px;font-size:26px;box-shadow:0 10px 30px -6px rgba(110,75,255,.8)}
.h-tile-aio .new{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:600}
.h-tile-aio .txt{max-width:520px}
.h-tile-aio .txt b{display:block;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.05}
.h-tile-aio .txt > span{display:block;margin-top:12px;font-size:17px;line-height:1.55;color:var(--d-muted)}
.h-more-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:15px;font-weight:600;color:var(--violet-pale)}
.h-more-link .ms{font-size:18px}
.h-tile-ppc{padding:28px;justify-content:space-between;background:var(--d-card);color:var(--d-text)}
.h-tile-ppc .plats{display:flex;flex-wrap:wrap;gap:8px}
.h-tile-ppc .plats span{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:13px}
.h-tile-ppc .h-tile-body{padding:0}
.h-tile-ppc .h-tile-body span{color:var(--d-muted)}
.h-plus{grid-column:1/-1;border-radius:24px;padding:clamp(24px,3vw,36px);background:var(--d-card);border:1px solid var(--d-line);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.h-plus > div:first-child{max-width:300px}
.h-plus h3{font-size:22px;font-weight:600;letter-spacing:-.03em}
.h-plus p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--d-muted)}
.h-plus-list{flex:1 1 560px;display:flex;flex-wrap:wrap;gap:8px}
.h-plus-list a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--d-line-soft);font-size:14.5px;color:#E4E4EA;transition:all .2s}
.h-plus-list a:hover{border-color:rgba(169,150,255,.6);background:rgba(110,75,255,.12);color:#fff}
.h-plus-list .ms{font-size:18px;color:var(--violet-soft)}

/* ---------- AIO band ---------- */
.h-aio{position:relative;border-radius:32px;overflow:hidden;border:1px solid var(--d-line);background:radial-gradient(80% 70% at 85% 20%,rgba(110,75,255,.35),transparent 60%),radial-gradient(60% 60% at 10% 90%,rgba(61,123,255,.2),transparent 60%),var(--d-panel);padding:clamp(32px,5vw,72px)}
.h-aio::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}
.h-aio-in{position:relative;display:flex;flex-wrap:wrap;gap:clamp(40px,5vw,72px);align-items:center}
.h-aio-copy{flex:1 1 380px}
.h-aio .h-chip{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.h-aio h2{font-size:clamp(34px,4.4vw,58px)}
.h-aio-copy > p{margin-top:22px;font-size:17px;line-height:1.65;color:var(--d-muted);max-width:480px}
.h-aio-feats{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.h-aio-feats li{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--d-line-soft);font-size:15px}
.h-aio-feats .ms{font-size:20px;color:var(--violet-soft)}
.h-aio .h-ctas{justify-content:flex-start;margin-top:32px}
.h-aio .h-btn{padding:15px 24px}
.h-chatbox{flex:1 1 420px;margin:0;border-radius:24px;padding:1px;background:linear-gradient(160deg,rgba(169,150,255,.7),rgba(255,255,255,.05) 50%,rgba(61,123,255,.4))}
.h-chatbox > div{border-radius:23px;background:rgba(10,10,16,.92);overflow:hidden}
.h-chat-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--d-line-soft)}
.h-chat-top > span:first-child{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.h-chat-top .h-orb{width:28px;height:28px;border-radius:50%;font-size:16px}
.h-chat-top .h-badge{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#B4B4C0;padding:4px 9px}
.h-chat-body{padding:24px 20px;display:flex;flex-direction:column;gap:16px}
.h-msg-u{align-self:flex-end;max-width:84%;background:linear-gradient(135deg,#6E4BFF,#4E5BFF);color:#fff;padding:13px 17px;border-radius:18px 18px 4px 18px;font-size:15px;line-height:1.45}
.h-msg-a{max-width:94%;background:rgba(255,255,255,.05);border:1px solid var(--d-line-soft);padding:16px 18px;border-radius:18px 18px 18px 4px;font-size:15px;line-height:1.6;color:var(--d-soft)}
.h-msg-a .pick{margin-top:12px;border-radius:14px;padding:14px 16px;background:rgba(110,75,255,.14);border:1px solid rgba(169,150,255,.45)}
.h-msg-a strong{color:#fff;font-weight:600}
.h-msg-a .rest{margin-top:12px;color:var(--d-faint)}
.h-chatbox figcaption{padding:14px 20px;border-top:1px solid var(--d-line-soft);font-size:12.5px;color:var(--d-dim)}

/* ---------- Process ---------- */
.h-steps{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.h-steps li{position:relative}
.h-steps .top{display:flex;justify-content:space-between;align-items:center}
.h-steps .top .ms{width:48px;height:48px;border-radius:14px;background:rgba(110,75,255,.15);border:1px solid rgba(169,150,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--violet-pale)}
.h-steps .top small{font-size:13px;color:var(--d-faint)}
.h-steps h3{margin:40px 0 8px;font-size:22px;font-weight:600;letter-spacing:-.03em}
.h-steps p{font-size:15px;line-height:1.6;color:var(--d-muted)}
.h-steps li.last{background:linear-gradient(160deg,rgba(110,75,255,.35),var(--d-card) 70%);border-color:rgba(169,150,255,.4)}
.h-steps li.last .top .ms{background:linear-gradient(135deg,#6E4BFF,#3D7BFF);border:0;color:#fff}
.h-steps li.last .top small{color:var(--violet-pale)}
.h-steps li.last p{color:#B4B4C0}

/* ---------- Industries ---------- */
.h-inds{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px;margin-top:clamp(40px,5vw,64px)}
.h-ind{position:relative;aspect-ratio:5/4;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#111;border:1px solid var(--d-line);color:#fff;transition:border-color .25s}
.h-ind:hover{border-color:rgba(169,150,255,.5);color:#fff}
.h-ind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--d-ease)}
.h-ind:hover img{transform:scale(1.05)}
.h-ind::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,11,0) 35%,rgba(7,7,11,.92));pointer-events:none}
.h-ind-body{position:relative;z-index:1;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.h-ind-body b{display:block;font-size:22px;font-weight:600;letter-spacing:-.03em}
.h-ind-body small{display:block;margin-top:6px;font-size:13.5px;color:#B4B4C0}
.h-ind-body .ms{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:20px}

/* ---------- Why / facts ---------- */
.h-facts{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.h-facts > div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px}
.h-facts dt{font-size:15px;color:var(--d-muted)}
.h-facts dd{font-size:clamp(52px,5.5vw,76px);font-weight:600;letter-spacing:-.06em;line-height:1;background:linear-gradient(180deg,#fff,#A996FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:16px}
.h-why .ms{font-size:26px;color:var(--violet-soft)}
.h-why h3{margin:16px 0 6px;font-size:18px;font-weight:600;letter-spacing:-.01em}
.h-why p{font-size:15px;line-height:1.55;color:var(--d-muted)}

/* ---------- Blog ---------- */
.h-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin-top:clamp(40px,5vw,64px)}
.h-post{border-radius:24px;overflow:hidden;background:var(--d-card);border:1px solid var(--d-line);display:flex;flex-direction:column}
.h-post-ph{display:block;aspect-ratio:16/10;overflow:hidden;background:#111}
.h-post-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--d-ease)}
.h-post-ph:hover img{transform:scale(1.05)}
.h-post-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:12px}
.h-post-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--d-dim)}
.h-post-meta b{padding:4px 10px;border-radius:999px;background:rgba(110,75,255,.15);color:var(--violet-pale);font-weight:500}
.h-post h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.h-post h3 a:hover{color:var(--violet-pale)}

/* ---------- FAQ ---------- */
.h-faq-wrap{max-width:860px}
.h-faq{margin-top:48px;display:flex;flex-direction:column;gap:10px}
.h-faq details{border-radius:18px;padding:0 24px;background:var(--d-card);border:1px solid var(--d-line)}
.h-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:18px;font-weight:500;cursor:pointer;list-style:none}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary .ms{flex-shrink:0;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--violet-pale);transition:transform .25s}
.h-faq details[open] summary .ms{transform:rotate(45deg)}
.h-faq p{margin:0 0 22px;font-size:16px;line-height:1.65;color:var(--d-muted)}
.h-faq-more{text-align:center;margin-top:24px}
.h-faq-more a{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--violet-pale)}
.h-faq-more .ms{font-size:18px}

/* ---------- Closing CTA ---------- */
.h-cta-sec{padding:clamp(96px,12vw,170px) clamp(16px,3vw,32px) clamp(64px,8vw,110px)}
.h-cta{position:relative;max-width:1280px;margin:0 auto;border-radius:32px;overflow:hidden;padding:clamp(56px,8vw,120px) clamp(24px,5vw,72px);text-align:center;border:1px solid rgba(169,150,255,.3);background:radial-gradient(70% 90% at 50% 0%,rgba(110,75,255,.55),rgba(61,123,255,.15) 50%,transparent 75%),var(--d-panel)}
.h-cta-ar{position:absolute;left:50%;bottom:-.32em;transform:translateX(-50%);font-family:'Reem Kufi',sans-serif;font-size:clamp(160px,24vw,360px);line-height:1;color:rgba(255,255,255,.035);pointer-events:none;white-space:nowrap}
.h-cta-in{position:relative}
.h-cta h2{margin:0 auto;max-width:860px;font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:-.055em;font-weight:600;text-wrap:balance}
.h-cta p{margin:24px auto 0;max-width:540px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#B4B4C0}
.h-cta .h-btn{padding:17px 28px}
.h-btn-white{background:#fff;color:var(--d-bg)}
.h-btn-white:hover{background:#E4E0FF;color:var(--d-bg)}
.h-cta .h-btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.h-cta .h-btn-ghost:hover{background:rgba(255,255,255,.14)}

/* ---------- Responsive ---------- */
@media (max-width:700px){
  .h-tile-aio{grid-column:auto}
  .h-float-ai{display:none}
  .h-hero-photo{aspect-ratio:auto;min-height:0;height:460px}
}
@media (prefers-reduced-motion:reduce){
  .h-marquee > div{animation:none}
}

/* ===== 30-about.css ===== */
/* About page */
.ab-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(32px,5vw,72px);align-items:end;margin-top:clamp(40px,6vw,72px)}
.ab-intro .p-lead{max-width:520px}
.ab-banner{margin-top:clamp(40px,6vw,72px);aspect-ratio:21/9;min-height:280px}
.ab-story{padding:0 0 clamp(72px,10vw,130px)}
.ab-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,6vw,96px)}
.ab-story-h{margin-top:18px}
.ab-story-body{max-width:680px}
.ab-mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0}
.ab-mv-grid > div{background:var(--l-ink);padding:0 clamp(0px,4vw,56px) 40px 0}
.ab-mv-grid > div + div{padding:0 0 40px clamp(0px,4vw,56px);border-left:1px solid rgba(245,245,247,.14)}
@media (max-width:960px){.ab-mv-grid > div + div{border-left:0;border-top:1px solid rgba(245,245,247,.14);padding:40px 0}}
.ab-mv-grid p{font-size:clamp(24px,2.6vw,34px);line-height:1.3;letter-spacing:-.02em;margin-top:20px}
.ab-head{max-width:640px}
.ab-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:56px}
.ab-values .ab-num{font-size:13px;color:var(--l-accent)}
.ab-values h3{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:40px 0 12px}
.ab-values p{font-size:15.5px;line-height:1.65;color:var(--l-muted)}
.ab-approach-img{aspect-ratio:4/5;max-height:620px}
.ab-approach{margin-top:40px;display:flex;flex-direction:column}
.ab-approach li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--l-line)}
.ab-approach li:last-child{border-bottom:1px solid var(--l-line)}
.ab-approach .ms{font-size:28px;color:var(--l-accent)}
.ab-approach strong{display:block;font-size:18px;font-weight:600;margin-bottom:6px}
.ab-approach li > span > span{font-size:15.5px;line-height:1.6;color:var(--l-muted)}
.ab-steps{margin-top:36px;display:flex;flex-direction:column;gap:28px}
.ab-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px}
.ab-steps li > span:first-child{font-size:14px;color:var(--l-accent);padding-top:4px}
.ab-steps strong{display:block;font-size:20px;font-weight:600}
.ab-steps li > span > span{font-size:15.5px;line-height:1.6;color:var(--l-muted)}
.ab-company{background:var(--l-soft);border-radius:28px;padding:clamp(28px,4vw,44px)}
.ab-company-head{display:flex;align-items:center;gap:12px}
.ab-company-head .ms{font-size:26px;color:var(--l-accent)}
.ab-company-head h2{font-size:22px;font-weight:600;letter-spacing:-.015em}
.ab-company dl{margin-top:28px;font-size:15.5px}
.ab-company dl > div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 16px;padding:16px 0;border-top:1px solid var(--l-line-2)}
.ab-company dt{color:var(--l-muted)}
.ab-company dd{font-weight:500}

/* ===== 30-blog.css ===== */
/* Insights listing + article pages */

/* ---------- Shared bits ---------- */
.bl-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13px;color:var(--l-muted)}
.bl-cat{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--l-accent)}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:40px 32px;margin-top:40px}
.bl-card{display:flex;flex-direction:column;gap:16px}
.bl-card[hidden]{display:none}
.bl-card-ph{display:block;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--l-soft)}
.bl-card-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--d-ease)}
.bl-card-ph:hover img{transform:scale(1.04)}
.bl-card h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.015em}
.bl-card h3 a:hover{color:var(--l-accent)}
.bl-card p{font-size:15.5px;line-height:1.6;color:var(--l-muted)}

/* ---------- Listing ---------- */
.bl-hero{padding:clamp(28px,4vw,44px) 0 clamp(40px,6vw,64px)}
.bl-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(32px,5vw,72px);align-items:end;margin-top:clamp(40px,6vw,72px)}
.bl-hero-grid .p-lead{max-width:520px}
.bl-feat-sec{padding-bottom:clamp(48px,7vw,80px)}
.bl-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(28px,4vw,56px);align-items:center;background:var(--l-soft);border-radius:28px;padding:clamp(16px,2vw,24px)}
.bl-feat-ph{display:block;aspect-ratio:16/11;border-radius:22px;overflow:hidden}
.bl-feat-ph img{width:100%;height:100%;object-fit:cover}
.bl-feat-body{padding:clamp(4px,2vw,24px)}
.bl-feat h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:700;margin-top:18px}
.bl-feat h2 a:hover{color:var(--l-accent)}
.bl-feat-body > p{font-size:17px;line-height:1.65;color:var(--l-text);margin-top:16px}
.bl-read{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:600;border-bottom:1px solid var(--l-ink);padding-bottom:4px;transition:border-color .2s,color .2s}
.bl-read:hover{border-color:var(--l-accent);color:var(--l-accent)}
.bl-read .ms{font-size:18px}
.bl-all{padding:clamp(48px,7vw,88px) 0 clamp(72px,10vw,120px)}
.bl-all-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.bl-all-head h2,.bl-more h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;font-weight:700}
.bl-chips{display:flex;flex-wrap:wrap;gap:8px}
.bl-chips[hidden]{display:none}
.bl-chips button{padding:10px 16px;border-radius:999px;border:1px solid #D2D2D7;background:transparent;color:var(--l-ink);font:500 14px var(--font);cursor:pointer;transition:all .2s}
.bl-chips button:hover{border-color:var(--l-ink)}
.bl-chips button[aria-pressed="true"]{background:var(--l-ink);border-color:var(--l-ink);color:#F5F5F7}
.bl-note{margin-top:56px;font-size:15px;color:var(--l-muted);text-align:center}

/* ---------- Article ---------- */
.bl-art-head{padding:clamp(28px,4vw,44px) 0 clamp(32px,5vw,56px)}
.bl-art-title{max-width:900px;margin-top:clamp(40px,6vw,64px)}
.bl-art-title h1{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.045em;font-weight:700;margin-top:18px;text-wrap:balance}
.bl-byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;font-size:14.5px;line-height:1.45;color:var(--l-muted)}
.bl-byline strong{color:var(--l-ink);font-weight:600}
.bl-avatar{width:40px;height:40px;border-radius:50%;background:var(--l-ink);display:grid;place-items:center}
.bl-avatar i{width:10px;height:10px;background:var(--l-accent-pale);transform:rotate(45deg)}
.bl-cover{margin-top:clamp(32px,5vw,56px);aspect-ratio:21/9;min-height:240px}
.bl-art-body{padding-bottom:clamp(64px,9vw,110px);display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:flex-start}
.bl-art-main{flex:999 1 560px;min-width:0;max-width:740px}

/* Post body HTML from src/posts.js */
.bl-prose > p:first-child{font-size:clamp(19px,1.7vw,22px);line-height:1.65;color:var(--l-ink);margin-top:0}
.bl-prose h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;font-weight:600;line-height:1.2;margin-top:52px;scroll-margin-top:100px}
.bl-prose h3{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-top:32px}
.bl-prose p{font-size:18px;line-height:1.78;color:#424245;margin-top:18px}
.bl-prose strong{color:var(--l-ink);font-weight:600}
.bl-prose a{color:var(--l-accent);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.bl-prose ul,.bl-prose ol{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.bl-prose li{position:relative;padding-left:32px;font-size:17.5px;line-height:1.6;color:#424245}
.bl-prose ul li::before{content:'check';position:absolute;left:0;top:3px;font-family:'Material Symbols Outlined';font-size:20px;line-height:1;color:var(--l-accent)}
.bl-prose ol{counter-reset:bl}
.bl-prose ol li{counter-increment:bl}
.bl-prose ol li::before{content:counter(bl);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--l-soft);color:var(--l-accent);font-size:12.5px;font-weight:600;display:grid;place-items:center}
.bl-prose blockquote{margin-top:32px;padding:4px 0 4px 24px;border-left:3px solid var(--l-accent);font-size:clamp(21px,2vw,26px);line-height:1.4;letter-spacing:-.02em;font-weight:600;color:var(--l-ink)}
.bl-cta{margin-top:64px;background:var(--l-ink);color:#F5F5F7;border-radius:28px;padding:clamp(28px,4vw,44px)}
.bl-cta h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;font-weight:600}
.bl-cta p{font-size:16.5px;line-height:1.6;color:#A1A1A6;margin-top:12px}
.bl-cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.bl-btn-ghost{border:1px solid rgba(245,245,247,.35);color:#F5F5F7}
.bl-btn-ghost:hover{border-color:#F5F5F7;color:#F5F5F7}
.bl-toc{flex:1 1 240px;position:sticky;top:100px}
.bl-toc-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--l-muted)}
.bl-toc ol{margin-top:16px;border-left:1px solid var(--l-line)}
.bl-toc ol a{display:block;padding:8px 0 8px 16px;font-size:14.5px;line-height:1.4;color:var(--l-text);transition:color .2s}
.bl-toc ol a:hover{color:var(--l-accent)}
.bl-share{margin-top:28px;padding-top:24px;border-top:1px solid var(--l-line);font-size:14px;color:var(--l-muted)}
.bl-share a{font-weight:600;color:var(--l-ink)}
.bl-share a:first-child{margin-left:8px}
.bl-share a:hover{color:var(--l-accent)}
.bl-more{padding:clamp(56px,8vw,100px) 0}
.bl-more .bl-grid{gap:32px;margin-top:36px}
.bl-more .bl-card{gap:14px}
.bl-more .bl-card h3{font-size:20px}
@media (max-width:900px){.bl-toc{position:static;order:-1}}

/* ===== 30-contact.css ===== */
/* Contact page */
.ct-hero{padding:clamp(28px,4vw,44px) 0 clamp(40px,6vw,64px)}
.ct-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(32px,5vw,72px);align-items:end;margin-top:clamp(40px,6vw,72px)}
.ct-hero-grid .p-lead{max-width:520px}
.ct-infos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:clamp(40px,6vw,64px)}
.ct-info{background:var(--l-soft);border-radius:28px;padding:26px}
.ct-info > .ms{font-size:26px;color:var(--l-accent)}
.ct-info h2{font-size:17px;font-weight:600;margin:14px 0 6px}
.ct-info p{font-size:15px;line-height:1.55;color:var(--l-text)}
.ct-info a{color:var(--l-ink);font-weight:500}
.ct-info a:hover{color:var(--l-accent)}
.ct-info a.ct-wa-link{color:#1F7A4D;font-weight:600}
.ct-info small{display:block;margin-top:6px;font-size:11px;color:var(--l-faint)}

.ct-main{padding:clamp(24px,4vw,40px) 0 clamp(64px,9vw,110px)}
.ct-main-in{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,64px);align-items:flex-start}
.ct-form-card{flex:999 1 560px;min-width:0;background:var(--l-soft);border-radius:28px;padding:clamp(24px,4vw,48px)}
.ct-form-card > h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;font-weight:700}
.ct-sub{font-size:16px;line-height:1.6;color:var(--l-muted);margin-top:10px}
.ct-form{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;scroll-margin-top:110px}
.ct-full{grid-column:1/-1}
.ct-fld{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--l-ink)}
.ct-fld input,.ct-fld select,.ct-fld textarea{height:52px;padding:0 16px;border-radius:12px;border:1px solid #D2D2D7;background:#fff;font:400 16px var(--font);color:var(--l-ink);width:100%}
.ct-fld select{padding:0 14px}
.ct-fld textarea{height:auto;padding:14px 16px;resize:vertical}
.ct-fld input:focus,.ct-fld select:focus,.ct-fld textarea:focus{border-color:var(--l-ink);outline:none;box-shadow:0 0 0 3px rgba(43,89,255,.18)}
.ct-form fieldset{border:0;padding:0;margin:0;min-width:0}
.ct-form legend{font-size:14px;font-weight:600;margin-bottom:12px;padding:0}
.ct-chips{display:flex;flex-wrap:wrap;gap:8px}
.ct-chips label{cursor:pointer;position:relative}
.ct-chips input{position:absolute;opacity:0;pointer-events:none}
.ct-chips span{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid #D2D2D7;background:#fff;color:var(--l-ink);font-size:14px;font-weight:500;transition:all .2s}
.ct-chips .ms{font-size:16px;padding:0;border:0;background:none;color:inherit}
.ct-chips .ms.on{display:none}
.ct-chips label:hover span{border-color:var(--l-ink)}
.ct-chips input:checked + span{background:var(--l-ink);border-color:var(--l-ink);color:#F5F5F7}
.ct-chips input:checked + span .ms.on{display:inline-block}
.ct-chips input:checked + span .ms.off{display:none}
.ct-chips input:focus-visible + span{outline:2px solid var(--l-accent);outline-offset:3px}
.ct-submit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ct-submit p{font-size:13px;line-height:1.5;color:var(--l-muted);max-width:420px}
.ct-submit a{text-decoration:underline}
.ct-submit .p-btn{height:56px;padding:0 32px}
.ct-ok{display:none;padding:40px 32px;border-radius:28px;background:#fff;text-align:center}
.ct-ok .ms{font-size:44px;color:#1F7A4D}
.ct-ok h3{font-size:24px;font-weight:600;margin:14px 0 8px}
.ct-ok p{font-size:16px;line-height:1.6;color:var(--l-text)}

.ct-aside{flex:1 1 300px;display:flex;flex-direction:column;gap:16px}
.ct-next{background:var(--l-ink);color:#F5F5F7;border-radius:28px;padding:30px}
.ct-next h2{font-size:20px;font-weight:600}
.ct-next ol{margin-top:22px;display:flex;flex-direction:column;gap:18px}
.ct-next li{display:grid;grid-template-columns:32px 1fr;gap:10px;font-size:15px;line-height:1.55;color:#A1A1A6}
.ct-next li span{color:var(--l-accent-pale)}
.ct-wa{display:flex;align-items:center;gap:14px;background:var(--l-soft);border:1px solid transparent;border-radius:28px;padding:22px;color:var(--l-ink);transition:border-color .2s}
.ct-wa:hover{border-color:#1F7A4D}
.ct-wa > .ms{width:46px;height:46px;border-radius:50%;background:#1F7A4D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ct-wa strong{display:block;font-size:16px;font-weight:600}
.ct-wa span span{font-size:14px;color:var(--l-muted)}

.ct-map-sec{padding:0 clamp(20px,4vw,40px) clamp(56px,8vw,100px)}
.ct-map-in{max-width:1280px;margin:0 auto}
.ct-map-in h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;font-weight:700;margin-bottom:20px}
.ct-map{border-radius:28px;overflow:hidden;border:1px solid var(--l-line);height:clamp(320px,45vw,480px);background:var(--l-soft)}
.ct-map iframe{width:100%;height:100%;border:0;display:block}
/* After a successful send, main.js adds .is-sent: hide the fields, show only the confirmation */
.ct-form.is-sent > :not(.form-ok){display:none}
.ct-form.is-sent .ct-ok{display:block}
.ct-ok{color:var(--l-ink);font-weight:400;margin-top:0}

/* ===== 30-faq.css ===== */
/* FAQ page */
.fq-hero{padding:clamp(28px,4vw,44px) 0 clamp(40px,6vw,64px)}
.fq-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(32px,5vw,72px);align-items:end;margin-top:clamp(40px,6vw,72px)}
.fq-hero-grid .p-lead{max-width:520px}
.fq-banner{position:relative;margin:0 clamp(8px,1.2vw,16px) clamp(56px,8vw,96px);border-radius:clamp(20px,2.4vw,32px);overflow:hidden;aspect-ratio:21/8;min-height:280px;background:#111}
.fq-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fq-layout{padding-bottom:clamp(72px,10vw,120px);display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:flex-start}
.fq-nav{flex:1 1 240px;position:sticky;top:100px;background:var(--l-soft);border-radius:28px;padding:16px 10px;display:flex;flex-direction:column}
.fq-nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:10px;font-size:15px;font-weight:500;transition:background .2s,color .2s}
.fq-nav a:hover{background:#fff;color:var(--l-accent)}
.fq-nav a span{font-size:12px;color:var(--l-faint)}
.fq-cats{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:64px}
.fq-cat{scroll-margin-top:100px}
.fq-cat h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;font-weight:600;margin-bottom:12px}
.fq-cat .p-faq details p{max-width:720px}
@media (max-width:860px){.fq-nav{position:static}}

/* ===== 30-industries.css ===== */
/* Industries page */
.in-hero{padding:clamp(28px,4vw,44px) 0 clamp(48px,7vw,80px)}
.in-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(32px,5vw,72px);align-items:end;margin-top:clamp(40px,6vw,72px)}
.in-hero-grid .p-lead{max-width:520px}
.in-banner{position:relative;margin:0 clamp(8px,1.2vw,16px) clamp(56px,8vw,96px);border-radius:clamp(20px,2.4vw,32px);overflow:hidden;aspect-ratio:21/8;min-height:280px;background:#111}
.in-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.in-row{padding:clamp(56px,7vw,96px) 0;scroll-margin-top:90px}
.in-row-in{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:center}
.in-row-in.rev{flex-direction:row-reverse}
.in-photo{flex:1 1 420px;aspect-ratio:4/3;min-width:0}
.in-copy{flex:1 1 380px;min-width:0}
.in-num{font-size:13px;color:var(--l-accent)}
.in-copy h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-.035em;font-weight:700;margin-top:14px}
.in-copy > p{font-size:17.5px;line-height:1.7;color:var(--l-text);margin-top:18px;max-width:540px}
.in-label{font-size:11px;color:var(--l-muted);margin-top:28px}
.in-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.in-chips a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--l-line);font-size:14px;font-weight:500;color:var(--l-ink);transition:border-color .2s}
.in-chips a:hover{border-color:var(--l-ink)}
.in-chips .ms{font-size:17px;color:var(--l-accent)}
.in-more{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:600;color:var(--l-ink);border-bottom:1px solid var(--l-ink);padding-bottom:4px;transition:border-color .2s,color .2s}
.in-more:hover{border-color:var(--l-accent);color:var(--l-accent)}
.in-more .ms{font-size:18px}

/* ===== 30-legal.css ===== */
/* Privacy Policy, Terms of Service */
.lg-page{padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(72px,10vw,120px)}
.lg-doc{max-width:760px;margin:clamp(40px,6vw,72px) auto 0}
.lg-h1{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em;font-weight:700;margin-top:18px}
.lg-date{font-size:15px;color:var(--l-muted);margin-top:16px}
.lg-note{margin-top:28px;padding:16px 20px;border-radius:12px;background:var(--l-soft);font-size:14.5px;line-height:1.55}
.lg-body{font-size:17px;line-height:1.75;color:#424245}
.lg-body > p:first-child{margin-top:32px}
.lg-body h2{font-size:24px;font-weight:600;letter-spacing:-.015em;color:var(--l-ink);margin-top:44px;line-height:1.2}
.lg-body h2 + p{margin-top:14px}
.lg-body a{color:var(--l-accent)}
.lg-body a:hover{color:var(--l-accent-dark)}

/* HTML sitemap */
.sm-page{padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(72px,10vw,120px)}
.sm-h1{margin-top:clamp(40px,6vw,72px)}
.sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px;margin-top:48px}
.sm-grid h2{font-size:14px;font-weight:600;margin-bottom:16px}
.sm-grid ul{display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.4}
.sm-grid a:hover{color:var(--l-accent)}

/* ===== 30-pricing.css ===== */
/* Pricing page */
.pr-hero{padding:clamp(28px,4vw,44px) 0 clamp(40px,6vw,64px)}
.pr-intro{text-align:center;max-width:820px;margin:clamp(40px,6vw,72px) auto 0}
.pr-intro .p-lead{margin:24px auto 0;max-width:620px}
.pr-banner{position:relative;margin:0 clamp(8px,1.2vw,16px) clamp(56px,8vw,96px);border-radius:clamp(20px,2.4vw,32px);overflow:hidden;aspect-ratio:21/8;min-height:280px;background:#111}
.pr-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-plans-sec{padding:0 0 clamp(56px,8vw,96px)}
.pr-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:stretch}
.pr-plan{position:relative;background:var(--l-soft);border-radius:28px;padding:36px 32px;display:flex;flex-direction:column}
.pr-plan h2{font-size:24px;font-weight:600}
.pr-desc{font-size:15px;line-height:1.55;color:var(--l-muted);margin-top:10px;min-height:48px}
.pr-price{margin-top:28px;font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1.2}
.pr-note{font-size:14px;color:var(--l-muted)}
.pr-plan ul{margin:28px 0 32px;display:flex;flex-direction:column;gap:12px;font-size:15.5px}
.pr-plan li{display:flex;gap:10px}
.pr-plan li .ms{font-size:20px;color:var(--l-accent)}
.pr-cta{display:block;text-align:center;padding:15px;margin-top:auto}
.pr-plan.featured{background:var(--l-ink);color:#F5F5F7;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.pr-plan.featured .pr-desc,.pr-plan.featured .pr-note{color:#A1A1A6}
.pr-plan.featured li .ms{color:var(--l-accent-pale)}
.pr-badge{position:absolute;top:24px;right:24px;font-size:10.5px;letter-spacing:.1em;background:var(--l-accent);color:#fff;padding:4px 9px;border-radius:4px}
.pr-adnote{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:18px 22px;border-radius:14px;background:var(--l-soft);font-size:15px;line-height:1.55}
.pr-adnote .ms{font-size:22px;color:var(--l-accent)}
.pr-adnote strong{font-weight:600}
.pr-cmp-sec{padding:clamp(64px,9vw,120px) 0}
.pr-table-wrap{overflow-x:auto;margin-top:36px;border-radius:28px;background:#fff}
.pr-table{width:100%;min-width:680px;border-collapse:collapse;font-size:15.5px}
.pr-table thead tr{background:var(--l-soft)}
.pr-table th,.pr-table td{padding:16px 22px;text-align:center}
.pr-table thead th{padding:18px 22px;font-weight:600}
.pr-table thead th.pr-hl{background:var(--l-ink);color:#F5F5F7}
.pr-table th[scope=row],.pr-table thead th:first-child{text-align:left}
.pr-table th[scope=row]{font-weight:400}
.pr-table tbody tr{border-top:1px solid var(--l-line-2)}
.pr-table td.pr-hl{background:var(--l-soft);font-weight:600}
.pr-dim{color:var(--l-faint)}
.pr-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(40px,6vw,96px)}
.pr-faq-lead{font-size:17px;line-height:1.65;color:var(--l-text);margin-top:18px;max-width:400px}

/* ===== 30-services.css ===== */
/* Services overview + service detail pages */
.sv-hero{padding:clamp(28px,4vw,44px) 0 clamp(48px,7vw,80px)}
.sv-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(32px,5vw,72px);align-items:end;margin-top:clamp(40px,6vw,72px)}
.sv-hero-grid .p-lead{max-width:520px}
.sv-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.sv-jump a{padding:10px 16px;border-radius:999px;border:1px solid #D2D2D7;font-size:14px;font-weight:500;transition:border-color .2s}
.sv-jump a:hover{border-color:var(--l-ink)}
.sv-banner{padding:0 clamp(8px,1.2vw,16px) clamp(56px,8vw,96px)}
.sv-banner > div{position:relative;border-radius:clamp(20px,2.4vw,32px);overflow:hidden;aspect-ratio:21/8;min-height:280px;background:#111}
.sv-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-new{font-size:10.5px;background:var(--l-accent);color:#fff;padding:3px 8px;border-radius:4px;font-weight:600;letter-spacing:.04em}

/* Groups & cards */
.sv-group{padding:clamp(56px,8vw,100px) 0;scroll-margin-top:90px}
.sv-group-in{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,64px)}
.sv-group-head{flex:1 1 280px;max-width:360px}
.sv-num{font-size:13px;color:var(--l-accent)}
.sv-group-head h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.035em;font-weight:700;margin-top:14px}
.sv-group-head p{font-size:16.5px;line-height:1.6;color:var(--l-muted);margin-top:14px}
.sv-cards{flex:3 1 600px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}
.sv-card{background:var(--l-soft);border-radius:28px;overflow:hidden;padding:28px 26px;display:flex;flex-direction:column;gap:12px;color:var(--l-ink);transition:transform .2s}
.sv-card:hover{transform:translateY(-2px);color:var(--l-ink)}
.sv-card img{display:block;margin:-28px -26px 8px;width:calc(100% + 52px);max-width:none;height:190px;object-fit:cover}
.sv-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.sv-ic{width:46px;height:46px;border-radius:12px;background:#EEF1FF;display:flex;align-items:center;justify-content:center;font-size:23px}
.sv-card-name{font-size:20px;font-weight:600;letter-spacing:-.015em;margin-top:8px}
.sv-card-line{font-size:15px;line-height:1.55;color:var(--l-muted)}
.sv-card-more{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--l-accent)}
.sv-card-more .ms{font-size:17px}
.sv-cta-dark{background:var(--l-ink);color:#F5F5F7}
.sv-cta-dark > div:first-child{max-width:620px}
.sv-cta-dark p{color:#A1A1A6;font-size:18px}
.sv-btn-ghost{border:1px solid rgba(245,245,247,.35);color:#F5F5F7;background:transparent}
.sv-btn-ghost:hover{border-color:#F5F5F7;color:#F5F5F7}

/* Detail hero */
.sv-kicker{display:flex;align-items:center;gap:12px}
.sv-kicker-ic{width:44px;height:44px;border-radius:12px;background:var(--l-ink);color:var(--l-accent-pale);display:flex;align-items:center;justify-content:center;font-size:22px}
.sv-h1{font-size:clamp(40px,5.6vw,76px);line-height:1.02;letter-spacing:-.045em;font-weight:700;margin-top:22px;text-wrap:balance}
.sv-lead{font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:var(--l-text);max-width:520px}
.sv-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sv-btn{padding:16px 26px}

/* Detail layout */
.sv-layout{padding-bottom:clamp(72px,10vw,120px);display:flex;flex-wrap:wrap;gap:clamp(40px,5vw,72px);align-items:flex-start}
.sv-main{flex:999 1 560px;min-width:0}
.sv-photo{aspect-ratio:16/9}
.sv-h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;font-weight:700}
.sv-h2-ov{margin-top:56px}
.sv-para{font-size:18px;line-height:1.75;color:var(--l-text);margin-top:18px;max-width:720px}
.sv-block{margin-top:72px}
.sv-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;margin-top:28px}
.sv-feat{background:#fff;border:1px solid var(--l-line);border-radius:22px;padding:24px}
.sv-feat span{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--l-accent)}
.sv-feat h3{font-size:18px;font-weight:600;margin:14px 0 8px}
.sv-feat p{font-size:15px;line-height:1.6;color:var(--l-muted)}
.sv-benefits{background:var(--l-ink);color:#F5F5F7;border-radius:28px;padding:clamp(28px,4vw,48px)}
.sv-benefits h2{font-size:clamp(26px,2.8vw,34px);letter-spacing:-.035em;font-weight:700}
.sv-benefits ul{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px 32px}
.sv-benefits li{display:flex;gap:12px;font-size:16.5px;line-height:1.5}
.sv-benefits .ms{font-size:22px;color:var(--l-accent-pale)}
.sv-steps{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:20px}
.sv-steps li{border-top:2px solid var(--l-ink);padding-top:18px}
.sv-steps span{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--l-accent)}
.sv-steps h3{font-size:19px;font-weight:600;margin:10px 0 6px}
.sv-steps p{font-size:14.5px;line-height:1.55;color:var(--l-muted)}
.sv-faq{margin-top:24px}
.sv-faq details p{max-width:680px}
.sv-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;margin-top:24px}
.sv-related a{background:#fff;border:1px solid var(--l-line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px;color:var(--l-ink);transition:border-color .2s}
.sv-related a:hover{border-color:var(--l-ink)}
.sv-related .ms{font-size:24px;color:var(--l-accent)}
.sv-related b{font-size:17px;font-weight:600}
.sv-related span:last-child{font-size:14px;line-height:1.5;color:var(--l-muted)}

/* Sticky sidebar */
.sv-aside{flex:1 1 300px;max-width:100%;position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.sv-aside-cta{background:var(--l-ink);color:#F5F5F7;border-radius:28px;padding:28px}
.sv-aside-cta h2{font-size:22px;font-weight:600;letter-spacing:-.015em}
.sv-aside-cta p{font-size:15px;line-height:1.6;color:#A1A1A6;margin-top:12px}
.sv-aside-primary{display:block;text-align:center;margin-top:22px;padding:15px;border-radius:999px;background:var(--l-accent);color:#fff;font-weight:600;transition:background .2s}
.sv-aside-primary:hover{background:var(--l-accent-dark);color:#fff}
.sv-aside-wa{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;border-radius:999px;border:1px solid rgba(245,245,247,.3);color:#F5F5F7;font-weight:500;transition:border-color .2s}
.sv-aside-wa:hover{border-color:#F5F5F7;color:#F5F5F7}
.sv-aside-wa .ms{font-size:19px}
.sv-aside-list{background:var(--l-soft);border-radius:28px;padding:20px 12px}
.sv-aside-list > div{font-size:11px;color:var(--l-muted);padding:0 12px 10px}
.sv-aside-list a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;font-size:14.5px;color:var(--l-ink);transition:background .2s}
.sv-aside-list a:hover{background:#EBEBF0}
.sv-aside-list a[aria-current]{background:#EEF1FF;color:var(--l-accent);font-weight:600}
.sv-aside-list .ms{font-size:16px;opacity:.6}
@media (max-width:900px){.sv-aside{position:static}}