:root{--primary:#0046FC;--primary-hover:#528BFA;--primary-dark:#003BC9;--primary-soft:#EAF0FE;--primary-soft-2:#D6E1FC;--accent:#F89524;--accent-hover:#FFB05A;--accent-dark:#D67A0E;--accent-soft:#FEF1E0;--neutral-0:#FFFFFF;--neutral-25:#FCFCFD;--neutral-50:#F8FAFD;--neutral-100:#EEF1F5;--neutral-150:#E2E6EA;--neutral-200:#D5DCE4;--neutral-300:#B4BDC9;--neutral-400:#8B95A7;--neutral-500:#6B7280;--neutral-600:#4B5563;--neutral-700:#374151;--neutral-800:#1F2937;--neutral-900:#0F172A;--success:#10B981;--success-soft:#DCFCE7;--success-dark:#047857;--warning:#F59E0B;--warning-soft:#FEF3C7;--error:#EF4444;--error-soft:#FEE2E2;--font-display:'Mulish',sans-serif;--font-body:'Roboto',sans-serif;--font-mono:'JetBrains Mono',monospace;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px rgba(15,23,42,0.06);--shadow-md:0 4px 16px rgba(15,23,42,0.06);--shadow-lg:0 12px 32px rgba(0,70,252,0.10);--shadow-xl:0 24px 56px rgba(0,70,252,0.14)}.nav-breadcrumb{font-size:13px;color:var(--neutral-500);display:flex;align-items:center;gap:8px}.nav-breadcrumb a{color:var(--neutral-500);text-decoration:none}.nav-breadcrumb a:hover{color:var(--primary)}.nav-breadcrumb .sep{color:var(--neutral-300)}.nav-breadcrumb .current{color:var(--neutral-900);font-weight:500}.nav-help{font-size:13px;color:var(--neutral-500);display:flex;align-items:center;gap:8px}.nav-help i{color:var(--primary);font-size:16px}.nav-help a{color:var(--primary);text-decoration:none;font-weight:600}.demo-page{padding-top:68px;min-height:100vh;background:linear-gradient(135deg,var(--primary-soft) 0%,white 50%,var(--neutral-25) 100%);position:relative;overflow:hidden}.demo-page::before{content:'';position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,70,252,0.10),transparent 60%);filter:blur(60px);pointer-events:none}.demo-page::after{content:'';position:absolute;bottom:-200px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(248,149,36,0.10),transparent 60%);filter:blur(60px);pointer-events:none}.demo-grid{max-width:1280px;margin:0 auto;padding:60px 40px 80px;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;position:relative;align-items:start}.demo-info{padding-top:16px}.demo-tag{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid var(--neutral-100);color:var(--neutral-700);padding:6px 14px;border-radius:100px;font-family:var(--font-display);font-size:13px;font-weight:700;margin-bottom:24px;box-shadow:var(--shadow-sm)}.demo-tag i{color:var(--success)}.demo-info h1{font-family:var(--font-display);font-size:clamp(34px,4vw,48px)!important;font-weight:900;line-height:1.05;letter-spacing:-0.03em;margin-bottom:20px;color:var(--neutral-900)}.demo-info h1 .accent{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.demo-intro{font-size:17px;color:var(--neutral-600);line-height:1.65;margin-bottom:32px}.demo-intro strong{color:var(--neutral-900);font-weight:600}.demo-features{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.demo-feature{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}.demo-feature-icon{width:44px;height:44px;background:var(--primary-soft);color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.demo-feature h3{font-family:var(--font-display);font-size:16px!important;font-weight:800;letter-spacing:-0.01em;margin-bottom:4px;color:var(--neutral-900)}.demo-feature p{font-size:14px;color:var(--neutral-600);line-height:1.55}.demo-social{background:white;border:1px solid var(--neutral-100);border-radius:var(--radius-xl);padding:24px 28px;box-shadow:var(--shadow-sm);margin-bottom:24px}.demo-social-title{font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--neutral-400);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px}.demo-social-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-social-stat{text-align:center}.demo-social-stat-value{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:-0.02em;color:var(--primary);line-height:1}.demo-social-stat-value.accent{color:var(--accent)}.demo-social-stat-value.success{color:var(--success-dark)}.demo-social-stat-label{font-size:11px;color:var(--neutral-500);margin-top:4px;line-height:1.4}.demo-quote{background:linear-gradient(135deg,var(--accent-soft),white);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:18px 22px;font-size:14px;color:var(--neutral-700);font-style:italic;line-height:1.55}.demo-quote-author{display:block;margin-top:10px;font-style:normal;font-size:12px;color:var(--accent-dark);font-weight:600}.demo-quote-author b{color:var(--neutral-900);font-weight:800}.form-container{background:white;border:1px solid var(--neutral-100);border-radius:var(--radius-xl);padding:36px 40px 32px;box-shadow:var(--shadow-xl);position:sticky;top:88px}.progress-bari{margin-bottom:32px}.progress-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.progress-step{height:6px;background:var(--neutral-100);border-radius:3px;transition:background .35s cubic-bezier(.4,0,.2,1)}.progress-step.active,.progress-step.done{background:var(--primary)}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-label{font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--neutral-500);letter-spacing:0.08em;text-transform:uppercase}.progress-percent{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--primary)}.form-step{display:none}.form-step.active{display:block;animation:fadeIn .35s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--primary);background:var(--primary-soft);padding:6px 12px;border-radius:100px;margin-bottom:14px;letter-spacing:0.05em}.step-eyebrow .num{background:var(--primary);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.form-step h2{font-family:var(--font-display);font-size:24px!important;font-weight:900;letter-spacing:-0.02em;color:var(--neutral-900);margin-bottom:8px;line-height:1.2}.form-step p.step-sub{font-size:14px;color:var(--neutral-500);margin-bottom:24px;line-height:1.55}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--neutral-700);margin-bottom:10px}.form-label .required{color:var(--accent);margin-left:2px}.form-label .optional{font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--neutral-400);margin-left:6px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-grid.cols-3{grid-template-columns:repeat(3,1fr)}.choice-grid.cols-1{grid-template-columns:1fr}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice-content{background:white;border:1.5px solid var(--neutral-150);border-radius:var(--radius);padding:13px 14px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--neutral-700);font-weight:500;transition:all .2s;min-height:50px}.choice-content i{font-size:18px;color:var(--neutral-400);transition:color .2s}.choice:hover .choice-content{border-color:var(--primary);background:var(--primary-soft)}.choice:hover .choice-content i{color:var(--primary)}.choice input:checked + .choice-content{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.choice input:checked + .choice-content i{color:var(--primary)}.choice-detail{font-size:12px;color:var(--neutral-500);font-weight:400;display:block;margin-top:2px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-row.cols-1{grid-template-columns:1fr}.input-wrap{position:relative}.form-input{width:100%;height:46px;padding:0 16px;border:1.5px solid var(--neutral-150)!important;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;color:var(--neutral-900);background:white;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder{color:var(--neutral-400)}.form-input.has-icon{padding-left:42px}.input-icon{position:absolute;left:14px;top:14px;color:var(--neutral-400);font-size:18px;pointer-events:none}.form-input:focus + .input-icon,.input-wrap:focus-within .input-icon{color:var(--primary)}.form-textarea{width:100%;min-height:90px;padding:14px 16px;border:1.5px solid var(--neutral-150);border-radius:var(--radius);font-family:var(--font-body);font-size:14px;color:var(--neutral-900);background:white;transition:all .2s;resize:vertical;line-height:1.55}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.range-wrap{background:var(--neutral-25);border:1.5px solid var(--neutral-150);border-radius:var(--radius);padding:16px 18px}.range-display{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.range-value{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:-0.02em;color:var(--primary);line-height:1}.range-value .unit{font-size:13px;color:var(--neutral-500);font-weight:600;margin-left:4px}.range-context{font-size:12px;color:var(--neutral-500)}.range-slider{width:100%;height:4px;background:var(--neutral-150);border-radius:2px;outline:none;appearance:none;-webkit-appearance:none}.range-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,70,252,0.3);transition:transform .15s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-slider::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,70,252,0.3)}.checkbox-wrap{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px 0}.checkbox-wrap input{position:absolute;opacity:0;pointer-events:none}.checkbox-box{width:18px;height:18px;border:1.5px solid var(--neutral-300);border-radius:4px;background:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .15s}.checkbox-wrap input:checked + .checkbox-box{background:var(--primary);border-color:var(--primary)}.checkbox-wrap input:checked + .checkbox-box::after{content:'';width:5px;height:9px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-1px)}.checkbox-label{font-size:13px;color:var(--neutral-600);line-height:1.55}.checkbox-label a{color:var(--primary);text-decoration:underline}.form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--neutral-100);gap:12px}.btn{font-family:var(--font-body);font-size:14px;font-weight:500;padding:0 22px;height:46px;border-radius:8px;border:1.5px solid transparent;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--primary);color:white;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:disabled{background:var(--neutral-300);border-color:var(--neutral-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;border-color:var(--neutral-150);color:var(--neutral-600)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.btn-large{height:52px;padding:0 28px;font-size:15px;font-weight:600}.confirmation{display:none;text-align:center;padding:12px 0}.confirmation.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.confirmation-icon{width:88px;height:88px;background:var(--success-soft);color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;margin:0 auto 24px;animation:scaleIn .5s cubic-bezier(.4,0,.2,1) .15s both}@keyframes scaleIn{from{transform:scale(0.7);opacity:0}to{transform:scale(1);opacity:1}}.confirmation h2{font-family:var(--font-display);font-size:28px!important;font-weight:900;letter-spacing:-0.02em;color:var(--neutral-900);margin-bottom:12px;line-height:1.2}.confirmation h2 .accent{color:var(--primary)}.confirmation-lead{font-size:15px!important;color:var(--neutral-600);margin-bottom:28px;line-height:1.65}.confirmation-lead strong{color:var(--neutral-900);font-weight:600}.confirm-summary{background:var(--neutral-25);border:1px solid var(--neutral-100);border-radius:var(--radius);padding:20px;text-align:left;margin-bottom:28px}.confirm-summary-title{font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--neutral-500);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px}.confirm-summary-items{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.confirm-summary-item{display:flex;flex-direction:column;gap:2px}.confirm-summary-item-label{font-size:11px;color:var(--neutral-500);text-transform:uppercase;letter-spacing:0.05em;font-weight:600;font-family:var(--font-display)}.confirm-summary-item-value{font-size:14px;color:var(--neutral-900);font-weight:500}.confirm-timeline{text-align:left;margin-bottom:28px}.confirm-timeline-title{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-0.01em;color:var(--neutral-900);margin-bottom:16px;text-align:center}.confirm-timeline-steps{position:relative;padding-left:36px}.confirm-timeline-steps::before{content:'';position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:var(--neutral-150)}.confirm-timeline-step{position:relative;padding-bottom:16px}.confirm-timeline-step:last-child{padding-bottom:0}.confirm-timeline-marker{position:absolute;left:-36px;top:0;width:30px;height:30px;background:white;border:2.5px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:12px;color:var(--primary)}.confirm-timeline-when{font-family:var(--font-mono);font-size:11px;color:var(--primary);font-weight:600;background:var(--primary-soft);padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:4px}.confirm-timeline-what{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--neutral-900);margin-bottom:2px}.confirm-timeline-detail{font-size:13px;color:var(--neutral-500);line-height:1.55}.confirm-resources{text-align:left;background:linear-gradient(135deg,var(--primary-soft),white);border-radius:var(--radius);padding:24px;margin-bottom:24px}.confirm-resources-title{font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:-0.01em;color:var(--neutral-900);margin-bottom:14px}.confirm-resources-grid{display:grid;grid-template-columns:1fr;gap:8px}.confirm-resource{display:flex;align-items:center;gap:12px;padding:10px 12px;background:white;border:1px solid var(--neutral-100);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s}.confirm-resource:hover{border-color:var(--primary);transform:translateX(4px)}.confirm-resource i{width:32px;height:32px;background:var(--primary-soft);color:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.confirm-resource-text{flex:1}.confirm-resource-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--neutral-900);margin-bottom:2px}.confirm-resource-sub{font-size:11px;color:var(--neutral-500)}.confirm-resource-arrow{color:var(--neutral-400);font-size:18px}.confirm-resource:hover .confirm-resource-arrow{color:var(--primary)}.confirm-cta-row{display:flex;gap:12px;margin-top:8px}.confirm-cta-row .btn{flex:1;justify-content:center}.trust-row{display:flex;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--neutral-100);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--neutral-500);font-family:var(--font-display);font-weight:600}.trust-item i{color:var(--success);font-size:14px}@media (max-width:1024px){.demo-grid{grid-template-columns:1fr;gap:40px}.form-container{position:static}}@media (max-width:768px){.nav{padding:12px 20px}.nav-breadcrumb{display:none}.demo-grid{padding:40px 20px 60px}.form-container{padding:28px 24px}.input-row{grid-template-columns:1fr}.choice-grid.cols-3{grid-template-columns:1fr}.demo-info h1{font-size:28px}.confirm-summary-items{grid-template-columns:1fr}}