:root{--pri:#1565C0;--pri-l:#42A5F5;--pri-d:#0D47A1;--pri-c:#D1E4FF;--surf:#fff;--surf-v:#F4F6F8;--on:#141820;--on-v:#5A6270;--out:#E4E8EC;--crh:#1E88E5;--af:#EF5350;--bf:#FFC125;--grn:#4CAF50;--tk-r:#BA2838;--tk-bg1:#EBF9FC;--tk-bg2:#D3EFF4;--tk-bg3:#C7E8EF;--tk-bar:#A0DCE9;--r:12px;--rl:20px;--rxl:28px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:var(--on);background:#FAFBFC;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
code{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:.92em}
.container{max-width:1120px;margin:0 auto;padding:0 28px}

/* ===== AMBIENT ===== */
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:float 20s ease-in-out infinite}
.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(21,101,192,.15),transparent 70%);top:-10%;left:-10%;animation-delay:0s}
.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(66,165,245,.12),transparent 70%);top:40%;right:-8%;animation-delay:-7s}
.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(76,175,80,.08),transparent 70%);bottom:-5%;left:30%;animation-delay:-14s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .35s cubic-bezier(.4,0,.2,1)}
.nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.nav-inner{max-width:1120px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--on);font-weight:700;font-size:16px;letter-spacing:-.3px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{text-decoration:none;color:var(--on-v);font-size:13.5px;font-weight:500;transition:color .2s;letter-spacing:.2px}
.nav-links a:hover{color:var(--pri)}
.nav-cta{background:var(--pri)!important;color:#fff!important;padding:7px 16px;border-radius:8px;font-size:13px!important;transition:all .2s!important}
.nav-cta:hover{background:var(--pri-d)!important;transform:translateY(-1px)}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-burger span{width:20px;height:2px;background:var(--on);border-radius:2px;transition:.3s}

/* ===== HERO ===== */
.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;padding:100px 0 80px}
.hero-grid{max-width:1120px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--pri);background:var(--pri-c);padding:5px 12px;border-radius:6px;margin-bottom:24px;letter-spacing:.4px}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--pri);animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.hero-h1{font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}
.h1-line{display:block}
.h1-accent{color:var(--pri)}
.hero-lead{font-size:16px;color:var(--on-v);line-height:1.8;margin-bottom:32px;max-width:480px}
.hero-cta{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--pri);color:#fff;padding:12px 22px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all .25s;box-shadow:0 4px 16px rgba(21,101,192,.25)}
.cta-primary:hover{background:var(--pri-d);transform:translateY(-2px);box-shadow:0 8px 28px rgba(21,101,192,.35)}
.cta-ghost{display:inline-flex;align-items:center;padding:12px 20px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500;color:var(--on-v);border:1.5px solid var(--out);transition:all .2s}
.cta-ghost:hover{border-color:var(--pri);color:var(--pri)}
.hero-metrics{display:flex;align-items:center;gap:18px}
.metric{display:flex;flex-direction:column}
.metric-val{font-size:22px;font-weight:800;color:var(--pri);letter-spacing:-.5px}
.metric-label{font-size:11px;color:var(--on-v);font-weight:500}
.metric-sep{width:1px;height:32px;background:var(--out)}

