:root{color:#16181d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f5f7fb;--bg-band:#eaf1fb;--surface:#ffffffd1;--surface-strong:#fff;--ink:#16181d;--muted:#687384;--line:#2a324124;--primary:#0a84ff;--primary-strong:#006adc;--primary-soft:#0a84ff24;--success:#1f8f5f;--success-soft:#22c57c24;--warning:#b56b00;--warning-soft:#ff9f0a29;--error:#d9342b;--error-soft:#ff3b301f;--shadow:0 24px 60px #30405c24;--shadow-small:0 10px 26px #30405c1f;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f4f7fb;--bg:#0d0f13;--bg-band:#141a23;--surface:#1d222bc7;--surface-strong:#1d222b;--ink:#f4f7fb;--muted:#a7b0bf;--line:#e1e8f424;--primary:#64a9ff;--primary-strong:#0a84ff;--primary-soft:#64a9ff2e;--success:#6ee7a8;--success-soft:#6ee7a826;--warning:#ffd08a;--warning-soft:#ffd08a24;--error:#ff8a82;--error-soft:#ff8a8224;--shadow:0 24px 60px #00000061;--shadow-small:0 10px 26px #00000047;background:#0d0f13}*{box-sizing:border-box}html{background:linear-gradient(180deg, var(--bg-band) 0, var(--bg) 360px), var(--bg);min-width:320px;transition:background .22s,color .22s}body{min-width:320px;color:var(--ink);background:linear-gradient(125deg, #0a84ff1a 0 1px, transparent 1px 84px), linear-gradient(180deg, var(--bg-band) 0, var(--bg) 360px), var(--bg);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:22px 0 56px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.topbar-link{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-small);border-radius:999px;padding:0 14px;font-size:.9rem;font-weight:850;transition:transform .18s,border-color .18s,background .18s}.topbar-link:hover{border-color:#0a84ff73;transform:translateY(-1px)}.topbar-link:active{transform:translateY(0)scale(.97)}.brand-mark{min-height:38px;color:var(--ink);align-items:center;gap:10px;font-size:.98rem;font-weight:850;display:inline-flex}.brand-dot{background:linear-gradient(135deg, var(--primary), var(--success));width:12px;height:12px;box-shadow:0 0 0 5px var(--primary-soft);border-radius:50%}.theme-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-small);border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.theme-toggle:hover{border-color:#0a84ff73;transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)scale(.97)}.theme-toggle svg{width:17px;height:17px}.eyebrow,.section-label{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:850}h1,h2,p{margin-top:0}h1{max-width:680px;color:var(--ink);letter-spacing:0;margin-bottom:12px;font-size:clamp(2.15rem,4.5vw,3.55rem);line-height:1.04}h2{letter-spacing:0;margin-bottom:0;font-size:1.28rem}.panel-lede{max-width:620px;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.58}.use-section{grid-template-columns:minmax(0,760px);justify-content:center;display:grid}.faq-page{grid-template-columns:minmax(0,820px);justify-content:center;display:grid}.workspace{grid-template-columns:minmax(0,760px);justify-content:center;gap:22px;margin-top:24px;display:grid}.tool-panel{--panel-gap:17px;gap:var(--panel-gap);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;flex-direction:column;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;animation:.52s both rise-in;display:flex}.tool-panel:hover{border-color:#0a84ff52;transform:translateY(-2px)}.featured-panel{min-height:0;padding:30px}.merged-panel{width:100%}.faq-panel{padding:30px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading svg{width:27px;height:27px;color:var(--primary)}.field-label{color:var(--ink);margin-bottom:-8px;font-size:.94rem;font-weight:800;line-height:1.5}.country-actions{border:1px solid color-mix(in srgb, var(--line) 72%, var(--primary));background:linear-gradient(#fff3,#0000),#7f899924;border-radius:18px;grid-template-columns:1fr 1fr;gap:7px;padding:6px;display:grid;position:relative;box-shadow:inset 0 1px 2px #00000014,0 1px #ffffff2e}.country-actions:before{background:linear-gradient(180deg, #ffffff29, transparent), var(--surface-strong);content:"";border:1px solid #0a84ff6b;border-radius:14px;width:calc(50% - 9.5px);height:calc(100% - 12px);transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:6px;left:6px;box-shadow:0 10px 24px #0a84ff29,inset 0 1px #ffffff47}.country-actions[data-selected=us]:before{transform:translate(calc(100% + 7px))}.country-button{z-index:1;min-height:48px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;font-weight:850;transition:transform .16s,color .16s,background .16s,box-shadow .16s;position:relative}.country-button:hover:not(:disabled){color:var(--ink);background:#7f899914}.country-button.active{color:var(--ink);box-shadow:none;background:0 0;border-color:#0000}.country-button:active:not(:disabled){transform:scale(.98)}.primary-action,.secondary-action{border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;font-weight:850;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.primary-action{background:var(--primary);color:#fff;border:0;box-shadow:0 16px 32px #0a84ff3d}.primary-action:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled){transform:scale(.985)}.use-action{min-height:58px;font-size:1.05rem}.secondary-action{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.secondary-action:hover:not(:disabled){border-color:#0a84ff75;transform:translateY(-1px)}.primary-action svg,.secondary-action svg,.message svg{width:18px;height:18px}.code-input-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;align-items:center;min-height:50px;transition:border-color .16s,box-shadow .16s;display:flex}.code-input-row:focus-within{box-shadow:0 0 0 4px var(--primary-soft);border-color:#0a84ffb8}.code-input-row span{color:var(--muted);flex:none;padding-left:14px;font-weight:800}.code-input-row input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0 14px;font-weight:750}.code-input-row input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}.preview-text,.helper-text{overflow-wrap:anywhere;color:var(--muted);margin:-8px 0 0;font-size:.9rem;line-height:1.5}.faq-list{gap:0;margin:2px 0 0;padding:0;display:grid}.faq-item{border-top:1px solid var(--line);gap:7px;padding:18px 0;display:grid}.faq-item:first-child{border-top:0;padding-top:4px}.faq-item dt{color:var(--ink);font-size:1rem;font-weight:850;line-height:1.35}.faq-item dd{color:var(--muted);margin:0;font-size:.96rem;line-height:1.55}.back-action{margin-top:2px}.message{border-radius:16px;align-items:flex-start;gap:9px;margin:0;padding:12px 14px;font-size:.94rem;line-height:1.45;animation:.18s both message-in;display:flex}.message.error{color:var(--error);background:var(--error-soft)}.message.success{color:var(--success);background:var(--success-soft)}.message.neutral{color:var(--warning);background:var(--warning-soft)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=880px){.app-shell{width:min(100% - 24px,680px)}.use-section,.faq-page,.workspace{grid-template-columns:1fr}.featured-panel{min-height:0}}@media (width<=520px){.app-shell{padding-top:16px}h1{font-size:2.55rem}.tool-panel,.featured-panel{border-radius:18px;padding:18px}.faq-panel{padding:18px}.code-input-row{flex-direction:column;align-items:stretch;padding-top:10px}.code-input-row span{padding:0 14px 4px;font-size:.86rem}.code-input-row input{min-height:38px}}
