*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0a1628;--navy-light:#111d32;--teal:#0d9488;--teal-dark:#0b7d72;--teal-light:#14b8a6;--teal-subtle:#ccfbf1;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--red:#ef4444;--green:#22c55e;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.header{z-index:100;background:var(--navy);border-bottom:1px solid #ffffff14;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--white);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:var(--teal-light);font-size:1.5rem}.nav{gap:32px;display:flex}.nav-link{color:var(--gray-400);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--white)}.hero{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);padding:80px 24px 72px}.hero-inner{max-width:1200px;margin:0 auto}.hero-badge{color:var(--teal-light);letter-spacing:.02em;background:#14b8a626;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-block}.hero-title{color:var(--white);letter-spacing:-.02em;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-highlight{color:var(--teal-light)}.hero-subtitle{color:var(--gray-400);max-width:560px;margin-bottom:48px;font-size:1.125rem;line-height:1.7}.hero-stats{gap:48px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:var(--white);font-size:2rem;font-weight:800}.stat-label{color:var(--gray-400);font-size:.8125rem;font-weight:500}.section-inner{max-width:1200px;margin:0 auto;padding:80px 24px}.section-header{text-align:center;margin-bottom:56px}.section-label{background:var(--teal-subtle);color:var(--teal);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{color:var(--gray-900);letter-spacing:-.01em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.section-desc{color:var(--gray-500);max-width:520px;margin:0 auto;font-size:1.0625rem}.tariff-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tariff-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);flex-direction:column;padding:32px;transition:box-shadow .25s,border-color .25s;display:flex;position:relative}.tariff-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.tariff-featured,.tariff-featured:hover{border-color:var(--teal)}.tariff-badge{background:var(--teal);color:var(--white);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:4px 16px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tariff-header{border-bottom:1px solid var(--gray-100);margin-bottom:24px;padding-bottom:24px}.tariff-name{color:var(--gray-900);margin-bottom:4px;font-size:1.25rem;font-weight:700}.tariff-tagline{color:var(--gray-500);margin-bottom:20px;font-size:.875rem}.tariff-price{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.price-amount{color:var(--gray-900);letter-spacing:-.02em;font-size:2.5rem;font-weight:800}.price-unit{color:var(--gray-500);font-size:.875rem;font-weight:500}.tariff-standing{color:var(--gray-400);font-size:.8125rem}.tariff-features{flex:1;margin-bottom:28px;list-style:none}.tariff-feature{color:var(--gray-600);border-bottom:1px solid var(--gray-50);align-items:center;gap:10px;padding:8px 0;font-size:.875rem;display:flex}.tariff-feature:last-child{border-bottom:none}.check-icon{color:var(--teal);flex-shrink:0;font-size:.875rem;font-weight:700}.tariff-btn{border:2px solid var(--gray-200);border-radius:var(--radius);background:var(--white);width:100%;color:var(--gray-700);cursor:pointer;padding:14px 24px;font-size:.9375rem;font-weight:600;transition:all .2s}.tariff-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-subtle)}.tariff-featured .tariff-btn{background:var(--teal);color:var(--white);border-color:var(--teal)}.tariff-featured .tariff-btn:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.tips-section{background:var(--gray-50);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.tips-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tip-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px}.tip-number{color:var(--teal-light);opacity:.4;margin-bottom:12px;font-size:2rem;font-weight:800}.tip-title{color:var(--gray-900);margin-bottom:8px;font-size:1.125rem;font-weight:700}.tip-text{color:var(--gray-500);font-size:.875rem;line-height:1.7}.cta-section{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);padding:72px 24px}.cta-inner{text-align:center;max-width:600px;margin:0 auto}.cta-title{color:var(--white);margin-bottom:12px;font-size:2rem;font-weight:700}.cta-text{color:var(--gray-400);margin-bottom:32px;font-size:1.0625rem}.cta-btn{background:var(--teal);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:16px 40px;font-size:1rem;font-weight:600;transition:background .2s;display:inline-block}.cta-btn:hover{background:var(--teal-dark)}.signup-page{background:var(--gray-50);min-height:calc(100vh - 64px)}.signup-container{grid-template-columns:320px 1fr;gap:40px;max-width:1100px;margin:0 auto;padding:48px 24px;display:grid}.signup-sidebar{flex-direction:column;gap:24px;display:flex}.selected-tariff-summary{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px}.summary-name{color:var(--gray-900);margin-bottom:4px;font-size:1.375rem;font-weight:700}.summary-tagline{color:var(--gray-500);margin-bottom:16px;font-size:.8125rem}.summary-price{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.summary-standing{color:var(--gray-400);font-size:.8125rem}.sidebar-perks{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px}.sidebar-perks h4{color:var(--gray-900);margin-bottom:16px;font-size:.9375rem;font-weight:700}.sidebar-perks ul{flex-direction:column;gap:12px;list-style:none;display:flex}.sidebar-perks li{color:var(--gray-600);align-items:center;gap:10px;font-size:.875rem;display:flex}.signup-form-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:40px}.form-header{margin-bottom:32px}.form-title{color:var(--gray-900);margin-bottom:8px;font-size:1.75rem;font-weight:700}.form-subtitle{color:var(--gray-500);font-size:.9375rem}.signup-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--gray-700);font-size:.8125rem;font-weight:600}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date]{border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-800);background:var(--white);outline:none;padding:12px 16px;font-family:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d94881a}.field-error{border-color:var(--red)!important;box-shadow:0 0 0 3px #ef44441a!important}.field-valid{border-color:var(--green)!important}.error-msg{color:var(--red);font-size:.75rem;font-weight:500}.checkbox-group{margin-top:4px}.checkbox-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal);flex-shrink:0;margin-top:3px}.checkbox-text{color:var(--gray-600);font-size:.8125rem;line-height:1.6}.form-link{color:var(--teal);font-weight:500;text-decoration:none}.form-link:hover{text-decoration:underline}.submit-btn{background:var(--teal);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn:hover{background:var(--teal-dark)}.form-note{color:var(--gray-400);text-align:center;margin-top:-4px;font-size:.75rem}.confirmation-page{background:var(--gray-50);min-height:calc(100vh - 64px)}.confirmation-container{max-width:720px;margin:0 auto;padding:48px 24px}.confirmation-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;padding:48px}.confirmation-empty{text-align:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:48px 24px}.confirmation-empty h2{color:var(--gray-900);margin-bottom:12px}.confirmation-empty p{color:var(--gray-500);margin-bottom:24px}.confirm-icon{margin-bottom:24px}.confirm-checkmark{background:var(--teal-subtle);width:72px;height:72px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:inline-flex}.confirm-title{color:var(--gray-900);margin-bottom:8px;font-size:2rem;font-weight:700}.confirm-subtitle{color:var(--gray-500);margin-bottom:32px;font-size:1.0625rem}.confirm-reference{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;margin-bottom:32px;padding:20px 32px;display:inline-flex}.ref-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.ref-number{color:var(--teal);letter-spacing:.05em;font-family:SF Mono,Fira Code,monospace;font-size:1.5rem;font-weight:800}.confirm-details{text-align:left;margin-bottom:32px}.confirm-section{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius);margin-bottom:16px;padding:24px}.confirm-section:last-child{margin-bottom:0}.confirm-section h3{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8125rem;font-weight:600}.confirm-tariff{justify-content:space-between;align-items:center;display:flex}.confirm-tariff-name{color:var(--gray-900);font-size:1.125rem;font-weight:700}.confirm-tariff-price{color:var(--teal);font-size:.9375rem;font-weight:600}.detail-grid{flex-direction:column;gap:10px;display:flex}.detail-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--gray-500);font-size:.875rem;font-weight:500}.detail-value{color:var(--gray-900);font-size:.875rem;font-weight:600}.confirm-timeline{text-align:left;margin-bottom:32px}.confirm-timeline h3{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:.8125rem;font-weight:600}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--gray-200);width:2px;position:absolute;top:20px;bottom:0;left:7px}.timeline-item:last-child:before{display:none}.timeline-dot{background:var(--gray-200);border:2px solid var(--white);z-index:1;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px;position:relative}.timeline-item.active .timeline-dot{background:var(--teal)}.timeline-content strong{color:var(--gray-900);margin-bottom:2px;font-size:.9375rem;font-weight:600;display:block}.timeline-content p{color:var(--gray-500);font-size:.8125rem;line-height:1.5}.confirm-actions{justify-content:center;display:flex}.footer{background:var(--navy);color:var(--gray-400);border-top:1px solid #ffffff14}.footer-inner{max-width:1200px;margin:0 auto;padding:56px 24px 32px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-col h4{color:var(--white);margin-bottom:16px;font-size:.875rem;font-weight:600}.footer-text{color:var(--gray-500);font-size:.8125rem;line-height:1.7}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--gray-500);font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--white)}.footer-links li{color:var(--gray-500);font-size:.8125rem}.footer-bottom{border-top:1px solid #ffffff0f;padding-top:24px}.footer-bottom p{color:var(--gray-600);font-size:.75rem}@media (width<=900px){.tariff-grid,.tips-grid,.signup-container{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-stats{flex-wrap:wrap;gap:32px}.footer-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.nav{gap:16px}}@media (width<=600px){.header-inner{padding:0 16px}.hero{padding:56px 16px 48px}.hero-title{font-size:2rem}.section-inner{padding:56px 16px}.signup-form-container{padding:24px}.confirmation-card{padding:32px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}.nav{display:none}}