/* ===== PHONE ===== */
.hero-phone{display:flex;justify-content:center;perspective:1200px}
.phone{transform:rotateY(-8deg) rotateX(3deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.phone:hover{transform:rotateY(-2deg) rotateX(1deg)}
.phone-bezel{width:280px;background:#0a0a0a;border-radius:34px;padding:9px;box-shadow:0 40px 80px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05) inset,0 0 0 4px #1a1a1a}
.phone-notch{width:80px;height:20px;background:#0a0a0a;border-radius:0 0 12px 12px;margin:0 auto;position:relative;z-index:5}
.phone-display{background:#FAFBFC;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:9/18;position:relative}
.scr-topbar{padding:14px 16px 10px;font-size:18px;font-weight:800;letter-spacing:-.3px;background:#FAFBFC}
.scr-cards{flex:1;padding:2px 8px;overflow:hidden;display:flex;flex-direction:column;gap:6px}
.scr-card{position:relative;display:flex;background:rgba(240,242,245,.45);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.scr-bar{width:5px;flex-shrink:0;border-radius:0 2px 2px 0}
.scr-body{flex:1;padding:9px 12px;position:relative;z-index:1}
.scr-row1{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}
.scr-row1 b{font-size:14px;font-weight:800;letter-spacing:.2px}
.scr-row1 span{font-size:10px;color:var(--on-v)}
.scr-route{display:flex;align-items:center;margin-bottom:2px}
.scr-st{flex:.36}
.scr-st.r{text-align:right}
.scr-st em{display:block;font-style:normal;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.3px}
.scr-st small{display:block;font-size:5px;color:var(--on-v);opacity:.55;letter-spacing:.7px;text-transform:uppercase}
.scr-mid{flex:.28;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 3px}
.scr-mid>span{font-size:7px;color:var(--on-v)}
.scr-mid>span:last-child{font-weight:700;font-size:7px}
.scr-arrow{width:100%;display:flex;align-items:center;height:6px}
.scr-arrow i{flex:1;height:1px;background:var(--on-v);opacity:.3}
.scr-arrow b{width:0;height:0;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent;border-left:4px solid var(--on-v);opacity:.4}
.scr-row3{display:flex;justify-content:space-between;font-size:11px;color:var(--on-v);font-weight:400}
.scr-wm{position:absolute;right:-3px;top:50%;transform:translateY(-50%);font-size:54px;font-weight:900;pointer-events:none;z-index:0;line-height:1}
.scr-fab{position:absolute;right:12px;bottom:52px;width:34px;height:34px;background:var(--on);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300;box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:10}
.scr-bnav{display:flex;background:#fff;border-top:1px solid var(--out);padding:5px 0 8px}
.bnav{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--on-v);font-size:8px}
.bnav.active{color:var(--pri)}

/* ===== SECTIONS ===== */
.sec-head{text-align:center;max-width:560px;margin:0 auto 52px}
.sec-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--pri);background:var(--pri-c);padding:4px 12px;border-radius:5px;margin-bottom:14px;letter-spacing:.6px;text-transform:uppercase}
.sec-head h2{font-size:clamp(26px,3.8vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:14px}
.sec-sub{font-size:15px;color:var(--on-v);line-height:1.7}

/* ===== FEATURES ===== */
.features{position:relative;z-index:1;padding:100px 0}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feat-card{background:#fff;border:1px solid var(--out);border-radius:var(--rl);padding:28px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.feat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(21,101,192,.02),transparent);opacity:0;transition:opacity .3s}
.feat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08);border-color:transparent}
.feat-card:hover::before{opacity:1}
.feat-wide{grid-column:span 1}
.feat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 4px 12px rgba(0,0,0,.12)}
.feat-card h3{font-size:17px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}
.feat-card p{font-size:13.5px;color:var(--on-v);line-height:1.7}

/* ===== SHOWCASE ===== */
.showcase{position:relative;z-index:1;padding:100px 0;background:linear-gradient(180deg,transparent,var(--surf-v) 30%,var(--surf-v) 70%,transparent)}
.show-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;align-items:start}
.show-label{display:block;text-align:center;font-size:12px;font-weight:600;color:var(--on-v);margin-bottom:12px;letter-spacing:.5px}

/* Ticket */
.ticket-wrap{border-radius:var(--r);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1)}
.tk{aspect-ratio:856/540;display:flex;flex-direction:column}
.tk-body{flex:1;background:linear-gradient(180deg,var(--tk-bg1),var(--tk-bg2) 56%,var(--tk-bg3));padding:4.5% 5%;position:relative;display:flex;flex-direction:column}
.tk-serial{font-size:clamp(8px,1.4vw,12px);font-weight:700;color:var(--tk-r);margin-bottom:2.5%}
.tk-stations{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2%}
.tk-st{text-align:center;flex:1}
.tk-stn{display:block;font-size:clamp(12px,2.2vw,18px);font-weight:700;letter-spacing:.5px}
.tk-suf{font-size:.7em;font-weight:600}
.tk-py{display:block;font-size:clamp(5px,.9vw,8px);font-weight:700;color:#333;letter-spacing:1px;margin-top:1px}
.tk-train{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:0 6px}
.tk-tn{font-size:clamp(13px,2.4vw,20px);font-weight:700;font-style:italic;letter-spacing:1px}
.tk-arr{font-size:8px;color:#666;transform:scaleY(.5)}
.tk-ds{font-size:clamp(8px,1.3vw,12px);margin-bottom:1.5%;display:flex;align-items:baseline;flex-wrap:wrap;gap:0}
.tk-gap{width:10%}
.tk-pr{display:flex;align-items:center;gap:2px;margin-bottom:2%}
.tk-price{font-size:clamp(10px,1.6vw,14px)}
.tk-marks{display:flex;gap:3px;margin-left:auto;margin-right:22%}
.tk-marks i{width:clamp(12px,2vw,20px);height:clamp(12px,2vw,20px);border:1.5px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:clamp(5px,.9vw,9px);font-weight:700}
.tk-mem{font-size:clamp(8px,1.3vw,12px);font-weight:700;margin-bottom:1.5%}
.tk-pax{font-size:clamp(7px,1.2vw,11px);margin-bottom:2%}
.tk-ad{border:1.5px dashed #333;border-radius:2px;padding:2% 3%;text-align:center;margin-top:auto;margin-right:22%}
.tk-ad p{font-size:clamp(6px,1vw,9px);font-weight:700;line-height:1.5}
.tk-qr{position:absolute;right:5%;top:52%;width:16%;aspect-ratio:1;background:#fff;border-radius:5px;padding:8%;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.qr-grid{width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23fff'/%3E%3Crect x='0' y='0' width='5' height='5' fill='%23222'/%3E%3Crect x='10' y='0' width='5' height='5' fill='%23222'/%3E%3Crect x='20' y='0' width='5' height='5' fill='%23222'/%3E%3Crect x='30' y='0' width='5' height='5' fill='%23222'/%3E%3Crect x='5' y='5' width='5' height='5' fill='%23222'/%3E%3Crect x='15' y='5' width='5' height='5' fill='%23222'/%3E%3Crect x='25' y='5' width='5' height='5' fill='%23222'/%3E%3Crect x='35' y='5' width='5' height='5' fill='%23222'/%3E%3Crect x='0' y='10' width='5' height='5' fill='%23222'/%3E%3Crect x='10' y='10' width='5' height='5' fill='%23222'/%3E%3Crect x='20' y='10' width='5' height='5' fill='%23222'/%3E%3Crect x='30' y='10' width='5' height='5' fill='%23222'/%3E%3Crect x='5' y='15' width='5' height='5' fill='%23222'/%3E%3Crect x='15' y='15' width='5' height='5' fill='%23222'/%3E%3Crect x='25' y='15' width='5' height='5' fill='%23222'/%3E%3Crect x='35' y='15' width='5' height='5' fill='%23222'/%3E%3Crect x='0' y='20' width='5' height='5' fill='%23222'/%3E%3Crect x='10' y='20' width='5' height='5' fill='%23222'/%3E%3Crect x='20' y='20' width='5' height='5' fill='%23222'/%3E%3Crect x='30' y='20' width='5' height='5' fill='%23222'/%3E%3Crect x='5' y='25' width='5' height='5' fill='%23222'/%3E%3Crect x='15' y='25' width='5' height='5' fill='%23222'/%3E%3Crect x='25' y='25' width='5' height='5' fill='%23222'/%3E%3Crect x='35' y='25' width='5' height='5' fill='%23222'/%3E%3Crect x='0' y='30' width='5' height='5' fill='%23222'/%3E%3Crect x='10' y='30' width='5' height='5' fill='%23222'/%3E%3Crect x='20' y='30' width='5' height='5' fill='%23222'/%3E%3Crect x='30' y='30' width='5' height='5' fill='%23222'/%3E%3Crect x='5' y='35' width='5' height='5' fill='%23222'/%3E%3Crect x='15' y='35' width='5' height='5' fill='%23222'/%3E%3Crect x='25' y='35' width='5' height='5' fill='%23222'/%3E%3Crect x='35' y='35' width='5' height='5' fill='%23222'/%3E%3C/svg%3E");background-size:cover;border-radius:2px}
.tk-bar{height:11%;background:var(--tk-bar);display:flex;flex-direction:column;justify-content:center;padding:0 5%}
.tk-micro{font-size:clamp(3px,.6vw,6px);color:rgba(0,0,0,.25);letter-spacing:1px;white-space:nowrap;overflow:hidden}
.tk-num{font-size:clamp(6px,1vw,9px);font-weight:600;color:#333;margin-top:1px}

/* Stats panel */
.stats-panel{background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid var(--out)}
.sp-title{font-size:13px;font-weight:700;margin-bottom:10px}
.sp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.sp-box{background:var(--surf-v);border-radius:8px;padding:10px 6px;text-align:center}
.sp-box b{display:block;font-size:14px;font-weight:800;color:var(--pri)}
.sp-box span{font-size:9px;color:var(--on-v)}
.sp-div{height:1px;background:var(--out);margin-bottom:12px}
.sp-chart-t{font-size:12px;font-weight:700;margin-bottom:8px}
.sp-bar{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.sp-bar>span:first-child{width:55px;font-size:10px;color:var(--on-v);flex-shrink:0}
.sp-bar>span:last-child{width:30px;font-size:9px;color:var(--on-v);text-align:right;flex-shrink:0}
.sp-track{flex:1;height:6px;background:var(--surf-v);border-radius:3px;overflow:hidden}
.sp-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}

/* Collection panel */
.coll-panel{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid var(--out)}
.cp-tabs{display:flex;border-bottom:1px solid var(--out)}
.cp-tab{flex:1;padding:9px;text-align:center;font-size:11px;color:var(--on-v);cursor:pointer;transition:.2s;border-bottom:2px solid transparent}
.cp-tab.on{color:var(--pri);font-weight:700;border-bottom-color:var(--pri)}
.cp-prog{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--pri-c);margin:8px;border-radius:8px;font-size:12px;color:#001D36}
.cp-list{padding:0 8px 8px;display:flex;flex-direction:column;gap:5px}
.cp-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surf-v);border-radius:8px;font-size:12px;font-weight:500}

/* ===== ROUTE ===== */
.route{position:relative;z-index:1;padding:100px 0}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.route-text h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin:14px 0}
.route-text>p{font-size:14.5px;color:var(--on-v);line-height:1.8;margin-bottom:24px}
.route-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.route-list li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500}
.rt-card{background:#fff;border:1px solid var(--out);border-radius:var(--r);padding:18px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
.rt-head{font-size:10px;font-weight:800;color:var(--pri);background:rgba(21,101,192,.07);display:inline-block;padding:3px 8px;border-radius:4px;margin-bottom:14px}
.rt-body{padding-left:2px}
.rt-s{display:flex;align-items:flex-start;gap:10px}
.rt-d{width:10px;height:10px;border-radius:50%;background:#9AA3AA;border:2px solid #fff;box-shadow:0 0 0 2px #9AA3AA;flex-shrink:0;margin-top:3px;transition:all .3s}
.rt-s.on .rt-d{background:var(--pri);box-shadow:0 0 0 2px var(--pri)}
.rt-i{display:flex;justify-content:space-between;width:100%}
.rt-i b{font-size:13px;font-weight:600}
.rt-i span{font-size:10px;color:var(--on-v)}
.rt-l{margin-left:4px;height:20px;width:2px;background:var(--c,#9AA3AA);border-radius:1px}
.rt-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--out)}
.rt-tag{font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px;background:rgba(198,40,40,.07);color:#C62828}
.rt-km{font-size:12px;font-weight:600;color:var(--on-v)}

/* ===== CHANGELOG ===== */
.changelog{position:relative;z-index:1;padding:100px 0;background:var(--surf-v)}
.cl-list{max-width:620px;margin:0 auto}
.cl-item{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--out)}
.cl-item:last-child{border-bottom:none}
.cl-ver{display:flex;flex-direction:column;align-items:center;gap:5px}
.cl-badge{background:var(--pri);color:#fff;padding:3px 8px;border-radius:5px;font-size:12px;font-weight:800}
.cl-ver time{font-size:10px;color:var(--on-v)}
.cl-body h4{font-size:16px;font-weight:700;margin-bottom:8px}
.cl-body ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.cl-body li{font-size:13px;color:var(--on-v);padding-left:14px;position:relative}
.cl-body li::before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;background:var(--pri);border-radius:50%}

/* ===== DOWNLOAD ===== */
.download{position:relative;z-index:1;padding:100px 0}
.dl-card{background:linear-gradient(135deg,var(--pri),var(--pri-d));border-radius:var(--rxl);padding:52px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;position:relative;overflow:hidden}
.dl-card::before{content:'';position:absolute;top:-50%;right:-15%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.06),transparent 60%);pointer-events:none}
.dl-text{position:relative;color:#fff}
.dl-text h2{font-size:clamp(24px,3.2vw,32px);font-weight:800;letter-spacing:-.8px;line-height:1.2;margin-bottom:12px}
.dl-text>p{font-size:15px;opacity:.85;margin-bottom:28px;line-height:1.7}
.dl-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--pri-d);padding:13px 24px;border-radius:10px;text-decoration:none;transition:all .3s;font-size:14px}
.dl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.2)}
.dl-btn span{display:flex;flex-direction:column}
.dl-btn small{font-size:10px;opacity:.6;font-weight:400}
.dl-btn strong{font-size:15px}
.dl-meta{margin-top:16px;font-size:11px;opacity:.6}
.dl-art{position:relative;opacity:.5}

