*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FFFFFF;--bg-2:#FBF9F8;--bg-3:#F5F2F0;--bg-4:#EBE8E5;--border:#E5E2DF;--border-2:#D4D0CC;--text:#1A1A1A;--text-2:#4A4A4A;--text-3:#757575;--accent:#F06840;--accent-hover:#E05A32;--accent-dim:rgba(240,104,64,.08);--accent-border:rgba(240,104,64,.2);--green:#059669;--green-bg:rgba(5,150,105,.06);--green-border:rgba(5,150,105,.15)}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.hero{padding:72px 48px 44px;text-align:center;max-width:1300px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);font-size:11px;font-weight:600;padding:5px 14px;margin-bottom:24px;letter-spacing:.08em;text-transform:uppercase}h1{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(44px,6vw,84px);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--text);margin-bottom:18px}h1 em{font-style:normal;color:var(--accent)}.hero-line1,h1 em{display:block}.hero-sub{font-size:16px;line-height:1.7;color:var(--text-2);max-width:620px;margin:0 auto 36px}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}section{padding:88px 48px}.section-inner{max-width:1400px;margin:0 auto}.section-tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}h2{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(40px,5vw,64px);letter-spacing:.01em;line-height:.95;text-transform:uppercase;margin-bottom:16px;color:var(--text)}h2 em{font-style:normal;color:var(--accent)}.lineup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.lineup-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .2s}.lineup-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.lineup-card-body{padding:24px 22px;flex:1}.lineup-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.lineup-card-name{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.lineup-badge{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;flex-shrink:0}.lineup-badge-live{background:var(--green);color:#fff}.lineup-badge-soon{background:var(--accent);color:#fff}.lineup-card-desc{font-size:13px;color:var(--text-2);line-height:1.7}.lineup-card-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;border-top:1px solid var(--border);background:var(--bg-2)}.lineup-card-foot span:first-child{font-size:11px;color:var(--text-3);font-weight:500}.lineup-card-foot span:last-child{font-size:12px;font-weight:600;color:var(--accent)}.problem-section{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.problem-copy p{font-size:15px;color:var(--text-2);line-height:1.75;margin-bottom:14px}.pain-cards{display:flex;flex-direction:column;gap:8px;margin-top:28px}.pain-card{display:flex;gap:14px;padding:16px 18px;background:var(--bg-3);border:1px solid var(--border);border-left:3px solid rgba(220,38,38,.5);align-items:flex-start}.pain-x{font-size:12px;font-weight:700;color:#f87171;flex-shrink:0;margin-top:1px;width:16px}.pain-text strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.pain-text span{font-size:13px;color:var(--text-2);line-height:1.55}.stat-stack{display:flex;flex-direction:column;gap:12px}.stat-card{padding:24px 28px;background:var(--bg-3);border:1px solid var(--border);border-left:3px solid var(--accent)}.stat-num{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:64px;letter-spacing:.01em;text-transform:uppercase;color:var(--text);line-height:1}.stat-label{font-size:13px;color:var(--text-2);margin-top:6px;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:44px}.step{background:var(--bg-2);padding:32px 28px;position:relative}.step-num{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:48px;color:var(--border-2);letter-spacing:.02em;line-height:1;margin-bottom:16px}.step-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:10px}.step-desc{font-size:13px;color:var(--text-2);line-height:1.7}.step-arr{position:absolute;top:38px;right:-9px;width:18px;height:18px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;z-index:1}.port-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.port-card{background:var(--bg);border:1px solid var(--border);transition:all .15s}.port-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.port-img{height:140px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);position:relative}.port-img-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-4);color:var(--text-3);padding:3px 8px;border:1px solid var(--border)}.port-body{padding:16px 18px}.port-trade{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}.port-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:2px}.port-city{font-size:12px;color:var(--text-3)}.mini-browser{width:80%;max-width:200px;background:var(--bg-2);border:1px solid var(--border)}.mini-bar{height:22px;background:var(--bg-3);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;gap:5px}.mini-dot{width:6px;height:6px;background:var(--bg-4)}.mini-body{padding:10px}.mini-line{height:4px;background:var(--bg-4);margin-bottom:5px}.mini-accent{background:var(--accent);opacity:.35}.pricing-section{background:var(--bg-2);border-top:1px solid var(--border)}.pricing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1400px;margin:0 auto 12px}.pricing-card{background:var(--bg-3);border:1px solid var(--border);padding:32px}.pricing-card.featured{border-color:var(--accent-border);border-left:3px solid var(--accent);position:relative}.pricing-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:4px 12px;margin-bottom:20px}.pricing-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}.pricing-num{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:60px;letter-spacing:.01em;color:var(--text);line-height:1;margin-bottom:4px}.pricing-num sup{font-size:24px;font-weight:700;vertical-align:top;margin-top:10px;display:inline-block;color:var(--text-2)}.pricing-cadence{font-size:12px;color:var(--text-3);margin-bottom:24px}.check-list{list-style:none;display:flex;flex-direction:column;gap:9px}.check-list li{display:flex;gap:9px;font-size:13px;color:var(--text-2)}.check-list li:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0}.addons{max-width:920px;margin:0 auto}.addon-section-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:20px 0 10px}.addon-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--bg-3);border:1px solid var(--border);margin-bottom:6px}.addon-name{font-size:13px;color:var(--text-2)}.addon-price{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:20px;letter-spacing:.02em;color:var(--text)}.pricing-cta{text-align:center;margin-top:36px}.pricing-cta p{font-size:12px;color:var(--text-3);margin-top:10px}.fade-up{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.pricing-cards{grid-template-columns:repeat(2,1fr)!important}.lineup-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{padding:48px 20px 32px}.hero-sub{max-width:100%}section{padding:56px 20px}.problem-grid{grid-template-columns:1fr;gap:40px}.stat-num{font-size:48px}.steps-grid{grid-template-columns:1fr}.step-arr{display:none}.port-grid,.lineup-grid{grid-template-columns:1fr}.pricing-cards{grid-template-columns:1fr!important}.addon-row{flex-direction:column;align-items:flex-start;gap:4px}}