/* Clairlumi shared styles. Copied from the homepage (Oct 2026) so every page looks the same. */
:root{
  --bg:#F3F3EF;--paper:#fff;--ink:#252B21;--muted:#545C4E;--line:#DEE1D5;
  --sage:#8E9C80;--sage-mark:#7D8C6F;--sage-deep:#5E6E52;--sage-tint:#E4E8DB;
  --glow:#F29437;--glow-deep:#E07A1F;--glow-pale:#FCE7C8;--wa:#25D366;
  --display:'Poppins',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(84px + env(safe-area-inset-top,0px))}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;padding-bottom:env(safe-area-inset-bottom,0px)}
img,svg{max-width:100%}
a{color:var(--sage-deep)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--glow-deep);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.015em}
:lang(th) h1,:lang(th) h2,:lang(th) h3{font-family:'Noto Sans Thai',var(--display);letter-spacing:0;line-height:1.3}
:lang(th) body{font-family:'Noto Sans Thai',var(--body)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 22px;border-radius:999px;text-decoration:none;border:0;font:inherit;font-weight:600;cursor:pointer;transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(1px)}
.btn-glow{background:var(--glow);color:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.btn-wa{background:var(--wa);color:#0B2E17}
.btn svg{flex:none}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(243,243,239,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{width:24px;height:35px}
.logo span{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:.07em;color:#2F4A3A}
.links{display:flex;align-items:center;gap:28px}
.links a.plain{color:var(--ink);text-decoration:none;font-weight:500}
.links a.plain:hover{color:var(--glow-deep)}
.langs{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600}
.langs a{color:var(--muted);text-decoration:none;padding:6px 7px;border-radius:8px}
.langs a:hover{color:var(--ink);background:var(--sage-tint)}
.langs a[aria-current="true"]{color:var(--ink);background:var(--paper);border:1px solid var(--line)}
@media (max-width:900px){.links a.plain{display:none}.links{gap:12px}}
@media (max-width:420px){.wrap{padding:0 16px}.logo span{font-size:18px}.links .btn{padding:10px 14px;min-height:44px;font-size:14px}.langs a{padding:6px 5px}}
@media (max-width:360px){.logo span{display:none}}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:40px;align-items:center;padding:64px 0 56px}
.hero .txt{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:14px;color:var(--muted)}
.badge b{white-space:nowrap;background:var(--glow-pale);color:#8A4210;border-radius:999px;padding:3px 10px;font-weight:600;font-size:13px}
.hero h1{font-size:clamp(38px,5.6vw,66px);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
:lang(th) .hero h1{font-size:clamp(34px,5vw,58px);line-height:1.25;letter-spacing:0}
.hero p{margin:0;font-size:clamp(17px,2vw,19px);color:var(--muted);max-width:52ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.beacon{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1.05}
.beacon::before{content:"";position:absolute;inset:-6% -10% 4%;background:radial-gradient(closest-side,rgba(247,164,60,.42),rgba(247,164,60,.12) 55%,transparent 75%);border-radius:50%;animation:halo 1.6s ease-out .5s both}
@keyframes halo{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.beacon::before{animation:none}}

/* sections */
section.block{margin-top:112px}
.kicker{font-size:15px;font-weight:600;color:var(--glow-deep)}
.head{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;max-width:720px}
.head h2{font-size:clamp(30px,4.4vw,44px);line-height:1.12}
:lang(th) .head h2{line-height:1.3}
.head p{margin:0;font-size:17px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:8px}
.card h3{font-size:19px}
.card p{margin:0;font-size:15px;color:var(--muted)}
@media (max-width:860px){.grid3,.grid2{grid-template-columns:1fr}}

/* work */
.work{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
.case{background:var(--ink);color:#fff;border-radius:22px;padding:40px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.case::after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(242,148,55,.45),transparent);pointer-events:none}
.case .what{font-size:15px;color:#C9D1BC}
.case h3{font-size:clamp(30px,4vw,40px);font-weight:700;letter-spacing:-.02em}
.case p{margin:0;color:#DDE2D4;font-size:16px;max-width:46ch}
.case .url{font-size:14px;color:#C9D1BC}
.case .btn{align-self:flex-start;margin-top:8px;position:relative;z-index:1}
.next{border:2px dashed #C4CBB7;border-radius:22px;padding:36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.next h3{font-size:22px}
.next p{margin:0;color:var(--muted);font-size:15px}
.next a{font-weight:600}
@media (max-width:860px){.work{grid-template-columns:1fr}.case{padding:30px 24px}}

/* pricing */
.price{border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px;background:var(--paper);border:1px solid var(--line)}
.price.feature{background:var(--ink);color:#fff;border-color:var(--ink)}
.price .name{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;font-size:18px}
.price .pill{font-size:12px;padding:5px 11px;border-radius:999px;background:var(--glow);color:var(--ink);font-weight:600;white-space:nowrap}
.price .amt{font-family:var(--display);font-size:46px;font-weight:600;line-height:1.1;letter-spacing:-.02em}
.price .amt small{font-family:var(--body);font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.price.feature .amt small{color:#C9D1BC}
.price.feature .amt s{font-family:var(--body);font-size:16px;font-weight:400;color:#AEB5A4;margin-left:10px;letter-spacing:0}
.price p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.price.feature p{color:#DDE2D4}
.price .btn{margin-top:auto;align-self:flex-start}
.price ul,.plan ul{margin:0;padding-left:18px;font-size:15px;display:flex;flex-direction:column;gap:6px;color:inherit}
.price.feature ul{color:#fff}
.price .fine,.monthly .fine{font-size:14px;color:var(--muted);margin:0}
.price .fine.light{color:#d9ddd0}
.plan li strong,.price li strong{font-size:inherit}
.monthly{margin-top:24px;background:var(--sage-tint);border-radius:20px;padding:32px 36px;display:flex;flex-direction:column;gap:20px}
.monthly .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.monthly h3{font-size:22px}
.monthly .top span{font-size:14px;color:var(--muted)}
.plan{background:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:6px}
.plan strong{font-size:17px}
.plan .amt{font-family:var(--display);font-size:30px;font-weight:600}
.plan .amt small{font-family:var(--body);font-size:15px;font-weight:500;color:var(--muted)}
.plan span.s{font-size:14px;color:var(--muted)}
.tag-y{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--glow-pale);color:var(--glow-deep);vertical-align:middle}
.addons{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px 24px;align-items:center;background:#fff;border-radius:14px;padding:18px 24px;font-size:15px}
.addons>div{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.addons small{color:var(--muted);font-size:13px;flex-basis:100%}
.addons b{font-family:var(--display)}
.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--glow-pale);border:1px solid var(--glow);border-radius:20px;padding:20px 28px;margin-bottom:24px}
.banner>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.banner strong{font-size:20px;font-family:var(--display)}
.banner .bsub{font-size:15px;color:var(--muted)}
.banner .pill{font-size:12px;padding:4px 11px;border-radius:999px;background:var(--glow);color:var(--ink);font-weight:600}
@media (max-width:640px){.monthly{padding:24px}}
@media (max-width:860px){.addons{grid-template-columns:1fr}}
.cur-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;color:var(--muted)}
.cur-pick label{font-weight:600;color:var(--ink)}
.cur-pick select{font:inherit;font-size:15px;padding:8px 34px 8px 12px;min-height:42px;border:1px solid #C9CEBF;border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}

/* process */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.steps li{padding-top:18px;border-top:2px solid var(--sage);display:flex;flex-direction:column;gap:10px}
.steps li:first-child{border-top-color:var(--glow)}
.steps .n{font-family:var(--display);font-size:26px;font-weight:600;color:var(--sage-deep)}
.steps strong{font-size:17px}
.steps p{margin:0;font-size:15px;color:var(--muted)}
.after{margin-top:24px;font-size:15px;color:var(--muted)}
@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* about */
.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.about img{width:100%;height:440px;object-fit:cover;object-position:center 30%;border-radius:20px;display:block;background:var(--sage-tint)}
.about .txt{display:flex;flex-direction:column;gap:18px}
.about h2{font-size:clamp(30px,4vw,42px)}
.about p{margin:0;font-size:17px;line-height:1.65;color:var(--muted)}
.about .name-note{padding-left:16px;border-left:3px solid var(--glow);color:var(--ink)}
.about .btn{align-self:flex-start}
@media (max-width:860px){.about{grid-template-columns:1fr;gap:32px}.about img{height:360px}}

/* faq */
.faq h2{font-size:clamp(30px,4vw,40px);margin-bottom:24px}
.qa-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;align-items:start}
details.qa{border-bottom:1px solid var(--line);padding:18px 0}
details.qa summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:"+";font-size:22px;line-height:1;color:var(--glow-deep);flex:none}
details.qa[open] summary::after{content:"\2212"}
details.qa p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
@media (max-width:860px){.qa-list{grid-template-columns:1fr}}

/* contact */
.contact{background:#2F3A2B;color:#fff;border-radius:24px;padding:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;left:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(242,148,55,.35),transparent);pointer-events:none}
.contact>*{position:relative}
.contact h2{font-size:clamp(30px,4.4vw,44px);line-height:1.1}
:lang(th) .contact h2{line-height:1.3}
.contact .l{display:flex;flex-direction:column;gap:18px}
.contact .l p{margin:0;font-size:18px;line-height:1.6;color:#DDE2D4}
.contact .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.contact .mail{color:#fff;font-size:16px;text-underline-offset:4px}
form{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;color:var(--ink);border-radius:16px}
label{font-size:14px;font-weight:600}
label small{font-weight:400;color:var(--muted)}
input{padding:13px 14px;border:1px solid #C9CEBF;border-radius:10px;font:inherit;font-size:16px;min-height:48px;background:#fff;color:var(--ink)}
input:focus{border-color:var(--sage-deep)}
form .btn{margin-top:6px;width:100%}
.form-note{font-size:13px;color:var(--muted);margin:0}
.form-note.err{color:#B3261E}
@media (max-width:860px){.contact{grid-template-columns:1fr;padding:32px 22px;gap:32px}}

/* footer */
footer{margin-top:80px;border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;padding-bottom:40px;font-size:14px;color:var(--muted)}
footer .logo img{width:19px;height:28px}
footer .logo span{font-size:16px}
footer a{color:var(--muted)}
.foot-links{width:100%;display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:4px;font-size:14px}
.foot-links b{color:var(--ink);font-weight:600}
.foot-links a{text-decoration:none}
.foot-links a:hover{color:var(--ink);text-decoration:underline}

/* floating WhatsApp on phones */
.wa-fab{display:none}
@media (max-width:760px){
  .wa-fab{display:flex;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#0B2E17;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.22)}
}

/* Google search mock-up (hero) */
.beacon .serp{position:relative;width:min(300px,100%);display:flex;flex-direction:column;gap:10px;z-index:1}
.serp-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-size:14px;color:var(--ink);box-shadow:0 8px 24px rgba(94,110,82,.14);animation:serpin .6s ease-out .2s both}
.serp-bar svg{color:var(--muted);flex:none}
.serp-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 26px rgba(94,110,82,.12)}
.serp-card.top{border:2px solid var(--glow);box-shadow:0 0 0 6px rgba(242,148,55,.16),0 16px 34px rgba(224,122,31,.22);animation:serpin .7s ease-out .6s both}
.serp-card.dim{opacity:.55;animation:serpin .7s ease-out 1s both}
.serp-card.dim.two{opacity:.35;animation-delay:1.2s}
.serp-rank{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.02em;background:var(--glow);color:var(--ink);padding:3px 9px;border-radius:999px}
.serp-row{display:flex;gap:12px;align-items:center}
.serp-img{width:48px;height:48px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--sage) 0%,var(--glow-pale) 100%)}
.serp-card strong{font-size:15px;line-height:1.2}
.serp-stars{display:flex;align-items:center;gap:2px;font-size:12px;margin-top:3px;color:var(--muted)}
.serp-stars svg{display:block}
.serp-stars b{color:var(--ink);margin-left:4px}
.serp-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:2px}
.serp-meta i{width:7px;height:7px;border-radius:50%;background:#2E9E5B;display:block}
.serp-chips{display:flex;gap:6px;flex-wrap:wrap}
.serp-chips span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--sage-tint);color:var(--sage-deep)}
.serp-chips span.hot{background:var(--glow);color:var(--ink)}
.serp-line{height:8px;width:90px;border-radius:4px;background:var(--line);margin-top:6px}
.serp-toast{position:absolute;right:-8px;bottom:-14px;display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:9px 13px;border-radius:999px;box-shadow:0 12px 26px rgba(37,43,33,.28);animation:serpin .6s ease-out 1.7s both,bob 3.2s ease-in-out 2.4s infinite}
.serp-toast svg{color:var(--glow)}
.beacon .serp svg{width:14px;height:14px;filter:none;position:static}
.beacon .serp .serp-stars svg{width:13px;height:13px}
@keyframes serpin{from{opacity:0;transform:translateY(14px)}}
@keyframes bob{50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.serp-bar,.serp-card,.serp-toast{animation:none!important}}

/* "What you get" showcase */
.show-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.show-visual{position:relative;padding:0 0 110px}
.site-mock{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(37,43,33,.10)}
.sm-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:var(--sage-tint);border-bottom:1px solid var(--line)}
.sm-bar i{width:9px;height:9px;border-radius:50%;background:var(--sage)}
.sm-bar span{margin-left:12px;flex:1;background:#fff;border-radius:999px;padding:4px 14px;font-size:12px;color:var(--muted)}
.sm-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:18px}
.sm-nav{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted)}
.sm-nav b{margin-right:auto;color:var(--ink);font-family:var(--display);font-size:14px}
.sm-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}
.sm-copy{display:flex;flex-direction:column;gap:8px;justify-content:center}
.sm-copy h4{margin:0;font-family:var(--display);font-size:22px;line-height:1.15}
.sm-copy p{margin:0;font-size:13px;color:var(--muted)}
.sm-btns{display:flex;gap:8px;margin-top:6px}
.sm-btns span{font-size:12px;font-weight:600;padding:7px 13px;border-radius:999px}
.sm-btns .a{background:var(--glow);color:var(--ink)}
.sm-btns .b{background:var(--sage-tint);color:var(--sage-deep)}
.sm-photo{min-height:130px;border-radius:14px;background:radial-gradient(circle at 70% 30%,var(--glow-pale),transparent 55%),linear-gradient(135deg,var(--sage),var(--sage-deep))}
.sm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sm-cards div{background:var(--bg);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}
.sm-cards b{font-size:13px}
.sm-cards span{font-size:11px;color:var(--muted)}
.phone-mock{position:absolute;right:-8px;bottom:0;width:min(250px,64%);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(37,43,33,.20)}
.pm-map{height:84px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,transparent 48%,rgba(255,255,255,.9) 49%,rgba(255,255,255,.9) 53%,transparent 54%),linear-gradient(30deg,transparent 58%,rgba(255,255,255,.9) 59%,rgba(255,255,255,.9) 62%,transparent 63%),var(--sage-tint)}
.pm-info{padding:12px 16px 14px;display:flex;flex-direction:column;gap:3px}
.pm-k{font-size:11px;font-weight:600;color:var(--glow-deep)}
.pm-info strong{font-size:16px}
.pm-s{font-size:12px;color:var(--muted)}
.show-list{display:flex;flex-direction:column;gap:30px}
.feat{display:flex;gap:18px;align-items:flex-start}
.feat .ico{flex:none;width:48px;height:48px;border-radius:14px;background:var(--sage-tint);color:var(--sage-deep);display:flex;align-items:center;justify-content:center}
.feat h3{font-size:19px;margin:2px 0 6px}
.feat p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
@media (max-width:860px){.show-grid{grid-template-columns:1fr;gap:40px}.show-visual{padding-bottom:120px}.phone-mock{right:0}.sm-hero{grid-template-columns:1fr}.sm-photo{min-height:90px}}

/* industries strip and industry pages */
.inds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ind{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.ind:hover{border-color:var(--glow)}
.ind b{font-family:var(--display);font-size:17px;font-weight:600}
.ind span{font-size:14px;color:var(--muted)}
.ind em{font-style:normal;font-size:14px;font-weight:600;color:var(--glow-deep);margin-top:auto}
@media (max-width:960px){.inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.inds{grid-template-columns:1fr}}
.crumbs{font-size:14px;color:var(--muted);padding-top:28px}
.crumbs a{color:var(--muted)}
.searches{display:flex;flex-wrap:wrap;gap:10px}
.searches span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:15px}
.searches svg{color:var(--muted);flex:none}
.inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;list-style:none;margin:0;padding:0}
.inc li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line)}
.inc li i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--glow-pale);color:var(--glow-deep);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:14px;margin-top:2px}
.inc li b{display:block;font-size:17px;margin-bottom:4px}
.inc li span{color:var(--muted);font-size:15px}
@media (max-width:860px){.inc{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:860px){.duo{grid-template-columns:1fr}}

/* plain text pages (privacy) */
.prose{max-width:720px;padding:40px 0 0}
.prose h1{font-size:clamp(34px,5vw,48px);line-height:1.1;margin-bottom:12px}
.prose h2{font-size:22px;margin:36px 0 10px}
.prose p,.prose li{font-size:16px;line-height:1.7;color:var(--muted)}
.prose ul{padding-left:20px}
.prose .updated{font-size:14px}

/* mobile hero fix: mockup stacks after the buttons */
@media (max-width:820px){
.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:40px;gap:28px}
.hero .txt{gap:16px}
.hero p{line-height:1.5}
.badge{width:100%;border-radius:18px;align-items:flex-start;padding:10px 14px 10px 10px;font-size:13.5px;line-height:1.4}
.beacon{order:1;height:auto;aspect-ratio:auto;padding:8px 0 28px}
.beacon .serp{width:min(340px,100%);margin:0 auto}
.serp-toast{right:4px;bottom:-12px}
.beacon::before{inset:-6% 0 4%}
}
@media (max-width:560px){
.cta-row{flex-direction:column;align-items:stretch;gap:10px}
.cta-row .btn{width:100%;justify-content:center}
.serp-card.dim.two{display:none}
}
.inds.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.inds.three{grid-template-columns:1fr}}
@media (max-width:480px){header .links .btn{display:none}}