/* ===== FOOTER ===== */
.footer{position:relative;z-index:1;background:#141820;color:#fff;padding:48px 0 24px}
.ft-top{text-align:center;margin-bottom:32px}
.ft-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-size:18px;font-weight:700}
.ft-desc{color:rgba(255,255,255,.5);font-size:13px;margin-bottom:18px}
.ft-links{display:flex;justify-content:center;gap:24px}
.ft-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:12px;transition:color .2s}
.ft-links a:hover{color:#fff}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:18px;text-align:center}
.ft-bottom p{font-size:11px;color:rgba(255,255,255,.3);line-height:1.8}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;text-align:center;gap:32px}
.hero-text{order:2}
.hero-phone{order:1}
.hero-lead{margin-left:auto;margin-right:auto}
.hero-cta,.hero-metrics{justify-content:center}
.phone{transform:none}
.show-grid{grid-template-columns:1fr 1fr;max-width:700px;margin:0 auto}
.show-ticket{grid-column:span 2}
.route-grid{grid-template-columns:1fr;gap:32px}
.priv-grid{grid-template-columns:1fr;text-align:center}
.priv-visual{min-height:160px}
.priv-points{align-items:center}
.dl-card{grid-template-columns:1fr;text-align:center;padding:36px 24px}
.dl-art{display:none}
.scn-grid{grid-template-columns:1fr 1fr}
.scn-wide{grid-column:span 2}
.test-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:16px;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.nav-links.open{display:flex}
.nav-burger{display:flex}
.feat-grid{grid-template-columns:1fr}
.hero-h1{font-size:32px}
.show-grid{grid-template-columns:1fr;max-width:380px}
.show-ticket{grid-column:span 1}
.num-grid{grid-template-columns:repeat(2,1fr)}
.steps{flex-direction:column;align-items:center}
.step-connector{flex-direction:row;padding:4px 0}
.step-line{width:20px;height:1px}
.scn-grid{grid-template-columns:1fr}
.scn-wide{grid-column:span 1}
.test-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.num-grid{grid-template-columns:1fr 1fr;gap:16px}
.hero-grid{padding:0 16px}
.container{padding:0 16px}
}

