:root{
 color-scheme:light dark;
 --primary:#3157D5;--on-primary:#fff;--primary-container:#DDE5FF;--on-primary-container:#0B2B86;
 --secondary:#59627A;--tertiary:#76546F;--tertiary-container:#FFD7F5;
 --bg:#FBF8FF;--surface:#FBF8FF;--surface-2:#F2F0F8;--surface-3:#ECEAF2;
 --ink:#17171C;--muted:#656671;--stroke:rgba(49,87,213,.14);--good:#2E7D55;--warn:#9A6200;--danger:#BA1A1A;
 --soft-primary:rgba(49,87,213,.09);--soft-tertiary:rgba(118,84,111,.08);--soft-good:rgba(46,125,85,.09);
 --shadow:0 18px 48px rgba(45,48,72,.09);--radius:22px;--radius-sm:14px;
 --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media(prefers-color-scheme:dark){:root{
 --primary:#B8C4FF;--on-primary:#002A78;--primary-container:#173E9C;--on-primary-container:#DDE5FF;
 --secondary:#C1C7DC;--tertiary:#E4BADB;--tertiary-container:#5C3D57;
 --bg:#121318;--surface:#121318;--surface-2:#1E1F25;--surface-3:#292A30;
 --ink:#F3F1F7;--muted:#C5C3CC;--stroke:rgba(184,196,255,.18);--good:#7ED6A6;--warn:#F2C167;--danger:#FFB4AB;
 --soft-primary:rgba(184,196,255,.10);--soft-tertiary:rgba(228,186,219,.08);--soft-good:rgba(126,214,166,.10);--shadow:0 22px 60px rgba(0,0,0,.32)
}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font);line-height:1.64;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(760px 420px at -5% 8%,rgba(49,87,213,.10),transparent 72%),radial-gradient(700px 420px at 108% 26%,rgba(118,84,111,.08),transparent 72%),var(--bg)}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:3px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;overflow-wrap:anywhere}.panel p,.panel li,.answer{overflow-wrap:anywhere}
.shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:24px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.03em}.mark{width:46px;height:46px;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(49,87,213,.18);flex:none}.mark img{display:block;width:100%;height:100%;object-fit:cover}.nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--muted);font-size:14px;font-weight:700;padding:8px 11px;border-radius:11px}.nav a[aria-current="page"]{color:var(--on-primary-container);background:var(--primary-container)}
.hero{position:relative;overflow:hidden;padding:clamp(30px,5vw,58px);border:1px solid var(--stroke);border-radius:30px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);margin-bottom:24px}.hero:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-145px;top:-160px;background:linear-gradient(145deg,rgba(49,87,213,.16),rgba(118,84,111,.10));pointer-events:none}.eyebrow{color:var(--primary);font-size:13px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(38px,7vw,66px);line-height:1.03;margin:9px 0 14px;letter-spacing:-.055em}.gradient-text{color:var(--primary)}.hero p{max-width:830px;color:var(--muted);font-size:clamp(17px,2.2vw,20px);margin:0}.builds{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.badge{border:1px solid var(--stroke);background:var(--surface);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px;font-weight:700}.badge strong{color:var(--ink)}
.panel{border:1px solid var(--stroke);background:var(--surface);border-radius:var(--radius);padding:clamp(20px,3.3vw,30px);box-shadow:var(--shadow);scroll-margin-top:16px}.panel h2{margin:0 0 10px;font-size:clamp(22px,3vw,29px);letter-spacing:-.025em}.panel h3{margin:22px 0 8px;font-size:18px}.panel p{color:var(--muted);margin:0 0 12px}.panel ul,.panel ol{color:var(--muted);margin:8px 0 12px 22px;padding:0}.panel li{margin:6px 0}.panel strong{color:var(--ink)}
.good,.info,.notice,.warn{padding:14px 16px;border-radius:13px;color:var(--muted);margin:14px 0}.good{border-left:4px solid var(--good);background:var(--soft-good)}.info,.notice{border-left:4px solid var(--primary);background:var(--soft-primary)}.warn{border-left:4px solid var(--warn);background:rgba(154,98,0,.08)}.good strong,.info strong,.notice strong,.warn strong{color:var(--ink)}.quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.quick a{display:inline-block;padding:10px 12px;border-radius:11px;border:1px solid var(--stroke);background:var(--surface-2);font-weight:750}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.grid>.panel{grid-column:span 12}.panel.half{grid-column:span 6}.platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.platform-card,.summary-card{border:1px solid var(--stroke);border-radius:17px;padding:16px;background:linear-gradient(145deg,var(--soft-primary),var(--soft-tertiary))}.platform-card b,.summary-card b{display:block;font-size:17px;margin-bottom:5px;color:var(--ink)}.platform-card span,.summary-card span{color:var(--muted);font-size:14px}
.faq{display:grid;gap:10px;margin-top:14px}details{border:1px solid var(--stroke);border-radius:15px;background:var(--surface-2);overflow:hidden}summary{list-style:none;cursor:pointer;padding:15px 48px 15px 16px;font-weight:800;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:22px}details[open] summary:after{content:"−"}details[open] summary{border-bottom:1px solid var(--stroke)}.answer{padding:14px 16px 17px;color:var(--muted)}.answer p:last-child{margin-bottom:0}.answer strong{color:var(--ink)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:15px}.field.full{grid-column:1/-1}label{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,87,213,.13)}input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(186,26,26,.10)}.field-error{color:var(--danger);min-height:18px;font-size:12px;font-weight:700;margin-top:5px}.required-note{color:var(--muted);font-size:12px;margin:-4px 0 14px}textarea{min-height:155px;resize:vertical}.hint{color:var(--muted);font-size:12px;margin-top:5px}.btn{appearance:none;border:0;cursor:pointer;width:100%;min-height:50px;color:#fff;font:inherit;font-weight:850;border-radius:14px;background:var(--primary);box-shadow:0 12px 28px rgba(49,87,213,.22)}.btn:hover{filter:brightness(1.04)}.btn:disabled{cursor:wait;opacity:.72;filter:none}.msg{padding:13px 15px;border-radius:12px;margin:0 0 16px;font-weight:700}.msg.success{color:var(--good);background:var(--soft-good);border:1px solid rgba(46,125,85,.22)}.msg.error{color:var(--danger);background:rgba(186,26,26,.08);border:1px solid rgba(186,26,26,.20)}.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}#form-status,#contact{scroll-margin-top:18px}
.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.toc{position:sticky;top:16px;border:1px solid var(--stroke);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:18px}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:var(--muted);font-size:14px;padding:5px 4px}.toc a:hover{color:var(--primary);text-decoration:none}.content{display:grid;gap:18px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.table-wrap{overflow-x:auto;border:1px solid var(--stroke);border-radius:15px;margin:14px 0}table{width:100%;border-collapse:collapse;min-width:700px;background:var(--surface)}th,td{text-align:left;vertical-align:top;padding:12px 13px;border-bottom:1px solid var(--stroke)}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}td{color:var(--muted);font-size:14px}tr:last-child td{border-bottom:0}.number{color:var(--primary);font-weight:850;margin-right:5px}.price-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--stroke);background:linear-gradient(145deg,var(--soft-primary),var(--soft-tertiary));border-radius:16px;padding:15px;margin:14px 0}.price-card b{display:block;margin-bottom:5px;color:var(--ink);font-size:17px}.price-card span{color:var(--muted);font-size:14px}.price{color:var(--primary);font-size:24px;line-height:1.1;font-weight:900;white-space:nowrap;letter-spacing:-.025em}.contact-box{display:grid;gap:10px;margin-top:14px}.contact-row{border:1px solid var(--stroke);background:var(--surface-2);border-radius:13px;padding:12px 14px}.contact-row span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;margin-bottom:2px}.contact-row b{color:var(--ink);overflow-wrap:anywhere}footer{text-align:center;color:var(--muted);font-size:13px;padding:28px 0 4px}footer a{color:var(--muted)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.toc{position:static}.toc .links{columns:2}.summary-grid{grid-template-columns:1fr}.panel.half{grid-column:span 12}}@media(max-width:820px){.platform-cards,.form-grid{grid-template-columns:1fr}}@media(max-width:700px){.price-card{grid-template-columns:1fr}.price{font-size:22px}}@media(max-width:560px){.shell{width:min(100% - 20px,1120px);padding-top:14px}.topbar{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start;gap:3px;width:100%}.nav a{min-height:44px;display:inline-flex;align-items:center}.hero{border-radius:22px;padding:25px 20px}.panel{padding:19px 16px}.toc .links{columns:1}.badge{line-height:1.35}.table-wrap{margin-inline:-4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Shared site geometry — intentionally centralized so every page lines up exactly. */
:root{
  --site-width:1120px;
  --site-gutter:28px;
  --site-gutter-mobile:20px;
  --site-section-gap:24px;
}
.shell{
  width:min(var(--site-width),calc(100% - var(--site-gutter)));
  max-width:var(--site-width);
  margin-inline:auto;
}
header.topbar,main,footer,.hero,.home-hero,.grid,.layout,.section{
  width:100%;
  max-width:100%;
  min-width:0;
}
main>*{max-width:100%;}
img{max-width:100%;}
.hero,.home-hero{border-radius:30px;}
footer{margin-inline:auto;}
@media(max-width:560px){
  .shell{width:min(var(--site-width),calc(100% - var(--site-gutter-mobile)));}
  .hero,.home-hero{border-radius:22px;}
}