html,body{background:var(--bg);color:var(--ink)}
:root{--bg:#f4f7fc;--bg2:#e6eefa;--ink:#0b1a33;--mut:#44546f;--b:#0066d6;--gold:#f5b335;--goldt:#8a5800;--gl:rgba(255,255,255,.66);--gll:rgba(11,26,51,.09);--sh:0 10px 30px -12px rgba(11,40,90,.25);--btnt:#fff;color-scheme:light}
[data-theme=dark]{--bg:#040d1d;--bg2:#071a38;--ink:#eef4ff;--mut:#b4c2de;--b:#5aaeff;--goldt:#ffd27a;--gl:rgba(12,34,70,.58);--gll:rgba(255,255,255,.11);--sh:0 12px 34px -12px rgba(0,0,0,.6);--btnt:#04101f;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--b)}img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.glass{background:var(--gl);border:1px solid var(--gll);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-radius:20px;box-shadow:var(--sh)}
.nav{position:sticky;top:12px;z-index:50;margin:12px auto 0;max-width:1180px;width:calc(100% - 24px);display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border-radius:999px}
.logo img{height:40px;width:auto}.logo{display:flex}
.links{display:flex;gap:2px;margin-left:auto;list-style:none;padding:0;margin-block:0}
.links>li{position:relative}.links a,.links button{display:block;padding:10px 13px;border-radius:999px;color:var(--ink);text-decoration:none;font:500 14px/1 inherit;background:none;border:0;cursor:pointer;font-family:inherit}
.links a:hover,.links button:hover{background:var(--gll)}
.dd{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.links li:hover>.dd,.links li:focus-within>.dd{opacity:1;visibility:visible;transform:none}
.dd a{padding:9px 12px;border-radius:12px}.dd .sub{padding-left:24px;color:var(--mut);font-size:13px}
.tg{width:44px;height:44px;border-radius:999px;border:1px solid var(--gll);background:var(--gl);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.tg svg{width:20px;height:20px}.tg .mo{display:none}[data-theme=dark] .tg .mo{display:block}[data-theme=dark] .tg .su{display:none}
.mb{display:none}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}.bp{background:var(--b);color:var(--btnt)}.bg{background:var(--gold);color:#04101f}.bo{border:1px solid var(--gll);color:var(--ink);background:var(--gl)}
.hero{position:relative;padding:clamp(56px,10vw,120px) 0 clamp(48px,7vw,90px);overflow:hidden}
.aur{position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 20% 30%,rgba(0,102,214,.18),transparent 70%),radial-gradient(35% 45% at 80% 20%,rgba(245,179,53,.22),transparent 70%)}
[data-theme=dark] .aur{background:radial-gradient(40% 50% at 20% 30%,rgba(59,155,255,.25),transparent 70%),radial-gradient(35% 45% at 80% 20%,rgba(245,179,53,.16),transparent 70%)}
.str{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.str i{position:absolute;left:-5%;right:-5%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--b) 70%,transparent);opacity:.35;animation:sh 7s ease-in-out infinite alternate}
@keyframes sh{to{transform:translateY(6px) scaleX(1.03)}}
.eb{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;font:600 12px/1 inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--goldt)}
.eb:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
h1{font-size:clamp(40px,7vw,88px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:20px 0;max-width:14ch}
h1 em{font-style:normal;color:var(--goldt)}
.w{display:inline-block;opacity:0;transform:translateY(.4em);animation:wr .8s cubic-bezier(.22,1,.36,1) forwards}
@keyframes wr{to{opacity:1;transform:none}}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--mut);max-width:40ch;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;line-height:1.1;margin:0 0 10px}
.kick{color:var(--goldt);font:700 12px/1 inherit;letter-spacing:.14em;text-transform:uppercase}
section{padding:clamp(48px,7vw,96px) 0}
.card{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.card:hover{transform:translateY(-4px)}
.card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--x,50%) var(--y,0),rgba(245,179,53,.16),transparent 60%)}
.card:hover:after{opacity:1}
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1)}.rv.in{opacity:1;transform:none}
footer{padding:40px 0 60px;color:var(--mut);font-size:14px;border-top:1px solid var(--gll)}footer a{color:var(--ink);margin-right:16px}
@media (max-width:900px){.links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;padding:10px;background:var(--bg);border:1px solid var(--gll);border-radius:20px;box-shadow:var(--sh)}.links.op{display:flex}.dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;backdrop-filter:none;padding:0 0 0 8px}.mb{display:grid;margin-left:auto}.links a,.links button{padding:12px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.w,.rv{opacity:1;transform:none}}
.ld{display:none!important}[data-theme=dark] .ld{display:block!important}[data-theme=dark] .ll{display:none!important}
.post{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px;text-decoration:none;color:var(--ink);align-items:center}
.post img{width:110px;height:110px;object-fit:cover;border-radius:14px}.post h3,.cat h3{font-size:17px;line-height:1.3;margin:6px 0;color:var(--ink)}
.more{font-size:14px;font-weight:600;color:var(--b)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:28px}
.cat{padding:22px;text-decoration:none;color:var(--ink)}.cat p{color:var(--mut);margin:0 0 10px;font-size:15px}
.hgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.app{padding:24px;display:grid;gap:12px}.app b{font-size:22px;letter-spacing:-.02em}.app p{margin:0;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--gll);color:var(--ink)}
.stats{display:flex;gap:28px;margin-top:34px;color:var(--mut);font-size:14px}.stats b{display:block;font-size:28px;color:var(--ink);letter-spacing:-.02em}
.band{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:clamp(24px,4vw,44px);flex-wrap:wrap}
@media(max-width:900px){.hgrid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}@media(max-width:560px){.cta .btn{width:100%;justify-content:center}.stats{gap:18px}}
.links .sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;background:var(--gl);border:1px solid var(--gll);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-radius:20px;box-shadow:var(--sh);z-index:60}
[data-theme=dark] .links .sub-menu{background:rgba(7,26,56,.96)}.links .sub-menu{background:rgba(255,255,255,.96)}
.links li:hover>.sub-menu,.links li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.links .sub-menu a{padding:9px 12px;border-radius:12px}.links .sub-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none!important;backdrop-filter:none;padding:0 0 0 12px;min-width:0}
.links .sub-menu .sub-menu a{color:var(--mut);font-size:13px}.links .menu-item-has-children>a:after{content:" ▾"}
@media (max-width:900px){.links .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none!important;backdrop-filter:none;padding:0 0 0 8px}}
.sml-home .post img{width:110px;height:110px;object-fit:cover;border-radius:14px}