/* ===== ANIMATIONS ===== */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
[data-reveal].visible{opacity:1;transform:translateY(0)}
[data-reveal][data-delay="1"]{transition-delay:.1s}
[data-reveal][data-delay="2"]{transition-delay:.2s}
[data-reveal][data-delay="3"]{transition-delay:.3s}
[data-reveal][data-delay="4"]{transition-delay:.4s}
[data-reveal][data-delay="5"]{transition-delay:.5s}

/* ===== NUMBERS BAR ===== */
.numbers{position:relative;z-index:1;padding:60px 0;border-top:1px solid var(--out);border-bottom:1px solid var(--out);background:#fff}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.num-item{display:flex;flex-direction:column;align-items:center;gap:2px}
.num-val{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--pri);letter-spacing:-2px;line-height:1;font-family:'DM Sans',sans-serif}
.num-unit{font-size:clamp(20px,3vw,32px);font-weight:800;color:var(--pri);margin-left:-4px;line-height:1}
.num-label{font-size:13px;color:var(--on-v);font-weight:500;margin-top:4px}

/* ===== HOW IT WORKS ===== */
.howto{position:relative;z-index:1;padding:100px 0}
.steps{display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}
.step{flex:1;min-width:220px;max-width:300px;text-align:center;padding:24px 20px}
.step-num{font-size:11px;font-weight:800;color:var(--pri);opacity:.5;letter-spacing:2px;margin-bottom:12px;font-family:'JetBrains Mono',monospace}
.step-icon{width:64px;height:64px;border-radius:16px;background:var(--pri-c);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:transform .3s,box-shadow .3s}
.step:hover .step-icon{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(21,101,192,.15)}
.step h3{font-size:16px;font-weight:700;margin-bottom:8px}
.step p{font-size:13px;color:var(--on-v);line-height:1.7}
.step-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:48px;gap:4px;flex-shrink:0}
.step-line{width:1px;height:20px;background:var(--out)}

