/* Shared shell for static product pages. Keep this aligned with UI-PROTOCOL.md. */
:root{
  --bg:#f7f7fa;--card:#fff;--card2:#fafafc;
  --line:#e8e8ef;--line2:#d4d4de;--ink:#191920;--ink2:#5b5b66;--ink3:#8d8d97;
  --accent:#6d5ae6;--accent2:#7c5cff;--green:#15803d;--green-bg:rgba(21,128,61,.08);
  --good:#0d9488;--good-bg:rgba(13,148,136,.08);--amber:#b45309;--amber-bg:rgba(180,83,9,.08);
  --red:#dc2626;--red-bg:rgba(220,38,38,.07);--navbg:rgba(247,247,250,.82);
  --grad:linear-gradient(135deg,#7c5cff 0%,#a78bfa 100%);
}
html[data-theme="dark"]{
  --bg:#0b0b0f;--card:#14141b;--card2:#191922;
  --line:#26262f;--line2:#3a3a46;--ink:#e8e7ee;--ink2:#9b9aa6;--ink3:#6b6a76;
  --accent:#8b7cf6;--accent2:#a78bfa;--grad:linear-gradient(135deg,#7c5cff 0%,#a78bfa 100%);
  --green:#4ade80;--green-bg:rgba(74,222,128,.1);--good:#34d399;--good-bg:rgba(52,211,153,.1);
  --amber:#fbbf24;--amber-bg:rgba(251,191,36,.1);--red:#f87171;--red-bg:rgba(248,113,113,.08);
  --navbg:rgba(11,11,15,.75);
}
body.shell-page{
  margin:0;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(124,92,255,.16),transparent 70%),var(--bg)!important;
  color:var(--ink)!important;font-family:'Inter','Noto Sans SC',sans-serif!important;line-height:1.65;
}
body.shell-page .topnav{position:sticky!important;top:0!important;z-index:50!important;background:var(--navbg)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(14px)!important;line-height:normal!important;}
body.shell-page .topnav .in{min-height:73px!important;height:auto!important;max-width:1240px!important;margin:0 auto!important;padding:16px 28px!important;display:flex!important;align-items:center!important;gap:30px!important;}
body.shell-page .brand{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:32px!important;font-weight:850!important;font-size:19px!important;line-height:1!important;letter-spacing:.055em!important;color:var(--ink)!important;white-space:nowrap!important;text-align:left!important;text-decoration:none!important;}
body.shell-page button.brand{appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;font-family:inherit!important;min-width:168px!important;justify-content:flex-start!important;box-shadow:none!important;}
body.shell-page .brand:hover{filter:brightness(1.08);}
body.shell-page .brandmark{position:relative!important;width:28px!important;height:28px!important;border-radius:9px!important;background:radial-gradient(circle at 34% 30%,#fff 0 2px,transparent 3px),linear-gradient(145deg,#6f5cff 0%,#9b7cff 50%,#22d3ee 100%)!important;box-shadow:0 10px 24px rgba(124,92,255,.28),inset 0 0 0 1px rgba(255,255,255,.22)!important;overflow:hidden!important;flex:0 0 auto!important;}
body.shell-page .brandmark:before{content:"";position:absolute;inset:5px;border:1.5px solid rgba(255,255,255,.62);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-18deg);}
body.shell-page .brandmark:after{content:"";position:absolute;width:18px;height:2px;left:5px;top:13px;border-radius:99px;background:rgba(255,255,255,.86);box-shadow:7px 5px 0 -1px rgba(255,255,255,.54);transform:rotate(-28deg);}
.shell-page .brandword,.shell-page .brandtext{font-weight:850;line-height:1;background:linear-gradient(110deg,#8b7cf6 0%,#a78bfa 42%,#22d3ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.shell-page .brandtext{font-size:1.08em;letter-spacing:-.035em;line-height:.95;display:inline-block;white-space:nowrap;text-transform:uppercase;}
body.shell-page .navlinks{display:flex!important;align-items:center!important;gap:26px!important;font-size:15.5px!important;font-weight:600!important;}
.shell-page .navlinks a{color:var(--ink2)!important;white-space:nowrap!important;}.shell-page .navlinks a:hover{color:var(--ink)!important;}
.shell-page .navspacer,.shell-page .spacer{flex:1!important;}
.shell-page .navcta{min-height:52px!important;padding:15px 30px!important;border:0!important;border-radius:11px!important;background:var(--grad)!important;color:#fff!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;box-shadow:0 12px 28px rgba(124,92,255,.22)!important;cursor:pointer!important;white-space:nowrap!important;}
.shell-page .navcta:hover{filter:brightness(1.1);}
body.shell-page main.wrap{max-width:1120px!important;margin:0 auto!important;padding:0 28px 90px!important;}
body.shell-page .hero{text-align:center!important;padding:92px 0 30px!important;}
body.shell-page .hero .skick,body.shell-page .hero .eyebrow{font-family:'JetBrains Mono',monospace!important;font-size:14px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--accent2)!important;}
body.shell-page .hero h1{font-size:clamp(42px,6.7vw,68px)!important;font-weight:850!important;letter-spacing:-.03em!important;line-height:1.04!important;margin:16px auto 0!important;color:var(--ink)!important;}
body.shell-page .hero p,body.shell-page .hero .ssub{max-width:760px!important;margin:18px auto 0!important;color:var(--ink2)!important;font-size:clamp(17px,2vw,19px)!important;line-height:1.78!important;text-align:center!important;}
body.shell-page .hero .updated{margin-top:20px!important;text-align:center!important;color:var(--ink3)!important;font:400 13px/1.6 'JetBrains Mono',monospace!important;}
body.shell-page .layout{margin-top:36px!important;}
body.shell-page .hero h1,body.shell-page .card h2,body.shell-page .card h3,body.shell-page .step b,body.shell-page .signal b{color:var(--ink)!important;}
body.shell-page .hero p,body.shell-page .card p,body.shell-page .card li,body.shell-page .step span,body.shell-page .signal span{color:var(--ink2)!important;}
body.shell-page .toc,body.shell-page .card,body.shell-page .signal,body.shell-page .step,body.shell-page .metric,body.shell-page .legalgrid{background:var(--card)!important;border-color:var(--line)!important;box-shadow:0 18px 48px rgba(15,17,28,.045)!important;}
body.shell-page .toc a{color:var(--ink2)!important;}.shell-page .toc a:hover{background:rgba(124,92,255,.11)!important;color:var(--accent)!important;}.shell-page .metric span,.shell-page .legalgrid dd{color:var(--ink2)!important;}.shell-page .metric b{color:var(--accent)!important;}
body.shell-page .notice{background:rgba(124,92,255,.09)!important;color:var(--ink2)!important;}.shell-page .notice.warn{background:var(--amber-bg)!important;color:var(--ink2)!important;}
body.shell-page footer{display:block!important;margin-top:80px!important;border-top:1px solid var(--line)!important;padding:60px 0 34px!important;background:transparent!important;color:var(--ink)!important;line-height:normal!important;text-align:left!important;}
body.shell-page footer .fgrid{display:grid!important;grid-template-columns:2fr 1fr 1fr 1.15fr!important;gap:30px!important;max-width:1240px!important;margin:0 auto!important;padding:0 28px!important;align-items:start!important;}
body.shell-page footer .fgrid>div{min-width:0!important;text-align:left!important;}
body.shell-page footer .brand{justify-content:flex-start!important;margin:0 0 12px!important;}
body.shell-page footer .fgrid .ftag{display:block!important;max-width:340px!important;margin:12px 0 0!important;color:var(--ink2)!important;font-size:14px!important;line-height:1.75!important;text-align:left!important;}
body.shell-page footer .fgrid h4{display:block!important;margin:0 0 12px!important;color:var(--ink3)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;line-height:1.3!important;text-align:left!important;}
body.shell-page footer .fgrid a{display:block!important;width:max-content!important;max-width:100%!important;padding:4px 0!important;margin:0!important;color:var(--ink2)!important;font-size:14px!important;line-height:1.45!important;text-decoration:none!important;text-align:left!important;}
body.shell-page footer .fgrid a:hover{color:var(--ink)!important;}
body.shell-page footer .fgrid .trustnote{display:block!important;max-width:340px!important;margin:12px 0 0!important;color:var(--ink3)!important;font-size:13px!important;line-height:1.7!important;text-align:left!important;}
body.shell-page footer .copyr{display:block!important;margin:50px 0 0!important;padding:0 28px!important;color:var(--ink3)!important;font-size:12.5px!important;line-height:1.75!important;text-align:center!important;}
.siteprefs{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:8px;align-items:center;}
.siteprefs .thbtn,.siteprefs .langbtn{width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--accent);font:800 14px/1 'Inter','Noto Sans SC',sans-serif;box-shadow:0 12px 28px rgba(15,17,28,.14);cursor:pointer;}
.siteprefs .langdrop{position:relative;}.siteprefs .langmenu{position:absolute;right:0;bottom:50px;display:none;min-width:116px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 18px 42px rgba(15,17,28,.18);}.siteprefs .langdrop.open .langmenu{display:block;}.siteprefs .langmenu a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink2);font-size:13px;font-weight:700;text-decoration:none;}.siteprefs .langmenu a:hover,.siteprefs .langmenu a[aria-current="true"]{background:rgba(124,92,255,.1);color:var(--accent);}
.shell-cookiebar{position:fixed;left:50%;bottom:18px;z-index:59;transform:translateX(-50%);width:min(760px,calc(100vw - 32px));display:none;align-items:center;gap:14px;padding:13px 15px;border:1px solid #e5e5ec;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 22px 60px -26px rgba(15,17,28,.45);color:#4e4e5b;}.shell-cookiebar.show{display:flex;}.shell-cookiebar p{margin:0;flex:1;font-size:13px;line-height:1.5;}.shell-cookiebar b{color:#24242d;}.shell-cookiebar a{color:#6d5ae6;font-weight:800;}.shell-cookiebar button{border:0;border-radius:10px;padding:10px 14px;background:#7c5cff;color:#fff;font:800 13px/1 'Inter','Noto Sans SC',sans-serif;white-space:nowrap;cursor:pointer;}
@media(max-width:820px){body.shell-page footer .fgrid{grid-template-columns:1fr 1fr!important;}}
@media(max-width:760px){
  body.shell-page .topnav .in{min-height:60px!important;padding:8px 14px!important;gap:10px!important;}
  .shell-page .brand{font-size:15px!important;letter-spacing:.03em!important;gap:7px!important;min-width:0!important;}.shell-page button.brand{min-width:154px!important;}.shell-page .brandmark{width:24px!important;height:24px!important;border-radius:8px!important;}
  .shell-page .navcta{min-height:42px!important;padding:10px 13px!important;border-radius:10px!important;font-size:13px!important;line-height:1!important;max-width:none!important;white-space:nowrap!important;text-align:center!important;box-shadow:0 10px 24px rgba(124,92,255,.18)!important;}
  body.shell-page main.wrap{padding:0 18px 78px!important;}.shell-page .hero{padding:52px 0 24px!important;}.shell-page .hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.1!important;}.shell-page .brandtext{display:inline;white-space:normal;overflow-wrap:anywhere;}
  .shell-page .siteprefs{right:12px;bottom:12px;}.shell-page .siteprefs .thbtn,.shell-page .siteprefs .langbtn{width:38px;height:38px;}
  .shell-cookiebar{left:12px;right:12px;bottom:12px;transform:none;width:auto;align-items:flex-start;flex-direction:column;gap:9px;}.shell-cookiebar button{width:100%;}
}
@media(max-width:640px){body.shell-page .navlinks{display:none!important;}body.shell-page footer .fgrid{grid-template-columns:1fr!important;padding:0 18px!important;}.shell-page .copyr{padding:0 18px;}}