*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b0c;color:#edf1ee;font:14px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
:focus-visible{outline:2px solid #9be2c0;outline-offset:3px;border-radius:6px}
.top{min-height:38px;background:#eef1ed;color:#101514;text-align:center;padding:9px;font-size:11px}.top span{color:#58ad88}.top a{text-decoration:underline;margin-left:10px}
header{height:74px;max-width:1160px;margin:auto;padding:0 22px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:650;display:flex;align-items:center;gap:9px}.logo b{width:28px;height:28px;border:1px solid #ffffff22;border-radius:8px;display:grid;place-items:center;color:#9be2c0}
nav{display:flex;gap:30px;color:#89948f;font-size:12px}nav a:hover{color:#edf1ee}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:7px;background:#f1f3ef;color:#090c0c;font-weight:600;font-size:12px}.btn.ghost{background:transparent;color:#e4e9e6;border:1px solid #ffffff20}.btn.small{padding:9px 14px}
.hero{text-align:center;padding:90px 20px 70px;position:relative;overflow:hidden}.hero:before,.cta:before{content:"";position:absolute;width:650px;height:450px;left:50%;top:0;transform:translateX(-50%);background:radial-gradient(circle,#62a98a20,transparent 68%);pointer-events:none}
.eyebrow,label{font-size:10px;letter-spacing:.15em;color:#718079}
.hero h1{font-size:clamp(46px,7vw,86px);font-weight:430;line-height:.98;letter-spacing:-.065em;margin:28px auto 22px;position:relative}
.hero h1 i,.statement i,.security i,.resources i,.cta i{font-family:Georgia,serif;color:#c5d8ce;font-weight:400}
.hero>p{max-width:590px;margin:auto;color:#818d87;font-size:16px;position:relative}
.actions{display:flex;justify-content:center;gap:9px;margin-top:30px}
.dashboard{max-width:980px;margin:70px auto 0;border:1px solid #ffffff18;border-radius:13px;overflow:hidden;background:#0d1112;text-align:left;box-shadow:0 35px 90px #0008;position:relative}
.bar{height:37px;border-bottom:1px solid #ffffff10;padding:10px 14px;color:#4f5a55;font-size:9px}.bar span{margin-left:15px}.bar em{float:right;font-style:normal}
.dash{display:grid;grid-template-columns:145px 1fr;min-height:410px}.dash aside{border-right:1px solid #ffffff10;padding:22px 12px;display:flex;flex-direction:column;gap:5px}.dash aside strong{margin:0 8px 18px}.dash aside a{padding:8px;color:#69746f;font-size:10px}.dash aside .active{background:#9be2c012;color:#bfd4cb;border-radius:6px}
.content{padding:25px}.head{display:flex;justify-content:space-between}.head small,.cards small{display:block;color:#69736e;font-size:9px}.head strong{font-size:28px;font-weight:500}.head button{border:0;border-radius:5px;padding:8px 12px;font-size:9px;height:fit-content}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.cards>div,.chart,.activity{border:1px solid #ffffff10;border-radius:8px;padding:15px}.cards strong{font-size:18px;font-weight:500;display:block}.cards span,.green{color:#79cfa8}
.chart{margin-top:9px}.bars{height:80px;display:flex;align-items:end;gap:8px;margin-top:10px}.bars i{flex:1;background:#548e76;border-radius:3px 3px 0 0}
.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:65%}.bars i:nth-child(5){height:55%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:68%}.bars i:nth-child(8){height:90%}
.activity{margin-top:9px;font-size:10px}.activity p{border-top:1px solid #ffffff09;padding:9px 0;margin:5px 0 0}.activity p strong{float:right}
.statement,.resources{max-width:1160px;margin:auto;padding:150px 22px;text-align:center;border-top:1px solid #ffffff10}
.statement h2,.resources h2,.cta h2{font-size:clamp(38px,5.5vw,68px);font-weight:430;line-height:1.02;letter-spacing:-.055em;margin:22px 0}
.statement p,.cta p{max-width:520px;margin:auto;color:#78837e}
.feature,.security{max-width:1160px;margin:auto;padding:95px 22px;border-top:1px solid #ffffff10;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.feature h2,.security h2{font-size:40px;line-height:1.08;letter-spacing:-.045em;font-weight:430;margin:20px 0}.feature p,.security p{color:#77827d;max-width:430px}.feature a{color:#a8c8b9;font-size:12px}
.visual{min-height:370px;border:1px solid #ffffff12;border-radius:11px;background:linear-gradient(145deg,#121818,#090d0e);padding:28px;position:relative}
.imgv{display:grid;place-items:center}.imgv img{width:100%;max-width:520px}
.cardvisual{display:flex;align-items:center;justify-content:center}.bankimg{width:300px;transform:rotate(-5deg);filter:drop-shadow(0 25px 35px #000a)}
.expense{position:absolute;right:30px;bottom:35px;background:#101717;border:1px solid #ffffff14;border-radius:8px;padding:15px;width:185px}.expense small,.expense span{font-size:8px;color:#66716d}.expense strong{display:block;font-size:20px;font-weight:500}.expense div{height:4px;background:#29312e;margin:13px 0}.expense div:after{content:"";display:block;width:72%;height:100%;background:#7bcaa4}
.security{margin-top:50px}.shield{width:130px;margin-top:36px}
.securitygrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.securitygrid article{padding:25px;border:1px solid #ffffff10;border-radius:8px;color:#9be2c0}.securitygrid article:last-child{grid-column:span 2}.securitygrid h3{color:#edf1ee;font-size:15px;font-weight:500;margin:20px 0 5px}.securitygrid p{font-size:11px;margin:0}
.numbers{max-width:1160px;margin:auto;border-block:1px solid #ffffff10;display:grid;grid-template-columns:repeat(4,1fr)}.numbers div{padding:35px 24px;border-right:1px solid #ffffff10}.numbers b{font:italic 34px Georgia,serif}.numbers span{display:block;color:#69746f;font-size:10px}
.resources{text-align:left}.resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:55px}.resourcegrid article{padding:27px;border:1px solid #ffffff10;border-radius:8px}
.resourcegrid img{width:100%;height:120px;object-fit:contain;margin-bottom:30px}
.resourcegrid small{color:#68746e;letter-spacing:.12em}.resourcegrid h3{margin:14px 0 0;font-size:23px;font-weight:450}.resourcegrid p{color:#707b76;font-size:12px}.resourcegrid a{color:#a8c8b9;font-size:11px}
.cta{text-align:center;padding:145px 22px;border-block:1px solid #ffffff10;position:relative;overflow:hidden}.cta>*{position:relative}
.footer{max-width:1160px;margin:auto;padding:50px 22px 25px}.footerlogo{display:flex;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #ffffff10;color:#65706b;font-size:10px}.foot{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 0}.foot div{display:flex;flex-direction:column;gap:9px}.foot b{font-size:10px;color:#a2ada8}.foot a{font-size:10px;color:#606b66}.foot a:hover{color:#edf1ee}.footer>small{color:#4f5955;font-size:9px}
@media(max-width:750px){nav,.hbtn{display:none}header{height:62px}.hero{padding-top:65px}.hero h1{font-size:44px}.actions{flex-direction:column}.dash{grid-template-columns:1fr}.dash aside{display:none}.feature,.security{grid-template-columns:1fr;gap:40px;padding:70px 20px}.feature h2,.security h2{font-size:32px}.reverse .visual{order:2}.numbers{grid-template-columns:1fr 1fr}.numbers div:nth-child(2){border-right:0}.resourcegrid{grid-template-columns:1fr}.statement,.resources{padding:100px 20px}.footerlogo{display:block}.footerlogo span{display:block;margin-top:15px}.expense{position:static;margin:16px auto 0}.cardvisual{flex-direction:column}.securitygrid{grid-template-columns:1fr}.securitygrid article:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}