@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root{--bg:#181b14;--surface:#252b20;--surface2:#30372a;--accent:#a6d18d;--deep:#568260;--text:#f5faf2;--muted:#aeb7aa;--line:#3a4334;--light:#edf8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:16px/1.6 Montserrat,Arial,sans-serif}a{color:inherit}.topbar,footer{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}.topbar{height:88px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--bg);background:var(--accent);border-radius:11px 4px;font-size:22px}.nav-link{color:var(--muted);text-decoration:none;font-size:14px}.hero{width:min(1180px,calc(100% - 40px));min-height:650px;margin:auto;display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:9vw;padding:70px 0 110px}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{letter-spacing:-.045em;line-height:1.06}h1{max-width:780px;margin:0;font-size:clamp(48px,7.2vw,96px)}.lead{max-width:640px;margin:28px 0 0;color:var(--muted);font-size:clamp(17px,2vw,21px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-size:14px;font-weight:600}.button-primary{color:var(--bg);background:var(--accent);border-color:var(--accent)}.button-quiet:hover{background:var(--surface)}.platform-note{margin:16px 0 0;color:#7f897b;font-size:12px}.app-card{position:relative;width:min(100%,410px);justify-self:end;padding:24px;background:linear-gradient(160deg,#30382a,#20251c);border:1px solid #46513e;border-radius:28px;box-shadow:0 30px 80px #0a0c0880;transform:rotate(1.5deg)}.app-card:before{content:'';position:absolute;inset:-22px 20px auto -22px;height:110px;background:#789d6540;border-radius:50%;filter:blur(45px);z-index:-1}.card-top,.balance,.stats,.transaction{display:flex;align-items:center;justify-content:space-between}.card-top{color:var(--muted);font-size:13px}.period{padding:7px 10px;border:1px solid var(--line);border-radius:9px}.balance{align-items:flex-end;margin-top:34px}.balance span,.stats span,.transaction small{display:block;color:var(--muted);font-size:12px}.balance strong{font-size:31px}.flow{height:116px;display:flex;align-items:flex-end;gap:10px;margin:24px 0;padding:14px;background:#1b2017;border-radius:16px}.flow i{flex:1;min-height:24%;background:var(--deep);border-radius:6px 6px 2px}.flow i:nth-child(2){height:45%}.flow i:nth-child(3){height:32%}.flow i:nth-child(4){height:68%;background:var(--accent)}.flow i:nth-child(5){height:54%}.flow i:nth-child(6){height:84%;background:var(--accent)}.flow i:nth-child(7){height:65%}.stats{gap:10px}.stats>div{flex:1;padding:14px;background:#1b2017;border-radius:14px}.stats strong{display:block;margin-top:5px;font-size:13px}.positive{color:var(--accent)}.transaction{gap:12px;margin-top:10px;padding:13px 4px;border-bottom:1px solid var(--line);font-size:13px}.transaction-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--surface2);border-radius:50%;color:var(--accent)}.transaction>span:nth-child(2){flex:1}.transaction b{display:block}.principles{width:min(1180px,calc(100% - 40px));margin:0 auto 120px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principles article{padding:32px 34px 12px 0}.principles article+article{padding-left:34px;border-left:1px solid var(--line)}.principles article>span{color:var(--accent);font-size:12px}.principles h2{margin:24px 0 10px;font-size:24px}.principles p{margin:0;color:var(--muted);font-size:14px}.documents{padding:110px max(20px,calc((100vw - 1180px)/2));color:#172014;background:var(--light)}.section-heading{max-width:630px}.section-heading .eyebrow{color:var(--deep)}.section-heading h2{margin:0;font-size:clamp(42px,6vw,72px)}.section-heading>p:last-child{color:#596653}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.document-card{min-height:126px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;background:#fff;border:1px solid #d6e5d0;border-radius:18px;text-decoration:none;transition:.2s}.document-card:hover{transform:translateY(-2px);border-color:#8cb27e}.doc-icon{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--deep);border-radius:12px;font-size:12px}.document-card b,.document-card small{display:block}.document-card b{line-height:1.3}.document-card small{margin-top:7px;color:#687463;font-size:12px}footer{min-height:150px;color:var(--muted);font-size:13px}footer .brand{color:var(--text)}.legal-shell{width:min(920px,calc(100% - 40px));min-height:70vh;margin:40px auto 100px}.back-link{display:inline-block;margin-bottom:30px;color:var(--accent);text-decoration:none;font-size:14px}.legal-document{padding:clamp(28px,6vw,72px);color:#172014;background:#f7fbf5;border-radius:28px}.legal-document h1{font-size:clamp(34px,6vw,58px)}.legal-document h2{margin:52px 0 16px;font-size:28px}.legal-document h3{margin-top:32px;font-size:20px}.legal-document p,.legal-document li{color:#3e4939}.legal-document a{color:#416f4d}.legal-document hr{margin:38px 0;border:0;border-top:1px solid #d5e2d0}.legal-document blockquote{margin:24px 0;padding:16px 20px;background:#e6f2e1;border-left:4px solid var(--deep);border-radius:0 12px 12px 0}.table-wrap{overflow-x:auto;margin:25px 0}.legal-document table{width:100%;border-collapse:collapse;font-size:14px}.legal-document td{padding:12px;border:1px solid #cedbc9;vertical-align:top}.legal-document tr:first-child td{font-weight:700;background:#e6f0e2}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:55px;padding-top:45px}.app-card{justify-self:start;transform:none}.principles{grid-template-columns:1fr}.principles article,.principles article+article{padding:26px 0;border-left:0;border-bottom:1px solid var(--line)}.document-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar,footer,.hero,.principles,.legal-shell{width:calc(100% - 28px)}.topbar{height:72px}h1{font-size:47px}.hero{min-height:0;padding:52px 0 86px}.actions,.button{width:100%}.app-card{padding:18px;border-radius:22px}.balance strong{font-size:26px}.documents{padding-top:80px;padding-bottom:80px}.document-card{grid-template-columns:auto 1fr}.document-card>span:last-child{display:none}footer{min-height:210px;flex-direction:column;justify-content:center;gap:15px}footer p{margin:0}.legal-shell{margin-top:24px}.legal-document{padding:26px 20px;border-radius:20px}.legal-document h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.document-card{transition:none}}

.header-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.header-actions>span{color:var(--accent);font-weight:700}.lang-switch{text-decoration:none}.lang-switch:hover{color:var(--text)}
.premium-teaser{width:min(1180px,calc(100% - 40px));margin:0 auto 64px;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.premium-teaser h2{font-size:clamp(30px,4vw,48px);margin:0}.premium-teaser p:last-child{color:var(--muted);margin-bottom:0}.premium-page{width:min(1040px,calc(100% - 40px));margin:0 auto 100px}.premium-intro{padding:90px 0 65px}.premium-section{padding:38px 0;border-top:1px solid var(--line)}.premium-section h2{font-size:clamp(30px,4vw,44px);margin:0 0 26px}.premium-section a{color:var(--accent);text-underline-offset:4px}.premium-feature-grid,.tariff-grid{display:grid;gap:16px}.premium-feature-grid{grid-template-columns:repeat(2,1fr)}.tariff-grid{grid-template-columns:repeat(3,1fr)}.premium-feature-grid article,.tariff-grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px}.premium-feature-grid h3,.tariff-grid h3{font-size:19px;margin:0 0 12px}.premium-feature-grid p,.tariff-grid p,.premium-section>p{color:var(--muted)}.tariff-grid article{display:flex;flex-direction:column;min-height:210px}.tariff-grid p{margin:0 0 22px}.tariff-grid strong{margin-top:auto;color:var(--accent);font-size:30px;white-space:nowrap}.premium-note{margin-top:26px}.version-notice{padding:18px 22px;margin-bottom:32px;background:#e4f1de;border-left:4px solid var(--deep);border-radius:10px;color:#263a27}.version-notice a{color:#315c3d}.site-footer{width:100%;padding:45px max(20px,calc((100vw - 1180px)/2));background:#20251c}.site-footer>div{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 35px}.site-footer p{margin:0}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer nav a{color:var(--accent)}@media(max-width:750px){.premium-teaser{flex-direction:column;align-items:flex-start;padding:26px;margin-bottom:32px;gap:18px}.premium-feature-grid,.tariff-grid{grid-template-columns:1fr}.tariff-grid article{min-height:0}.site-footer>div{grid-template-columns:1fr}}@media(max-width:560px){.premium-page{width:calc(100% - 28px)}.premium-intro{padding:55px 0}.premium-teaser{width:calc(100% - 28px);padding:22px;margin-bottom:0}.premium-teaser .eyebrow{margin-bottom:12px}.premium-teaser p:last-child{margin-top:14px}.premium-teaser .button{min-height:48px}}

/* App preview mirrors the real accounts screen and keeps financial values hidden. */
.phone-status,.screen-title{display:flex;align-items:center;justify-content:space-between}.phone-status{color:#7e8979;font-size:11px}.phone-status span:last-child{font-size:9px;letter-spacing:0}.screen-title{margin:30px 0 25px;font-size:24px;font-weight:600}.screen-title button{width:38px;height:38px;color:var(--accent);background:#1b2017;border:1px solid var(--line);border-radius:50%;font:inherit}.account-section{margin-top:22px}.account-section>p{margin:0 0 10px;color:var(--muted);font-size:12px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-tile{min-height:118px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px;color:var(--text);background:#1b2017;border:2px solid #66875c;border-radius:6px}.account-tile b{font-size:13px;font-weight:500}.account-tile small{margin-top:auto;color:var(--muted);font-size:12px}.account-icon{color:var(--accent)}.add-tile{align-items:center;justify-content:center;color:var(--accent);border-style:dashed;text-align:center}.add-tile>span{font-size:25px;line-height:1}.wide{min-height:88px}.app-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:28px -10px -10px;padding-top:16px;border-top:1px solid var(--line)}.app-nav span{display:flex;flex-direction:column;align-items:center;gap:5px;color:#778172;font-size:17px}.app-nav small{font-size:9px}.app-nav .active{color:var(--accent)}
.app-shot{width:min(100%,440px);margin:0;justify-self:end;text-align:center}.app-shot img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;filter:drop-shadow(0 30px 55px #080a077d)}.app-shot figcaption{margin-top:12px;color:#7f897b;font-size:11px}.requisites{padding:100px max(20px,calc((100vw - 1180px)/2));color:#172014;background:#dcebd6}.requisites .eyebrow{color:var(--deep)}.requisites .section-heading h2{margin:0;font-size:clamp(42px,6vw,72px)}.requisites-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:45px 0 0;padding:1px;background:#bfd0b8;border-radius:18px;overflow:hidden}.requisites-grid>div{min-height:122px;padding:24px;background:#f7fbf5}.requisites-grid .wide{grid-column:1/-1;min-height:auto}.requisites dt{margin-bottom:10px;color:#64705f;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.requisites dd{margin:0;font-weight:600}.requisites a{color:#315c3d;text-underline-offset:3px}@media(max-width:820px){.app-shot{justify-self:start;max-width:390px}.requisites-grid{grid-template-columns:1fr}.requisites-grid .wide{grid-column:auto}}@media(max-width:560px){.app-shot img{max-height:560px}.requisites{padding-top:75px;padding-bottom:75px}.requisites-grid>div{min-height:auto;padding:20px}}

/* Keep the pricing card evenly separated from the two light sections. */
.premium-teaser{margin-top:64px}
@media(max-width:750px){.premium-teaser{margin-top:32px}}
@media(max-width:560px){.premium-teaser{margin-top:28px;margin-bottom:28px}}
