.header{position:relative;padding:30px 0 12px 78px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;gap:12px;align-items:center;min-width:0}
.brand img{width:48px;height:48px;border-radius:12px;flex:none}
.brand-name{font-size:28px;font-weight:900;letter-spacing:1.5px}
.brand-sub{font-size:10px;color:#8793a3;letter-spacing:2px}
.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(48px,7vw,82px);line-height:.94;letter-spacing:-3px;margin:0;font-weight:900}
.hero h1 span{background:linear-gradient(90deg,#20e58b,#20a9ff,#725cff);-webkit-background-clip:text;color:transparent}
.hero p{font-size:18px;line-height:1.55;color:#aeb9c8;max-width:600px;margin:26px 0}
.line{width:110px;height:2px;background:linear-gradient(90deg,#20e58b,#725cff);margin:24px 0}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.feature{text-align:center;border-right:1px solid #1c2733}
.feature:last-child{border:0}
.feature b{display:block;font-size:10px;letter-spacing:1px}
.feature small{color:#697789;font-size:9px}
.phone-wrap{display:flex;justify-content:center}
.phone{width:300px;aspect-ratio:9/18;border:3px solid #263544;border-radius:40px;padding:12px;background:#02050a;box-shadow:0 25px 70px #000;transform:rotate(4deg)}
.phone-screen{height:100%;border-radius:30px;background:linear-gradient(#07111c,#03070c);padding:20px 14px;overflow:hidden}
.notch{width:90px;height:20px;background:#010205;border-radius:20px;margin:-14px auto 14px}
.ptitle{font-weight:800;font-size:13px}
.live{float:right;background:#075333;color:#5af1a2;border-radius:7px;padding:4px 7px;font-size:8px}
.nifty{margin-top:25px;color:#8391a2;font-size:10px}
.price{font-size:28px;font-weight:800;color:#35e397}
.change{font-size:9px;color:#38df91}
.chart{height:145px;margin-top:12px;border-bottom:1px solid #1b2935;background:linear-gradient(160deg,transparent 20%,#23d98c 21%,#23d98c 22%,transparent 23%,transparent 40%,#23d98c 41%,#23d98c 42%,transparent 43%,transparent 62%,#23d98c 63%,#23d98c 64%,transparent 65%,transparent 80%,#23d98c 81%,#23d98c 82%,transparent 83%)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.mini{background:#09131e;border:1px solid #172536;border-radius:9px;padding:9px}
.mini label{display:block;color:#718093;font-size:8px}
.mini b{font-size:13px;color:#e6bf39}
.mini b.purple{color:#9d7cff}
.mini b.red{color:#ff6666}
.section{border:1px solid #203042;border-radius:22px;background:linear-gradient(145deg,#07121f,#050a11);padding:36px;margin-bottom:22px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.section h2{margin:0 0 14px;font-size:24px}
.section p{color:#aab5c4;line-height:1.65}
.list{list-style:none;padding:0}
.list li{margin:10px 0;color:#cbd4de}
.list li:before{content:"✓";color:#35e397;margin-right:10px;font-weight:800}
.quote{margin-top:20px;padding:18px;border:1px solid #185d4a;border-radius:14px;color:#45e99e;line-height:1.5}
.install{display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;padding:30px 36px;border-radius:22px;background:linear-gradient(100deg,#10c978,#168fc8,#5b42d8);margin-bottom:34px}
.install h2{margin:0 0 7px;font-size:27px}
.install p{margin:0;color:#eefcff}
.install button{border:0;border-radius:13px;padding:16px 28px;font-size:16px;font-weight:800;cursor:pointer}
.client-id-box{display:flex;flex-direction:column;gap:5px}
.client-id-box span{font-size:9px;letter-spacing:1.5px;color:#eefcff}
.client-id-box strong{font-size:13px;letter-spacing:1px;color:#fff;white-space:nowrap}
.guide-title{text-align:center;font-size:24px}
.guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guide{border:1px solid #203042;border-radius:18px;padding:26px;background:#07101a;text-align:center}
.guide h3{margin:0 0 20px}
.guide h3.android{color:#35e895}
.guide h3.iphone{color:#3d9dff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#101c2a;border:1px solid #28415b;margin:auto auto 9px}
.step b{font-size:12px}
.step span{display:block;color:#7d8b9c;font-size:10px;line-height:1.4;margin-top:5px}
.footer{display:flex;justify-content:space-between;padding:28px 0 34px;color:#657284;font-size:9px;letter-spacing:.7px;gap:12px}
.footer a{color:#a45cff;text-decoration:none;font-size:11px;font-weight:700}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding:36px 0 42px}.phone-wrap{order:-1}.phone{width:min(245px,72vw);transform:rotate(3deg)}.hero-copy{text-align:center}.hero h1{font-size:clamp(46px,13vw,64px)}.hero p{font-size:16px;margin-left:auto;margin-right:auto}.line{margin-left:auto;margin-right:auto}.features{grid-template-columns:1fr 1fr;max-width:430px;margin:auto}.feature:nth-child(2){border:0}.two,.guides{grid-template-columns:1fr}.install{grid-template-columns:1fr;text-align:center}.install button{justify-self:center}.client-id-box{align-items:center}.footer{flex-wrap:wrap;justify-content:center}}
@media(max-width:500px){.container{width:calc(100% - 22px)}.header{padding:18px 0 10px 64px;align-items:center}.brand{gap:9px}.brand img{width:40px;height:40px;border-radius:10px}.brand-name{font-size:22px}.brand-sub{font-size:7px;letter-spacing:1.4px}
a.login-btn,
a.login-btn:visited,
a.login-btn:hover,
a.login-btn:active {
    text-decoration: none;
    color: inherit;
}
.header{
    flex-wrap:nowrap;
}

.header-actions{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:6px;
    flex-wrap:nowrap;
}

.header-actions .login-btn{
    flex:0 0 auto;
    white-space:nowrap;
}
.login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.section{padding:25px 20px}.install{padding:26px 20px}.guide{padding:22px 16px}.footer{font-size:8px}
.menu-button{top:12px;left:12px}}
.header-actions{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:nowrap;
    white-space:nowrap;
}