/* A1 Plan API - public website. Light + dark themes via [data-theme]. */
:root,[data-theme="light"]{
  --bg:#F5F8FE; --bg-2:#EAF0FB; --surface:#FFFFFF; --surface-2:#F1F5FC; --line:#DDE5F3; --line-2:#E9EFF9;
  --text:#0B1B4D; --muted:#51618B; --faint:#8794B5;
  --blue:#1D6FF2; --blue-d:#1457C7; --cyan:#0FB6D6; --teal:#11C9A8; --amber:#F59E0B; --rose:#E11D48;
  --grad:linear-gradient(135deg,#1D6FF2 0%,#0FB6D6 60%,#11C9A8 100%);
  --hero:radial-gradient(900px 420px at 85% -10%,rgba(29,111,242,.16),transparent 60%),radial-gradient(700px 380px at 0% 0%,rgba(17,201,168,.12),transparent 60%);
  --shadow:0 1px 2px rgba(11,27,77,.05),0 12px 32px rgba(11,27,77,.08); --shadow-lg:0 24px 60px rgba(11,27,77,.16);
  --code-bg:#0B1230; --code-text:#CFE0FF; --header-bg:rgba(255,255,255,.86); --on-grad:#fff;
}
[data-theme="dark"]{
  --bg:#070D1F; --bg-2:#0A1330; --surface:#0E1833; --surface-2:#122042; --line:#1F2E57; --line-2:#182549;
  --text:#EAF0FF; --muted:#A3B1D6; --faint:#6F7FA8;
  --blue:#4C8DFF; --blue-d:#6AA0FF; --cyan:#27D3EE; --teal:#2CE6C4; --amber:#FFB84D; --rose:#FF6B8B;
  --grad:linear-gradient(135deg,#3B82F6 0%,#19C6E6 60%,#2CE6C4 100%);
  --hero:radial-gradient(900px 440px at 85% -10%,rgba(59,130,246,.28),transparent 60%),radial-gradient(700px 380px at 0% 0%,rgba(44,230,196,.14),transparent 60%);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 36px rgba(0,0,0,.35); --shadow-lg:0 28px 70px rgba(0,0,0,.55);
  --code-bg:#050A1C; --code-text:#CFE0FF; --header-bg:rgba(7,13,31,.82); --on-grad:#04132B;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} 
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto} a{color:var(--blue);text-decoration:none} a:hover{color:var(--blue-d)}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',system-ui,sans-serif;line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;color:var(--text)}
h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700} h2{font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:700} h3{font-size:1.2rem;font-weight:600}
p{margin:0 0 1em} code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px} .section{padding:84px 0} .section.alt{background:var(--bg-2)}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue);color:#fff;padding:10px 16px;border-radius:8px;z-index:2000} .skip:focus{left:12px;color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);border:1px solid color-mix(in srgb,var(--blue) 22%,transparent);padding:6px 12px;border-radius:99px;margin-bottom:18px}
.eyebrow .live{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 25%,transparent)}
.lead{font-size:1.15rem;color:var(--muted);max-width:640px}
.sec-head{max-width:720px;margin-bottom:44px} .sec-head.center{margin-left:auto;margin-right:auto;text-align:center} .sec-head p{color:var(--muted)}
.accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:600;font-size:.95rem;border:1px solid var(--line);background:var(--surface);color:var(--text)!important;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;font-family:inherit;line-height:1.2}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-primary{background:var(--grad);color:var(--on-grad)!important;border-color:transparent;box-shadow:0 10px 26px color-mix(in srgb,var(--blue) 35%,transparent)}
.btn-ghost{background:transparent} .btn-lg{padding:15px 28px;font-size:1rem;border-radius:14px} .btn-sm{padding:8px 14px;font-size:.85rem;border-radius:10px}
/* header */
header.site{position:sticky;top:0;z-index:1000;background:var(--header-bg);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
header.site.scrolled{box-shadow:0 6px 24px rgba(11,27,77,.1)}
.nav{display:flex;align-items:center;gap:18px;min-height:68px} .brand{display:flex;align-items:center;flex-shrink:0} .brand img{height:42px;width:auto;display:block}
.links{display:flex;align-items:center;gap:2px;margin-left:14px;flex:1}
.links a{padding:9px 13px;border-radius:10px;font-weight:500;font-size:.94rem;color:var(--muted)} .links a:hover{color:var(--text);background:var(--surface-2)} .links a[aria-current="page"]{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);font-weight:600}
.nav-cta{display:flex;align-items:center;gap:10px}
.call{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;color:var(--text)!important;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface)}
.theme-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.theme-btn:hover{background:var(--surface-2)} .theme-btn svg{width:20px;height:20px} [data-theme="dark"] .i-moon{display:none} [data-theme="light"] .i-sun,:root:not([data-theme]) .i-sun{display:none}
.menu-btn{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:.2s} .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0} .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-panel{display:none;position:fixed;inset:68px 0 0 0;background:var(--bg);z-index:999;padding:18px 22px 40px;overflow-y:auto} .mobile-panel.open{display:block}
.mobile-panel a{display:block;padding:15px 8px;border-bottom:1px solid var(--line-2);font-weight:600;color:var(--text);font-size:1.05rem} .mobile-panel .btn{margin-top:14px;width:100%;border-bottom:1px solid var(--line)}
@media(max-width:1020px){.links,.nav-cta .call,.nav-cta .btn-ghost{display:none}.menu-btn{display:inline-flex}.nav-cta{margin-left:auto}}
@media(max-width:420px){.brand img{height:36px}.nav-cta .btn-primary{padding:10px 14px}}
/* hero */
.hero{padding:76px 0 64px;background:var(--hero);position:relative;overflow:hidden} .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{margin-bottom:18px} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 30px}
.trust{display:flex;gap:10px 22px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;font-weight:500} .trust span{display:inline-flex;align-items:center;gap:8px} .trust svg{width:18px;height:18px;color:var(--teal)}
.console{background:var(--code-bg);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;color:var(--code-text);font-size:.86rem}
.console-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)} .console-bar i{width:11px;height:11px;border-radius:50%;display:block} .console-bar b{margin-left:auto;font-size:.74rem;font-weight:600;color:#7C8DB8}
.console pre{margin:0;padding:18px 20px;white-space:pre-wrap;word-break:break-word;line-height:1.7;min-height:250px} .c-k{color:#7FD8FF}.c-s{color:#FFD28A}.c-ok{color:#6EF0C8}.c-m{color:#8B9CC8}
.status-pill{display:inline-flex;margin:14px 20px 18px;padding:6px 12px;border-radius:99px;background:rgba(17,201,168,.15);color:#6EF0C8;font-weight:600;font-size:.78rem}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:48px}}
/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px} .chip{padding:8px 15px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:.88rem;color:var(--muted)}
.strip{padding:26px 0;border-block:1px solid var(--line);background:var(--surface)} .strip .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center} .strip small{color:var(--faint);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem}
/* cards */
.grid{display:grid;gap:20px} .g3{grid-template-columns:repeat(3,1fr)} .g2{grid-template-columns:repeat(2,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.g3,.g2,.g4{grid-template-columns:1fr}.section{padding:60px 0}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s} .card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}
.card h3{margin-bottom:8px} .card p{color:var(--muted);margin:0;font-size:.96rem}
.ep{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent);padding:4px 9px;border-radius:8px;display:inline-block;margin-bottom:14px;word-break:break-all}
.ic{width:46px;height:46px;border-radius:13px;background:var(--grad);color:var(--on-grad);display:flex;align-items:center;justify-content:center;margin-bottom:16px} .ic svg{width:24px;height:24px}
.group-title{display:flex;align-items:center;gap:12px;margin:44px 0 18px} .group-title h3{margin:0;font-size:1.3rem} .group-title:first-of-type{margin-top:0}
.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--teal) 16%,transparent);color:var(--teal);letter-spacing:.03em} .badge.blue{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)} .badge.amber{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}
/* steps */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:20px} @media(max-width:860px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding:28px 26px 26px 26px;background:var(--surface);border:1px solid var(--line);border-radius:18px} .step::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:22px;width:34px;height:34px;border-radius:50%;background:var(--grad);color:var(--on-grad);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.step h3{margin-top:6px} .step p{color:var(--muted);margin:0}
/* plans */
.toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px;margin:0 auto 34px} .toggle button{border:0;background:transparent;color:var(--muted);padding:9px 20px;border-radius:99px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.92rem} .toggle button[aria-pressed="true"]{background:var(--grad);color:var(--on-grad)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch} @media(max-width:900px){.plans{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.plan{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 28px;box-shadow:var(--shadow)} .plan.featured{border:2px solid var(--blue);box-shadow:var(--shadow-lg);transform:translateY(-8px)} @media(max-width:900px){.plan.featured{transform:none}}
.plan .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--grad);color:var(--on-grad);font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:99px;white-space:nowrap}
.plan .limit{color:var(--muted);font-weight:600;margin-bottom:14px} .plan .price{font-family:'Space Grotesk',sans-serif;font-size:2.6rem;font-weight:700;line-height:1;margin-bottom:4px} .plan .price small{font-size:1rem;color:var(--muted);font-weight:500}
.plan .note{color:var(--faint);font-size:.86rem;min-height:22px;margin-bottom:20px} .plan ul{list-style:none;padding:0;margin:0 0 26px;flex:1} .plan li{padding:7px 0 7px 28px;position:relative;color:var(--muted);font-size:.95rem} .plan li::before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;border-radius:50%;background:var(--teal);opacity:.9;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.4 11.2 3.2 8l-1 1 4.2 4.2 7.6-7.6-1-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.4 11.2 3.2 8l-1 1 4.2 4.2 7.6-7.6-1-1z'/%3E%3C/svg%3E") center/contain no-repeat;background:var(--teal)}
.price-y{display:none} .yearly .price-y{display:inline} .yearly .price-m{display:none}
/* table */
.tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.94rem} .tbl th,.tbl td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line-2)} .tbl th{background:var(--surface-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .tbl tr:last-child td{border-bottom:0} .tbl-wrap{overflow-x:auto;border-radius:14px}
/* faq */
.faq{max-width:820px;margin:0 auto} .faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:0 20px} .faq summary{cursor:pointer;padding:18px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";font-size:1.5rem;color:var(--blue);line-height:1;transition:transform .2s} .faq details[open] summary::after{transform:rotate(45deg)} .faq details p{color:var(--muted);padding-bottom:18px;margin:0}
/* cta */
.cta{background:var(--grad);border-radius:26px;padding:54px 36px;text-align:center;color:var(--on-grad);box-shadow:var(--shadow-lg)} .cta h2{color:inherit;margin-bottom:10px} .cta p{opacity:.92;max-width:560px;margin:0 auto 24px} .cta .btn{background:#fff;color:#0B1B4D!important;border-color:transparent}
/* page head */
.page-head{padding:56px 0 40px;background:var(--hero);border-bottom:1px solid var(--line)} .page-head p{color:var(--muted);max-width:680px;font-size:1.1rem;margin:0}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:.86rem;color:var(--faint);margin-bottom:18px;list-style:none;padding:0} .crumbs li+li::before{content:"/";margin-right:6px} .crumbs a{color:var(--muted)} 
/* blog */
.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,border-color .2s;color:var(--text)!important} .post-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}
.post-card picture,.post-card img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--surface-2)} .post-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1} .post-body h3{margin:0;font-size:1.15rem;line-height:1.3} .post-body p{color:var(--muted);margin:0;font-size:.93rem} .meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:var(--faint);font-size:.82rem;font-weight:500} .more{margin-top:auto;padding-top:6px;font-weight:600;color:var(--blue);font-size:.9rem}
.featured-post{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:26px} .featured-post .post-body{padding:34px;justify-content:center} .featured-post h3{font-size:1.7rem} @media(max-width:860px){.featured-post{grid-template-columns:1fr}}
.cat-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px} .cat-row button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 16px;border-radius:99px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.88rem} .cat-row button[aria-pressed="true"]{background:var(--grad);color:var(--on-grad);border-color:transparent}
.article{max-width:760px;margin:0 auto} .article .cover{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);margin:26px 0 34px;border:1px solid var(--line)} .article .cover img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.prose{font-size:1.06rem;line-height:1.8} .prose h2{margin-top:2em;font-size:1.65rem;scroll-margin-top:90px} .prose h3{margin-top:1.6em} .prose p,.prose li{color:color-mix(in srgb,var(--text) 86%,var(--muted))} .prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em} .prose li{margin-bottom:.45em}
.prose code{background:var(--surface-2);border:1px solid var(--line);padding:2px 7px;border-radius:7px;font-size:.88em;color:var(--blue)} .prose pre{background:var(--code-bg);color:var(--code-text);padding:18px 20px;border-radius:14px;overflow-x:auto;font-size:.88rem;line-height:1.65;border:1px solid var(--line)} .prose pre code{background:none;border:0;padding:0;color:inherit}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0 1.6em;font-size:.94rem;display:block;overflow-x:auto} .prose th,.prose td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap} .prose th{background:var(--surface-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .prose td{white-space:normal}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:0 0 30px} .toc strong{display:block;margin-bottom:8px;font-family:'Space Grotesk',sans-serif} .toc ol{margin:0;padding-left:1.2em} .toc li{margin:5px 0} .toc a{color:var(--muted);font-weight:500} .toc a:hover{color:var(--blue)}
.share{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0} .note-box{background:color-mix(in srgb,var(--blue) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));border-radius:16px;padding:22px 24px;margin:34px 0}
/* forms */
.form{display:grid;gap:14px} .field{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit} .field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent)} textarea.field{min-height:130px;resize:vertical} .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media(max-width:600px){.field-row{grid-template-columns:1fr}}
.contact-alert{padding:13px 16px;border-radius:12px;background:color-mix(in srgb,var(--teal) 14%,transparent);border:1px solid color-mix(in srgb,var(--teal) 40%,transparent);margin-bottom:14px;font-weight:500} .contact-alert.error{background:color-mix(in srgb,var(--rose) 12%,transparent);border-color:color-mix(in srgb,var(--rose) 40%,transparent)}
.info-list{list-style:none;padding:0;margin:0;display:grid;gap:16px} .info-list li{display:flex;gap:14px;align-items:flex-start} .info-list .ic{margin:0;flex-shrink:0;width:42px;height:42px} .info-list small{display:block;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}
.stat{text-align:center} .stat b{display:block;font-family:'Space Grotesk',sans-serif;font-size:2.4rem;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .stat span{color:var(--muted);font-size:.92rem}
.timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:28px;display:grid;gap:26px} .timeline div{position:relative} .timeline div::before{content:"";position:absolute;left:-37px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px var(--bg)} .timeline b{font-family:'Space Grotesk',sans-serif} .timeline small{color:var(--blue);font-weight:700;display:block}
/* legal */
.legal{max-width:820px;margin:0 auto;padding:48px 22px 80px} .legal h1{font-size:clamp(1.9rem,4vw,2.6rem)} .legal .updated{color:var(--faint);margin-bottom:30px} .legal h2{font-size:1.3rem;margin-top:2em;color:var(--blue)} .legal p,.legal li{color:var(--muted)} .legal .card{margin-top:28px}
/* footer */
footer.site{background:var(--bg-2);border-top:1px solid var(--line);padding:60px 0 28px} .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:34px} @media(max-width:1000px){.foot-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.foot-grid{grid-template-columns:1fr}}
footer.site h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:14px;font-family:'Inter',sans-serif;font-weight:700} footer.site a{display:block;color:var(--muted);padding:5px 0;font-size:.93rem} footer.site a:hover{color:var(--blue)} footer.site p{color:var(--muted);font-size:.92rem;max-width:300px}
.foot-bottom{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--faint);font-size:.85rem}
.wa-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(37,211,102,.45);z-index:900} .wa-float svg{width:30px;height:30px} .wa-float:hover{transform:scale(1.06)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease} .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.noscript-note{padding:10px;text-align:center;background:var(--amber);color:#000}

/* ======================= v2: type scale, glass, floating header, buttons, cursor ======================= */
:root{--fs-xs:.8125rem;--fs-sm:.9rem;--fs-md:1rem;--fs-lg:1.125rem;--glass:rgba(255,255,255,.62);--glass-line:rgba(255,255,255,.75);--glass-sh:0 8px 32px rgba(11,27,77,.10)}
[data-theme="dark"]{--glass:rgba(16,27,62,.55);--glass-line:rgba(120,150,255,.16);--glass-sh:0 12px 40px rgba(0,0,0,.45)}
body{font-size:var(--fs-md);line-height:1.68;font-family:'Inter',system-ui,sans-serif;letter-spacing:-.003em}
h1{font-size:clamp(2rem,4.3vw,3.15rem);font-weight:700;line-height:1.1}
h2{font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.18}
h3{font-size:1.12rem}
.lead{font-size:clamp(1.02rem,1.5vw,1.15rem);line-height:1.7}
.hero h1{margin-bottom:16px}
/* background orbs make the glass visible */
.hero::before,.section.alt::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0}
.hero::before{right:-120px;top:-160px;background:radial-gradient(circle,rgba(29,111,242,.38),transparent 65%)}
.hero::after{content:"";position:absolute;left:-160px;bottom:-200px;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.45;background:radial-gradient(circle,rgba(17,201,168,.32),transparent 65%);pointer-events:none}
.hero>.wrap{position:relative;z-index:1}.section.alt{position:relative;overflow:hidden}.section.alt::before{left:-140px;top:-120px;background:radial-gradient(circle,rgba(15,182,214,.25),transparent 65%)}.section.alt>.wrap{position:relative;z-index:1}
/* glass surfaces */
.card,.plan,.post-card,.step,.faq details,.toc,.note-box,.chip,.tbl,.strip{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-sh);backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35)}
.plan.featured{background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 10%,var(--glass)),var(--glass));border:2px solid color-mix(in srgb,var(--blue) 75%,transparent)}
.card:hover,.post-card:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--glass-line));box-shadow:0 16px 44px color-mix(in srgb,var(--blue) 18%,transparent)}
/* floating glass header with scroll-fill */
header.site{position:sticky;top:0;z-index:1000;padding:12px 0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
header.site .pill{pointer-events:auto;position:relative;min-height:60px;padding:0 12px 0 20px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-sh);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);transition:box-shadow .25s,background .25s}
header.site.scrolled .pill{box-shadow:0 14px 44px rgba(11,27,77,.18);background:color-mix(in srgb,var(--glass) 90%,var(--bg))}
header.site .wrap{padding-left:16px;padding-right:16px}
.brand img{height:34px!important}
.pill .links{margin-left:10px}.pill .links a{padding:8px 13px;font-size:var(--fs-sm)}
.pill .prog{position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:3px;overflow:hidden}.pill .prog i{display:block;height:100%;width:0;border-radius:3px;background:var(--grad);box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 70%,transparent);transition:width .08s linear}
.call-wrap{position:relative}.call{border-radius:12px!important;padding:8px 14px!important;font-weight:600}
.call-pop{display:none;position:absolute;right:0;top:calc(100% + 12px);min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow-lg);z-index:1100}
.call-wrap:hover .call-pop,.call-wrap:focus-within .call-pop{display:block}.call-wrap::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.call-pop b{display:block;padding:8px 10px 6px;font:700 .72rem 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.call-pop a{display:block;padding:10px 12px;border-radius:10px;color:var(--text)!important;font-weight:600;font-size:var(--fs-sm)}.call-pop a:hover{background:var(--surface-2)}.call-pop a small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.theme-btn,.menu-btn{border-radius:12px}
.mobile-panel{inset:84px 0 0 0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:1020px){header.site .wrap{padding-left:10px;padding-right:10px}.pill .call span{display:none}.pill{padding:0 10px 0 14px}.nav-cta{margin-left:auto}}
@media(max-width:420px){.brand img{height:30px!important}.pill .call{display:none}}
/* buttons: bigger, softer, with a light sweep on hover */
.btn{border-radius:14px;padding:12px 24px;font-size:var(--fs-sm);font-weight:600;gap:9px;position:relative;overflow:hidden;background:var(--glass);backdrop-filter:blur(10px)}
.btn-primary{background:var(--grad);background-size:140% 100%;box-shadow:0 12px 28px color-mix(in srgb,var(--blue) 38%,transparent)}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}.btn-primary:hover::after{transform:translateX(120%)}
.btn-sm{padding:9px 16px;border-radius:12px}.btn-lg{padding:15px 30px;font-size:var(--fs-md);border-radius:16px}
.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap}.cta-actions{justify-content:center;margin-top:6px}
.cta .btn{margin:0}.cta .btn.outline{background:transparent;color:inherit!important;border:1px solid rgba(255,255,255,.55)}
/* FAQ: full width on desktop */
.faq{max-width:none!important;width:100%}.faq details{padding:0 26px;border-radius:16px}.faq summary{padding:20px 0;font-size:1.02rem}
/* operator logo tiles */
.ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:14px;width:100%}
.op{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-sh);transition:transform .2s,border-color .2s;text-align:center;color:var(--muted);font:600 .78rem 'Inter',sans-serif}
.op:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 40%,var(--glass-line))}
.op picture,.op img{display:block;width:100%;max-width:92px;height:auto;border-radius:10px;background:#fff}
.group-title .ops{margin-left:auto;max-width:520px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.group-title .op{padding:6px;border-radius:12px}.group-title .op span{display:none}
.strip{padding:30px 0}.strip .wrap{flex-direction:column;gap:18px}.strip small{font-size:.74rem}
@media(max-width:640px){.hero-actions .btn,.cta-actions .btn{width:100%}.group-title{flex-wrap:wrap}.group-title .ops{margin-left:0;max-width:none;width:100%}.ops{grid-template-columns:repeat(3,1fr)}}
/* animated cursor (desktop with a mouse only; native cursor stays for form fields) */
.cur-dot,.cur-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:3000;border-radius:50%;opacity:0;transition:opacity .25s,width .22s,height .22s,background .22s,border-color .22s;mix-blend-mode:normal}
.cur-dot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--cyan)}
.cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid color-mix(in srgb,var(--blue) 70%,transparent);animation:cur-pulse 2.4s ease-in-out infinite}
@keyframes cur-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cyan) 35%,transparent)}50%{box-shadow:0 0 0 10px transparent}}
html.cur-on .cur-dot,html.cur-on .cur-ring{opacity:1}
html.cur-on,html.cur-on a,html.cur-on button,html.cur-on summary,html.cur-on label,html.cur-on .card{cursor:none!important}html.cur-on input,html.cur-on textarea,html.cur-on select{cursor:text!important}
html.cur-hover .cur-ring{width:62px;height:62px;margin:-31px 0 0 -31px;background:color-mix(in srgb,var(--blue) 12%,transparent);border-color:var(--cyan);animation:none}html.cur-hover .cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px}
html.cur-down .cur-ring{width:28px;height:28px;margin:-14px 0 0 -14px}
@media(hover:none),(pointer:coarse){.cur-dot,.cur-ring{display:none}}

/* v4.1: operators in a single slim line (auto-slides, pauses on hover; swipe on phones) */
.ops-row{position:relative;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ops-track{display:flex;gap:12px;width:max-content;padding:4px 2px;animation:ops-slide 42s linear infinite}
.ops-row:hover .ops-track{animation-play-state:paused}
.ops-row .op{flex:0 0 auto;width:104px;padding:9px 8px 8px;gap:6px;border-radius:14px}
.ops-row .op picture,.ops-row .op img{max-width:72px}.ops-row .op span{font-size:.72rem}
@keyframes ops-slide{to{transform:translateX(calc(-50% - 6px))}}
.ops-row.static{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}.ops-row.static::-webkit-scrollbar{display:none}.ops-row.static .ops-track{animation:none}
.group-title .ops-row{margin-left:auto;max-width:560px}.group-title .ops-row .op{width:84px;padding:6px 6px 5px}.group-title .ops-row .op span{display:none}.group-title .ops-row .op picture,.group-title .ops-row .op img{max-width:64px}
@media(prefers-reduced-motion:reduce){.ops-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ops-track{animation:none}}
@media(max-width:640px){.group-title .ops-row{margin-left:0;max-width:none}.ops-row .op{width:92px}}