:root{--bg:#050505;--bg2:#0C0C0C;--fg:#EFEFEF;--muted:#8A8A8A;--line:rgba(255,255,255,.12);--paper:#F2F2F0;--ink:#111;--acc:#7CF0A0}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
h1,h2,h3{font-family:"Inter Tight",Inter,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.02}

/* pill nav */
header{position:fixed;top:18px;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.pill{pointer-events:auto;display:flex;align-items:center;gap:6px;background:rgba(18,18,18,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.brand{display:flex;align-items:center;gap:10px;margin-right:14px}
.brand img{height:22px}
.pill .brand{margin-right:40px}
.brand span{font-family:Michroma,sans-serif;font-size:11px;letter-spacing:.38em;text-transform:uppercase;padding-top:2px}
.links{display:flex;gap:4px}
.links a{font-size:14px;font-weight:500;padding:9px 14px;border-radius:999px;color:#BDBDBD}
.links a:hover{background:rgba(255,255,255,.08);color:#fff}
.navr{display:flex;align-items:center;gap:6px;margin-left:8px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:11px 20px;border-radius:999px;background:#fff;color:#050505;transition:transform .15s,background .2s}
.btn:hover{background:#E4E4E4;transform:translateY(-1px)}
.btn.sm{font-size:14px;padding:10px 18px}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.3)}
.btn.ghost:hover{background:#fff;color:#050505}
.btn .ar{transition:transform .2s}.btn:hover .ar{transform:translateX(3px)}
.navr .btn .ico{display:block;width:15px;height:15px;order:-1;opacity:.85}.navr .btn .ar{display:none}
.navr .btn,.navr .btn.sm{background:transparent;color:var(--fg);border:1px solid var(--line);font-size:13px;font-weight:600;padding:9px 14px;gap:6px}
.navr .btn:hover{background:rgba(255,255,255,.08);transform:none}
.lp-btn:hover{background:rgba(255,255,255,.08)}.lp-btn .gl{display:block;width:15px;height:15px;opacity:.85}
.lp-menu button .cd{width:22px;font-weight:600;opacity:.6}
.langpick{position:relative}
.lp-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--fg)}
.lp-menu{position:absolute;right:0;top:calc(100% + 8px);background:#141414;border:1px solid var(--line);border-radius:14px;padding:6px;min-width:150px;box-shadow:0 12px 30px rgba(0,0,0,.5);display:none}
.langpick.open .lp-menu{display:block}
.lp-menu button{display:flex;gap:8px;align-items:center;width:100%;text-align:left;font:inherit;font-size:13px;padding:8px 10px;border-radius:9px;border:0;background:none;cursor:pointer;color:var(--fg)}
.lp-menu button:hover,.lp-menu button.on{background:rgba(255,255,255,.08)}

/* hero */
.hero{position:relative;background:radial-gradient(ellipse 60% 50% at 50% 40%,#161616 0%,var(--bg) 70%);color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:120px 24px 80px}
.hero h1{font-size:clamp(46px,7.4vw,104px);max-width:14ch;margin:0 auto}
.hero h1 em{font-style:normal;color:#6E6E6E}
.hero p{font-size:clamp(17px,1.5vw,21px);max-width:44ch;margin:26px auto 34px;color:#A3A3A3}
.hero .hc{position:relative;z-index:2}
.orbit{position:absolute;inset:0;z-index:3;pointer-events:none}
.orbit .bub:not(.dot){pointer-events:auto}
.orbit .bub:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
.bub.held{border-color:rgba(255,255,255,.5);box-shadow:0 40px 80px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.15);cursor:grabbing!important}
.hero .hc{pointer-events:none}.hero .hc a{pointer-events:auto}
.bub{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 35% 30%,#232323,#0E0E0E 70%);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);will-change:transform}
.bub img{width:52%;height:52%;object-fit:contain;border-radius:22%}
.bub.dot{width:14px;height:14px;background:#fff;border:0;box-shadow:0 0 0 6px rgba(255,255,255,.06);opacity:.9}
.bub.dot.g{background:var(--acc);box-shadow:0 0 0 6px rgba(124,240,160,.12)}
@keyframes float{from{transform:translateY(-10px)}to{transform:translateY(14px)}}
/* mobile: bubbles become a row under the CTA */
@media (max-width:860px){
  .hero{min-height:100svh;padding:120px 24px 90px;background:radial-gradient(ellipse 90% 40% at 50% 40%,#161616 0%,var(--bg) 70%)}
  .hero h1{font-size:clamp(40px,11.5vw,56px)}
  .hero p{font-size:16px}
    .orbit .bub{width:68px!important;height:68px!important}
  .orbit .bub.dot{width:10px!important;height:10px!important}
  .orbit .bub:nth-child(1){left:8%!important;top:16%!important}
  .orbit .bub:nth-child(2){left:70%!important;top:13%!important}
  .orbit .bub:nth-child(3){left:40%!important;top:27%!important}
  .orbit .bub:nth-child(4){left:12%!important;top:68%!important}
  .orbit .bub:nth-child(5){left:60%!important;top:82%!important}
  .orbit .bub:nth-child(6){left:74%!important;top:66%!important}
  .orbit .bub:nth-child(7){left:30%!important;top:85%!important}
  .orbit .bub:nth-child(8){left:22%!important;top:26%!important}
  .orbit .bub:nth-child(9){left:60%!important;top:13%!important}
  .orbit .bub:nth-child(10){left:8%!important;top:52%!important}
  .orbit .bub:nth-child(11){left:70%!important;top:30%!important}
}

/* sections */
section{padding:120px 0}
.big{font-size:clamp(30px,4.4vw,58px);max-width:20ch}
.big span{color:var(--muted)}
.lead{font-size:clamp(18px,1.6vw,22px);color:var(--muted);max-width:52ch;margin-top:22px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px}
.cols .n{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:44px;line-height:1;margin-bottom:14px;color:#C9C9C9}
.cols b{display:block;font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.cols p{color:var(--muted);font-size:16px}
.light{background:var(--paper);color:var(--ink)}
.light .big span{color:#8A8A8A}.light .lead,.light .cols p{color:#5A5A5A}.light .cols .n{color:#111}
.dark{background:var(--bg);border-top:0}
.about .lead{max-width:60ch;margin-top:18px}.about .lead+.lead{margin-top:12px}
.awrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.aviz{aspect-ratio:1/1;max-width:460px;width:100%;justify-self:end}.aviz canvas{width:100%;height:100%;display:block}
@media (max-width:860px){.awrap{grid-template-columns:1fr;gap:28px}.aviz{max-width:320px;justify-self:center}}
.contact-light .cnote{color:#5A5A5A}.contact-light .fnote{color:#7A7A7A}.contact-light .btn{background:var(--ink);color:#fff}
footer .fright a{text-decoration:underline;text-underline-offset:2px}
.contact-light{background:var(--paper);color:var(--ink)}
.contact-light .big span{color:#8A8A8A}.contact-light .cnote{color:#5A5A5A}
.contact-light .cform{background:#fff;border:1px solid #E3E3E0;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.contact-light .cform label{color:#444}.contact-light .cform input,.contact-light .cform textarea{background:#FAFAFA;border-color:#E3E3E0;color:var(--ink)}
.contact-light .cform input:focus,.contact-light .cform textarea:focus{border-color:#111}
.contact-light .cform .btn{background:#050505;color:#fff}.contact-light .cform .btn:hover{background:#222}
.contact-light .lp-menu{color:var(--ink)}

/* products */
.prods{background:var(--bg)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px;margin-top:56px}
.pc{text-align:center}
.pc .c{width:132px;height:132px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,#1E1E1E,#0B0B0B 70%);transition:transform .2s,border-color .2s}
.pc:hover .c{transform:translateY(-6px);border-color:rgba(255,255,255,.4)}
.pc .c img{width:52%;border-radius:20%}
.pc b{display:block;font-size:15px;font-weight:600}
.pc small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.tag{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:#BDBDBD}
.tag.live{color:var(--acc);border-color:rgba(124,240,160,.35)}.tag.launch{color:#6FC3FF;border-color:rgba(111,195,255,.35)}.tag.soon{color:#F5B342;border-color:rgba(245,179,66,.35)}

/* contact */
.cwrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.cform{background:#111;border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;gap:14px}
.cform label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#BDBDBD}
.cform input,.cform textarea{font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0A0A0A;color:var(--fg);width:100%}
.cform input:focus,.cform textarea:focus{outline:0;border-color:rgba(255,255,255,.5)}
.cform button{font:inherit;border:0;cursor:pointer;justify-content:center;margin-top:4px}
.hp{position:absolute;left:-9999px}
.cnote{color:var(--muted);margin-top:16px;font-size:17px}

footer{padding:40px 0;font-size:13px;color:var(--muted);background:var(--bg);border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer nav{display:flex;gap:22px}
footer .brand img{height:18px}
footer .fsoc{display:flex;align-items:center;gap:8px}
footer .fsoc>a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--fg);opacity:.8;transition:opacity .2s,background .2s}
footer .fsoc>a:hover{opacity:1;background:rgba(255,255,255,.08)}
footer .langpick{margin-left:4px}
footer .lp-menu{top:auto;bottom:calc(100% + 8px)}
footer .lp-btn .gl{display:block!important}

@media (max-width:860px){
  .pill{padding:6px 6px 6px 14px}.links{display:none}.brand span{font-size:10px;letter-spacing:.3em}.brand{margin-right:6px}.pill .brand{margin-right:20px}
  .navr .btn .txt,.navr .btn .ar{display:none}.navr .btn .ico{display:block;width:16px;height:16px}.navr .btn,.navr .btn.sm{padding:9px 12px}
  .lp-btn .gl{display:none}
  section{padding:72px 0}.cols{grid-template-columns:1fr;gap:34px}.cwrap{grid-template-columns:1fr;gap:36px}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:22px}.pc .c{width:104px;height:104px}
  .big{font-size:clamp(30px,9vw,40px)}.cform{padding:20px}
}

/* products strip (production line) */
.strip{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip.light{background:var(--paper);color:var(--ink);border-color:#E3E3E0}
.strip.light .eyebrow{color:#7A7A7A}.strip.light .btn.ghost{color:var(--ink);border-color:rgba(0,0,0,.35)}.strip.light .btn.ghost:hover{background:var(--ink);color:#fff}
.tz2{display:grid;grid-template-columns:minmax(260px,32%) 1fr auto;align-items:center;gap:40px;padding:10px 0;color:inherit}
.tzt{display:flex;flex-direction:column;gap:10px}
.eyebrow{font-family:Inter,sans-serif;font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.tz2 .names{font-family:"Inter Tight",Inter,sans-serif;font-weight:800;font-size:clamp(26px,3vw,40px);line-height:1.02;letter-spacing:-.025em}
.tzv{display:block;height:200px;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.tzv canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.tz2 .go{white-space:nowrap}
.tally{font-size:14px;color:var(--muted);margin-top:6px}
@media (max-width:860px){.tz2{grid-template-columns:1fr;gap:20px;justify-items:start}.tz2 .go{width:auto}.tzv{height:150px;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}}

/* products page */
.phero{padding:150px 0 30px}
.phero h1{font-size:clamp(46px,7vw,96px)}
.plist{display:grid;gap:22px;padding-bottom:40px}
.pcard{display:grid;grid-template-columns:64px 1fr;gap:22px 26px;align-items:start;padding:26px 28px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 20% 0%,#161616,#0B0B0B 70%);transition:border-color .2s,transform .2s}
.pcard:hover{border-color:rgba(255,255,255,.28);transform:translateY(-2px)}
.pcard .ic{width:64px;height:64px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.pcard .ic img{width:100%;height:100%;object-fit:cover;display:block}
.pcard h2{font-size:26px;display:flex;flex-direction:column;gap:4px;margin-top:2px}
.pcard h2 small{font-family:Inter,sans-serif;font-weight:500;font-size:13px;letter-spacing:0;color:var(--muted)}
.pcard .lead{font-size:17px;color:#C9C9C9;margin-top:8px;max-width:60ch}
.pcard .desc{color:var(--muted);margin-top:10px;font-size:16px;max-width:56ch}
.pcard .acts{margin-top:18px;display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center}
.pcard .acts .tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pcard .acts .btn{font-size:14px;padding:10px 16px}
.pcard .tags{display:flex;gap:8px;flex-wrap:wrap}
.pcard .tag{margin-top:0;font-size:12px;padding:5px 11px}
.tag.dev{color:#F5B342;border-color:rgba(245,179,66,.4)}
.tag.dev::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#F5B342;margin-right:8px;vertical-align:1px;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.tag.partner{color:#C7B3FF;border-color:rgba(199,179,255,.4)}
.tag.custom{color:#C7B3FF;border-color:rgba(199,179,255,.4)}
.tag.custom::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#C7B3FF;margin-right:8px;vertical-align:1px}
.kv{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.kv span{color:var(--muted)}.kv b{font-weight:600;text-align:right}
.btn.soon{background:transparent;color:var(--muted);border:1px dashed rgba(255,255,255,.3);cursor:default}
.btn.soon:hover{background:transparent;transform:none}
.btn.priv{background:transparent;color:var(--fg);border:1px solid var(--line);cursor:default}
.btn.priv:hover{background:transparent;transform:none}
.pcta{margin:40px 0 0;padding:40px;border:1px solid var(--line);border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;background:var(--bg2)}
.pcta h3{font-size:30px}.pcta p{color:var(--muted);margin-top:8px}
@media (max-width:860px){.phero{padding:120px 0 20px}.pcard{display:block;padding:20px}.pcard .ic{width:48px;height:48px;border-radius:14px;float:left;margin:0 14px 0 0}.pcard h2{min-height:48px;justify-content:center;margin-top:0}.pcard .lead{clear:both;padding-top:12px;margin-top:0}.pcard .acts{flex-direction:column;align-items:flex-start;gap:12px}.pcard h2{font-size:26px}.pcta{padding:28px}}

footer nav a:hover{color:var(--fg)}
.fnote{font-size:12px;color:#6B6B6B;margin-top:4px;text-align:center}
.fnote a{text-decoration:underline;text-underline-offset:2px}

/* partnerships + node network */
.net{background:var(--bg)}
.nwrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.ncopy .btn{margin-top:30px}
.nviz{position:relative;height:min(520px,64vh);border-radius:28px;overflow:hidden;mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 45%,transparent 100%)}
.nviz canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}
@media (max-width:860px){.nwrap{grid-template-columns:1fr;gap:10px}.nviz{height:300px;order:-1}}
.tzb{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;margin-top:56px;padding-top:36px;border-top:1px solid #E3E3E0}
.tzb h3{font-size:clamp(22px,2.4vw,30px)}.tzb p{color:#5A5A5A;margin-top:6px;font-size:16px}
.stmt{font-family:"Inter Tight",Inter,sans-serif;font-weight:500;font-size:clamp(24px,3.2vw,44px);line-height:1.18;letter-spacing:-.02em;max-width:38ch;margin-top:96px;padding-top:56px;border-top:1px solid #E3E3E0}
.stmt{box-sizing:border-box}
#studio .stmt{max-width:none}#studio .stmt span{display:block;max-width:38ch}
@media (max-width:860px){.stmt{margin-top:56px;padding-top:36px;max-width:none}}
/* studio rows */
.rows{list-style:none;margin-top:64px;border-top:1px solid #E3E3E0}
.rows li{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:30px;align-items:baseline;padding:34px 0;border-bottom:1px solid #E3E3E0;transition:padding-left .25s}
.rows li:hover{padding-left:10px}
.rows .rn{font-family:Inter,sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;color:#8A8A8A}
.rows b{font-family:"Inter Tight",Inter,sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;line-height:1.1}
.rows p{color:#5A5A5A;font-size:16px;max-width:48ch}
#studio .stmt{margin-top:64px;padding-top:0;border-top:0}
@media (max-width:860px){.rows li{grid-template-columns:1fr;gap:8px;padding:24px 0}.rows .rn{margin-bottom:2px}}

/* theme toggle (sun · moon) in the pill */
.thm{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px}
.thm button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.thm button:hover{color:var(--fg)}
.thm button.on{background:rgba(255,255,255,.14);color:var(--fg)}
.thm button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
@media (max-width:860px){.thm button{width:28px;height:28px}}

/* ===== light theme: the inverse of the dark site (dark sections turn light, light sections turn dark) ===== */
html[data-theme="light"]{--bg:#F5F5F3;--bg2:#ECECE9;--fg:#111;--muted:#6B6B6B;--line:rgba(0,0,0,.12);--paper:#070707;--ink:#EFEFEF;--acc:#16A34A}
html[data-theme="light"] .thm button.on{background:rgba(0,0,0,.08)}
html[data-theme="light"] .pill{background:rgba(255,255,255,.82);box-shadow:0 12px 40px rgba(0,0,0,.10)}
html[data-theme="light"] .brand img{filter:invert(1)}
html[data-theme="light"] .links a{color:#555}
html[data-theme="light"] .links a:hover,html[data-theme="light"] .navr .btn:hover,html[data-theme="light"] .lp-btn:hover,html[data-theme="light"] .lp-menu button:hover,html[data-theme="light"] .lp-menu button.on,html[data-theme="light"] footer .fsoc>a:hover{background:rgba(0,0,0,.06)}
html[data-theme="light"] .lp-menu{background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12)}
html[data-theme="light"] .btn{background:#111;color:#fff}
html[data-theme="light"] .btn:hover{background:#333}
html[data-theme="light"] .btn.ghost{background:transparent;color:var(--fg);border-color:rgba(0,0,0,.3)}
html[data-theme="light"] .btn.ghost:hover{background:#111;color:#fff}
html[data-theme="light"] .navr .btn{background:transparent;color:var(--fg)}
html[data-theme="light"] .btn.soon{background:transparent;color:var(--muted);border-color:rgba(0,0,0,.3)}
html[data-theme="light"] .btn.priv{background:transparent;color:var(--fg)}
/* hero + bubbles */
html[data-theme="light"] .hero{background:radial-gradient(ellipse 60% 50% at 50% 40%,#FFFFFF 0%,var(--bg) 70%);color:#111}
html[data-theme="light"] .hero h1 em{color:#9A9A9A}
html[data-theme="light"] .hero p{color:#555}
html[data-theme="light"] .bub{border-color:rgba(0,0,0,.08);background:radial-gradient(circle at 35% 30%,#FFFFFF,#E6E6E3 70%);box-shadow:0 30px 60px rgba(0,0,0,.12),inset 0 1px 0 #fff}
html[data-theme="light"] .bub.held{border-color:rgba(0,0,0,.3);box-shadow:0 40px 80px rgba(0,0,0,.18)}
html[data-theme="light"] .bub.dot{background:#111;box-shadow:0 0 0 6px rgba(0,0,0,.06)}
html[data-theme="light"] .bub.dot.g{background:var(--acc);box-shadow:0 0 0 6px rgba(22,163,74,.12)}
@media (max-width:860px){html[data-theme="light"] .hero{background:radial-gradient(ellipse 90% 40% at 50% 40%,#FFFFFF 0%,var(--bg) 70%)}}
/* sections that were dark */
html[data-theme="light"] .cols .n{color:#3A3A3A}
html[data-theme="light"] .pc .c{background:radial-gradient(circle at 35% 30%,#FFFFFF,#E9E9E6 70%)}
html[data-theme="light"] .pc:hover .c{border-color:rgba(0,0,0,.3)}
html[data-theme="light"] .cform{background:#fff}
html[data-theme="light"] .cform label{color:#444}
html[data-theme="light"] .cform input,html[data-theme="light"] .cform textarea{background:#FAFAFA}
html[data-theme="light"] .cform input:focus,html[data-theme="light"] .cform textarea:focus{border-color:#111}
/* sections that were light: now dark */
html[data-theme="light"] .light .lead,html[data-theme="light"] .light .cols p{color:#A3A3A3}
html[data-theme="light"] .light .cols .n{color:#EFEFEF}
html[data-theme="light"] .light .btn{background:#fff;color:#050505}
html[data-theme="light"] .light .btn:hover{background:#E4E4E4}
html[data-theme="light"] .strip.light{border-color:rgba(255,255,255,.12)}
html[data-theme="light"] .strip.light .eyebrow{color:#8A8A8A}
html[data-theme="light"] .strip.light .btn.ghost{background:transparent;color:#EFEFEF;border-color:rgba(255,255,255,.35)}
html[data-theme="light"] .strip.light .btn.ghost:hover{background:#fff;color:#050505}
html[data-theme="light"] .tzb,html[data-theme="light"] .stmt,html[data-theme="light"] .rows,html[data-theme="light"] .rows li{border-color:rgba(255,255,255,.12)}
html[data-theme="light"] .tzb p,html[data-theme="light"] .rows p{color:#A3A3A3}
html[data-theme="light"] .contact-light .cnote{color:#A3A3A3}
html[data-theme="light"] .contact-light .fnote{color:#8A8A8A}
html[data-theme="light"] .contact-light .cform{background:#111;border:1px solid rgba(255,255,255,.12);box-shadow:none}
html[data-theme="light"] .contact-light .cform label{color:#BDBDBD}
html[data-theme="light"] .contact-light .cform input,html[data-theme="light"] .contact-light .cform textarea{background:#0A0A0A;border-color:rgba(255,255,255,.12);color:#EFEFEF}
html[data-theme="light"] .contact-light .cform input:focus,html[data-theme="light"] .contact-light .cform textarea:focus{border-color:rgba(255,255,255,.5)}
html[data-theme="light"] .contact-light .cform .btn{background:#fff;color:#050505}
html[data-theme="light"] .contact-light .cform .btn:hover{background:#E4E4E4}
/* products page */
html[data-theme="light"] .pcard{background:radial-gradient(ellipse at 20% 0%,#FFFFFF,#EFEFEC 70%)}
html[data-theme="light"] .pcard:hover{border-color:rgba(0,0,0,.25)}
html[data-theme="light"] .pcard .lead{color:#333}
/* tags: darker hues so they read on light backgrounds */
html[data-theme="light"] .tag{color:#555}
html[data-theme="light"] .tag.live{color:#15803D;border-color:rgba(21,128,61,.35)}
html[data-theme="light"] .tag.launch{color:#0369A1;border-color:rgba(3,105,161,.35)}
html[data-theme="light"] .tag.soon,html[data-theme="light"] .tag.dev{color:#B45309;border-color:rgba(180,83,9,.4)}
html[data-theme="light"] .tag.dev::before{background:#B45309}
html[data-theme="light"] .tag.partner,html[data-theme="light"] .tag.custom{color:#6D28D9;border-color:rgba(109,40,217,.35)}
html[data-theme="light"] .tag.custom::before{background:#6D28D9}
html[data-theme="light"] .light .tag{color:#BDBDBD}
html[data-theme="light"] .light .tag.live{color:#7CF0A0;border-color:rgba(124,240,160,.35)}
/* other pages */
html[data-theme="light"] .lost{background:radial-gradient(ellipse 60% 50% at 50% 45%,#FFFFFF 0%,var(--bg) 70%)}
html[data-theme="light"] .code{color:#E2E2DF}
html[data-theme="light"] .legal p,html[data-theme="light"] .legal li{color:#333}