.tti-page{--tti-line:rgba(148,174,207,.17);--tti-muted:#8fa2bb;--tti-blue:#6ca7ff;--tti-mint:#4ee3bd;min-height:calc(100vh - 70px);padding:76px 20px 100px;background:radial-gradient(circle at 15% 10%,rgba(35,81,149,.18),transparent 34%),radial-gradient(circle at 90% 52%,rgba(31,120,111,.12),transparent 29%),#070d16;color:#edf5ff}
.tti-shell{width:min(1140px,100%);margin:auto}
.tti-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:82px;align-items:center}
.tti-kicker{margin:0 0 16px;color:var(--tti-blue);font:800 11px/1.2 system-ui;letter-spacing:.15em;text-transform:uppercase}
.tti-copy h1{max-width:720px;margin:0;font:760 clamp(52px,6vw,84px)/.94 Inter,system-ui,sans-serif;letter-spacing:-.058em}
.tti-lead{max-width:620px;margin:25px 0 0;color:#9dafc4;font-size:18px;line-height:1.65}
.tti-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.tti-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 21px;border:1px solid #dce9fa;border-radius:11px;background:#eef5ff;color:#07101d;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s}.tti-btn:hover{transform:translateY(-2px);box-shadow:0 13px 36px rgba(83,145,236,.2)}.tti-btn--ghost{border-color:var(--tti-line);background:rgba(10,19,32,.66);color:#dce8f8}
.tti-device-note{display:flex;align-items:flex-start;gap:10px;max-width:590px;margin-top:18px;color:#778ba5;font-size:12px;line-height:1.5}.tti-device-note i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--tti-mint);box-shadow:0 0 14px var(--tti-mint)}
.tti-phone-wrap{position:relative;display:flex;justify-content:center;min-height:570px}
.tti-phone{position:relative;width:310px;height:590px;padding:10px;border:1px solid rgba(144,174,213,.25);border-radius:40px;background:#050a12;box-shadow:0 45px 100px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.025)}
.tti-phone:before{content:"";position:absolute;z-index:4;top:18px;left:50%;width:86px;height:21px;transform:translateX(-50%);border-radius:999px;background:#02050a}
.tti-screen{position:relative;height:100%;overflow:hidden;border-radius:31px;background:linear-gradient(165deg,#132c50,#091321 38%,#080f19)}
.tti-appbar{display:flex;align-items:center;gap:8px;height:55px;padding:0 17px;border-bottom:1px solid var(--tti-line);font-size:12px;font-weight:800}.tti-appbar img{width:22px;height:22px}
.tti-scan{margin:22px 16px 0;padding:18px;border:1px solid rgba(108,167,255,.27);border-radius:18px;background:linear-gradient(150deg,rgba(39,83,145,.42),rgba(13,27,44,.55))}.tti-scan span{color:#78abf8;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tti-scan h3{margin:8px 0 6px;font-size:26px;letter-spacing:-.04em}.tti-scan p{margin:0;color:#91a5bd;font-size:11px;line-height:1.45}.tti-scan button{width:100%;height:38px;margin-top:17px;border:0;border-radius:9px;background:#edf5ff;color:#07101d;font-size:11px;font-weight:850}
.tti-memory{margin:12px 16px;padding:14px;border:1px solid var(--tti-line);border-radius:14px;background:#0b1625}.tti-memory>span{color:#768ba5;font-size:9px;text-transform:uppercase}.tti-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.tti-stats div{padding:9px;border-radius:9px;background:#101d2f;color:#7d91aa;font-size:8px}.tti-stats b{display:block;margin-top:2px;color:#f2f7ff;font-size:17px}
.tti-bottomnav{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);height:58px;padding:7px;border:1px solid var(--tti-line);border-radius:20px;background:rgba(5,11,19,.94)}.tti-bottomnav span{display:grid;place-items:center;border-radius:12px;color:#667b94;font-size:8px}.tti-bottomnav .is-active{background:#eaf3ff;color:#07101d;font-weight:850}
.tti-qr-card{position:absolute;right:-36px;bottom:36px;width:175px;padding:13px;border:1px solid var(--tti-line);border-radius:17px;background:rgba(9,18,31,.96);box-shadow:0 24px 65px rgba(0,0,0,.42)}.tti-qr-card img{display:block;width:100%;border-radius:10px;background:#fff}.tti-qr-card b{display:block;margin-top:9px;font-size:11px}.tti-qr-card span{color:#7489a2;font-size:9px}
.tti-how{margin-top:110px;padding-top:72px;border-top:1px solid var(--tti-line)}
.tti-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.tti-section-head h2{margin:0;font:750 clamp(38px,4vw,58px)/1 Inter,system-ui,sans-serif;letter-spacing:-.045em}.tti-section-head p{margin:0;color:#879ab2;line-height:1.6}
.tti-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.tti-step{padding:25px;border:1px solid var(--tti-line);border-radius:18px;background:linear-gradient(145deg,rgba(20,39,65,.55),rgba(8,15,25,.32))}.tti-step em{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(108,167,255,.25);border-radius:10px;background:#10213a;color:#7db0ff;font-style:normal;font-size:12px;font-weight:800}.tti-step h3{margin:34px 0 9px;font-size:19px}.tti-step p{margin:0;color:#7e92aa;font-size:13px;line-height:1.55}
.tti-platform{display:none;margin-top:18px;padding:16px;border:1px solid var(--tti-line);border-radius:13px;background:rgba(10,20,34,.55);color:#91a5bd;font-size:13px;line-height:1.55}.tti-platform.is-visible{display:block}.tti-platform strong{color:#edf5ff}.tti-platform ol{margin:10px 0 0;padding-left:19px}.tti-platform li+li{margin-top:5px}
.tti-fine{margin-top:18px;color:#576b83;font-size:10px}
@media(max-width:900px){.tti-hero{grid-template-columns:1fr;gap:54px}.tti-copy{text-align:center}.tti-copy h1,.tti-lead,.tti-device-note{margin-left:auto;margin-right:auto}.tti-actions{justify-content:center}.tti-phone-wrap{min-height:610px}.tti-section-head{grid-template-columns:1fr;gap:16px}}
@media(max-width:650px){.tti-page{padding:46px 14px 75px}.tti-copy h1{font-size:48px}.tti-lead{font-size:15px}.tti-actions .tti-btn{width:100%}.tti-phone{width:285px;height:550px}.tti-qr-card{display:none}.tti-steps{grid-template-columns:1fr}.tti-how{margin-top:70px;padding-top:54px}}