/* Reachmark × Best Designs on X — public design system.
   High-key canvas, holographic wash, quiet chrome.
   Display type: Instrument Serif roman (Haryas Text V characters are not
   licensed here — do not bundle a pirated cut). Body: Manrope. */
:root{
  --x-ink:#20251f;
  --x-muted:#5c6358;
  --x-line:rgba(32,37,31,.1);
  --x-card:#fff;
  --x-lime:#d5f268;
  --x-accent:#20251f;
  --x-bg:#f6f7f2;
  --x-max:1280px;
  --x-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --x-sans:Manrope,'DM Sans',system-ui,sans-serif;
}
html{
  overflow-x:hidden;
  overflow-y:auto;
  scroll-behavior:auto;
}
body.x-site,body.public-page,body.x-public{
  margin:0;background:var(--x-bg);color:var(--x-ink);
  font:16px/1.7 var(--x-sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;
  overflow:visible;
}
.x-aurora{
  position:fixed;inset:0 auto auto 0;width:100%;height:min(72vh,640px);
  pointer-events:none;z-index:-1;
  background:url('/static/aurora.jpg') top center / cover no-repeat;
  opacity:.42;mask-image:linear-gradient(180deg,#000 42%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 42%,transparent 100%);
}
.x-site main,.x-public main,.public-page .public-main{position:relative;z-index:1}
/* Keep the shared header intact on pages with legacy `nav { ... }` rules. */
.pub-head{max-width:none!important;padding:0!important;border:0!important;display:block!important}
.pub-head nav.main{
  max-width:none!important;margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;display:flex!important;
  justify-content:flex-start!important;gap:2px!important;
}
@media(max-width:900px){
  .pub-head nav.main{display:none!important}
}
.x-wrap{width:min(var(--x-max),calc(100% - 48px));margin:0 auto}

/* Hero — public business showcase */
.x-hero{padding:48px 24px 28px;text-align:center;position:relative;z-index:1}
.x-kicker{
  margin:0 auto 14px;font:700 11px/1 var(--x-sans);
  letter-spacing:.16em;text-transform:uppercase;color:#6a793a;
}
.x-hero h1{
  font-family:var(--x-serif);font-weight:400;font-style:normal;
  font-size:clamp(40px,6.4vw,76px);line-height:1.18;
  letter-spacing:-.03em;margin:0 auto 24px;max-width:16ch;color:var(--x-ink);
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}
.x-hero h1 em{
  font-style:italic;color:var(--x-ink);font-weight:400;
}
.x-search{
  width:min(640px,calc(100% - 48px));margin:0 auto;
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.86);
  border:1px solid var(--x-line);
  box-shadow:0 18px 50px rgba(32,37,31,.06);
  border-radius:18px;padding:6px 6px 6px 18px;
}
.x-search svg{flex:0 0 18px;color:#8a918b}
.x-search input{
  flex:1;border:0;background:transparent;outline:0;
  font:500 16px/1.2 var(--x-sans);color:var(--x-ink);padding:14px 0;
}
.x-search input::placeholder{color:#8d948e}
.x-search kbd,.x-search-go{
  font:650 12px/1 var(--x-sans);color:#111;border:0;
  background:var(--x-lime);border-radius:12px;
  padding:10px 14px;margin-right:2px;letter-spacing:.01em;cursor:pointer;
}
.x-search-go:hover{filter:brightness(.97)}
.x-lead{
  margin:22px auto 0;max-width:42em;color:var(--x-muted);
  font-size:17px;line-height:1.75;
}
.x-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:26px auto 0}

.x-report{width:min(var(--x-max),calc(100% - 48px));margin:8px auto 72px;text-align:left;position:relative;z-index:1}
.x-report-kicker{font:700 11px/1 var(--x-sans);letter-spacing:.16em;text-transform:uppercase;color:#6a793a;margin:0 0 10px}
.x-report h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.03em;margin:0 0 10px;color:var(--x-ink)}
.x-report-disc{margin:0 0 18px;max-width:46em;color:var(--x-muted);font-size:15px;line-height:1.7}
.x-report-sheet{
  background:#fff;border:1px solid var(--x-line);border-radius:20px;padding:28px 28px 24px;
  box-shadow:0 12px 36px rgba(32,37,31,.05);
}
.x-report-head{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}
.x-report-head strong{font:650 22px/1.2 var(--x-serif);letter-spacing:-.02em}
.x-report-head span{font-size:14px;color:var(--x-muted)}
.x-report-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.x-report-stats div{background:#f6f7f2;border-radius:14px;padding:14px 14px 16px;min-width:0}
.x-report-stats small{display:block;font:700 10px/1.3 var(--x-sans);letter-spacing:.08em;text-transform:uppercase;color:#6a793a;margin-bottom:8px}
.x-report-stats b{display:block;font:650 15px/1.35 var(--x-sans);color:var(--x-ink)}
.x-report-findings{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.x-report-findings li{border-top:1px solid var(--x-line);padding:14px 0 2px}
.x-report-findings b{display:block;font:650 15px/1.3 var(--x-sans);margin-bottom:4px}
.x-report-findings span{display:block;font-size:14px;line-height:1.6;color:var(--x-muted)}
.x-report-fix{margin:18px 0 0;font-size:14px;line-height:1.6;color:var(--x-ink)}

.x-approve{margin:18px 0 0;color:var(--x-lime);font:650 15px/1.5 var(--x-sans)}
.x-plain{
  width:min(var(--x-max),calc(100% - 48px));margin:0 auto 80px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1;
}
.x-plain-item{background:#fff;border:1px solid var(--x-line);border-radius:16px;padding:18px 16px}
.x-plain-item b{display:block;font:650 15px/1.3 var(--x-sans);margin-bottom:8px;color:var(--x-ink)}
.x-plain-item span{display:block;font-size:14px;line-height:1.6;color:var(--x-muted)}

.x-concepts{width:min(var(--x-max),calc(100% - 48px));margin:0 auto 24px;position:relative;z-index:1}
.x-concepts-head{margin:0 0 8px}
.x-concepts-head h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.03em;margin:0 0 8px}
.x-concepts-head p{margin:0;color:var(--x-muted);max-width:46em}
.x-concepts .x-toolbar{width:100%;margin:22px 0 10px}
.x-concepts .x-count{margin:0 0 16px}
.x-concepts .x-masonry{width:100%;margin:0 0 48px}
.x-search-inline{width:min(280px,100%);margin:0;padding:4px 4px 4px 12px;border-radius:14px}
.x-toolbar{
  width:min(var(--x-max),calc(100% - 48px));margin:36px auto 18px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.x-tabs{display:flex;gap:6px;flex-wrap:wrap;position:relative}
.x-tab-pill{
  position:absolute;top:0;left:0;height:100%;width:0;
  background:#20251f;border-radius:999px;pointer-events:none;z-index:0;
  transition:transform .4s cubic-bezier(.65,0,.35,1),width .4s cubic-bezier(.65,0,.35,1);
}
.x-tabs button{
  border:0;background:transparent;color:#4b524e;cursor:pointer;
  font:600 13px var(--x-sans);padding:8px 14px;border-radius:999px;
  position:relative;z-index:1;
}
.x-tabs button:hover{background:rgba(32,37,31,.05);color:#20251f}
.x-tabs button.on{background:#20251f;color:#fff}
.x-tabs.has-pill button:hover{background:transparent}
.x-tabs.has-pill button.on{background:transparent;color:#fff}
.x-count{font:500 13px var(--x-sans);color:#6b716c}
.x-count b{color:#20251f;font-weight:700}

/* Masonry gallery */
.x-masonry{
  width:min(var(--x-max),calc(100% - 48px));margin:0 auto 72px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
}
.x-card{
  margin:0;min-width:0;
  background:var(--x-card);border:1px solid var(--x-line);
  border-radius:18px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,20,.04);
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);
}
.x-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(32,37,31,.08);border-color:rgba(213,242,104,.7)}
.x-card a{color:inherit;text-decoration:none;display:block}
.x-card img.shot{
  width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;
  background:#eef1ec;transition:transform .6s ease;
}
.x-card:hover img.shot{transform:scale(1.035)}
.x-card-foot{
  display:flex;align-items:center;gap:10px;padding:12px 14px 14px;
}
.x-card-foot .av{
  width:28px;height:28px;border-radius:8px;background:#20251f;object-fit:cover;flex:0 0 28px;
}
.x-card-foot strong{display:block;font:650 13px/1.2 var(--x-sans);letter-spacing:-.02em}
.x-card-foot span{display:block;font:500 11px/1.3 var(--x-sans);color:#7a817c;margin-top:2px}

/* Workflow */
.x-pipe{
  width:min(var(--x-max),calc(100% - 48px));margin:0 auto 80px;
  background:#20251f;color:#f3f6f1;border-radius:28px;padding:42px 40px;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start;
  position:relative;z-index:1;
}
.x-pipe .kicker{font:600 11px var(--x-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--x-lime)}
.x-pipe h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(30px,4vw,44px);line-height:1.15;margin:10px 0 14px;letter-spacing:-.02em}
.x-pipe p{color:#c5cec3;margin:0;max-width:46em;font-size:16px;line-height:1.75}
.x-steps{display:grid;gap:10px}
.x-step{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px 16px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);border-radius:16px;
}
.x-step i{
  width:28px;height:28px;border-radius:9px;background:var(--x-lime);color:#111;
  display:grid;place-items:center;font:700 11px var(--x-sans);flex:0 0 28px;
}
.x-step b{display:block;font:650 14px var(--x-sans)}
.x-step span{display:block;color:#c0c9be;font-size:14px;margin-top:4px;line-height:1.6}

/* CTA */
.x-cta{
  width:min(var(--x-max),calc(100% - 48px));margin:0 auto 88px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  background:#fff;border:1px solid var(--x-line);border-radius:24px;padding:32px 34px;
  box-shadow:0 10px 40px rgba(16,24,20,.04);
}
.x-cta h2{font-family:var(--x-serif);font-weight:400;font-size:34px;margin:0 0 6px;letter-spacing:-.03em}
.x-cta p{margin:0;color:var(--x-muted)}
.x-actions{display:flex;gap:10px;flex-wrap:wrap}
.x-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;
  font:650 13.5px var(--x-sans);border:1px solid transparent;
}
.x-btn.dark{background:#111;color:#fff}
.x-btn.lime{background:var(--x-lime);color:#111;border-color:#c8e85b}
.x-btn.ghost{background:#fff;color:#20251f;border-color:rgba(32,37,31,.14)}
.x-btn.dark{background:#20251f;color:#fff}

/* Footer */
.x-foot{position:relative;z-index:1;border-top:1px solid var(--x-line);padding:36px 0 28px;background:transparent}
.x-foot-in{width:min(var(--x-max),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}
.x-foot img{height:24px;width:auto;display:block}
.x-foot .logo-on-dark{display:none}
.x-foot p,.x-foot a{color:#6b716c;font-size:13px;line-height:1.7;text-decoration:none}
.x-foot a:hover{color:#111}
.x-foot h4{margin:0 0 10px;font:650 11px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;color:#111}
.x-foot nav{display:grid;gap:6px}
.x-foot-bottom{width:min(var(--x-max),calc(100% - 48px));margin:22px auto 0;padding-top:16px;border-top:1px solid var(--x-line);color:#8a918b;font-size:12px}

/* Command palette */
.x-cmd{
  position:fixed;inset:0;z-index:120;background:rgba(10,12,11,.38);
  display:none;align-items:flex-start;justify-content:center;padding:14vh 16px 16px;
  backdrop-filter:blur(8px);
}
.x-cmd.open{display:flex}
.x-cmd-box{
  width:min(560px,100%);background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.22);border:1px solid rgba(17,19,20,.08);
}
.x-cmd-box input{
  width:100%;border:0;outline:0;padding:18px 20px;font:500 16px var(--x-sans);
  border-bottom:1px solid var(--x-line);
}
.x-cmd-box a{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 20px;text-decoration:none;color:#111;font:600 14px var(--x-sans);
}
.x-cmd-box a:hover,.x-cmd-box a.active{background:#f4f6f2}
.x-cmd-box a span{color:#8a918b;font:500 12px var(--x-sans)}

/* Public-page overrides so showcase / enquire / pricing inherit the language */
body.public-page, body.x-public{
  background:var(--x-bg) !important;
}
body.public-page::before, body.x-public::before{
  content:'';position:fixed;inset:0 auto auto 0;width:100%;height:min(70vh,640px);
  background:url('/static/aurora.jpg') top center / cover no-repeat;
  pointer-events:none;z-index:-1;opacity:.55;
  mask-image:linear-gradient(180deg,#000 40%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);
}
.public-heading h1, .wrap h1, .enquiry-intro h2{
  font-family:var(--x-serif)!important;font-weight:400!important;letter-spacing:-.03em!important;
}
.public-heading{padding-top:64px!important}
.sample-card{border-radius:18px!important;overflow:hidden}
.sample-card h3{font-family:var(--x-serif)!important;font-weight:400!important}
.sample-image img{object-position:center!important}
.sample-figma{
  position:absolute!important;top:12px!important;right:12px!important;
  left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;
  max-width:calc(100% - 24px);inset:auto 12px auto auto;
  background:rgba(255,255,255,.92)!important;color:#6b7a5a!important;
  border:1px solid #e2e7d6!important;border-radius:20px!important;
  padding:6px 8px!important;opacity:1!important;transform:none!important;
  pointer-events:none;z-index:2;
}

/* Auth pages sitting on the same canvas */
body:has(.auth-shell){
  background:var(--x-bg)!important;
  background-image:url('/static/aurora.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:top center!important;
  background-size:100% auto!important;
}
.auth-shell{border-radius:24px!important;border-color:rgba(17,19,20,.08)!important;box-shadow:0 24px 70px rgba(16,24,20,.1)!important}
.auth-shell .brand h1, .auth-shell .form h2{font-family:var(--x-serif)!important;font-weight:400!important;letter-spacing:-.03em!important}
.auth-shell button[type=submit]{border-radius:999px!important}

/* Pricing cohesion */
body .wrap > h1{font-family:var(--x-serif);font-weight:400}
body .card.pop{border-color:#111!important;box-shadow:0 18px 50px rgba(16,24,20,.1)!important}
body .pop-tag{background:#111!important}
body .btn-lime{background:var(--x-lime)!important}

@media(max-width:980px){
  .x-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x-pipe{grid-template-columns:1fr;padding:28px 22px}
  .x-cta{flex-direction:column;align-items:flex-start}
  .x-foot-in{grid-template-columns:1fr 1fr}
  .x-plain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x-report-stats{grid-template-columns:1fr}
}
@media(max-width:640px){
  .x-hero{padding:28px 16px 16px}
  .x-hero h1{font-size:clamp(32px,11vw,42px);line-height:1.18;max-width:12ch}
  .x-masonry{grid-template-columns:1fr;width:min(100% - 24px,var(--x-max));gap:12px}
  .x-wrap,.x-toolbar,.x-pipe,.x-cta,.x-foot-in,.x-foot-bottom,.x-report,.x-plain,.x-concepts{width:min(100% - 24px,var(--x-max))}
  .x-search{width:min(100% - 24px,640px);padding:4px 4px 4px 14px}
  .x-search-inline{width:100%}
  .x-search-go{padding:10px 12px}
  .x-toolbar{margin-top:24px;gap:10px}
  .x-tabs{width:100%;flex-wrap:wrap;overflow:visible}
  .x-pipe{padding:22px 18px}
  .x-cta h2{font-size:26px}
  .x-foot-in{grid-template-columns:1fr}
  .x-actions,.x-btn,.x-hero-actions{width:100%}
  .x-hero-actions .x-btn{width:100%}
  .x-plain{grid-template-columns:1fr}
}

/* Depth stage — sits under main, never overlaps cards or type. Dark only. */
.x-depth{display:none;position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
[data-theme="dark"] body.x-site .x-depth,
[data-theme="dark"] body.public-page .x-depth,
[data-theme="dark"] body.x-public .x-depth{display:block}
.x-field{position:absolute;inset:0;width:100%;height:100%;display:block}
.x-depth.live .x-orb{display:none}
.x-orb{
  position:absolute;border-radius:50%;filter:blur(70px);
  opacity:.45;
  animation:x-drift 22s ease-in-out infinite;
}
.x-orb-a{width:42vw;height:42vw;left:-8vw;top:-12vh;background:radial-gradient(circle,#d5f26855,#20251f00 70%)}
.x-orb-b{width:36vw;height:36vw;right:-10vw;top:18vh;background:radial-gradient(circle,#3a7a0a44,#0000 70%);animation-delay:-7s}
.x-orb-c{width:50vw;height:28vw;left:20vw;bottom:-18vh;background:radial-gradient(circle,#d5f26822,#1110 70%);animation-delay:-13s}
@keyframes x-drift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(4%,6%,0) scale(1.08)}
}

[data-theme="dark"]{
  --x-ink:#eef3ea;--x-muted:#9aa894;--x-line:rgba(213,242,104,.12);--x-card:rgba(22,28,20,.72);--x-bg:#0a0c0b;
}
[data-theme="dark"] body.x-site,
[data-theme="dark"] body.public-page,
[data-theme="dark"] body.x-public{
  background:
    radial-gradient(1200px 600px at 12% -10%, rgba(213,242,104,.14), transparent 55%),
    radial-gradient(900px 500px at 100% 10%, rgba(58,122,10,.18), transparent 50%),
    #0a0c0b;
  color:#eef3ea;
}
[data-theme="dark"] .x-aurora{opacity:0;visibility:hidden}
[data-theme="dark"] .x-tabs.has-pill button:hover{background:transparent}
[data-theme="dark"] body.public-page::before,
[data-theme="dark"] body.x-public::before{opacity:.2;filter:saturate(1.2) brightness(.5)}
[data-theme="dark"] .x-hero h1{color:#f7faf2}
[data-theme="dark"] .x-hero h1 em{color:#d5f268;font-style:italic}
[data-theme="dark"] .x-kicker{color:#d5f268}
[data-theme="dark"] .x-lead{color:#b7c0b2}
[data-theme="dark"] .x-search{
  background:rgba(16,20,16,.55);border-color:rgba(213,242,104,.18);
  box-shadow:0 24px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(213,242,104,.12);
  backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
}
[data-theme="dark"] .x-search input{color:#f3f6f1}
[data-theme="dark"] .x-search-go{background:var(--x-lime);color:#111}
[data-theme="dark"] .x-tabs button{color:#9aa894}
[data-theme="dark"] .x-tabs button:hover{background:rgba(213,242,104,.1);color:#eef3ea}
[data-theme="dark"] .x-tabs button.on{background:#d5f268;color:#111}
[data-theme="dark"] .x-tabs.has-pill button.on{background:transparent;color:#111}
[data-theme="dark"] .x-tab-pill{background:#d5f268}
[data-theme="dark"] .x-count{color:#8b9486}
[data-theme="dark"] .x-count b{color:#fff}
[data-theme="dark"] .x-card{
  background:rgba(18,24,18,.55);border-color:rgba(213,242,104,.16);
  box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);
}
[data-theme="dark"] .x-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(213,242,104,.22)}
[data-theme="dark"] .x-card-foot span{color:#8b9486}
[data-theme="dark"] .x-pipe{
  background:linear-gradient(160deg,rgba(20,26,18,.92),rgba(10,12,11,.94));
  border:1px solid rgba(213,242,104,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}
[data-theme="dark"] .x-cta{
  background:rgba(16,20,16,.7);border-color:rgba(213,242,104,.16);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
[data-theme="dark"] .x-report-sheet,[data-theme="dark"] .x-plain-item{
  background:rgba(18,24,18,.7);border-color:rgba(213,242,104,.16);
}
[data-theme="dark"] .x-report-stats div{background:rgba(213,242,104,.08)}
[data-theme="dark"] .x-report h2,[data-theme="dark"] .x-concepts-head h2,[data-theme="dark"] .x-plain-item b,[data-theme="dark"] .x-report-head strong{color:#f3f6f1}
[data-theme="dark"] .x-report-disc,[data-theme="dark"] .x-concepts-head p,[data-theme="dark"] .x-plain-item span,[data-theme="dark"] .x-report-findings span{color:#b7c0b2}
[data-theme="dark"] .x-report-kicker{color:#d5f268}
[data-theme="dark"] .x-btn.dark{background:#d5f268;color:#111;border-color:#d5f268}
[data-theme="dark"] .x-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.16)}
[data-theme="dark"] .x-foot{border-top-color:rgba(255,255,255,.08)}
[data-theme="dark"] .x-foot a{color:#c5cec3}
[data-theme="dark"] .x-foot a:hover,[data-theme="dark"] .x-foot h4{color:#fff}
[data-theme="dark"] .x-foot p,[data-theme="dark"] .x-foot-bottom{color:#8b9486}
[data-theme="dark"] .x-foot .logo-on-light{display:none}
[data-theme="dark"] .x-foot .logo-on-dark{display:block}
[data-theme="dark"] .x-cmd-box{
  background:rgba(14,18,14,.92);border-color:rgba(213,242,104,.16);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
}
[data-theme="dark"] .x-cmd-box input{background:transparent;color:#fff;border-bottom-color:rgba(255,255,255,.08)}
[data-theme="dark"] .x-cmd-box a{color:#f3f6f1}
[data-theme="dark"] .x-cmd-box a:hover{background:rgba(213,242,104,.1)}
[data-theme="dark"] .app-card{
  background:rgba(18,24,18,.78);border-color:rgba(213,242,104,.14);
  backdrop-filter:blur(18px);
}

@media(prefers-reduced-motion:reduce){
  .x-orb{animation:none}
  .x-card{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.x-hero-alt{margin:16px 0 0;font-size:14px}
.x-hero-alt a{color:var(--x-muted,#6b7a5a);text-decoration:underline}
.x-shots{width:min(var(--x-max),calc(100% - 48px));margin:0 auto 80px;position:relative;z-index:1}
.x-shots-head h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(28px,3.6vw,40px);margin:0 0 8px}
.x-shots-head p{margin:0 0 22px;color:var(--x-muted);max-width:52em}
.x-shots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.x-shots-grid figure{margin:0;background:#fff;border:1px solid var(--x-line,#e2e7d6);border-radius:16px;overflow:hidden}
.x-shots-grid img{display:block;width:100%;height:auto}
.x-shots-grid figcaption{padding:12px 14px;font-size:13px;color:#535f4c}
.x-try{width:min(640px,calc(100% - 48px));margin:0 auto 72px;text-align:center;position:relative;z-index:1}
.x-try h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(26px,3vw,36px);margin:0 0 8px}
.x-try p{color:var(--x-muted);margin:0 0 16px}
.x-plans{width:min(var(--x-max),calc(100% - 48px));margin:0 auto 72px;position:relative;z-index:1}
.x-plans-head h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(28px,3.6vw,40px);margin:0 0 8px}
.x-plans-head p{margin:0 0 22px;color:var(--x-muted)}
.x-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.x-plans-grid article{background:#fff;border:1px solid var(--x-line,#e2e7d6);border-radius:16px;padding:22px}
.x-plans-grid article.on{border-color:#20251f;background:#20251f;color:#eaf3de}
.x-plans-grid small{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}
.x-plans-grid b{display:block;font-size:32px;margin:8px 0}
.x-plans-grid p{font-size:14px;line-height:1.55;color:#535f4c}
.x-plans-grid article.on p{color:#b7c0b2}
.x-plans-grid a{font-weight:700;color:#20251f}
.x-plans-grid article.on a{color:#d5f268}
.x-plans-note{margin:14px 0 0;font-size:14px}
.x-trust{width:min(var(--x-max),calc(100% - 48px));margin:0 auto 80px;position:relative;z-index:1}
.x-trust h2{font-family:var(--x-serif);font-weight:400;font-size:clamp(28px,3.6vw,40px);margin:0 0 18px}
.x-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.x-trust-grid a{display:block;background:#fff;border:1px solid var(--x-line,#e2e7d6);border-radius:16px;padding:20px;text-decoration:none;color:inherit}
.x-trust-grid b{display:block;margin-bottom:8px}
.x-trust-grid span{display:block;font-size:14px;line-height:1.55;color:#535f4c}
.oe-sample-banner{background:#eef6d1;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;margin:0 0 18px;color:#20251f}
@media(max-width:800px){
  .x-shots-grid,.x-plans-grid,.x-trust-grid{grid-template-columns:1fr}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.x-audience{display:flex;gap:8px;margin:22px auto 14px;flex-wrap:wrap;justify-content:center}
.x-audience button{border:1px solid var(--x-line,#e2e7d6);background:#fff;color:#20251f;border-radius:999px;padding:8px 14px;font:650 13px Manrope,sans-serif;cursor:pointer}
.x-audience button.on{background:#20251f;color:#d5f268;border-color:#20251f}
.x-audit{display:flex;gap:8px;max-width:560px;margin:8px auto 0;flex-wrap:wrap;justify-content:center}
.x-audit input{flex:1;min-width:220px;border:1px solid var(--x-line,#e2e7d6);border-radius:12px;padding:12px 14px;font:15px Manrope,sans-serif;background:#fff}
.x-audit-hint{font-size:13px;color:var(--x-muted,#6b7a5a);margin:8px auto 0;max-width:520px}
.x-audit-out{margin:18px auto 0;max-width:560px;background:#fff;border:1px solid var(--x-line,#e2e7d6);border-radius:16px;padding:18px;text-align:left}
.x-audit-label,.x-audit-gate{font-size:13px;color:#6b7a5a;line-height:1.5}
.x-audit-leaks{margin:12px 0;padding-left:18px}
.x-audit-leaks li{margin:0 0 10px}
.x-audit-leaks strong{display:block;color:#20251f}
.x-audit-leaks span{display:block;font-size:13px;color:#535f4c;line-height:1.5}
.x-audit-block{color:#20251f;background:#eef6d1;border-radius:10px;padding:12px}
.x-plain-card{background:#fff;border:1px solid var(--x-line,#e2e7d6);border-radius:16px;padding:22px}
.x-plain-list{margin:12px 0 0;padding-left:18px;color:#535f4c;line-height:1.6}
[data-theme="dark"] .x-audience button{background:transparent;color:#f3f6f1;border-color:rgba(255,255,255,.16)}
[data-theme="dark"] .x-audience button.on{background:#d5f268;color:#111;border-color:#d5f268}
[data-theme="dark"] .x-audit input,[data-theme="dark"] .x-audit-out,[data-theme="dark"] .x-plain-card{background:rgba(18,24,18,.78);border-color:rgba(213,242,104,.14);color:#f3f6f1}
[data-theme="dark"] .x-audit-leaks strong{color:#f3f6f1}