/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=1440px){.container{max-width:1440px}}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}.mx-auto{margin-inline:auto}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.capitalize{text-transform:capitalize}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#f5f7fc;--surface:#fff;--surface-2:#f3f5fb;--surface-3:#e8ecf6;--stage:#f8faff;--line:#0f122214;--line-strong:#0f122226;--brand:#4f46e5;--brand-hi:#3730c4;--brand-lo:#8b85f7;--brand-2:#2f6bff;--violet:#7c5cff;--mint:#12b886;--grad:linear-gradient(120deg, var(--violet) 0%, var(--brand) 48%, var(--brand-2) 100%);--text:#0f1222;--text-2:#4a5068;--muted:#767d97;--dim:#a7adc2;--out:#94a3b8;--rose:#e5484d;--shadow:#312e8124;--display:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:32px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--brand);color:#fff}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}section[id]{scroll-margin-top:80px}.container{width:min(1240px, 100% - var(--gutter) * 2);max-width:none;margin-inline:auto}@media (width<=640px){:root{--gutter:16px}}.grain{display:none}.eyebrow{background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 14px -8px var(--shadow);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);border-radius:999px;justify-self:start;align-items:center;gap:10px;margin:0;padding:7px 14px 7px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.eyebrow .dot{background:var(--mint);border-radius:50%;width:8px;height:8px;margin-left:4px;box-shadow:0 0 0 4px #12b88629}.eyebrow .idx{background:var(--grad);color:#fff;min-width:26px;height:26px;font-family:var(--mono);letter-spacing:0;border-radius:999px;place-items:center;padding:0 6px;font-size:.66rem;font-weight:500;display:inline-grid}.eyebrow-center{justify-self:center}.display,.h2{font-family:var(--display);color:var(--text);margin:0;font-weight:800}.display{letter-spacing:-.035em;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.04}.h2{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.display em,.h2 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{color:var(--text-2);max-width:34em;margin:0;font-size:1.14rem}.btn{font-family:var(--display);letter-spacing:-.01em;transition:transform .4s var(--ease), box-shadow .4s var(--ease), background .3s, color .3s, border-color .3s;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:.6em;padding:1rem 1.6rem;font-size:.98rem;font-weight:700;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .4s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn-primary{color:#fff;background:var(--grad);box-shadow:0 14px 30px -12px #4f46e5a6,inset 0 1px #ffffff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px #4f46e5bf,inset 0 1px #ffffff4d}.btn-ghost{border:1px solid var(--line-strong);color:var(--text);background:var(--surface);box-shadow:0 6px 18px -12px var(--shadow)}.btn-ghost:hover{border-color:var(--brand-lo);color:var(--brand-hi)}.btn-sm{font-family:var(--sans);letter-spacing:0;border-radius:11px;padding:.7rem .95rem;font-size:.85rem;font-weight:600}.btn-sm svg{width:15px;height:15px}.btn-sm:hover svg{transform:none}.chip-sm{font-family:var(--mono);color:var(--text-2);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.76rem;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.chip-sm:hover{color:var(--brand-hi);border-color:var(--brand-lo);background:#4f46e50d}.chip-sm svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}html.js .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(22px)}html.js .reveal.in{opacity:1;transform:none}.nav{z-index:60;transition:padding .4s var(--ease), background .4s, border-color .4s, box-shadow .4s;border-bottom:1px solid #0000;align-items:center;gap:32px;padding:18px clamp(16px,4vw,48px);display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{backdrop-filter:blur(16px)saturate(160%);border-bottom-color:var(--line);box-shadow:0 8px 30px -20px var(--shadow);background:#ffffffd1;padding-block:12px}.brand{font-family:var(--display);letter-spacing:-.03em;color:var(--text);z-index:2;align-items:center;gap:11px;font-size:1.3rem;font-weight:800;line-height:1;display:inline-flex;position:relative}.brand-mark{color:#fff;background:var(--grad);border-radius:11px;width:38px;height:38px;padding:7px;box-shadow:0 8px 18px -8px #4f46e5b3}.brand em{color:var(--brand);font-style:normal}.nav-links{gap:32px;margin-left:auto;display:flex}.nav-links a{color:var(--text-2);padding:6px 0;font-size:.94rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--grad);transform-origin:100%;height:2px;transition:transform .4s var(--ease);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-cta.btn{border-radius:12px;padding:.7rem 1.1rem;font-size:.88rem}.nav-toggle{display:none}@media (width<=980px){.nav-cta,.nav-links{display:none}}.hero{isolation:isolate;padding:136px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(42% 60% at 88% 18%,#7c5cff29,#0000 70%),radial-gradient(38% 55% at 4% 92%,#2f6bff1a,#0000 70%),radial-gradient(30% 40% at 52% 0,#12b88612,#0000 70%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#4f46e50f 1px,#0000 1px),linear-gradient(90deg,#4f46e50f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 75% at 50% 35%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 75% at 50% 35%,#000 30%,#0000 80%)}.contours{z-index:-1;width:100%;max-width:none;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 50% at 50% 22%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 50% at 50% 22%,#000 20%,#0000 75%)}.contours path{fill:none;stroke:#4f46e512;stroke-width:1px}.contours path.major{stroke:#4f46e524}.hero-head{text-align:center;justify-items:center;max-width:860px;margin:0 auto 44px;display:grid}.hero-head .eyebrow{justify-self:center}.hero-head .display{margin:24px 0 20px;font-size:clamp(2.8rem,7.4vw,5.6rem);line-height:1}.hero-head .lede{max-width:38em}.hero-checks{flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:26px 0 0;padding:0;list-style:none;display:flex}.hero-checks li{color:var(--text-2);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:inline-flex}.hero-checks svg{fill:none;width:18px;height:18px;stroke:var(--mint);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;background:#12b88624;border-radius:50%;padding:3px}.hero .tool{scroll-margin-top:90px}@media (width<=980px){.hero{padding:116px 0 56px}}@media (width<=600px){.hero-head{margin-bottom:32px}.hero-head .eyebrow{letter-spacing:.08em;font-size:.62rem}.hero-head .lede{font-size:1.02rem}}.strip{color:#fff;background:#0f1222;position:relative;overflow:hidden}.strip:before{content:"";pointer-events:none;background:radial-gradient(40% 140% at 15%,#7c5cff47,#0000 70%),radial-gradient(40% 140% at 90%,#2f6bff38,#0000 70%);position:absolute;inset:0}.strip-grid{grid-template-columns:repeat(4,1fr);display:grid;position:relative}.strip-grid>div{border-left:1px solid #ffffff1a;align-items:center;gap:16px;padding:26px 28px;display:flex}.strip-grid>div:first-child{border-left:0;padding-left:0}.strip .num{font-family:var(--display);letter-spacing:-.03em;color:#0000;background:linear-gradient(120deg,#b9a8ff,#7fa6ff);-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800;line-height:1}.strip .lbl{color:#ffffffb8;max-width:13em;font-size:.82rem;line-height:1.45}@media (width<=860px){.strip-grid{grid-template-columns:1fr 1fr}.strip-grid>div{padding:22px 16px}.strip-grid>div:nth-child(odd){border-left:0;padding-left:0}.strip-grid>div:nth-child(n+3){border-top:1px solid #ffffff1a}}.section{padding:clamp(84px,10vw,130px) 0;position:relative}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:22px 64px;margin-bottom:52px;display:grid}.section-head .eyebrow{grid-column:1/-1}.section-lede{max-width:30em;color:var(--text-2);justify-self:end;margin:0;font-size:1.05rem}.section-head.center{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;margin-bottom:40px}.section-head.center .eyebrow{justify-self:center}.section-head.center .section-lede{justify-self:center;max-width:40em}@media (width<=860px){.section-head{grid-template-columns:1fr}.section-lede{justify-self:start}}.tool{background:var(--surface);height:clamp(620px,100vh - 110px,800px);box-shadow:0 50px 100px -50px #312e8173, 0 0 0 1px var(--line);border-radius:28px;grid-template-columns:minmax(320px,384px) 1fr;display:grid;position:relative;overflow:hidden}.tool:after,.diagram:after{content:"";z-index:900;pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor,source-over;-webkit-mask-composite:xor,source-over;background:linear-gradient(135deg,#6d5bff8c,#0000 28% 72%,#6d5bff4d);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.panel{overscroll-behavior:contain;border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#4f46e540 transparent;background:linear-gradient(#101318,#0a0c0f);padding:26px 24px 24px;overflow-y:auto}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-thumb{background:#4f46e540;border-radius:6px}.panel-block{border-bottom:1px solid var(--line);padding:20px 0}.panel-block:first-child{padding-top:0}.field-label{letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.7rem;font-weight:600;display:block}.panel.is-empty .radius-block,.results.is-empty .metrics{opacity:.38;pointer-events:none}.search{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:center;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.search:focus-within{border-color:var(--brand-lo);box-shadow:0 0 0 4px #4f46e514}.search>svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round;flex:none;margin-left:14px}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:13px 10px;font-size:.88rem}.search input::placeholder{color:var(--dim)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.icon-btn{width:34px;height:34px;color:var(--brand);border-radius:10px;flex:none;place-items:center;margin-right:5px;transition:background .3s;display:grid}.icon-btn:hover{background:#4f46e51f}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.search-results{z-index:30;border:1px solid var(--line-strong);background:#14171d;border-radius:14px;max-height:330px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 30px 60px -20px #000000d9}.sr-item{border-radius:10px;gap:9px;padding:11px 10px;display:grid}.sr-item+.sr-item{border-top:1px solid var(--line);border-radius:0 0 10px 10px}.sr-name{color:var(--text);cursor:pointer;font-size:.92rem;line-height:1.35}.sr-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;display:block;overflow:hidden}.sr-actions{gap:6px;display:flex}.sr-actions button{border:1px solid var(--line-strong);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-hi);border-radius:999px;padding:6px 11px;font-size:.7rem;font-weight:600;transition:background .3s,color .3s,border-color .3s}.sr-actions button:hover{background:var(--brand);border-color:var(--brand);color:var(--bg)}.dev-note{border:1px dashed var(--line-strong);color:var(--muted);border-radius:10px;margin:10px 0 0;padding:8px 11px;font-size:.72rem;line-height:1.5}.dev-note[data-state=ok]{color:#3f7a55;background:#3f7a5512;border-color:#3f7a5573}.dev-note[data-state=bad]{color:#a4513f;background:#a4513f0f;border-color:#a4513f73}.sr-attrib{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--muted);text-align:right;padding:8px 10px 4px;font-size:.66rem}.sr-empty{color:var(--muted);padding:12px;font-size:.82rem;line-height:1.5}.segmented{border:1px solid var(--line);background:#ffffff05;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:var(--text-2);border-radius:11px;flex-direction:column;align-items:center;gap:7px;padding:11px 4px 10px;font-size:.8rem;transition:background .35s,color .35s,box-shadow .35s;display:flex}.segmented button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.segmented button:hover{color:var(--text)}.segmented button[aria-checked=true]{color:var(--brand-hi);background:linear-gradient(#4f46e52b,#4f46e50d);box-shadow:inset 0 0 0 1px #4f46e55c}.radius-head{justify-content:space-between;align-items:baseline;display:flex}.active-name{font-family:var(--display);color:var(--brand);align-items:center;gap:8px;font-size:1.05rem;display:inline-flex}.radius-display{font-family:var(--display);font-variant-numeric:lining-nums tabular-nums;align-items:baseline;gap:10px;margin:0 0 12px;line-height:1;display:flex}#radiusBig{color:var(--text);letter-spacing:-.02em;font-size:4.2rem}.radius-unit{color:var(--brand);font-size:1.45rem}input[type=range]{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:26px;margin:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand) var(--p), #0f12221a var(--p));border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, #fff6de, var(--brand) 45%, var(--brand-lo));border:0;border-radius:50%;width:18px;height:18px;margin-top:-8px;transition:box-shadow .3s;box-shadow:0 0 0 5px #4f46e524,0 4px 12px #0000008c}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px #4f46e533,0 4px 12px #0000008c}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 8px #4f46e533,0 4px 12px #0000008c}input[type=range]::-moz-range-track{background:#0f12221a;border-radius:2px;height:2px}input[type=range]::-moz-range-progress{background:var(--brand);border-radius:2px;height:2px}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #fff6de, var(--brand) 45%, var(--brand-lo));border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 5px #4f46e524,0 4px 12px #0000008c}.range-scale{height:16px;margin-top:2px;position:relative}.range-scale span{font-family:var(--mono);color:var(--dim);white-space:nowrap;font-size:.68rem;position:absolute;top:0;transform:translate(-50%)}.range-scale span:first-child{transform:none}.range-scale span:last-child{transform:translate(-100%)}.radius-row{gap:10px;margin-top:16px;display:flex}.num-input{border:1px solid var(--line);width:108px;color:var(--text);font-family:var(--mono);appearance:textfield;background:#ffffff06;border-radius:12px;outline:0;flex:none;padding:10px 12px;font-size:.95rem;transition:border-color .3s}.num-input:focus{border-color:var(--brand-lo)}.num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.units{border:1px solid var(--line);border-radius:12px;flex:1;gap:2px;padding:3px;display:flex}.units button{font-family:var(--mono);color:var(--muted);border-radius:9px;flex:1;padding:8px 0;font-size:.8rem;transition:background .3s,color .3s}.units button:hover{color:var(--text)}.units button[aria-checked=true]{background:var(--brand);color:var(--bg)}.presets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.metrics{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.metrics>div{background:#0d1014;padding:14px}.metrics dt{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.68rem;font-weight:600}.metrics dd{font-family:var(--mono);color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.5}.list-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-head .field-label{margin:0}.count{font-family:var(--mono);color:var(--muted);font-size:.76rem}.item-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.item{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 12px;transition:border-color .3s,background .3s;display:flex}.item:hover{border-color:var(--line)}.item.active{border-color:var(--line-strong);background:#4f46e50f}.swatch{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 3px var(--c);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.swatch{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent)}}.pdot{border:1.5px solid var(--out);border-radius:50%;flex:none;width:10px;height:10px}.pdot.in{border-color:var(--brand);background:var(--brand);box-shadow:0 0 8px #4f46e5b3}.item-main{flex:1;min-width:0}.item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.item-sub{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.item-del{width:26px;height:26px;color:var(--dim);border-radius:8px;flex:none;place-items:center;transition:color .3s,background .3s;display:grid}.item-del:hover{color:var(--text);background:#ffffff0f}.item-del svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:14px;height:14px}.tag{letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:999px;flex:none;padding:3px 8px;font-size:.64rem;font-weight:600}.tag.in{color:var(--brand-hi);background:#4f46e514;border-color:#4f46e566}.tag.out{color:var(--out);border-color:#94a3b852}.within{font-family:var(--display);color:var(--text-2);margin:0 0 12px;font-size:1rem;font-weight:600}.within:empty{display:none}.within b{color:var(--brand);font-variant-numeric:lining-nums;font-size:1.6rem;font-weight:800}.empty-note{color:var(--muted);padding:2px 0;font-size:.8rem;line-height:1.55}.empty-note em{color:var(--text-2)}.area-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.area-filters:empty{display:none}.area-filters button{border:1px solid var(--line);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.area-filters button b{font-family:var(--mono);color:var(--muted);font-size:.74rem;font-weight:500}.area-filters button:hover{border-color:var(--line-strong)}.area-filters button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--surface,#fff)}.area-filters button[aria-pressed=true] b{color:inherit;opacity:.75}.area-status{color:var(--muted);align-items:center;gap:10px;margin:0 0 10px;font-size:.86rem;line-height:1.5;display:flex}.area-status:empty{display:none}.area-status button{color:var(--brand-hi);text-underline-offset:3px;font-weight:600;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}.area-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:320px;padding-right:2px;overflow-y:auto}.area-list .item{padding-block:8px}.a-dot{background:var(--c);width:9px;height:9px;box-shadow:0 0 0 3px var(--c);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.a-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 20%, transparent)}}.area-list .item-local{color:var(--muted);margin-left:6px;font-size:.72rem}.area-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.area-actions .switch{margin-right:auto;font-size:.78rem}.areas-block.is-loading .area-list{opacity:.45;transition:opacity .3s}.switch{color:var(--text-2);cursor:pointer;align-items:center;gap:12px;font-size:.84rem;display:flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch .track{border:1px solid var(--line);background:#ffffff12;border-radius:999px;flex:none;width:38px;height:22px;transition:background .35s,border-color .35s;position:relative}.switch .track:after{content:"";background:var(--text-2);width:14px;height:14px;transition:transform .4s var(--ease), background .35s;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:#4f46e533;border-color:#4f46e573}.switch input:checked+.track:after{background:var(--brand);transform:translate(16px)}.switch input:focus-visible+.track{outline:1.5px solid var(--brand);outline-offset:3px}.panel-actions{grid-template-columns:repeat(3,1fr);gap:8px;padding-top:20px;display:grid}.panel-actions .btn{gap:.45em;padding-inline:.4rem}.btn-danger:hover{border-color:var(--rose);color:var(--rose);background:#d7a38e12}.btn-danger.confirm{border-color:var(--rose);color:var(--bg);background:var(--rose)}.map-wrap{background:#0a0c0f;min-width:0;position:relative}.map{position:absolute;inset:0}.map-wrap.crosshair .leaflet-container,.map-wrap.crosshair .leaflet-grab{cursor:crosshair}.map-wrap .leaflet-dragging .leaflet-grab{cursor:grabbing}.glass{border:1px solid var(--line-strong);backdrop-filter:blur(14px);background:#0a0c0fbd;box-shadow:0 12px 30px -10px #000000a6}.map-top{z-index:500;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:18px;left:18px;right:18px}.map-top>*{pointer-events:auto}.basemaps{border-radius:999px;gap:2px;padding:4px;display:flex}.basemaps button{letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);border-radius:999px;padding:9px 15px;font-size:.7rem;font-weight:600;transition:background .3s,color .3s}.basemaps button:hover{color:var(--text)}.basemaps button[aria-checked=true]{background:var(--brand);color:var(--bg)}.fit-btn{letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:.7rem;font-weight:600;transition:color .3s,border-color .3s;display:inline-flex}.fit-btn:hover{color:var(--brand-hi);border-color:var(--brand)}.fit-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.map-bottom{z-index:500;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100% - 110px);display:flex;position:absolute;bottom:22px;left:18px}.map-wrap[data-provider=google] .map-bottom{bottom:46px}.map-wrap[data-provider=google] .leaflet-bottom.leaflet-left{z-index:600}.map-hint{color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;display:flex}.pulse-dot{background:var(--brand);width:7px;height:7px;animation:dotPulse 2s var(--ease) infinite;border-radius:50%;flex:none}@keyframes dotPulse{0%{box-shadow:0 0 #4f46e599}to{box-shadow:0 0 0 10px #4f46e500}}.map-coords{font-family:var(--mono);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:100%;padding:8px 12px;font-size:.74rem;overflow:hidden}.leaflet-container{font-family:var(--sans);background:#0a0c0f;outline:none}.map-wrap[data-provider=esri][data-basemap=noir] .leaflet-tile-pane{filter:grayscale()sepia(.14)brightness(.6)contrast(1.22)}.map-wrap[data-provider=esri][data-basemap=satellite] .leaflet-tile-pane{filter:saturate(.8)brightness(.82)contrast(1.05)}.map-wrap .leaflet-bar{border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px -10px #000000a6}.map-wrap .leaflet-bar a{width:38px;height:38px;color:var(--brand);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);background:#0a0c0fd1;line-height:38px}.map-wrap .leaflet-bar a:last-child{border-bottom:0}.map-wrap .leaflet-bar a:hover{color:var(--brand-hi);background:#231f18eb}.map-wrap .leaflet-bar a.leaflet-disabled{color:var(--dim);background:#0a0c0fd1}.map-wrap .leaflet-bottom.leaflet-right .leaflet-control-zoom{margin:0 18px 30px 0}.map-wrap .leaflet-control-attribution{color:var(--muted);background:#07080ab3;border-top-left-radius:8px;padding:2px 8px;font-size:10px}.map-wrap .leaflet-control-attribution a{color:var(--text-2)}.mr-poly{filter:drop-shadow(0 0 7px #4f46e547)}.mr-icon{background:0 0;border:0}.mr-center{cursor:grab;place-items:center;width:24px;height:24px;display:grid;position:relative}.mr-center:before{content:"";border:1.5px solid var(--c);background:var(--c);border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.mr-center:before{background:color-mix(in srgb, var(--c) 16%, #07080a99)}}.mr-center span{background:var(--c);width:8px;height:8px;box-shadow:0 0 12px var(--c);border-radius:50%;position:relative}.mr-center.is-active:after{content:"";border:1px solid var(--c);animation:markerRing 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-6px}@keyframes markerRing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.mr-handle{background:var(--c);width:12px;height:12px;box-shadow:0 0 0 1px var(--c), 0 4px 14px #0009;cursor:grab;transition:transform .3s var(--ease);border:2px solid #0a0c0f;margin:2px;transform:rotate(45deg)}.mr-handle:hover{transform:rotate(45deg)scale(1.25)}.mr-label{background:var(--c);color:#16120a;font-family:var(--mono);white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000080}.mr-point{border:2px solid var(--out);cursor:grab;background:#0a0c0f;border-radius:50%;width:14px;height:14px;transition:background .3s,border-color .3s,box-shadow .3s}.mr-point.in{background:var(--brand);border-color:var(--brand-hi);box-shadow:0 0 0 4px #4f46e538,0 0 18px #4f46e5b3}.leaflet-tooltip.mr-tip{border:1px solid var(--line-strong);color:var(--text-2);font-family:var(--sans);background:#0a0c0ff0;border-radius:10px;padding:7px 11px;font-size:.74rem;box-shadow:0 12px 30px -10px #000000b3}.leaflet-tooltip.mr-tip b{color:var(--brand-hi);font-weight:600}.leaflet-tooltip-top.mr-tip:before{border-top-color:var(--line-strong)}@media (width<=900px){.tool{grid-template-columns:1fr;height:auto;min-height:0}.map-wrap{order:-1;height:62vh;min-height:400px}.panel{display:contents}.panel>*{padding-inline:16px}.panel>.panel-block:first-child{z-index:1001;border-bottom:1px solid var(--line);order:-2;padding-block:18px 16px;position:relative}.panel-actions{padding-bottom:18px}.map-coords{display:none}.map-hint{white-space:normal;font-size:.72rem}}@media (width<=480px){.map-top{flex-direction:column}.basemaps button{padding:7px 11px}}.tool{color:var(--text);background:var(--surface);box-shadow:0 50px 100px -50px #312e8173, 0 0 0 1px var(--line)}.tool:before{content:"";z-index:901;background:var(--grad);height:4px;position:absolute;top:0;left:0;right:0}.tool:after{background:linear-gradient(135deg,#6d5bffb3,#6d5bff1f 30%,#0000 60%,#2f6bff73)}.tool .panel{scrollbar-color:#0f12222e transparent;background:linear-gradient(#fff,#fafbff)}:is(.tool,.results) .field-label{color:var(--text);letter-spacing:.14em;font-weight:700}#radiusBig{font-family:var(--display);letter-spacing:-.04em;font-size:3.4rem;font-weight:800}.radius-unit{font-family:var(--display);color:var(--brand);font-size:1.3rem;font-weight:700}.active-name{font-size:.9rem;font-weight:700}.tool .panel::-webkit-scrollbar-thumb{background:#0f12222e}.tool .num-input{background:var(--surface-2)}.tool .search{background:#fff;border:1.5px solid #4f46e552;border-radius:14px;box-shadow:0 8px 22px -14px #4f46e58c}.tool .search:hover{border-color:#4f46e580}.tool .search:focus-within{border-color:var(--brand)}.tool .search>svg{width:19px;height:19px;stroke:var(--brand);stroke-width:2px}.tool .search input{padding:15px 10px 15px 12px;font-size:1rem}.tool .search input::placeholder{color:var(--muted)}.tool .search .icon-btn{color:#fff;background:var(--grad);border-radius:10px;width:40px;height:40px;margin-right:5px;box-shadow:0 6px 14px -6px #4f46e5b3}.tool .search .icon-btn:hover{background:var(--grad);filter:brightness(1.08)}.tool .search .icon-btn svg{stroke-width:2.2px;width:18px;height:18px}.tool .search:focus-within{box-shadow:0 0 0 4px #4f46e51f}.tool .search-results{background:#fff;box-shadow:0 30px 60px -20px #0f122259}.tool .sr-item:hover,.tool .sr-item.kbd{background:var(--surface-2)}.tool .sr-actions button:hover,.tool .units button[aria-checked=true],.tool .basemaps button[aria-checked=true]{color:#fff}.tool .segmented{background:var(--surface-2)}.tool .segmented button[aria-checked=true]{color:var(--brand-hi);background:#fff;box-shadow:inset 0 0 0 1px #4f46e573,0 4px 12px -6px #0f122240}.tool input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand) var(--p), #0f12221f var(--p))}.tool input[type=range]::-moz-range-track{background:#0f12221f}.tool input[type=range]::-webkit-slider-thumb{border:5px solid var(--brand);background:#fff;box-shadow:0 0 0 5px #4f46e524,0 3px 8px #0f122240}.tool input[type=range]::-moz-range-thumb{border:5px solid var(--brand);box-sizing:border-box;background:#fff;box-shadow:0 0 0 5px #4f46e524,0 3px 8px #0f122240}.tool input[type=range]::-webkit-slider-runnable-track{height:4px}.tool input[type=range]::-webkit-slider-thumb{margin-top:-7px}.tool input[type=range]::-moz-range-track{height:4px}.tool input[type=range]::-moz-range-progress{height:4px}:is(.tool,.results) .metrics>div,:is(.tool,.results) .item{background:var(--surface-2)}:is(.tool,.results) .item.active{background:#4f46e517}:is(.tool,.results) .item-del:hover{background:#0f12220f}:is(.tool,.results) .tag.in{background:#4f46e51a;border-color:#4f46e573}:is(.tool,.results) .switch .track{background:#0f122214}:is(.tool,.results) .switch .track:after{background:#fff;box-shadow:0 1px 3px #0f12224d}:is(.tool,.results) .switch input:checked+.track{background:var(--brand);border-color:var(--brand)}:is(.tool,.results) .switch input:checked+.track:after,:is(.tool,.results) .btn-ghost{background:#fff}:is(.tool,.results) .btn-ghost:hover{background:#4f46e512}:is(.tool,.results) .btn-danger.confirm{color:#fff}.tool .map-wrap,.tool .leaflet-container{background:#e9edf5}.tool .units button[aria-checked=true],.tool .basemaps button[aria-checked=true]{background:var(--grad)}.tool .glass{background:#ffffffdb;box-shadow:0 10px 28px -12px #0f122259}.tool .map-wrap .leaflet-bar a{background:#ffffffeb}.tool .map-wrap .leaflet-bar a:hover{color:var(--brand-hi);background:#fff}.tool .map-wrap .leaflet-bar a.leaflet-disabled{background:#ffffffeb}.tool .map-wrap .leaflet-bar{box-shadow:0 10px 28px -12px #0f122259}.tool .map-wrap .leaflet-control-attribution{background:#fffc}.tool .mr-center:before{background:var(--c)}@supports (color:color-mix(in lab, red, red)){.tool .mr-center:before{background:color-mix(in srgb, var(--c) 18%, #ffffffd9)}}.tool .mr-center span{box-shadow:0 0 8px var(--c)}@supports (color:color-mix(in lab, red, red)){.tool .mr-center span{box-shadow:0 0 8px color-mix(in srgb, var(--c) 70%, transparent)}}.tool .mr-handle{box-shadow:0 0 0 1px var(--c), 0 3px 10px #0f122259;border-color:#fff}.tool .mr-label{color:#fff;box-shadow:0 4px 12px #0f12224d}.tool .mr-point{background:#fff;box-shadow:0 2px 6px #0f12224d}.tool .mr-point.in{background:var(--brand);border-color:#fff;box-shadow:0 0 0 3px #4f46e54d,0 2px 10px #4f46e599}.tool .leaflet-tooltip.mr-tip{background:#fffffff7;box-shadow:0 10px 26px -10px #0f122266}.tool .mr-poly{filter:none}.tool .map-wrap[data-basemap=noir] .mr-poly,.tool .map-wrap[data-basemap=satellite] .mr-poly{filter:drop-shadow(0 0 6px #4f46e559)}.results{text-align:left;gap:16px;margin-top:18px;display:grid}.results .metrics{border-radius:18px;grid-template-columns:repeat(4,1fr);box-shadow:0 24px 50px -36px #312e8166}.results .metrics>div{background:var(--surface);padding:16px 18px}.results .metrics dd{font-size:.98rem}.results-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.rcol{gap:16px;min-width:0;display:grid}.rbox .item-list{grid-template-columns:minmax(0,1fr)}.rbox{background:var(--surface);min-width:0;box-shadow:0 24px 50px -36px #312e8166, 0 0 0 1px var(--line);border-radius:22px;padding:22px}.rbox-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.rbox-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;margin:0;font-size:1.08rem;font-weight:800;display:flex}.rbox-title .count:not(:empty){color:var(--brand-hi);background:#4f46e51a;border-radius:999px;padding:2px 9px;font-size:.72rem}.rbox-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rbox-tools .switch{margin-right:6px;font-size:.86rem}.rbox-foot{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:.86rem}.rbox-note{color:var(--muted);margin:12px 0 0;font-size:.82rem;line-height:1.5}.export-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-actions .btn{justify-content:flex-start}.export-actions .btn:hover svg{transform:none}.results .area-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:none;padding:0;overflow:visible}.area-tools{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.area-tools[hidden],.gbp-bar[hidden]{display:none}.area-search{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;flex:220px;align-items:center;gap:8px;padding:0 12px;transition:border-color .3s,box-shadow .3s;display:flex}.area-search:focus-within{border-color:var(--brand-lo);box-shadow:0 0 0 4px #4f46e51a}.area-search svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;flex:none}.area-search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:.9rem}.area-sort{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.area-sort select{border:1px solid var(--line-strong);font:inherit;color:var(--text);appearance:none;cursor:pointer;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23767D97' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 9px center / 15px;border-radius:12px;padding:9px 30px 9px 12px;font-size:.88rem;font-weight:500}.area-sort select:focus{border-color:var(--brand-lo);outline:none;box-shadow:0 0 0 4px #4f46e51a}.gbp-bar{background:linear-gradient(120deg,#7c5cff14,#2f6bff0f);border:1px solid #4f46e533;border-radius:16px;margin:2px 0 14px;padding:14px 16px}.gbp-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.gbp-info{color:var(--text-2);margin:0;font-size:.9rem}.gbp-info b{font-family:var(--display);color:var(--brand);font-size:1.1rem;font-weight:800}.gbp-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gbp-actions .btn:hover svg{transform:none}.gbp-note{color:var(--muted);margin:10px 0 0;font-size:.8rem;line-height:1.5}.a-check{cursor:pointer;flex:none;place-items:center;margin:-6px -2px -6px -4px;padding:6px;display:grid}.a-check input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer;margin:0}.area-list .item.is-picked{background:#4f46e514;border-color:#4f46e573}.area-more{grid-column:1/-1;justify-content:center;padding-top:6px;display:flex}.area-more button{border:1px solid var(--line-strong);color:var(--brand-hi);background:var(--surface);border-radius:999px;padding:9px 18px;font-size:.8rem;font-weight:600;transition:border-color .3s,background .3s}.area-more button:hover{border-color:var(--brand-lo);background:#4f46e50d}@media (width<=1040px){.results-grid{grid-template-columns:1fr}.rcol{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}}@media (width<=640px){.results .metrics{grid-template-columns:1fr 1fr}.rbox{padding:18px 16px}}.section-how{background:linear-gradient(#0000,#4f46e50a 50%,#0000)}.diagram{background:var(--surface);box-shadow:0 50px 100px -50px #312e8166, 0 0 0 1px var(--line);border-radius:28px;grid-template-columns:1.5fr 1fr;display:grid;position:relative;overflow:hidden}.diagram-stage{background:var(--stage);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}#diagram{-webkit-user-select:none;user-select:none;flex:1;width:100%;height:auto}.diagram-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.play-btn .i-pause{display:none}.play-btn[aria-pressed=true] .i-pause{display:block}.play-btn[aria-pressed=true] .i-play{display:none}.play-btn .i-play path{fill:currentColor;stroke:none}.vert-control{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:.6rem;font-weight:600;display:flex}.vert-control input{width:150px}.vert-control output{min-width:3ch;font-family:var(--mono);letter-spacing:0;color:var(--brand-hi);text-align:right;font-size:.78rem}.diagram-side{flex-direction:column;gap:22px;min-width:0;padding:28px 26px;display:flex}.steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.steps button{text-align:left;border-radius:14px;grid-template-columns:36px 1fr;width:100%;padding:13px 14px;transition:background .4s;display:grid;position:relative;overflow:hidden}.steps button:hover{background:var(--surface-2)}.steps .n{font-family:var(--mono);color:var(--dim);grid-row:span 2;padding-top:2px;font-size:.9rem;line-height:1.15;transition:color .4s}.steps .t{color:var(--text-2);font-size:.94rem;font-weight:500;transition:color .4s}.steps .d{opacity:0;max-height:0;color:var(--muted);transition:max-height .6s var(--ease), opacity .5s, margin .5s;font-size:.8rem;line-height:1.55;overflow:hidden}.steps button.done .n{color:var(--brand-lo)}.steps button[aria-current=step]{background:#4f46e511}.steps button[aria-current=step] .n{color:var(--brand)}.steps button[aria-current=step] .t{color:var(--text)}.steps button[aria-current=step] .d{opacity:1;max-height:90px;margin-top:5px}.steps button:after{content:"";background:var(--brand);transform-origin:0;height:1px;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.steps button.playing:after{animation:stepProgress var(--dur,3s) linear forwards}@keyframes stepProgress{to{transform:scaleX(1)}}.readout{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;gap:10px;margin-top:auto;padding:18px;display:grid}.ro-row{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:12px;font-size:.6rem;font-weight:600;display:flex}.ro-row b{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--text);text-align:right;font-size:.76rem;font-weight:400}.formula{border-top:1px solid var(--line);padding-top:12px}.f-label{letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-bottom:8px;font-size:.6rem;font-weight:600}.formula code{font-family:var(--mono);color:var(--text);font-size:.82rem;line-height:1.4;display:block}.f-values{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:.68rem;line-height:1.75}.f-result{font-family:var(--mono);color:var(--text);margin-top:8px;font-size:.78rem}.f-result .in{color:var(--brand)}.f-result .out{color:var(--out)}.ro-total{border-top:1px solid var(--line);font-family:var(--display);letter-spacing:-.03em;color:var(--brand);font-variant-numeric:lining-nums;padding-top:14px;font-size:2.3rem;font-weight:800;line-height:1}.ro-total span{color:var(--text-2);font-size:1.02rem}.dg-contour{fill:none;stroke:#4f46e50f}.dg-contour.major{stroke:#4f46e51f}.dg-river{fill:none;stroke:#94a3b81a;stroke-width:26px;stroke-linecap:round}.dg-road{fill:none;stroke:#0f12220d;stroke-width:5px;stroke-linecap:round}.dg-caption{font-family:var(--display);fill:var(--text);font-size:17px;font-weight:800}.dg-sub{font-family:var(--mono);fill:var(--muted);letter-spacing:.06em;font-size:9.5px}.dg-scale line{stroke:var(--text-2);stroke-width:1px}.dg-scale text,.dg-legend text{font-family:var(--mono);fill:var(--muted);font-size:9.5px}.dg-compass circle{fill:none;stroke:var(--line-strong)}.dg-compass path{fill:var(--brand)}.dg-compass text{font-family:var(--display);fill:var(--brand);text-anchor:middle;font-size:12px;font-weight:800}.dg-s{opacity:0;transition:opacity .6s var(--ease)}.dg-s.on{opacity:1}.dg-s:not(.on){pointer-events:none}.dg-ring{fill:none;stroke:#4f46e538;stroke-dasharray:2 6}.dg-poly{fill:url(#dgFill);stroke:var(--brand);stroke-width:1.6px;stroke-linejoin:round;opacity:0;transition:opacity .6s var(--ease), fill-opacity 1.2s var(--ease)}.dg-poly.on{opacity:1}.dg-poly.drawing{fill-opacity:0;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:dgDraw 1.6s var(--ease) forwards}@keyframes dgDraw{to{stroke-dashoffset:0}}.dg-vert{fill:var(--brand-hi);opacity:0;transition:opacity .35s}.dg-verts.on .dg-vert{opacity:1}.dg-verts.on.dim .dg-vert{opacity:.28}.dg-rline{stroke:var(--brand);stroke-width:1.3px;stroke-dasharray:4 5}.dg-rlabel{font-family:var(--mono);fill:var(--brand-hi);text-anchor:middle;paint-order:stroke;stroke:var(--stage);stroke-width:5px;font-size:11.5px}.dg-mline{stroke:var(--text-2);stroke-width:1px;opacity:.5;stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease), opacity .5s, stroke .5s, stroke-width .3s}.dg-mlines.on .dg-mline{stroke-dashoffset:0}.dg-mline.in{stroke:var(--brand);opacity:.75}.dg-mline.out{stroke:var(--out);opacity:.5}.dg-mline.focus{opacity:1;stroke-width:1.8px}#diagram[data-step="4"] .dg-mline.out:not(.focus){opacity:.1}.dg-mlabel{font-family:var(--mono);fill:var(--text-2);text-anchor:middle;paint-order:stroke;stroke:var(--stage);stroke-width:4px;opacity:0;font-size:10px;transition:opacity .5s}.dg-mlines.on .dg-mlabel{opacity:.9}.dg-mlabel.in{fill:var(--brand-hi)}#diagram[data-step="4"] .dg-mlabel.out:not(.focus){opacity:.15}.dg-pt{cursor:grab;touch-action:none;transition:opacity .5s}.dg-pt .hit{fill:#0000}.dg-pt .dot{fill:var(--stage);stroke:var(--text-2);stroke-width:1.6px;transition:fill .4s,stroke .4s,stroke-width .3s}.dg-pt .halo{fill:var(--brand);opacity:0;filter:url(#dgBlur);transition:opacity .5s}.dg-pt text{font-family:var(--sans);letter-spacing:.08em;fill:var(--text-2);paint-order:stroke;stroke:var(--stage);stroke-width:4px;pointer-events:none;font-size:10.5px;font-weight:500}.dg-pt.in .dot{fill:var(--brand);stroke:var(--brand-hi)}.dg-pt.out .dot{stroke:var(--out)}.dg-pt.in .halo{opacity:.35}.dg-pt.focus .dot,.dg-pt:hover .dot{stroke-width:2.6px}#diagram[data-step="4"] .dg-pt.out{opacity:.38}#diagram[data-step="4"] .dg-pt.in .halo{opacity:.6}.dg-center,.dg-handle{cursor:grab;touch-action:none}.dg-center .ring{fill:#ffffffd9;stroke:var(--brand);stroke-width:1.4px}.dg-center .core{fill:var(--brand)}.dg-center .pulse,.dg-handle .pulse{fill:none;stroke:var(--brand);opacity:0;transform-box:fill-box;transform-origin:50%}.dg-center.pulsing .pulse,.dg-handle.pulsing .pulse{animation:dgPulse 2s var(--ease) infinite}@keyframes dgPulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(2.4)}}.dg-center text{font-family:var(--display);fill:var(--brand-hi);paint-order:stroke;stroke:var(--stage);stroke-width:4px;pointer-events:none;font-size:12px;font-weight:700}.dg-handle .hit,.dg-center .hit{fill:#0000}.dg-handle rect{fill:var(--brand);stroke:var(--stage);stroke-width:2px}.dragging{cursor:grabbing}@media (width<=1040px){.diagram{grid-template-columns:1fr}.diagram-stage{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=520px){.vert-control input{width:110px}.diagram-side{padding:22px 16px}.formula code{font-size:.92rem}}.marquee{border-block:1px solid var(--line);padding:28px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:70s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap;font-family:var(--display);letter-spacing:-.03em;color:var(--text);align-items:center;gap:18px;padding:0 30px;font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:800;display:flex}.marquee-track span:after{content:"";background:var(--grad);border-radius:50%;width:8px;height:8px;margin-left:42px}.marquee-track b{font-family:var(--mono);letter-spacing:.02em;color:var(--brand);background:#4f46e514;border-radius:999px;padding:5px 11px;font-size:.76rem;font-weight:500}@keyframes marquee{to{transform:translate(-50%)}}.uses-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.use{isolation:isolate;background:var(--surface);border:1px solid var(--line);min-height:320px;box-shadow:0 20px 40px -32px var(--shadow);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;border-radius:22px;flex-direction:column;padding:30px 28px;display:flex;position:relative;overflow:hidden}.use:hover{border-color:#4f46e540;transform:translateY(-4px);box-shadow:0 30px 60px -34px #312e8173}.use:before{content:"";z-index:-1;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #4f46e51c, transparent 62%);opacity:0;transition:opacity .6s;position:absolute;inset:0}.use:hover:before{opacity:1}.use-top{justify-content:space-between;align-items:flex-start;display:flex}.use-num{font-family:var(--mono);color:var(--dim);font-size:.8rem}.use-icon{color:#fff;background:var(--grad);border-radius:15px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 12px 24px -12px #4f46e5cc}.use-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.use-icon:before,.use-icon:after{content:"";border:1px solid var(--brand);opacity:0;border-radius:15px;position:absolute;inset:-1px}.use:hover .use-icon:before{animation:useRing 2.2s var(--ease) infinite}.use:hover .use-icon:after{animation:useRing 2.2s var(--ease) 1.1s infinite}@keyframes useRing{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.use .use-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);margin:48px 0 10px;font-size:1.35rem;font-weight:800;line-height:1.2}.use p{color:var(--text-2);margin:0 0 24px;font-size:.93rem}.eg{border-top:1px solid var(--line);font-family:var(--mono);color:var(--brand);margin-top:auto;padding-top:16px;font-size:.72rem;transition:color .4s}.use:hover .eg{color:var(--brand-hi)}@media (width<=980px){.uses-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.uses-grid{grid-template-columns:1fr}.use{min-height:0;padding:26px 22px}.use .use-title{margin-top:30px}}.section-specs{border-top:1px solid var(--line);background:linear-gradient(#0000,#4f46e509 40%,#0000)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.feature{background:var(--surface);min-width:0;box-shadow:0 30px 60px -44px #312e8173, 0 0 0 1px var(--line);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:24px;flex-direction:column;padding:26px 26px 28px;display:flex;position:relative}.feature:hover{transform:translateY(-4px);box-shadow:0 34px 64px -40px #312e8180,0 0 0 1px #4f46e540}.feature-icon{color:#fff;background:var(--grad);border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:22px;display:grid;box-shadow:0 12px 24px -12px #4f46e5cc}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.feature .feature-label{letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin:0 0 8px;font-size:.68rem;font-weight:700}.feature .feature-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:lining-nums;margin:0;font-size:1.2rem;font-weight:800;line-height:1.3}.feature .feature-title small{font-family:var(--sans);letter-spacing:0;color:var(--text-2);margin-top:10px;font-size:.92rem;font-weight:400;line-height:1.6;display:block}.feature-wide{flex-direction:row;grid-column:span 2;align-items:center;gap:28px}.feature-body{flex:1;min-width:0}.feature-wide .feature-title{font-size:1.45rem}.feature-wide .dial{flex:none;width:210px;margin:-6px 0}.feature-accent{color:#fff;background:linear-gradient(140deg,#1b1745,#2a2470 60%,#233a8f);box-shadow:0 30px 60px -36px #312e81cc}.feature-accent:hover{box-shadow:0 34px 64px -34px #312e81e6}.feature-accent .feature-label{color:#b9a8ff}.feature-accent .feature-title{color:#fff}.feature-accent .feature-title small{color:#ffffffb8}.gbp-sample{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;flex:none;gap:8px;width:250px;margin:0;padding:14px;list-style:none;display:grid}.gbp-sample li{color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:#fffffff2;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.84rem;display:flex;overflow:hidden}.gbp-sample li i{background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat;border-radius:4px;flex:none;width:15px;height:15px}.gbp-sample li.more{color:#ffffffb3;font-family:var(--mono);background:0 0;justify-content:center;font-size:.76rem}.dial svg{width:100%;height:auto;overflow:visible}.dial .d-ring{fill:none;stroke:var(--line-strong)}.dial .d-ring.faint{stroke:var(--line)}.dial .d-tick{stroke:#4f46e559}.dial .d-tick.l{stroke:var(--brand)}.dial .d-rotor{transform-origin:120px 120px;animation:90s linear infinite spin}.dial .d-rotor-r{transform-origin:120px 120px;animation:40s linear infinite reverse spin}.dial .d-hand{stroke:var(--brand-hi);stroke-width:1.2px}.dial .d-core{fill:var(--brand)}.dial text{font-family:var(--mono);fill:var(--muted);text-anchor:middle;dominant-baseline:central;letter-spacing:.1em;font-size:7px}@media (width<=1040px){.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.feature-grid{grid-template-columns:1fr}.feature-wide{flex-direction:column;grid-column:auto;align-items:stretch}.feature-wide .dial{display:none}.gbp-sample{width:100%}.feature{padding:22px 20px 24px}}.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;display:grid}.faq-grid>div:first-child{gap:22px;display:grid;position:sticky;top:110px}.faq-intro .section-lede{justify-self:start}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:var(--display);letter-spacing:-.015em;color:var(--text);justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:1.15rem;font-weight:700;line-height:1.35;list-style:none;transition:color .3s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--brand-hi)}.plus{border:1px solid var(--line-strong);width:32px;height:32px;transition:transform .5s var(--ease), background .3s, border-color .3s;border-radius:50%;flex:none;position:relative}.plus:before,.plus:after{content:"";background:var(--brand);border-radius:2px;width:12px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plus:after{transform:translate(-50%,-50%)rotate(90deg)}.faq details[open] .plus{border-color:var(--brand);background:#4f46e51a;transform:rotate(45deg)}.faq summary h3{font:inherit;letter-spacing:inherit;color:inherit;margin:0}.faq p{max-width:46em;color:var(--text-2);margin:0 0 14px}.faq p:last-child{margin-bottom:28px}.faq strong,.faq b{color:var(--text);font-weight:600}.faq p em{color:var(--brand-hi)}@media (width<=900px){.faq-grid{grid-template-columns:1fr;gap:36px}.faq-grid>div:first-child{position:static}.faq summary{font-size:1.12rem}}.cta{isolation:isolate;text-align:center;border-top:1px solid var(--line);padding:clamp(120px,16vw,210px) 0;position:relative;overflow:hidden}.cta .container{justify-items:center;gap:30px;display:grid}.cta .display{font-size:clamp(3.4rem,9vw,7.6rem)}.ripples{z-index:-1;position:absolute;top:50%;left:50%}.ripples span{opacity:0;border:1px solid #4f46e533;border-radius:50%;width:900px;height:900px;animation:10s linear infinite ripple;position:absolute;top:-450px;left:-450px}.ripples span:nth-child(2){animation-delay:-2.5s}.ripples span:nth-child(3){animation-delay:-5s}.ripples span:nth-child(4){animation-delay:-7.5s}@keyframes ripple{0%{opacity:0;transform:scale(.08)}12%{opacity:1}to{opacity:0;transform:scale(1.25)}}.cta:before{content:"";z-index:-2;background:radial-gradient(45% 55%,#7c5cff24,#0000 70%),radial-gradient(30% 40% at 70% 60%,#2f6bff1a,#0000 70%);position:absolute;inset:0}.footer{border-top:1px solid var(--line);padding:60px 0 36px}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.footer-tag{color:var(--muted);margin:14px 0 0;font-size:.95rem}.footer-links{flex-wrap:wrap;gap:28px;padding-top:8px;display:flex}.footer-links a{color:var(--text-2);font-size:.9rem;font-weight:500;transition:color .3s}.footer-links a:hover{color:var(--brand-hi)}.footer-base{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;font-size:.72rem;display:flex}.prose p{color:var(--text-2);margin:0 0 18px;font-size:1.05rem;line-height:1.75}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--text);font-weight:650}.prose .lead{color:var(--text-2);font-size:1.16rem}.what-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:64px;display:grid}.what-grid .eyebrow{margin-bottom:20px}.what-grid .h2{margin-bottom:24px}.compare{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.compare-card{background:var(--surface);box-shadow:0 30px 60px -40px #312e8166, 0 0 0 1px var(--line);border-radius:22px;padding:14px 14px 16px}.compare-card svg{background:var(--stage);border-radius:14px;width:100%;height:auto}.compare-card p{color:var(--muted);margin:12px 4px 0;font-size:.86rem;line-height:1.45}.compare-card p b{font-family:var(--display);color:var(--text);margin-bottom:2px;font-size:1rem;font-weight:800;display:block}.compare figcaption{color:var(--muted);text-align:center;grid-column:1/-1;margin-top:4px;font-size:.86rem;line-height:1.55}.cmp-grid path{fill:none;stroke:#4f46e512}.cmp-zone{fill:#4f46e51f;stroke:var(--brand);stroke-width:2.5px}.cmp-spokes path{fill:none;stroke:var(--brand);stroke-width:1.3px;stroke-dasharray:3 4;opacity:.7}.cmp-label{font-family:var(--mono);fill:var(--brand-hi);paint-order:stroke;stroke:var(--stage);stroke-width:4px;font-size:12px;font-weight:500}.cmp-centre{fill:var(--brand);stroke:#fff;stroke-width:2.5px}.cmp-roads path{fill:none;stroke:#0f122229;stroke-width:4px;stroke-linecap:round}.cmp-drive{fill:#e5484d21;stroke:var(--rose);stroke-width:2.5px;stroke-linejoin:round}.diagram-intro{text-align:center;max-width:46em;color:var(--text-2);margin:0 auto 26px;font-size:1.02rem;line-height:1.7}.howto{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.howto-card{background:var(--surface);box-shadow:0 30px 60px -42px #312e8173, 0 0 0 1px var(--line);border-radius:24px;flex-direction:column;padding:16px 22px 26px;display:flex;position:relative}.howto-card>p{color:var(--text-2);margin:0;font-size:.95rem;line-height:1.65}.howto-card>p b{color:var(--text);font-weight:600}.mini{background:var(--stage);border:1px solid var(--line);border-radius:16px;margin:0 -8px 18px;overflow:hidden}.mini svg{width:100%;height:auto}.howto-n{color:#fff;background:var(--grad);width:32px;height:32px;font-family:var(--display);border-radius:50%;place-items:center;margin-bottom:12px;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 8px 18px -8px #4f46e5cc}.howto-title{font-family:var(--display);letter-spacing:-.02em;font-weight:800;color:var(--text)!important;margin:0 0 8px!important;font-size:1.2rem!important}.howto-cta{color:#fff;background:linear-gradient(140deg,#1b1745,#2a2470 60%,#233a8f);justify-content:center;padding:30px 26px;box-shadow:0 30px 60px -36px #312e81cc}.howto-cta .howto-title{color:#fff!important;font-size:1.45rem!important}.howto-cta>p{color:#ffffffbf;margin-bottom:22px}.howto-cta .btn{align-self:flex-start}.m-field{fill:#fff;stroke:#4f46e559;stroke-width:1.5px}.m-stroke{fill:none;stroke:var(--brand);stroke-width:2px;stroke-linecap:round}.m-text{font-family:var(--sans);fill:var(--text);font-size:11.5px}.m-go{fill:var(--brand)}.m-white{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.m-white-fill{fill:#fff}.m-road{fill:none;stroke:#0f12221a;stroke-width:6px}.m-pin{fill:var(--brand)}.m-chip{fill:#fff;stroke:var(--line-strong)}.m-chip-text{font-family:var(--sans);fill:var(--text-2);text-anchor:middle;font-size:10px;font-weight:600}.m-big{font-family:var(--display);fill:var(--text);letter-spacing:-1px;font-size:40px;font-weight:800}.m-unit{font-family:var(--display);fill:var(--brand);font-size:18px;font-weight:700}.m-track{stroke:#0f12221f;stroke-width:4px;stroke-linecap:round}.m-fill{stroke:var(--brand);stroke-width:4px;stroke-linecap:round}.m-thumb{fill:#fff;stroke:var(--brand);stroke-width:4px}.m-units rect{fill:#fff;stroke:var(--line-strong)}.m-units rect.on{fill:var(--brand);stroke:var(--brand)}.m-unit-text text{font-family:var(--mono);fill:var(--muted);text-anchor:middle;font-size:10px}.m-unit-text text.on{fill:#fff}.m-zone{fill:#4f46e521;stroke:var(--brand);stroke-width:2.5px}.m-zone-ghost{fill:none;stroke:var(--brand);stroke-width:1px;stroke-dasharray:3 4;opacity:.5}.m-zone-2{fill:#e5484d1f;stroke:var(--rose);stroke-width:2.5px}.m-dash{stroke:var(--brand);stroke-width:1.6px;stroke-dasharray:4 4}.m-handle{fill:var(--brand);stroke:#fff;stroke-width:2px}.m-arrow{fill:none;stroke:var(--text-2);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.m-centre{fill:var(--brand);stroke:#fff;stroke-width:2px}.m-centre-2{fill:var(--rose);stroke:#fff;stroke-width:2px}.m-pt-in{fill:var(--brand);stroke:#fff;stroke-width:2px}.m-pt-out{fill:#fff;stroke:var(--out);stroke-width:2px}.m-rows rect{fill:#fff;stroke:var(--line)}.m-check{fill:#fff;stroke:var(--line-strong)}.m-check.on{fill:var(--brand);stroke:var(--brand)}.m-row-text{font-family:var(--sans);fill:var(--text);font-size:11px}.m-row-sub{font-family:var(--mono);fill:var(--muted);text-anchor:end;font-size:9.5px}.m-go-text{font-family:var(--sans);fill:#fff;text-anchor:middle;font-size:9.5px;font-weight:700}.m-files rect{fill:#fff;stroke:var(--line-strong)}.m-file-text text{font-family:var(--mono);fill:var(--text-2);text-anchor:middle;font-size:9px}.units-figure{background:var(--surface);box-shadow:0 30px 60px -42px #312e8173, 0 0 0 1px var(--line);border-radius:24px;margin:64px 0 0;padding:26px}.units-figure figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin-bottom:18px;display:flex}.units-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:1.2rem;font-weight:800}.units-note{color:var(--muted);font-size:.86rem}.units-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.units-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.92rem}.units-table th,.units-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);padding:13px 14px}.units-table thead th{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--line-strong);font-size:.7rem;font-weight:700}.units-table tbody th{font-family:var(--display);color:var(--brand);font-weight:800}.units-table td{font-family:var(--mono);color:var(--text);font-size:.86rem}.units-table tbody tr:hover{background:var(--surface-2)}.units-table tbody tr:last-child th,.units-table tbody tr:last-child td{border-bottom:0}@media (width<=1040px){.what-grid{grid-template-columns:1fr;gap:36px}.howto{grid-template-columns:1fr 1fr}}@media (width<=640px){.howto,.compare{grid-template-columns:1fr}.units-figure{padding:20px 16px}.prose p{font-size:1rem}.prose .lead{font-size:1.06rem}}.toast{z-index:200;backdrop-filter:blur(12px);color:#fff;text-align:center;opacity:0;pointer-events:none;max-width:calc(100% - 32px);transition:opacity .45s var(--ease), transform .45s var(--ease);background:#0f1222f0;border:1px solid #ffffff1a;border-radius:999px;padding:12px 20px;font-size:.82rem;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);box-shadow:0 20px 40px -12px #0f122273}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .reveal{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.area-list .item-title{white-space:normal;line-height:1.4}.leaflet-container .leaflet-boundary-pane svg{max-width:none!important;max-height:none!important}.skip-link{z-index:100;background:var(--brand);color:#fff;border-radius:10px;padding:10px 16px;font-weight:600;transition:top .2s;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}img.brand-mark{background:0 0;padding:0}.nav-actions{align-items:center;gap:12px;display:flex}.nav-toggle{z-index:70;border:1px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:12px;place-items:center;display:none;position:relative}.nav-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}@media (width<=980px){.nav-toggle{display:grid}.nav-actions{margin-left:auto}[dir=rtl] .nav-actions{margin-left:0;margin-right:auto}.nav-actions .lang-switch{display:none}}.mobile-menu{z-index:55;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s linear .35s;background:#f5f7fcfb;flex-direction:column;gap:28px;padding:96px 24px 32px;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-8px)}.mobile-menu.is-open{opacity:1;visibility:visible;transition-delay:0s;transform:none}.mobile-menu nav{gap:4px;display:grid}.mobile-menu nav a{border-bottom:1px solid var(--line);font-family:var(--display);letter-spacing:-.02em;color:var(--text);padding:12px 4px;font-size:1.6rem;font-weight:800}.mobile-menu nav a:hover{color:var(--brand-hi)}.mobile-menu .btn{align-self:flex-start}.mobile-menu .lang-list{flex-wrap:wrap;gap:8px;display:flex}.mobile-menu .lang-list a{border:1px solid var(--line-strong);color:var(--text-2);background:var(--surface);border-radius:999px;padding:7px 12px;font-size:.85rem}.mobile-menu .lang-list a[aria-current=true]{border-color:var(--brand);color:var(--brand-hi);background:#4f46e514}.mobile-menu-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.72rem;font-weight:700}@media (width>=981px){.mobile-menu{display:none}}.lang-switch{position:relative}.lang-switch summary{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:.86rem;font-weight:600;list-style:none;display:inline-flex}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lang-switch summary .chev{width:14px;height:14px;transition:transform .3s var(--ease)}.lang-switch[open] summary .chev{transform:rotate(180deg)}.lang-switch ul{z-index:80;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;grid-template-columns:1fr 1fr;gap:2px;width:320px;max-height:70vh;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 30px 60px -20px #0f122259}.lang-switch.up ul{top:auto;bottom:calc(100% + 8px)}[dir=rtl] .lang-switch ul{left:0;right:auto}.lang-switch li a{color:var(--text-2);border-radius:9px;padding:8px 10px;font-size:.88rem;display:block}.lang-switch li a:hover{background:var(--surface-2);color:var(--text)}.lang-switch li a[aria-current=true]{color:var(--brand-hi);background:#4f46e51a;font-weight:600}.footer-brand{max-width:380px}.footer-tag{line-height:1.6}.footer-social{gap:10px;margin-top:18px;display:flex}.footer-social a{border:1px solid var(--line-strong);background:var(--surface);width:38px;height:38px;color:var(--text-2);transition:color .3s, border-color .3s, transform .3s var(--ease);border-radius:11px;place-items:center;display:grid}.footer-social a:hover{color:var(--brand-hi);border-color:var(--brand-lo);transform:translateY(-2px)}.footer-social svg{fill:currentColor;width:17px;height:17px}.footer-side{justify-items:end;gap:18px;display:grid}@media (width<=760px){.footer-side{justify-items:start}}.page-hero{isolation:isolate;padding:140px 0 56px;position:relative;overflow:hidden}.page-hero:before{content:"";z-index:-1;background:radial-gradient(40% 70% at 85% 10%,#7c5cff24,#0000 70%),radial-gradient(35% 60% at 5% 90%,#2f6bff14,#0000 70%);position:absolute;inset:0}.page-hero .display{margin-top:18px;font-size:clamp(2.3rem,5vw,3.8rem)}.page-hero .lede{margin-top:16px}.page-hero-meta{color:var(--muted);margin-top:18px;font-size:.9rem}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:var(--dim);margin-right:8px}.breadcrumbs a:hover{color:var(--brand-hi)}.prose-page{max-width:760px;color:var(--text-2);font-size:1.04rem;line-height:1.8}.prose-page>:first-child{margin-top:0}.prose-page h2{font-family:var(--display);letter-spacing:-.02em;color:var(--text);margin:2.2em 0 .6em;font-size:1.6rem;font-weight:800;line-height:1.25}.prose-page h3{font-family:var(--display);color:var(--text);margin:1.8em 0 .5em;font-size:1.22rem;font-weight:700;line-height:1.3}.prose-page p{margin:0 0 1.1em}.prose-page ul,.prose-page ol{margin:0 0 1.2em;padding-left:1.4em}.prose-page ul{list-style:outside}.prose-page ol{list-style:decimal}.prose-page li{margin:.35em 0;padding-left:.2em}.prose-page li::marker{color:var(--brand)}.prose-page a{color:var(--brand-hi);text-underline-offset:3px;text-decoration:underline}.prose-page strong,.prose-page b{color:var(--text);font-weight:650}.prose-page blockquote{border-left:3px solid var(--brand);color:var(--text);background:#4f46e50d;border-radius:0 12px 12px 0;margin:1.4em 0;padding:16px 20px}.prose-page table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.94rem}.prose-page th,.prose-page td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.prose-page th{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.prose-page code{background:var(--surface-3);font-family:var(--mono);color:var(--text);border-radius:6px;padding:2px 6px;font-size:.88em}.prose-page img{border-radius:16px;max-width:100%;height:auto}[dir=rtl] .prose-page ul,[dir=rtl] .prose-page ol{padding-left:0;padding-right:1.4em}.page-body{padding:8px 0 110px}.page-card{background:var(--surface);box-shadow:0 40px 80px -56px #312e8173, 0 0 0 1px var(--line);border-radius:28px;padding:clamp(24px,4vw,44px)}.blog-meta{color:var(--muted);margin:0 0 22px;font-size:.9rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.blog-card{background:var(--surface);height:100%;box-shadow:0 30px 60px -44px #312e8173, 0 0 0 1px var(--line);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 34px 64px -40px #312e8180,0 0 0 1px #4f46e540}.blog-card img{aspect-ratio:1200/630;object-fit:cover;background:var(--surface-2);width:100%}.blog-card-body{flex-direction:column;flex:1;padding:22px 24px 26px;display:flex}.blog-card-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:.7rem;font-weight:700}.blog-card :is(h2,h3){font-family:var(--display);letter-spacing:-.02em;color:var(--text);margin:10px 0 8px;font-size:1.22rem;font-weight:800;line-height:1.3}.blog-card p{color:var(--text-2);margin:0 0 18px;font-size:.94rem;line-height:1.6}.blog-card .read{color:var(--brand-hi);align-items:center;gap:6px;margin-top:auto;font-size:.92rem;font-weight:600;display:inline-flex}.blog-card .read svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .3s var(--ease)}.blog-card:hover .read svg{transform:translate(3px)}.blog-card a:focus-visible{outline-offset:-3px}.guides-all{text-align:center;margin:40px 0 0}.related-posts{border-top:1px solid var(--line);margin-top:clamp(56px,8vw,88px);padding-top:40px}.related-posts>h2{font-family:var(--display);letter-spacing:-.02em;color:var(--text);margin:0 0 28px;font-size:1.6rem;font-weight:800}.related-all{margin:28px 0 0;font-weight:600}.related-all a{color:var(--brand-hi)}@media (width<=1040px){.blog-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.blog-grid{grid-template-columns:1fr}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:44px;display:flex}.pagination a,.pagination span{border:1px solid var(--line-strong);background:var(--surface);min-width:42px;height:42px;color:var(--text-2);border-radius:12px;place-items:center;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-grid}.pagination a:hover{border-color:var(--brand-lo);color:var(--brand-hi)}.pagination [aria-current=page]{color:#fff;background:var(--grad);border-color:#0000}.pagination [aria-disabled=true]{opacity:.45;cursor:not-allowed}.post-hero-image{box-shadow:0 40px 80px -56px #312e8180, 0 0 0 1px var(--line);border-radius:28px;margin:0 0 40px;overflow:hidden}.post-hero-image img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto}.post-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;display:grid}.post-aside{background:var(--surface);box-shadow:0 30px 60px -44px #312e8173, 0 0 0 1px var(--line);border-radius:22px;padding:24px;position:sticky;top:110px}.post-aside p{color:var(--text-2);margin:0 0 16px;font-size:.94rem;line-height:1.6}.post-aside .title{font-family:var(--display);color:var(--text);font-size:1.1rem;font-weight:800}@media (width<=1040px){.post-layout{grid-template-columns:1fr}.post-aside{position:static}}.contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:32px;display:grid}.contact-form{gap:18px;display:grid}.contact-form label{color:var(--text);gap:8px;font-size:.9rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea{border:1.5px solid var(--line-strong);background:var(--surface);width:100%;font:inherit;color:var(--text);border-radius:14px;padding:13px 14px;font-size:1rem;font-weight:400;transition:border-color .3s,box-shadow .3s}.contact-form textarea{resize:vertical;min-height:170px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #4f46e51f}.contact-form .btn{justify-self:start}.contact-form .btn[disabled]{opacity:.65;cursor:progress}.form-status{min-height:1.5em;color:var(--text-2);margin:0;font-size:.94rem}.form-status[data-state=success]{color:#0b8a63}.form-status[data-state=error]{color:var(--rose)}.form-fallback{color:var(--muted);margin:0;font-size:.9rem}.form-fallback a{color:var(--brand-hi);text-underline-offset:3px;text-decoration:underline}.botcheck{display:none}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.sitemap-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.sitemap-grid h2{font-family:var(--display);color:var(--text);margin:0 0 14px;font-size:1.15rem;font-weight:800}.sitemap-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sitemap-grid a{color:var(--text-2);font-size:.95rem}.sitemap-grid a:hover{color:var(--brand-hi)}.not-found{text-align:center;justify-items:center;gap:22px;padding:160px 0 140px;display:grid}.not-found .code{font-family:var(--display);letter-spacing:-.05em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,16vw,9rem);font-weight:800;line-height:1}.not-found .actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}[dir=rtl] .nav-links{margin-left:0;margin-right:auto}[dir=rtl] .breadcrumbs li+li:before{margin-left:8px;margin-right:0}.chart-section{padding:0 0 clamp(64px,8vw,110px)}.chart-section .units-figure{margin-top:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}