/* mobile menu fix 2026-10-26 */
@media (max-width:900px){.links{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.links>li.menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center}.links>li.menu-item-has-children>a{flex:1}
.links>li.menu-item-has-children>a:after{content:none}
.links .sbt{width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:16px;color:var(--ink);transition:transform .2s}
.links li.so>.sbt{transform:rotate(180deg)}
.links>li>.sub-menu{display:none;flex-basis:100%}.links>li.so>.sub-menu{display:block}}
@media (min-width:901px){.links .sbt{display:none}}
.nav .google-auto-placed,.nav ins.adsbygoogle{display:none!important}

@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root){animation:vt-out .22s ease both}::view-transition-new(root){animation:vt-in .38s cubic-bezier(.22,1,.36,1) both}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{from{opacity:0;transform:translateY(12px)}}
.lg-svg{height:40px;width:auto;display:block;overflow:visible;--lb:#347ff3;color:#333}[data-theme=dark] .lg-svg{--lb:#5aa2ff;color:#eef4ff}
.lg-svg .lm{fill:currentColor;transition:fill .6s}.lg-svg .ls{fill:var(--lb);transition:fill .6s}.lg-svg .lsh{opacity:0}
@media(prefers-reduced-motion:no-preference){.logo:hover .lsh,.logo:focus-visible .lsh{opacity:1;animation:lgsheen .9s cubic-bezier(.4,0,.2,1)}@keyframes lgsheen{to{transform:translateX(1300px)}}
html:not(.lg-seen) .lg-svg path{stroke-width:6px;stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0;animation:lgdraw 1.1s cubic-bezier(.65,0,.35,1) .05s forwards,lgfill .5s ease .85s forwards}
html:not(.lg-seen) .lg-svg .lm{stroke:currentColor}html:not(.lg-seen) .lg-svg .ls{stroke:var(--lb);animation-delay:.25s,1s}
@keyframes lgdraw{to{stroke-dashoffset:0}}@keyframes lgfill{to{fill-opacity:1;stroke-width:0}}
@supports (animation-timeline:scroll()){.nav .lg-svg{transform-origin:0 50%;animation:lgshrink linear both;animation-timeline:scroll(root);animation-range:0 220px}@keyframes lgshrink{to{transform:scale(.82)}}}}
/* Borders fix + animated borders (homepage). Theme .card{padding:0;overflow:hidden} and .glass radius were overriding home.css */
@property --sa{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes sml-sa{to{--sa:360deg}}
.sml-home .card.app{padding:24px}.sml-home .card.post{padding:14px}.sml-home .card.cat{padding:22px}
.sml-home .card{overflow:visible;height:auto}
.sml-home .card.post img{border-radius:14px}
.sml-home .eb.glass{border-radius:999px;line-height:1.35;flex-wrap:wrap;max-width:100%;padding:8px 16px}
.sml-home .btn.bg{background:var(--gold);color:#04101f}
.sml-home .card.glass,.sml-home .band.glass,.sml-home .eb.glass{--bc:var(--gls);border:1.5px solid transparent;background:linear-gradient(var(--bc),var(--bc)) padding-box,conic-gradient(from var(--sa),color-mix(in srgb,#1a73e8 70%,transparent),color-mix(in srgb,#f5c542 85%,transparent) 25%,transparent 45%,color-mix(in srgb,#1a73e8 55%,transparent) 65%,#f5c542 85%,color-mix(in srgb,#1a73e8 70%,transparent)) border-box;animation:sml-sa 12s linear infinite}
.sml-home .card.post:nth-child(2n){animation-delay:-4s}.sml-home .card.post:nth-child(3n){animation-delay:-8s}
.sml-home .card.glass:hover{animation-duration:4s}
[data-theme=dark] .sml-home .card.glass,[data-theme=dark] .sml-home .band.glass,[data-theme=dark] .sml-home .eb.glass,[data-theme=dark].sml-home .card.glass{--bc:var(--gls)}
.sml-home .chips span{line-height:1.3}
@media (prefers-reduced-motion:reduce){.sml-home .card.glass,.sml-home .band.glass,.sml-home .eb.glass{animation:none;--sa:135deg}}
/* v2 borders: visible in light+dark. Old rule lost: theme .fx-scroll :is(.card,...) animation:sd-in (same specificity, loads later) replaced sml-sa so --sa never rotated; 1.5px rendered as 1px; colors were alpha-faded. */
html body.sml-home :is(.card.glass,.band.glass,.eb.glass){--bc:var(--gls,#fff);--c1:#1a73e8;--c2:#d4a017;--c3:#0b4fb3;border:3px solid transparent;background:linear-gradient(var(--bc),var(--bc)) padding-box,conic-gradient(from var(--sa),var(--c1),var(--c2) 22%,var(--c3) 45%,var(--c1) 62%,var(--c2) 82%,var(--c1)) border-box;animation:sml-sa 10s linear infinite}
html[data-theme=dark] body.sml-home :is(.card.glass,.band.glass,.eb.glass){--bc:var(--gls,#0c2246);--c1:#4da3ff;--c2:#ffd45e;--c3:#8cc4ff;box-shadow:0 0 0 1px rgba(77,163,255,.18),0 0 22px -6px rgba(77,163,255,.55),0 0 30px -10px rgba(255,212,94,.45),var(--sh)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html body.sml-home.fx-scroll .card.glass{animation:sd-in linear both,sml-sa 10s linear infinite;animation-timeline:view(),auto;animation-range:entry 0% entry 55%,normal}}}
html body.sml-home .card.post:nth-child(2n){animation-delay:0s,-3s}html body.sml-home .card.post:nth-child(3n){animation-delay:0s,-6s}
@media (prefers-reduced-motion:reduce){html body.sml-home :is(.card.glass,.band.glass,.eb.glass){animation:none!important;--sa:135deg}}
/* v1.2.1 menu fix: dropdowns open only from the item itself (hover-intent via JS .open), never from their hidden area; opaque, above cards */
@media (min-width:901px){
.site-header,.nav{z-index:1000}
.links>li{position:relative}
.links>li>.sub-menu{visibility:hidden;opacity:0;pointer-events:none;z-index:1001;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:opacity .18s,transform .18s,visibility 0s .18s}
[data-theme=dark] .links>li>.sub-menu{background:#0a1d3d!important}
.links.hi>li:hover>.sub-menu,.links.hi>li:focus-within>.sub-menu{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px)}
.links.hi>li.open>.sub-menu,.links:not(.hi)>li:hover>.sub-menu,.links.hi>li:has(:focus-visible)>.sub-menu,.links:not(.hi)>li:has(:focus-visible)>.sub-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .18s,transform .18s,visibility 0s}
.links>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
}
@media (prefers-reduced-motion:reduce){.links>li>.sub-menu{transition:none!important}}

/* === SML home 3D (v1.2.0): hero photo stage + 3D card tilt === */
.grid{perspective:1100px}
.card.post,.card.cat,.hero .app{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.card.post,.card.cat{box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 18px -8px rgba(26,115,232,.25)}
.t3d:hover{box-shadow:0 2px 4px rgba(0,0,0,.08),0 22px 40px -14px rgba(26,115,232,.45),0 10px 24px -16px rgba(245,197,66,.5)}
.t3d::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.35),transparent 55%)}
.t3d:hover::after{opacity:1}
html[data-theme=dark] .t3d::after{background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.12),transparent 55%)}
.t3d h3,.t3d .more,.t3d .kick{transform:translateZ(22px)}
/* hero layout: text | photo stage over app card */
.hgrid{grid-template-columns:1.2fr .8fr;grid-template-areas:"txt stage" "txt app"}
.hgrid>div:first-child{grid-area:txt;position:relative;z-index:2}
.hgrid>.stage{grid-area:stage}.hgrid>.app{grid-area:app;margin-top:-56px;position:relative;z-index:3}
.stage{position:relative;width:100%;max-width:300px;aspect-ratio:429/639;justify-self:center;perspective:900px}
.stage .lyr{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.stage .ring{position:absolute;inset:16% 3% 6%;border-radius:28px;padding:3px;background:conic-gradient(from var(--a,0deg),#1a73e8,#f5c542,#1a73e8);animation:smlspin 6s linear infinite;transform:translateZ(-40px)}
.stage .ring::before{content:"";position:absolute;inset:3px;border-radius:25px;background:linear-gradient(160deg,#e8f0fe,#fff6dc)}
html[data-theme=dark] .stage .ring::before{background:linear-gradient(160deg,#0f2747,#2a2410)}
.stage picture,.stage img{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage img{object-fit:contain;object-position:bottom;transform:translateZ(30px);filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}
.stage .nt{position:absolute;font-size:clamp(20px,3vw,32px);color:#f5c542;text-shadow:0 4px 10px rgba(0,0,0,.25);transform:translateZ(70px);animation:smlfloat 5s ease-in-out infinite}
.stage .n1{top:10%;left:0}.stage .n2{top:30%;right:-4%;color:#1a73e8;animation-delay:-2s}.stage .n3{bottom:30%;left:-6%;animation-delay:-3.5s}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes smlspin{to{--a:360deg}}
@keyframes smlfloat{50%{translate:0 -10px}}
@media(max-width:900px){.hgrid{grid-template-columns:1fr;grid-template-areas:"txt" "stage" "app"}.hgrid>.app{margin-top:-28px}.stage{max-width:170px}}
@media (prefers-reduced-motion:reduce){.stage .ring,.stage .nt{animation:none}.t3d,.stage .lyr{transition:none;transform:none!important}}

/* === v1.3.1 hero polish: soft spotlight behind David, clean glass app card === */
.stage .ring{inset:8% -12% 4%;padding:0;border-radius:50%;animation:none;background:radial-gradient(closest-side at 50% 45%,rgba(26,115,232,.38),rgba(26,115,232,.12) 55%,transparent 72%),radial-gradient(closest-side at 72% 72%,rgba(245,197,66,.42),transparent 70%);filter:blur(18px);transform:translateZ(-40px)}
.stage .ring::before{content:"";position:absolute;inset:22% 18% 20%;border-radius:50%;background:none;border:1px solid rgba(26,115,232,.18);box-shadow:0 0 0 18px rgba(245,197,66,.05)}
html[data-theme=dark] .stage .ring{background:radial-gradient(closest-side at 50% 45%,rgba(77,163,255,.45),rgba(77,163,255,.14) 55%,transparent 72%),radial-gradient(closest-side at 72% 72%,rgba(255,212,94,.35),transparent 70%)}
html[data-theme=dark] .stage .ring::before{background:none;border-color:rgba(140,196,255,.18)}
.stage img{-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 98%),linear-gradient(to right,transparent 2%,#000 14%,#000 86%,transparent 98%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 70%,transparent 98%),linear-gradient(to right,transparent 2%,#000 14%,#000 86%,transparent 98%);mask-composite:intersect;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}
html body.sml-home .hero .card.glass.app{animation:none!important;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 2px rgba(15,35,70,.06),0 18px 40px -18px rgba(15,35,70,.35)}
html[data-theme=dark] body.sml-home .hero .card.glass.app{border-color:rgba(255,255,255,.08);background:rgba(10,29,61,.68);box-shadow:0 1px 2px rgba(0,0,0,.3),0 22px 44px -18px rgba(0,0,0,.7)}
.hgrid>.app{margin-top:-90px;margin-inline:auto;width:min(100%,380px)}
@media(max-width:900px){.hgrid>.app{margin-top:-46px;width:100%}}

/* === v1.3.2 search (header + hero) and mobile polish === */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav{position:sticky}
.sbn{margin-left:4px}
.nsr[hidden]{display:none!important}
.nsr{position:absolute;top:calc(100% + 8px);right:0;width:min(460px,100%);display:flex;gap:8px;padding:8px;border-radius:20px;background:#fff;border:1px solid var(--gll);box-shadow:var(--sh);z-index:1002;animation:nsin .18s ease both}
[data-theme=dark] .nsr{background:#0a1d3d}
@keyframes nsin{from{opacity:0;transform:translateY(-6px)}}
.nsr input{flex:1;min-width:0;height:48px;border-radius:999px;border:1px solid var(--gll);background:var(--bg);color:var(--ink);font:16px/1 inherit;padding:0 18px;-webkit-appearance:none;appearance:none}
.nsr input:focus{outline:2px solid var(--gold);outline-offset:1px}
.nsr input::placeholder{color:var(--mut);opacity:1}
.nsr button{flex:none;height:48px;min-width:48px;padding:0 20px;border:0;border-radius:999px;background:var(--b);color:var(--btnt);font:700 15px/1 inherit;cursor:pointer}
input[type=search]::-webkit-search-cancel-button{cursor:pointer}
/* secondary CTA stays an outline button (a plugin stylesheet was painting it blue) */
html body.sml-home .hero .btn.bo{background:var(--gl)!important;color:var(--ink)!important;border:1px solid var(--gll)!important;box-shadow:none}
@media (max-width:900px){.mb{margin-left:0}.sbn{margin-left:auto}.nav{gap:8px}
.nsr{left:0;right:0;width:auto}
.links{z-index:1002}}
@media (max-width:560px){.hero{padding-top:40px}
h1{font-size:clamp(38px,11vw,48px);max-width:none}
.sml-home .eb.glass{font-size:11px;letter-spacing:.08em;padding:8px 14px;flex-wrap:nowrap;white-space:nowrap}
.stats{justify-content:space-between}.stats b{font-size:24px}
.post{grid-template-columns:88px 1fr;gap:14px;padding:12px}.sml-home .post img{width:88px;height:88px}
.band .btn{width:100%;justify-content:center}
footer p a{display:inline-block;padding:12px 0;margin-right:14px}}
@media (max-width:380px){.nsr button{padding:0 14px}}
@media (max-width:900px){.nav>.mb{order:9}}