:root{--navy:#0A2540;--cyan:#00C4C4;--green:#22C55E;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--text-primary:#111827;--text-secondary:#6B7280;--white:#FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.page{max-width:1100px;margin:0 auto;padding:0 20px 60px}.hero{background:var(--gray-100);padding:56px 40px;margin:0 -20px 48px;text-align:center;border-radius:12px}.hero-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.hero h1{font-size:2.5rem;font-weight:900;color:var(--navy);line-height:1.2;margin-bottom:16px}.hero p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-title{font-size:1.5rem;font-weight:800;color:var(--navy);margin:48px 0 24px}.section-sub{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px}main p{margin-bottom:16px;line-height:1.7}main ul,main ol{margin-left:24px;margin-bottom:16px}main li{margin-bottom:8px;line-height:1.6}main a{color:var(--cyan);text-decoration:none;font-weight:600}main a:hover{text-decoration:underline}.quick-answer{background:var(--gray-100);border-left:5px solid var(--cyan);border-radius:0 8px 8px 0;padding:20px 24px;margin:32px 0;font-size:1rem;color:var(--text-secondary);line-height:1.7}h2{font-size:1.8rem;font-weight:800;color:var(--navy);margin:40px 0 24px;padding-top:12px}h3{font-size:1.2rem;font-weight:700;color:var(--navy);margin:28px 0 16px}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:32px 0}.timeline-card{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;padding:28px;transition:all .3s}.timeline-card:hover{border-color:var(--cyan);box-shadow:0 8px 24px #00c4c41f}.timeline-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--cyan);font-weight:700;margin-bottom:8px}.timeline-card-title{font-size:1.15rem;font-weight:800;color:var(--navy);margin-bottom:12px}.timeline-card-loss{font-size:1.4rem;font-weight:900;color:var(--green);margin-bottom:16px}table{width:100%;border-collapse:collapse;margin:32px 0;font-size:.95rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}table th{background:var(--navy);color:var(--white);padding:16px 14px;text-align:left;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}table td{padding:16px 14px;border-bottom:1px solid var(--gray-200)}table tbody tr:nth-child(2n) td{background:var(--gray-50)}table tbody tr:hover td{background:#e0feff}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}.comparison-card{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;padding:24px}.comparison-card h3{margin-top:0}.highlight-box{background:var(--gray-100);border-left:5px solid var(--green);border-radius:0 8px 8px 0;padding:20px 24px;margin:24px 0;color:var(--text-secondary)}.highlight-box.warning{border-left-color:#f59e0b}.highlight-box strong{color:var(--navy);font-weight:700}.site-footer{background:var(--navy);color:var(--white);padding:48px 20px 0;margin-top:80px;border-top:5px solid var(--cyan)}.site-footer .footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;padding-bottom:40px}.site-footer h4{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--white);margin-bottom:16px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer ul li{margin-bottom:10px}.site-footer a{color:#a8d8e8;text-decoration:none;font-size:14px;line-height:1.8;transition:color .15s}.site-footer a:hover{color:var(--white)}.site-footer .footer-bottom{max-width:1100px;margin:0 auto;border-top:1px solid rgba(255,255,255,.15);padding:24px 0 32px;font-size:13px;color:#7a96b2;text-align:center}@media(max-width:768px){.hero{padding:40px 24px;margin:0 -20px 32px}.hero h1{font-size:1.8rem}h2{font-size:1.4rem}.timeline-grid{grid-template-columns:1fr}table{font-size:.85rem}table th,table td{padding:12px 10px}}@media(max-width:640px){.hero h1{font-size:1.5rem}}
