@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;500;600;700;800;900&family=Kanit:wght@300;400;500;600;700&family=Inconsolata:wght@400;600;700&display=swap";:root{--reconix-cyan: #19AFFF;--reconix-cyan-light: #71BFFF;--reconix-blue: #1464D2;--reconix-blue-deep: #0F4B9E;--reconix-navy: #063854;--reconix-charcoal: #414141;--reconix-ink: #1B212C;--n-0: #FFFFFF;--n-25: #FAFBFD;--n-50: #F4F6F9;--n-100: #EBEEF3;--n-200: #DFE3EA;--n-300: #CBD2DC;--n-400: #9E9E9E;--n-500: #676767;--n-600: #4E5567;--n-700: #414141;--n-800: #1B212C;--blue-50: #EEF4FC;--blue-100: #DCE9FA;--blue-200: #B9D3F5;--fg-0: var(--n-800);--fg-1: var(--n-700);--fg-2: var(--n-500);--fg-3: var(--n-400);--fg-on-blue: var(--n-0);--fg-link: var(--reconix-blue);--fg-on-ink-1: rgba(255,255,255,.92);--fg-on-ink-2: rgba(255,255,255,.68);--bg-page: var(--n-0);--bg-subtle: var(--n-50);--bg-raised: var(--n-0);--bg-navy: var(--reconix-navy);--bg-blue: var(--reconix-blue);--bg-blue-tint: var(--blue-50);--border-subtle: var(--n-100);--border-default: var(--n-200);--border-strong: var(--n-300);--ring: 0 0 0 1px rgba(27,33,44,.06);--focus-ring: 0 0 0 3px rgba(20,100,210,.35);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(27,33,44,.05), 0 0 0 1px rgba(27,33,44,.04);--shadow-sm: 0 1px 2px rgba(27,33,44,.06), 0 4px 12px -2px rgba(27,33,44,.08);--grad-brand-h: linear-gradient(90deg, #19AFFF 0%, #1464D2 100%);--dur-fast: .12s;--dur-base: .2s;--ease-standard: cubic-bezier(.4,0,.2,1);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font-sans: "Kumbh Sans", "Helvetica Neue", Arial, sans-serif;--font-thai: "Kanit", "Kumbh Sans", sans-serif;--font-mono: "Inconsolata", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 40px;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--tracking-display: -.02em;--tracking-caps: .12em}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-subtle);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-relaxed);-webkit-font-smoothing:antialiased}:lang(th),:lang(th) input,:lang(th) textarea,:lang(th) select,:lang(th) button{font-family:var(--font-thai)}.mono{font-family:var(--font-mono);font-weight:600}a{color:var(--fg-link);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hero{background:var(--bg-navy);color:var(--fg-on-ink-1)}.hero-inner{max-width:920px;margin:0 auto;padding:var(--sp-8) var(--sp-5) var(--sp-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}.hero .logo{height:30px;width:auto;display:block}.hero h1{margin:var(--sp-4) 0 var(--sp-1);font-size:var(--fs-2xl);font-weight:800;letter-spacing:var(--tracking-display);line-height:var(--lh-snug);color:var(--n-0)}.hero p{margin:0;color:var(--fg-on-ink-2);max-width:60ch}.hero-rule{height:3px;background:var(--grad-brand-h)}.lang-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.28);border-radius:var(--r-pill);overflow:hidden}.lang-toggle button{background:transparent;color:var(--fg-on-ink-1);border:0;padding:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.lang-toggle button[aria-pressed=true]{background:var(--n-0);color:var(--reconix-navy)}.container{max-width:920px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-16)}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-2);margin:0 0 var(--sp-6);padding:0;list-style:none}.stepper li button{width:100%;text-align:left;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--fg-2);cursor:pointer}.stepper li button:disabled{cursor:default;opacity:.7}.stepper li[aria-current=step] button{border-color:var(--reconix-blue);color:var(--fg-0);box-shadow:var(--ring)}.stepper .num{display:block;font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--reconix-blue);font-weight:700}.status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.pill{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;padding:2px var(--sp-3);border-radius:var(--r-pill);background:var(--blue-50);color:var(--reconix-blue)}.pill.warn{background:var(--n-100);color:var(--fg-2)}.banner{background:var(--bg-blue-tint);border-left:3px solid var(--reconix-blue);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);margin:0 0 var(--sp-5);color:var(--fg-1)}.notice{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--ring),var(--shadow-sm)}.h1{font-size:var(--fs-2xl);font-weight:800;letter-spacing:var(--tracking-display);color:var(--fg-0);margin:0 0 var(--sp-2)}.h2{font-size:var(--fs-xl);font-weight:700;color:var(--fg-0);margin:0 0 var(--sp-4)}.eyebrow{font-weight:700;font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--reconix-blue)}.muted{color:var(--fg-2)}.error{color:#9b1c1c;background:#fdecec;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.issues{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0}.issues ul{margin:var(--sp-1) 0 0;padding-left:var(--sp-5)}.card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-5);margin:0 0 var(--sp-4);box-shadow:var(--ring),var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-1)}.hint{color:var(--fg-2);font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.field{margin:0 0 var(--sp-5)}.field .q{display:block;font-weight:600;color:var(--fg-0);margin-bottom:var(--sp-1)}.field .req{color:var(--reconix-blue)}.why{font-size:var(--fs-sm);color:var(--fg-2);margin:0 0 var(--sp-2)}.why-k{font-weight:600;color:var(--reconix-blue)}.example{font-size:var(--fs-xs);color:var(--fg-3);margin:var(--sp-1) 0 0}.unsure{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--fg-2);margin-top:var(--sp-2);cursor:pointer}.unsure.small{margin-top:0}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input:not([type]),textarea,select{width:100%;font:inherit;color:var(--fg-0);background:var(--n-0);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-xs)}textarea{min-height:88px;resize:vertical}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-3) var(--sp-4)}.choices{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.choice{display:inline-flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border-default);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);cursor:pointer;background:var(--n-0);font-size:var(--fs-sm)}.choice.on{border-color:var(--reconix-blue);background:var(--blue-50);color:var(--fg-0)}.choice input{margin:0}.picker{margin-top:var(--sp-3)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-2) 0}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--blue-50);color:var(--reconix-blue);border-radius:var(--r-pill);padding:2px var(--sp-3);font-size:var(--fs-sm)}.chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:700}.row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.row>*{flex:1 1 160px}.row>.fixed{flex:0 0 auto}.feature-row,.site-row,.device-row,.blackout-row{display:grid;gap:var(--sp-2);align-items:center;padding:var(--sp-3);border:1px dashed var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-2)}.feature-row{grid-template-columns:1.4fr 1.4fr auto 100px auto 1fr auto}.site-row{grid-template-columns:1.6fr repeat(5,1fr) auto}.device-row{grid-template-columns:1.2fr 90px 1fr 1fr auto}.blackout-row{grid-template-columns:1fr 1fr auto}@media(max-width:720px){.feature-row,.site-row,.device-row,.blackout-row{grid-template-columns:1fr 1fr}.stepper{grid-template-columns:1fr}}.add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-2)}.empty{color:var(--fg-2);font-style:italic}.btn,.btn-ghost{font:inherit;font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.btn{background:var(--bg-blue);color:var(--fg-on-blue);border:1px solid var(--bg-blue)}.btn:hover{background:var(--reconix-blue-deep);border-color:var(--reconix-blue-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--fg-link);border:1px solid var(--border-default)}.btn-ghost:hover{border-color:var(--reconix-blue);background:var(--blue-50)}.btn-ghost.small{padding:2px var(--sp-3);font-size:var(--fs-xs)}.wizard-nav{display:flex;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-8)}.wizard-nav>:only-child{margin-left:auto}.turnstile{margin:var(--sp-4) 0;min-height:65px}.playback{list-style:none;padding:0;margin:0 0 var(--sp-5)}.playback li{padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle)}.next-steps{counter-reset:n;list-style:none;padding:0;margin:0}.next-steps li{position:relative;padding-left:var(--sp-8);margin-bottom:var(--sp-2)}.next-steps li:before{counter-increment:n;content:counter(n);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--reconix-blue);color:var(--n-0);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center}footer.site{text-align:center;color:var(--fg-3);font-size:var(--fs-xs);padding:var(--sp-6) var(--sp-4)}