@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}html{--bg:#f7f5ef;--surface:#fffdf8;--text:#111613;--muted:#6f746f;--line:#deded7;--dark:#081014;--accent:#d7f57b;--shadow:0 18px 50px #12181518}html[data-theme=dark]{--bg:#0b0f11;--surface:#111719;--text:#f4f4ee;--muted:#9aa19d;--line:#2b3334;--shadow:0 18px 50px #0007}.logo{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text);text-decoration:none;font-size:20px}.mark{width:22px;height:22px;display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-30deg)}.mark i{background:currentColor;border-radius:8px}.mark.mini{width:15px;height:15px}header{height:82px;max-width:1380px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;z-index:5}nav{display:flex;gap:32px}nav a,.text-link{color:var(--text);text-decoration:none;font-size:14px}.nav-actions{display:flex;align-items:center;gap:18px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(var(--surface),color-mix(in srgb,var(--surface),#999 8%));color:var(--text);box-shadow:inset 0 1px #fff4,0 3px 8px #0001;display:grid;place-items:center;cursor:pointer}.btn{height:52px;padding:0 24px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:600;font-size:14px;border:1px solid transparent;box-shadow:inset 0 1px #fff5,0 7px 14px #0002;transition:.2s}.btn:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0004}.btn svg{width:16px}.btn-dark{background:linear-gradient(#172126,#070b0d);color:white;border-color:#283438}.btn-soft{background:linear-gradient(var(--surface),color-mix(in srgb,var(--surface),#777 6%));color:var(--text);border-color:var(--line)}.btn-light{background:#f5f5ed;color:#101514}.btn-outline{border-color:#5d696d;color:white}.btn.small{height:42px;border-radius:15px;padding:0 18px}.hero{max-width:1380px;margin:auto;min-height:690px;padding:70px 55px 40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:700px;height:700px;right:-100px;top:-150px;background:radial-gradient(circle,#cfd6c4aa,transparent 65%);filter:blur(10px);z-index:-1}.hero h1,h2{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-2px}.hero h1{font-size:86px;line-height:.92;margin:0 0 25px}.hero-copy>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:520px}.cta-row{display:flex;gap:12px;margin:30px 0}.trust{display:flex;align-items:center;gap:14px;margin-top:40px}.faces{display:flex}.faces span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9c0ae;border:2px solid var(--bg);margin-left:-7px;font-size:11px}.trust small{color:var(--muted);line-height:1.4}.hero-product{height:560px;position:relative}.phone{position:absolute;width:290px;height:545px;right:20px;top:0;border:9px solid #e6e2d8;border-radius:42px;background:#f8f6f0;color:#121614;padding:25px 18px;box-shadow:0 30px 80px #0003;z-index:2}.phone-top{display:flex;justify-content:space-between;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#273d37;color:#fff;display:grid;place-items:center;font-size:11px}.phone p{font-size:13px;color:#6c726d;margin-top:28px}.phone h3{font-size:30px;margin:8px 0}.phone h3 span{font-size:18px}.positive{color:#49a769}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.quick button{border:0;background:transparent;font-size:9px;display:grid;gap:5px;justify-items:center}.quick svg{width:32px;height:32px;background:#17201d;color:white;border-radius:50%;padding:9px}.mini-chart{background:#fff;border:1px solid #e6e2da;border-radius:16px;padding:14px}.mini-chart div:first-child{display:flex;justify-content:space-between}.mini-chart strong{font-size:13px}.bars,.big-bars{height:100px;display:flex;align-items:end;gap:12px;padding-top:15px}.bars i,.big-bars i{width:20px;background:#d8d8d0;border-radius:8px}.bars i.hot,.big-bars i.hot{background:#d7f57b}.phone-nav{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between}.phone-nav svg{width:18px}.bank-card{width:320px;height:200px;border-radius:20px;background:linear-gradient(145deg,#283035,#070a0c);color:white;padding:22px;box-shadow:0 30px 60px #0004;position:relative}.hero-product>.bank-card{position:absolute;left:10px;top:170px;transform:rotate(-8deg);z-index:3}.card-brand{font-weight:700}.chip{width:42px;height:31px;border-radius:7px;background:linear-gradient(135deg,#d7c48a,#9c8650);margin-top:45px}.card-num{margin-top:14px;letter-spacing:2px}.card-foot{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:10px}.press{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:35px 20px;display:flex;justify-content:space-between;align-items:center}.press span{font-size:10px;letter-spacing:2px;color:var(--muted)}.press b{font-family:serif;font-size:20px}.human,.insight-section,.business-section{max-width:1280px;margin:80px auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 30px}.human img,.business-photo img{width:100%;height:570px;object-fit:cover;border-radius:28px;filter:saturate(.7)}h2{font-size:58px;line-height:.98;margin:14px 0 22px}.human p,.insight-section p,.business-section p,.pricing-home p,.faq p{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.feature-list,.dark-list{list-style:none;padding:0}.feature-list li,.dark-list li{display:flex;gap:15px;margin:24px 0}.feature-list svg,.dark-list svg{width:42px;height:42px;padding:12px;border-radius:12px;background:var(--text);color:var(--bg)}.feature-list span,.dark-list span{display:grid}.feature-list small,.dark-list small{color:var(--muted);margin-top:5px}.dark-band,.security-band{background:#081014;color:white;padding:85px max(5vw,30px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.dark-band h2,.security-band h2{font-size:58px}.dark-band p,.security-band p{color:#aab1b0;line-height:1.7}.dark-list svg{background:#f4f4ed;color:#111}.control-demo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.balance-panel,.card-control{background:linear-gradient(145deg,#172126,#0b1114);border:1px solid #354044;border-radius:22px;padding:25px;box-shadow:inset 0 1px #ffffff20}.balance-panel h3{font-size:32px;margin:6px 0}.currency-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff14;font-size:13px}.card-control .bank-card{width:100%;height:160px;box-shadow:none}.card-control .chip{margin-top:22px}.card-control label{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff14;font-size:12px}.insight-card{background:var(--surface);border:1px solid var(--line);padding:35px;border-radius:26px;box-shadow:var(--shadow)}.insight-card h3{font-size:34px;margin:6px 0}.big-bars{height:170px;gap:22px}.big-bars i{flex:1}.legend{display:grid;gap:10px}.legend span{display:flex;justify-content:space-between;font-size:13px}.business-photo{position:relative}.payment-toast{position:absolute;left:-35px;top:90px;background:var(--surface);color:var(--text);padding:16px;border-radius:16px;display:flex;gap:12px;box-shadow:var(--shadow)}.payment-toast>span{width:34px;height:34px;background:#d9f4df;border-radius:50%;display:grid;place-items:center;color:#276d40}.payment-toast small{display:grid}.payment-toast b{font-size:18px}.security-band{grid-template-columns:.7fr 1fr .7fr}.security-visual{height:300px;display:grid;place-items:center}.metal-card{width:420px;height:240px;border-radius:26px;background:linear-gradient(135deg,#263137,#090d0f);transform:rotate(-13deg);box-shadow:0 30px 80px #000}.metal-card .chip{margin:100px auto}.security-points{display:grid;gap:25px}.security-points span{display:grid;grid-template-columns:45px 1fr;gap:2px 12px}.security-points svg{grid-row:1/3;width:42px;height:42px;padding:11px;border:1px solid #485256;border-radius:13px}.security-points small{color:#9da5a3}.pricing-home{max-width:1280px;margin:100px auto;padding:0 30px}.pricing-home>div:first-child{position:relative}.segmented{position:absolute;right:0;top:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px}.segmented button{border:0;background:transparent;padding:10px 18px;border-radius:10px;color:var(--text)}.segmented .active{background:var(--text);color:var(--bg)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.price-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:28px}.price-card>small{display:block;color:var(--muted);margin-top:8px}.price-card h3{font-size:34px;margin:25px 0}.price-card h3 span{font-size:12px;color:var(--muted)}.price-card p{font-size:13px;display:flex;gap:8px}.price-card p svg{width:15px}.price-card .btn{width:100%;margin-top:18px}.faq{max-width:1280px;margin:100px auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq details p{font-size:14px}.final-cta{max-width:1280px;margin:80px auto;background:#081014;color:white;border-radius:26px;padding:45px 55px;display:flex;justify-content:space-between;align-items:center}.final-cta h2{font-size:42px;margin:0}.footer-top{max-width:1280px;margin:auto;padding:60px 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;border-top:1px solid var(--line)}.footer-top>div{display:grid;align-content:start;gap:10px}.footer-top p,.footer-top a{font-size:12px;color:var(--muted);text-decoration:none}.copyright{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:25px 30px;font-size:11px;color:var(--muted)}
/* internal pages */.page-hero{max-width:1200px;margin:70px auto;padding:70px 30px;text-align:center}.page-hero h1{font-family:'DM Serif Display';font-size:76px;line-height:.95;margin:0 auto 24px;max-width:850px}.page-hero p{color:var(--muted);font-size:18px;max-width:650px;margin:auto;line-height:1.7}.page-hero .cta-row{justify-content:center}.content-grid{max-width:1200px;margin:0 auto 100px;padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px;min-height:240px}.content-card svg{width:44px;height:44px;padding:12px;border-radius:13px;background:var(--text);color:var(--bg)}.content-card h3{font-size:22px}.content-card p{color:var(--muted);line-height:1.6}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#081014;color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.auth-art .logo{color:white}.auth-art h1{font-family:'DM Serif Display';font-size:64px;line-height:1;margin:0}.auth-art .bank-card{margin:auto;width:390px;height:245px}.auth-form{display:grid;place-items:center;padding:40px}.form-box{width:min(440px,100%)}.form-box h2{font-size:44px}.field{display:grid;gap:7px;margin:18px 0}.field label{font-size:12px}.field input,.field select{height:52px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:0 15px;font:inherit}.form-box .btn{width:100%}.form-box .helper{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}
/* app */.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f2f1eb;color:#111}.app-shell aside{background:#0b1113;color:#eef1ec;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.app-shell aside .logo{color:white}.side-user{display:flex;gap:10px;align-items:center;padding:25px 8px;margin:25px 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.side-user div{display:grid}.side-user small{color:#8f9996}.side-nav{display:grid;gap:5px}.side-nav a,.logout{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#aeb6b4;text-decoration:none;font-size:13px}.side-nav a:hover{background:#182124;color:white}.logout{margin-top:auto}.app-main{padding:35px 45px}.app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.app-top h1{font-family:'DM Serif Display';font-size:40px;margin:3px 0}.app-top small{color:#777;font-size:9px;letter-spacing:2px}.app-tools{display:flex;align-items:center;gap:8px}.app-tools .icon-btn{background:white}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.dash-card{background:white;border:1px solid #deddd7;border-radius:20px;padding:24px}.balance-card{background:#101719;color:white}.balance-card h2{font-family:'DM Sans';font-size:42px;letter-spacing:-2px;margin:8px 0}.dash-actions{display:flex;gap:10px;margin-top:25px}.dash-actions .btn{height:44px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.stat{background:white;border:1px solid #deddd7;border-radius:18px;padding:20px}.stat small{color:#777}.stat h3{font-size:23px;margin:8px 0}.tx-list{margin-top:20px}.tx-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;align-items:center;padding:16px 0;border-bottom:1px solid #eee;font-size:13px}.tx-row span:first-child{font-weight:600}.tx-row small{display:block;color:#888}.amount.pos{color:#318d54}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title h3{margin:0}.currency-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.currency-box{border:1px solid #deddd7;border-radius:16px;padding:18px}.currency-box b{display:block;font-size:22px;margin-top:15px}.chart{height:220px;display:flex;align-items:end;gap:12px;padding-top:30px}.chart i{flex:1;background:#d7d7d0;border-radius:8px 8px 3px 3px}.chart i:nth-child(6){background:#b9e74f}.settings-list{display:grid;gap:12px}.settings-row{background:white;border:1px solid #deddd7;border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center}.settings-row p{margin:4px 0;color:#777;font-size:12px}
@media(max-width:900px){header{padding:0 20px}nav{display:none}.hero{grid-template-columns:1fr;padding:50px 25px}.hero h1{font-size:62px}.hero-product{margin-top:30px}.press{overflow:auto;gap:30px}.human,.insight-section,.business-section,.faq{grid-template-columns:1fr;gap:35px}.dark-band,.security-band{grid-template-columns:1fr}.control-demo{grid-template-columns:1fr}.price-grid,.content-grid{grid-template-columns:1fr}.segmented{position:static;margin-top:20px;width:max-content}.footer-top{grid-template-columns:1fr 1fr}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.app-shell{grid-template-columns:1fr}.app-shell aside{display:none}.app-main{padding:25px 18px}.dashboard-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr}.page-hero h1{font-size:52px}.security-visual{overflow:hidden}.hero-product>.bank-card{left:0}.phone{right:0}.nav-actions .text-link{display:none}}