/* ===== SCENARIOS ===== */
.scenarios{position:relative;z-index:1;padding:100px 0;background:var(--surf-v)}
.scn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.scn-card{background:#fff;border:1px solid var(--out);border-radius:var(--rl);padding:28px;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}
.scn-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.06);border-color:transparent}
.scn-wide{grid-column:span 2}
.scn-emoji{font-size:32px;margin-bottom:14px;display:block}
.scn-card h3{font-size:17px;font-weight:700;margin-bottom:8px}
.scn-card p{font-size:13.5px;color:var(--on-v);line-height:1.7;margin-bottom:14px}
.scn-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--pri);background:var(--pri-c);padding:3px 8px;border-radius:4px;letter-spacing:.5px}

/* ===== PRIVACY ===== */
.privacy{position:relative;z-index:1;padding:100px 0;background:#141820;color:#fff;overflow:hidden}
.priv-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.priv-visual{display:flex;align-items:center;justify-content:center;position:relative;min-height:280px}
.priv-shield{position:relative;z-index:2}
.priv-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.priv-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);animation:ring-pulse 4s ease-in-out infinite}
.r1{width:120px;height:120px;animation-delay:0s}
.r2{width:200px;height:200px;animation-delay:1.3s}
.r3{width:280px;height:280px;animation-delay:2.6s}
@keyframes ring-pulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}
.priv-text h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin:14px 0}
.priv-text>p{font-size:14.5px;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:28px}
.priv-points{display:flex;flex-direction:column;gap:14px}
.priv-point{display:flex;gap:12px;align-items:flex-start}
.priv-check{width:22px;height:22px;border-radius:6px;background:rgba(76,175,80,.15);color:#66BB6A;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.priv-point strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px}
.priv-point span{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.5}

/* ===== FAQ ===== */
.faq{position:relative;z-index:1;padding:100px 0}
.faq-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-item{background:#fff;border:1px solid var(--out);border-radius:var(--r);overflow:hidden;transition:border-color .2s}
.faq-item[open]{border-color:var(--pri)}
.faq-item summary{padding:16px 20px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:color .2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:18px;font-weight:300;color:var(--on-v);transition:transform .3s}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--pri)}
.faq-item summary:hover{color:var(--pri)}
.faq-answer{padding:0 20px 16px;font-size:13.5px;color:var(--on-v);line-height:1.8;animation:faq-in .3s ease}
@keyframes faq-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* ===== TESTIMONIALS ===== */
.testimonials{position:relative;z-index:1;padding:100px 0;background:var(--surf-v)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.test-card{background:#fff;border:1px solid var(--out);border-radius:var(--rl);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s}
.test-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.06)}
.test-card p{font-size:13.5px;color:var(--on);line-height:1.7;margin-bottom:16px;font-style:italic}
.test-card footer{display:flex;align-items:center;gap:10px}
.test-avatar{width:32px;height:32px;border-radius:8px;background:var(--pri-c);color:var(--pri);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.test-name{font-size:13px;font-weight:600;display:block}
.test-role{font-size:11px;color:var(--on-v);display:block}