:root,[data-theme=light]{--sf-blue:#1f86ea;--sf-green:#2cb34a;--sf-slate:#737b86;--sf-white:#f1f1f1;--color-bg:#f5f8fb;--color-surface:#fff;--color-surface-2:#f8fbfd;--color-surface-offset:#edf4f8;--color-surface-accent:#eef8f3;--color-border:#d8e4ea;--color-divider:#e4edf2;--color-text:#20313d;--color-text-muted:#667481;--color-text-faint:#a8b4be;--color-text-inverse:#fff;--color-primary:var(--sf-blue);--color-primary-hover:#1476d6;--color-primary-active:#0f60b0;--color-primary-highlight:#dceefe;--color-secondary:var(--sf-green);--color-secondary-highlight:#def4e3;--color-accent-gradient:linear-gradient(135deg, var(--sf-blue), var(--sf-green));--color-soft-gradient:linear-gradient(135deg, #1f86ea1f, #2cb34a1a);--color-success:#238f43;--color-success-highlight:#ddf4e3;--color-error:#c74b4b;--color-error-highlight:#f9e6e6;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.9rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 2px 6px #20313d0d;--shadow-md:0 10px 28px #20313d14;--shadow-lg:0 20px 60px #20313d1f;--font-body:"Inter", system-ui, sans-serif;--font-display:"Instrument Sans", "Inter", system-ui, sans-serif;--text-xs:clamp(.75rem, .72rem + .2vw, .875rem);--text-sm:clamp(.875rem, .83rem + .25vw, 1rem);--text-base:clamp(1rem, .96rem + .2vw, 1.1rem);--text-lg:clamp(1.125rem, 1rem + .7vw, 1.45rem);--text-xl:clamp(1.5rem, 1.15rem + 1.2vw, 2.15rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--transition:.18s cubic-bezier(.16,1,.3,1);--content-narrow:760px}[data-theme=dark]{--color-bg:#0f151a;--color-surface:#141d24;--color-surface-2:#18232b;--color-surface-offset:#1b2830;--color-surface-accent:#172b23;--color-border:#233843;--color-divider:#20313c;--color-text:#d9e4eb;--color-text-muted:#90a2af;--color-text-faint:#60717d;--color-primary:#45a0f3;--color-primary-hover:#6bb3f5;--color-primary-active:#2e8bdd;--color-primary-highlight:#45a0f329;--color-secondary:#54c46e;--color-secondary-highlight:#54c46e29;--shadow-sm:0 2px 6px #0003;--shadow-md:0 10px 28px #00000059;--shadow-lg:0 20px 60px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #1f86ea14, transparent 30%), radial-gradient(circle at top right, #2cb34a0f, transparent 25%), var(--color-bg);min-height:100dvh;color:var(--color-text);font:var(--text-base)/1.6 var(--font-body)}img,svg{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.site-header{z-index:20;padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);background:#ffffffd1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}[data-theme=dark] .site-header{background:#141d24c7}.brand{align-items:center;gap:var(--space-4);display:flex}.brand img{border-radius:10px;width:auto;height:48px}.brand-note{font-size:var(--text-xs);color:var(--color-text-muted)}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:42px;height:42px;box-shadow:var(--shadow-sm);place-items:center;display:grid}.theme-toggle:hover{background:var(--color-surface-offset)}.hero{max-width:var(--content-narrow);padding:var(--space-12) var(--space-6) var(--space-8);text-align:center;margin:0 auto}.badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-soft-gradient);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;font-weight:700;display:inline-flex}.hero h1{margin-top:var(--space-5);font:700 var(--text-xl)/1.12 var(--font-display);letter-spacing:-.03em}.gradient-word{background:var(--color-accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{margin:var(--space-4) auto 0;max-width:58ch;color:var(--color-text-muted)}.progress-shell{max-width:var(--content-narrow);padding:0 var(--space-6) var(--space-6);margin:0 auto}.progress-meta{margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.progress-bar{border-radius:var(--radius-full);background:var(--color-surface-offset);height:8px;overflow:hidden}.progress-fill{background:var(--color-accent-gradient);width:0;height:100%;transition:width .45s cubic-bezier(.16,1,.3,1)}.form-wrap{max-width:var(--content-narrow);padding:0 var(--space-6) var(--space-16);margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);display:none;position:relative;overflow:hidden}.card.active{animation:.35s cubic-bezier(.16,1,.3,1) appear;display:block}.card:before{content:"";background:var(--color-accent-gradient);height:5px;position:absolute;inset:0 0 auto}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.step-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700;display:inline-block}.card h2{font:700 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.02em}.card .lead{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.divider{background:var(--color-divider);height:1px;margin:var(--space-6) 0}.footer{padding:var(--space-8);text-align:center;font-size:var(--text-xs);color:var(--color-text-faint)}@media (width<=640px){.site-header{padding:var(--space-3) var(--space-4)}.brand img{height:40px}.card{padding:var(--space-5)}}.field{margin-bottom:var(--space-5)}.field-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}label{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:600;display:block}label .hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;font-weight:400;display:block}.req{color:var(--color-primary)}input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-highlight);background:var(--color-surface);outline:none}textarea{resize:vertical;min-height:110px}.group-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:700;display:flex}.group-title:after{content:"";background:var(--color-divider);flex:1;height:1px}.choice-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.choice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);transition:all var(--transition);cursor:pointer;align-items:flex-start;display:flex}.choice:hover{border-color:var(--color-primary);background:linear-gradient(180deg, var(--color-surface), var(--color-surface-2))}.choice input{accent-color:var(--color-primary);cursor:pointer;margin-top:3px}.choice.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#1f86ea14,#2cb34a12);box-shadow:0 0 0 3px #1f86ea14}.choice .icon{flex-shrink:0;margin-top:1px;font-size:1.1rem;line-height:1.2}.choice span{font-size:var(--text-sm)}.choice small{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px;display:block}.nav{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-8);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition);border:1px solid #0000;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.airtable-box{margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1f86ea0d,#2cb34a0d)}.airtable-box h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.airtable-box p{font-size:var(--text-sm);color:var(--color-text-muted)}.code-inline{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.4rem;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.success{text-align:center;padding:var(--space-12) var(--space-6);display:none}.success.active{display:block}.success-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:var(--color-secondary-highlight);border-radius:50%;place-items:center;display:grid}.success-icon svg{width:34px;height:34px;color:var(--color-secondary)}.success h2{font:700 var(--text-xl)/1.15 var(--font-display);letter-spacing:-.03em}.success p{max-width:48ch;margin:var(--space-3) auto 0;color:var(--color-text-muted)}.summary{margin:var(--space-8) auto 0;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:620px;padding:var(--space-6);box-shadow:var(--shadow-md)}.summary-row{gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-divider);font-size:var(--text-sm);display:flex}.summary-row:last-child{border-bottom:none}.summary-key{min-width:150px;color:var(--color-text-muted);font-weight:600}@media (width<=640px){.field-grid,.choice-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap}.nav .btn{flex:1}.summary-row{flex-direction:column;gap:.2rem}.summary-key{min-width:0}}
