@font-face{font-family:Rubik;src:url('fonts/Rubik-cyrillic-variable.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;src:url('fonts/Rubik-latin-variable.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/IBMPlexSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/IBMPlexSans-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}

:root{color-scheme:dark;--bg:#17152b;--bg-deep:#121020;--surface:#1d1a32;--text:#f7f6fb;--muted:#aaa5bf;--purple:#6c4ce0;--lavender:#b9a4ff;--green:#1e7a5f;--mint:#7be0b9;--line:rgba(197,185,241,.13);--heading:Rubik,Arial,sans-serif;--body:'IBM Plex Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body,button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#6c4ce0;color:#fff}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{touch-action:manipulation}
button{border:0}
button:disabled{cursor:wait}
a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:6px;border-radius:5px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.045em;line-height:1.12}
h2{font-size:clamp(2.25rem,5vw,3.6rem)}
h3{letter-spacing:-.025em}
svg{display:block}
.icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
.container{width:calc(100% - 40px);max-width:1280px;margin-inline:auto}
.section{padding-block:84px;position:relative;border-bottom:1px solid var(--line)}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:500;line-height:1.5;color:var(--lavender)}
.section-number{color:#8b839e;margin-right:5px}
.section-heading h2,.security-heading h2,.roadmap-heading h2{margin-top:24px}
.section-heading>p:last-child,.security-heading>p:last-child,.roadmap-heading>p{color:var(--muted);margin-top:24px;font-size:16px}
.section-description{margin-top:24px;color:var(--muted);font-size:17px}
.muted{color:var(--muted)}
.gradient-text{background:linear-gradient(105deg,#c7b7ff 3%,#9b7aef 55%,#957be8);-webkit-background-clip:text;background-clip:text;color:transparent}
.mint-text{color:var(--mint)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:54px;padding:15px 22px;font-size:14px;font-weight:500;border-radius:9px;transition:background .2s,box-shadow .2s;white-space:nowrap}
.button .icon{width:19px;height:19px}
.button-primary{background:var(--purple);border:1px solid #8a6ce8;box-shadow:0 6px 24px #6c4ce024,inset 0 1px 0 #ffffff17;color:#fff}
.button-primary:hover{background:#7958ed;box-shadow:0 8px 30px #6c4ce047}
.button-text{padding-inline:2px;background:transparent;color:#ddd6ec;font-size:13px;gap:9px}
.button-text:hover{color:#fff}
.play-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #777087;border-radius:50%;font-size:18px;line-height:1;padding-left:2px}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #7be0b952;flex:none}
.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #ffffff12;border-radius:5px;color:#b7b0c9;background:#ffffff04;line-height:1.4;font-size:10px;white-space:nowrap}
.status i{width:5px;height:5px;border-radius:50%;background:var(--mint)}
.status-live{color:var(--mint);background:#1e7a5f1f;border-color:#67b99b35}
.status-soon{color:#c3afff;background:#6c4ce021;border-color:#a185ff26}

/* Navigation */
.header{position:relative;z-index:30;border-bottom:1px solid var(--line);background:#17152bf2}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--heading);font-size:19px;letter-spacing:-.06em;font-weight:500}
.brand-dot{color:#a285ff}
.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-7deg);flex:none}
.brand-mark i{height:9px;background:#9f82f4;border-radius:3px}
.brand-mark i:last-child{background:#eee6ff}
.desktop-nav{display:none}
.header-actions{display:flex;gap:18px;align-items:center}
.header-cta{display:none}
.menu-toggle{height:44px;width:44px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.menu-toggle span{height:1px;width:23px;background:var(--text);transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-nav{position:absolute;inset:76px 0 auto;padding:20px;background:#1d1a32;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #0004}
.mobile-nav a{display:block;padding:12px 10px;border-bottom:1px solid var(--line);font-size:18px}

/* Hero and the interactive core. No images or video are needed. */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 45%,#30204c55,transparent 55%),var(--bg)}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.56;pointer-events:none}
.hero-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,#17152be8 34%,#17152b00 75%)}
.hero-layout{position:relative;display:grid;padding-top:45px;gap:12px}
.live-eyebrow{display:inline-flex;font-size:9px;padding:6px 10px;border:1px solid #7be0b923;background:#1e7a5f0d;border-radius:5px;color:#c3d8d0;gap:8px;letter-spacing:.12em}
.live-eyebrow>span:last-child{margin-left:5px;font-size:12px}
.hero h1{font-size:clamp(2.8rem,9.15vw,5.65rem);font-weight:500;letter-spacing:-.062em;line-height:1.075;margin-top:27px}
.hero-description{font-size:16px;color:var(--muted);line-height:1.7;margin-top:25px}
.typed-word{position:relative;color:#d7cce9;white-space:nowrap}
.typed-word:has(.type-measure){display:inline-grid}
.type-measure,.type-letters{grid-area:1/1}
.type-measure{visibility:hidden}
.typed-word:has(.type-measure)::after{grid-area:1/1;justify-self:end;align-self:center;transform:translateX(4px)}
.typed-word::after{content:'';display:inline-block;width:1px;height:16px;vertical-align:-2px;background:#b9a4ff;margin-left:2px;animation:caret-blink 1.15s steps(1) 7}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:30px}
.hero-actions>.button-primary{font-size:13px;padding-inline:17px;gap:12px}
.hero-notes{display:flex;gap:17px;flex-wrap:wrap;margin-top:20px;color:#a6a0ba;font-size:10px}
.hero-notes>span{display:flex;gap:6px;align-items:center}
.hero-notes .icon{width:13px;height:13px;color:#94899f}
.hero-visual{width:100%;max-width:600px;aspect-ratio:600/570;position:relative;justify-self:center;margin-block:10px 20px;isolation:isolate}
.orbital-grid{position:absolute;inset:5%;border-radius:50%;background:linear-gradient(#bda7ff07 1px,transparent 1px),linear-gradient(90deg,#bda7ff07 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000 20%,transparent 68%)}
.orbit-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#aa92ef25;stroke-width:1}
.orbit-lines>circle:nth-child(2){stroke-dasharray:2 8;stroke:#aa92ef3a}
.orbit-wire{stroke-dasharray:3 8;stroke:#ba9aff65;animation:wire-flow 15s linear infinite}
.orbit-dot{fill:#b8a1fc;stroke:none;filter:drop-shadow(0 0 5px #c8b0ff);animation:dot-pulse 4s ease-in-out infinite}
.orbit-dot.second{animation-delay:2s}
.core-halo{position:absolute;width:61%;aspect-ratio:1;top:48%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#8b45ff50 0%,#5b31c124 40%,transparent 70%);pointer-events:none;z-index:-1;transition:opacity .5s}
.core-button{position:absolute;top:48%;left:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-15deg);border-radius:31%;background:linear-gradient(140deg,#b5a0f8 0%,#6942b5 28%,#322450 75%);padding:4px;box-shadow:0 23px 30px #07040f80,0 0 45px #8956f52a,inset 0 1px 1px #ead5ffb3;isolation:isolate;transition:box-shadow .4s}
.core-face{position:absolute;inset:4px 4px 12px;border-radius:30%;display:grid;place-items:center;background:radial-gradient(ellipse at 33% 20%,#ae87eb88,transparent 70%),linear-gradient(140deg,#6e469c 0%,#59347d 35%,#322049 90%);box-shadow:inset 0 1px 2px #e5c5ff9e,inset 0 -3px 6px #170c349c}
.core-face::before{content:'';position:absolute;inset:10px;border:1px solid #e2c1ff29;border-radius:26%;pointer-events:none}
.core-face::after{content:'';position:absolute;width:63%;height:1px;top:8%;left:18%;background:linear-gradient(90deg,transparent,#e5caff9c,transparent)}
.core-symbol{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;width:48%;aspect-ratio:1;transform:rotate(15deg);filter:drop-shadow(0 0 10px #ddc7ff47)}
.core-symbol i{background:linear-gradient(135deg,#f5e9ff,#d5b5fd);border-radius:27%;box-shadow:0 2px 4px #2614326e,inset 0 1px 0 #fff6}
.core-symbol i:last-child{background:linear-gradient(135deg,#bea0e8,#9774bf)}
.core-rim{position:absolute;inset:auto 18% 4%;height:2px;background:#b292f08c;border-radius:50%;filter:blur(1px)}
.core-button:hover{box-shadow:0 23px 30px #07040f80,0 0 80px #a175ff55,inset 0 1px 1px #ead5ffb3}
.core-caption{position:absolute;top:73%;left:26%;width:48%;text-align:center;font-size:6px;letter-spacing:.23em;color:#b4a2cf}
.orbit-module{position:absolute;display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #c9b2ff22;background:linear-gradient(130deg,#30243de8,#211a32e8);box-shadow:0 8px 25px #07030f40,inset 0 1px 0 #ffffff05;border-radius:10px;transition:border-color .3s,background .3s,box-shadow .3s;z-index:2}
.orbit-module:hover{border-color:#b293ff6b;box-shadow:0 8px 28px #9e73ff17}
.orbit-module strong{display:block;font-size:10px;font-weight:500;line-height:1.4}
.orbit-module small{display:flex;align-items:center;gap:4px;color:#b0a0c1;font-size:7px;margin-top:2px;white-space:nowrap}
.orbit-module .live-dot{width:3px;height:3px}
.module-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;flex:none}
.module-icon .icon{width:21px;height:21px}
.green{background:#1e7a5f22;color:var(--mint)}
.purple{background:#6c4ce024;color:#baa1f7}
.amber{background:#9c692124;color:#e8c086}
.blue{background:#3d6c9f24;color:#9dbfe7}
.orbit-module .module-icon{width:27px;height:27px;border-radius:7px}
.orbit-module .module-icon .icon{width:16px;height:16px}
.orbit-arrow{width:12px;height:12px;color:#a698b7;margin-left:2px}
.orbit-finance{top:13%;left:2%}
.orbit-business{top:25%;right:0}
.orbit-stock{bottom:19%;right:1%}
.orbit-connect{bottom:24%;left:0}
.orbit-finance{border-color:#68b4974d;background:linear-gradient(130deg,#243632d9,#211b32e8)}
.orbit-finance small{color:var(--mint)}
.floating-receipt{position:absolute;top:88%;left:26%;width:63%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#252035;border:1px solid #c9b2ff17;border-radius:9px;box-shadow:0 10px 25px #08031330;transform:rotate(-5deg);animation:receipt-float 6s ease-in-out infinite}
.receipt-check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1e7a5f22;color:var(--mint);font-size:14px}
.floating-receipt strong{font-size:9px;font-weight:500;display:block;line-height:1.4}
.floating-receipt small{font-size:7px;color:var(--muted);display:block;margin-top:2px}
.receipt-spark{margin-left:auto;color:#b5a1d9;font-size:16px}
.hero-visual.is-connected .orbit-module{border-color:#b59aff88;box-shadow:0 0 22px #9672ef1f}
.hero-visual.is-connected .orbit-wire{stroke:#ccabff;stroke-dasharray:4 4}
.hero-visual.is-connected .core-halo{opacity:1;background:radial-gradient(circle,#b15cff77,transparent 70%)}
.hero-visual.is-connected .core-button{box-shadow:0 20px 30px #07040f80,0 0 70px #a473ff77}
.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-block:24px;color:#9990ae;font-size:8px;letter-spacing:.1em}
.hero-bottom>span:first-child{display:flex;align-items:center;gap:8px}
.hero-bottom>span:first-child a{font-family:var(--heading);font-size:17px;letter-spacing:-.05em;color:#c8bfd5}
.hero-bottom>span:first-child a span{font-family:var(--body);font-size:10px;margin-left:2px}
.scroll-cue{display:flex;align-items:center;gap:15px;letter-spacing:0;font-size:10px;color:#b5adc5}
.scroll-cue span{font-size:18px;color:#c6b8e3}
.hero-index{display:none}

/* The fragmented problem */
.problem-section{background:var(--bg-deep)}
.fragment-grid{display:grid;gap:16px;margin-top:42px}
.fragment-card{position:relative;padding:28px 26px 0;background:#1c192c;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:285px}
.fragment-card>.icon{color:#a89bbf;width:28px;height:28px}
.fragment-index{position:absolute;right:24px;top:28px;color:#93879f;font-size:10px;letter-spacing:.08em}
.fragment-card h3{margin-top:24px;font-size:21px}
.fragment-card p{margin-top:12px;font-size:14px;color:var(--muted)}
.fragment-decoration{height:98px;position:relative;margin-top:26px;opacity:.7}
.mini-wallets{display:flex;justify-content:center;gap:8px;padding-top:10px;transform:rotate(-9deg) translateY(20px);mask-image:linear-gradient(#000 50%,transparent)}
.mini-wallets span{width:100px;height:70px;padding:10px;border:1px solid #b79bd433;border-radius:8px;background:linear-gradient(135deg,#76608a33,#2b223d);font-size:10px;color:#bca9d0}
.mini-wallets span:nth-child(2){transform:translateY(-10px)}
.mini-wallets b{display:block;font-size:21px;font-weight:400;text-align:right}
.mini-table{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;transform:perspective(300px) rotateX(13deg) rotate(-5deg) translateY(10px);background:#b8a2d52b;mask-image:linear-gradient(#000 40%,transparent)}
.mini-table>*{padding:8px;background:#272035;font-size:9px;color:#b6a1cc;font-style:normal;font-weight:400}
.mini-table b{color:#d8a18e;text-align:center}
.mini-services{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;transform:rotate(-6deg) translateY(15px);mask-image:linear-gradient(#000 40%,transparent)}
.mini-services span{padding:9px 14px;border:1px solid #b79bd433;border-radius:7px;background:#2a2239;font-size:11px;color:#c9b5dd;height:38px}
.mini-services span:last-child{transform:translateX(35px)}
.problem-resolution{display:flex;align-items:center;gap:25px;justify-content:center;margin-top:48px}
.problem-resolution p{font-family:var(--heading);font-size:16px;letter-spacing:-.035em;text-align:center;white-space:nowrap;color:#bcb3ce}
.problem-resolution p span{color:#d7c7ff}
.resolution-line{height:1px;max-width:260px;background:linear-gradient(90deg,transparent,#8f72be55);flex:1}
.resolution-line:last-child{transform:rotate(180deg)}

/* A live HTML interface */
.how-section{background:radial-gradient(ellipse at 80% 50%,#33224f26,transparent 60%),#18152a}
.how-layout{display:grid;gap:50px}
.how-copy h2{margin-top:23px}
.steps{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:0}
.step{position:relative;display:flex;gap:18px;padding-bottom:26px}
.step:not(:last-child)::before{content:'';position:absolute;top:35px;left:17px;height:calc(100% - 38px);border-left:1px dashed #a28ab345}
.step>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #a28ab333;border-radius:50%;color:#b8a9cc;flex:none;font-size:10px;transition:background .3s,border-color .3s}
.step.is-current>span{background:#6c4ce024;border-color:#bca3ff77;color:#d7c6ff}
.step h3{font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.3;padding-top:2px}
.step p{font-size:13px;color:var(--muted);margin-top:5px}
.demo-wrap{max-width:500px;justify-self:center;width:100%;position:relative}
.app-demo{border:1px solid #b59dd733;border-radius:15px;background:#1f1b30;box-shadow:0 30px 90px #07041144;overflow:hidden}
.demo-top{height:59px;display:flex;align-items:center;padding-inline:23px;gap:12px;border-bottom:1px solid var(--line)}
.demo-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}
.tiny-mark{color:#b29ae4;font-size:23px}
.demo-badge{font-size:8px;letter-spacing:.12em;padding:2px 6px;border:1px solid #c7b4df26;border-radius:4px;color:#bfb3cd}
.demo-avatar{margin-left:auto;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#b69de524;color:#d3bff2;font-size:10px}
.demo-content{padding:22px}
.demo-month{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:500}
.demo-month>span:last-child{color:#b7acc8;font-size:10px}
.demo-month>span:last-child>span{margin-left:12px}
.demo-label{margin-top:22px;color:var(--muted);font-size:10px}
.demo-balance{font-family:var(--heading);font-size:39px;line-height:1.2;letter-spacing:-.05em;margin-top:6px}
.demo-balance>span:last-child{color:#9e90b2;font-size:29px}
.demo-totals{display:flex;gap:15px;margin-top:14px;flex-wrap:wrap;font-size:9px;color:#b2a7c1}
.demo-totals>span{display:flex;gap:6px;align-items:center}
.demo-totals b{font-weight:500;color:#d6cee0}
.income-dot,.expense-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}
.expense-dot{background:#9f7ce7}
.demo-chart{height:99px;display:flex;gap:6px;align-items:flex-end;position:relative;margin-top:18px;padding-bottom:25px;isolation:isolate}
.chart-grid{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(to top,#baa5d40e 0 1px,transparent 1px 25px);z-index:-1}
.chart-bar{flex:1;min-width:0;background:linear-gradient(to top,#6c4ce030,#a17be180);border-radius:3px 3px 0 0;height:50%}
.bar-1{height:28%}.bar-2{height:42%}.bar-3{height:31%}.bar-4{height:59%}.bar-5{height:48%}.bar-6{height:65%}.bar-7{height:46%}.bar-8{height:81%}.bar-9{height:59%}.bar-10{height:74%}.bar-11{height:52%}.bar-12{height:92%;background:linear-gradient(to top,#8555cb55,#b393ec)}
.chart-dates{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#a193b0;font-size:8px}
.demo-transactions-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:21px}
.demo-transactions-heading h3{font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:0}
.demo-transactions-heading>span{color:#b6a2d6;font-size:8px}
.transactions{list-style:none;margin:13px 0 0;padding:0;min-height:216px}
.transactions li{display:flex;align-items:center;gap:10px;padding-block:11px;border-bottom:1px solid #c3aad50c}
.transaction-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;flex:none}
.transaction-icon .icon{width:16px;height:16px}
.transactions strong{font-size:11px;font-weight:500;display:block;line-height:1.3}
.transactions small{font-size:8px;color:#a89ab8;display:block;margin-top:3px}
.transactions b{font-size:11px;font-weight:500;margin-left:auto;white-space:nowrap}
.transactions .positive{color:var(--mint)}
.demo-import{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;padding:11px;border-radius:7px;background:#6c4ce01c;border:1px dashed #aa88dd55;font-size:11px;color:#d6c1f7;transition:background .2s}
.demo-import:hover{background:#6c4ce036}
.demo-import .icon{width:16px;height:16px}
.demo-import>span:last-child{margin-left:auto;font-size:17px;line-height:1}
.demo-import>span:nth-child(2){margin-right:auto}
.demo-status{font-size:9px;line-height:1.5;min-height:27px;margin-top:9px;text-align:center;color:#b5a7c6}
.demo-import.is-loading .icon{animation:dot-pulse .8s ease-in-out infinite}
.demo-bottom{display:flex;justify-content:space-around;padding:15px 10px;background:#191627;border-top:1px solid var(--line)}
.demo-bottom>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#9d8fae}
.demo-bottom .icon{width:15px;height:15px}
.demo-bottom>span.active{color:#c2a8f3}
.privacy-note{display:flex;justify-content:center;align-items:center;gap:12px;padding:22px 8px 5px;color:var(--mint)}
.privacy-note>.icon{width:26px;height:26px}
.privacy-note p{font-size:12px;line-height:1.6;color:#d2c7df}
.privacy-note p>span{font-size:10px;color:var(--muted)}
.demo-disclaimer{margin-top:14px;color:#a397b4;font-size:9px;text-align:center}

/* Connected modules */
.ecosystem-section{background:#141123}
.ecosystem-section .section-heading{text-align:center}
.ecosystem-section .eyebrow{justify-content:center}
.ecosystem-story{margin-top:40px}
.ecosystem-sticky{position:relative;z-index:5;background:linear-gradient(#141123 75%,#14112300);padding-block:15px 30px}
.connection-map{position:relative;display:flex;align-items:center;justify-content:space-around;gap:12px;max-width:900px;margin-inline:auto;min-height:160px}
.connection-map>svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.map-line{stroke:#a68ae63b;stroke-width:1}
.map-flow{stroke:#bca2ff;stroke-width:2;stroke-dasharray:4 30;animation:wire-flow 6s linear infinite;opacity:.7}
.map-node,.map-core{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:31%;padding:10px;isolation:isolate}
.map-node:before,.map-core:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#141123 45%,#14112300 75%);z-index:-1}
.map-node .module-icon{width:47px;height:47px;border:1px solid #a085cf33;border-radius:13px;background:#211b34;transition:border-color .6s,box-shadow .6s}
.map-node strong,.map-core strong{margin-top:10px;font-size:11px;font-weight:500}
.map-node small,.map-core small{font-size:8px;color:#a89bb9;margin-top:3px}
.small-core{width:62px;aspect-ratio:1;border-radius:20px;background:linear-gradient(145deg,#9368dc,#3f265b);display:grid;place-items:center;box-shadow:0 0 45px #9d66ec28,inset 0 1px 1px #dcb5ff9c;transform:rotate(-9deg);border:1px solid #af88d97a}
.small-core .core-symbol{gap:5px;width:47%;transform:rotate(9deg)}
.map-node.is-connected .module-icon{border-color:#bfa4ff8a;box-shadow:0 0 26px #8e60df30}
.map-caption{font-size:10px;color:#a497b8;text-align:center;margin-top:15px}
.module-grid{display:grid;gap:16px;margin-top:15px}
.module-card{background:linear-gradient(130deg,#221d35,#1b172c);border:1px solid #ba9ae321;border-radius:12px;padding:27px;position:relative;transition:border-color .3s;transform-style:preserve-3d;will-change:auto}
.module-card:hover{border-color:#ac8fda55}
.module-personal{background:linear-gradient(135deg,#1e302e88,#1b172c 75%);border-color:#6bc3a339}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.module-card h3{margin-top:29px;font-size:25px}
.module-card p{margin-top:13px;font-size:14px;color:var(--muted)}
.card-bottom{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.card-bottom>span{font-size:11px;color:#b5a6c9}
.module-personal .card-bottom>span{color:var(--mint)}
.card-bottom a{display:grid;place-items:center;width:44px;height:44px;margin:-8px;border-radius:50%;color:#c2aadf}
.card-bottom .icon{height:18px;width:18px}
.card-bottom .card-symbol{font-size:23px;line-height:1}
.mobile-apps-note{display:flex;gap:16px;align-items:center;padding:25px 0 0;margin-top:18px;border-top:1px solid var(--line)}
.mobile-apps-note>.icon{color:#a38dbb;width:29px;height:29px}
.mobile-apps-note p{font-size:12px}
.mobile-apps-note strong{font-weight:500;display:block;color:#d4c8e1}
.mobile-apps-note p>span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.mobile-apps-note>.status{display:none;margin-left:auto}

/* Personal and business */
.personal-section{background:radial-gradient(ellipse at 8% 60%,#1e7a5f0d,transparent 60%),#181627}
.personal-layout{display:grid;gap:42px}
.personal-copy h2{margin-top:25px}
.personal-price{display:flex;align-items:center;gap:18px;margin-block:25px}
.personal-price strong{font-family:var(--heading);font-size:65px;letter-spacing:-.07em;font-weight:400;line-height:1.2}
.personal-price span{color:#a3bcb1;font-size:12px;line-height:1.5}
.personal-login{font-size:11px;color:var(--muted);margin-top:12px}
.personal-features>article{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding-block:26px}
.personal-features>article:first-child{padding-top:0}
.personal-features>article>span{font-size:10px;color:#83b9a4;padding-top:4px}
.personal-features h3{font-size:18px}
.personal-features p{font-size:13px;color:var(--muted);margin-top:9px;max-width:380px}
.personal-features>article>.icon{margin-left:auto;width:22px;height:22px;color:#77c7ab}
.upcoming-feature{padding-top:22px;display:flex;gap:14px;align-items:flex-start}
.upcoming-feature p{margin-top:0;font-size:12px}
.business-section{background:#141122}
.business-panel{border:1px solid #aa80dd2b;border-radius:18px;background:radial-gradient(ellipse at 5% 50%,#6c4ce017,transparent 60%),#1d182e;display:grid;padding:28px;gap:40px;overflow:hidden}
.business-copy>.eyebrow{font-size:8px;letter-spacing:.12em}
.business-copy>.status{margin-top:25px}
.business-copy h2{font-size:clamp(2rem,4vw,3.2rem);margin-top:16px;line-height:1.15}
.business-copy>p:not(.eyebrow){max-width:450px;font-size:14px;color:var(--muted);margin-block:24px}
.business-copy .button{font-size:13px}
.business-contact{display:block;color:var(--muted);font-size:10px;margin-top:12px}
.business-includes h3{font-family:var(--body);font-size:15px;letter-spacing:0;font-weight:500}
.business-includes ul{list-style:none;margin:14px 0 0;padding:0}
.business-includes li{display:flex;align-items:center;gap:14px;padding-block:19px;border-bottom:1px solid var(--line)}
.business-includes li>.icon{width:23px;height:23px;color:#b498db}
.business-includes li strong{display:block;font-size:13px;font-weight:500}
.business-includes li div>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.business-includes li>span{margin-left:auto;color:#a791c3}
.integration-names{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px}
.integration-names p{font-size:8px;letter-spacing:.13em;color:#a99ab9;margin-bottom:7px;width:100%}
.integration-names>span{padding:4px 8px;border:1px solid #aa80dd21;border-radius:4px;font-size:9px;color:#c3b3d3}
.integration-disclaimer{margin-top:13px;color:#a79bb8;font-size:10px;line-height:1.6}

/* Trust, roadmap and the team */
.security-section{background:#181627}
.security-grid{display:grid;gap:28px;margin-top:44px}
.security-grid article>.icon{color:#b9a4e4;width:28px;height:28px}
.security-grid h3{font-size:18px;margin-top:22px}
.security-grid p{font-size:13px;color:var(--muted);margin-top:11px;max-width:270px}
.roadmap-section{background:#131021}
.roadmap-heading{display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.roadmap-heading>p{margin-top:0;font-size:14px}
.roadmap{list-style:none;padding:0;margin:45px 0 0;display:grid;gap:0}
.roadmap-item{padding:0 0 35px 35px;border-left:1px solid #8a70b139;position:relative}
.roadmap-point{display:flex;gap:20px;align-items:center;margin-bottom:24px}
.roadmap-point>span{position:absolute;top:7px;left:-5px;width:9px;height:9px;border:1px solid #a587d0;background:#211732;border-radius:50%;transition:background .5s,box-shadow .5s}
.roadmap-point b{font-family:var(--heading);font-weight:400;font-size:20px;letter-spacing:-.035em}
.roadmap-item.is-current .roadmap-point>span{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 5px #7be0b90c,0 0 18px #7be0b94a}
.roadmap-item.is-current .roadmap-point b{color:var(--mint)}
.roadmap-item.is-reached:not(.is-current) .roadmap-point>span{background:var(--lavender);box-shadow:0 0 0 5px #b9a4ff0c,0 0 16px #b9a4ff33}
.roadmap-item h3{font-size:17px;margin-top:19px}
.roadmap-item>p{font-size:13px;color:var(--muted);margin-top:12px;max-width:270px}
.roadmap-item:last-child{padding-bottom:0;border-color:transparent}
.about-section{background:#191628}
.about-layout{display:grid;gap:42px;align-items:center}
.ogma-art{min-height:260px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse,#57377c22,transparent 68%);border:1px solid var(--line);border-radius:15px;isolation:isolate}
.ogma-orbit{position:absolute;width:70%;aspect-ratio:1;border:1px solid #ae8ede20;border-radius:50%;transform:rotate(-25deg) scaleY(.6);z-index:-1}
.ogma-orbit:before,.ogma-orbit:after{content:'';position:absolute;inset:-25px;border:1px solid #ae8ede12;border-radius:50%}
.ogma-orbit:after{inset:-55px;border-color:#ae8ede0a}
.ogma-word{font-family:var(--heading);font-weight:500;font-size:110px;line-height:1;letter-spacing:-.08em;color:#ded0ee}
.ogma-word>span{font-family:var(--body);font-size:15px;vertical-align:top;margin-left:5px;letter-spacing:0}
.ogma-caption{position:absolute;bottom:35px;font-size:7px;letter-spacing:.22em;color:#a995bf}
.about-copy h2{font-size:clamp(2rem,3.7vw,2.8rem);margin-top:24px}
.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:22px;max-width:520px}
.founder{display:flex;gap:13px;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.founder-avatar{display:grid;place-items:center;width:42px;height:42px;background:#6c4ce019;border:1px solid #b29ad92c;border-radius:50%;font-family:var(--heading);font-size:11px;color:#c7b1e5}
.founder strong{font-size:13px;font-weight:500;display:block}
.founder div>span{font-size:11px;color:var(--muted);display:block;margin-top:3px}
.final-section{position:relative;overflow:hidden;padding-block:90px 100px;text-align:center;background:#141122;border-bottom:1px solid var(--line)}
.final-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#6c4ce025,transparent 65%)}
.final-glow::after{content:'';position:absolute;width:70%;height:170px;left:15%;bottom:-100px;border:1px solid #a27ae33b;border-radius:50%;box-shadow:0 0 70px #9b62ef13}
.final-content{position:relative}
.final-content>.eyebrow{justify-content:center;font-size:9px}
.final-content h2{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.08;margin-top:27px}
.final-content>p{font-size:16px;color:var(--muted);margin-top:25px}
.final-content>.button{margin-top:30px}
.final-note{display:block;font-size:11px;color:var(--muted);margin-top:15px}
.footer{background:#12101e;padding-block:34px 25px}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:22px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.footer .brand{font-size:19px}
.contact-link{font-size:12px;display:flex;gap:15px;align-items:center;color:#c6b4db;order:3;width:100%}
.contact-link .icon{width:16px;height:16px}
.back-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:#c9b7e3;font-size:18px}
.footer-bottom{display:flex;flex-direction:column;gap:20px;padding-top:24px;color:#a59ab4;font-size:10px}
.footer-bottom nav{display:flex;flex-direction:column;gap:12px}
.footer-bottom nav a:hover{color:#ded0ee}
.footer-bottom>span:last-child{color:#a296b1}

/* Content stays readable if JavaScript is disabled or unavailable. */
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes wire-flow{to{stroke-dashoffset:-204}}
@keyframes dot-pulse{50%{opacity:.35}}
@keyframes receipt-float{50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes caret-blink{50%{opacity:0}}

@media(min-width:600px){
  .container{width:calc(100% - 64px)}
  .header-cta{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #b297d82c;border-radius:7px;font-size:11px;background:#ffffff03}
  .header-cta .icon{width:15px;height:15px}
  .hero-actions{gap:24px}.hero-actions>.button-primary{font-size:14px;padding-inline:23px}
  .hero-description{font-size:18px}.hero-notes{font-size:11px;gap:22px}
  .hero-visual{max-width:520px}
  .orbit-module{gap:12px;padding:13px 14px;border-radius:12px}
  .orbit-module strong{font-size:14px}.orbit-module small{font-size:10px;gap:5px}
  .orbit-module .module-icon{width:35px;height:35px}.orbit-module .module-icon .icon{width:21px;height:21px}
  .orbit-module .live-dot{width:4px;height:4px}.orbit-arrow{width:15px;height:15px}
  .core-caption{font-size:8px}.floating-receipt{padding:13px 16px;gap:13px}.floating-receipt strong{font-size:12px}.floating-receipt small{font-size:9px}
  .receipt-check{width:34px;height:34px;font-size:18px}
  .hero-bottom{font-size:9px}.hero-index{display:inline}.scroll-cue{font-size:11px}
  .fragment-grid{grid-template-columns:repeat(3,1fr);gap:12px}.fragment-card{padding:25px 20px 0}.fragment-card h3{font-size:18px}.fragment-card p{font-size:12px}
  .fragment-index{right:20px}.fragment-card p br{display:none}
  .module-grid{grid-template-columns:1fr 1fr;gap:18px}.module-card{padding:29px}
  .map-node .module-icon{width:57px;height:57px}.map-node strong,.map-core strong{font-size:14px}.map-node small,.map-core small{font-size:10px}.small-core{width:74px}
  .map-caption{font-size:11px}.connection-map{min-height:190px}
  .mobile-apps-note>.status{display:inline-flex}.mobile-apps-note p{font-size:14px}.mobile-apps-note p>span{font-size:12px}
  .security-grid{grid-template-columns:repeat(2,1fr);gap:35px}
  .roadmap{grid-template-columns:1fr 1fr;row-gap:40px}.roadmap-item:nth-child(2){border-color:transparent}
  .business-panel{padding:40px}.business-copy>.eyebrow{font-size:10px}
  .footer-bottom nav{flex-direction:row;gap:22px}.footer-top{flex-wrap:nowrap}.contact-link{order:0;width:auto;margin-left:auto}.footer .back-top{margin-left:20px}
}
@media(min-width:1000px){
  .container{width:calc(100% - 112px)}.section{padding-block:116px}
  .header-inner{height:86px}.header{position:sticky;top:0;backdrop-filter:blur(16px)}
  .brand{font-size:23px;gap:12px}.brand-mark{grid-template-columns:repeat(2,11px);gap:3px}.brand-mark i{height:11px}
  .desktop-nav{display:flex;gap:27px;font-size:12px;color:#b6aec7}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#fff}
  .header-cta{font-size:12px;padding:10px 15px}.menu-toggle{display:none}.mobile-nav{display:none!important}
  .hero-layout{grid-template-columns:1.08fr 1fr;align-items:center;gap:0;padding-top:74px;padding-bottom:73px;min-height:657px}
  .hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(3.9rem,6.3vw,5.65rem);margin-top:30px}
  .hero-description{font-size:17px;margin-top:27px}.hero-actions{margin-top:34px;gap:22px}.button-text{font-size:12px}
  .hero-actions>.button-primary{padding-inline:20px;font-size:13px}.hero-notes{font-size:10px;gap:19px}
  .live-eyebrow{font-size:9px}.hero-visual{width:111%;max-width:600px;margin-left:-4%;margin-top:0;margin-bottom:0}
  .orbit-module{padding:12px;gap:10px}.orbit-module strong{font-size:12px}.orbit-module small{font-size:9px}.orbit-module .module-icon{width:32px;height:32px}
  .orbit-finance{left:1%;top:15%}.orbit-business{right:1%;top:25%}.orbit-stock{right:0;bottom:19%}.orbit-connect{left:0;bottom:25%}
  .core-caption{font-size:8px}.hero-bottom{padding-block:26px;font-size:9px}.hero-bottom>span:first-child a{font-size:20px}.scroll-cue{font-size:11px}
  .eyebrow{font-size:10px}.section-heading{position:relative}.section-heading>p:last-child{font-size:16px}
  .problem-section .section-heading>p:last-child{position:absolute;right:0;bottom:4px;max-width:380px}
  .fragment-grid{margin-top:50px;gap:22px}.fragment-card{padding:32px 30px 0;min-height:310px}.fragment-card h3{font-size:23px}.fragment-card p{font-size:14px}.fragment-index{top:34px;right:30px}
  .fragment-card p br{display:block}.fragment-decoration{margin-top:30px}.problem-resolution{margin-top:58px}.problem-resolution p{font-size:21px}
  .how-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px}.how-copy .section-description{font-size:16px}.demo-wrap{max-width:490px;justify-self:end}
  .steps{margin-top:40px}.step{padding-bottom:27px;gap:21px}.step h3{font-size:17px}.step p{font-size:13px}
  .demo-content{padding:28px}.demo-top{padding-inline:28px}.demo-balance{font-size:46px}.demo-label{font-size:11px}.demo-totals{font-size:10px;gap:25px}
  .demo-chart{height:118px}.transactions{min-height:252px}.transactions li{padding-block:14px}.transactions strong{font-size:12px}.transactions small{font-size:9px}.transactions b{font-size:12px}
  .transaction-icon{width:34px;height:34px}.demo-import{font-size:12px;padding:12px}.demo-status{font-size:10px;min-height:20px}.demo-bottom{padding-block:17px}.demo-bottom>span{font-size:10px}
  .ecosystem-story{margin-top:50px}.ecosystem-sticky{position:sticky;top:86px;padding-bottom:25px}.connection-map{min-height:200px}.map-node,.map-core{padding:20px}
  .map-node .module-icon{width:60px;height:60px}.map-node .icon{width:26px;height:26px}.small-core{width:83px;border-radius:24px}.map-node strong,.map-core strong{font-size:15px}.map-node small,.map-core small{font-size:11px}
  .module-grid{max-width:1040px;margin:20px auto 0;gap:22px}.module-card{padding:34px}.module-card h3{font-size:28px;margin-top:25px}.module-card p{font-size:15px}.card-bottom>span{font-size:12px}
  .mobile-apps-note{max-width:1040px;margin:30px auto 0;padding-top:30px}
  .personal-layout{grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.personal-copy .section-description{font-size:16px}.personal-features>article{padding-block:29px}.personal-features h3{font-size:20px}.personal-features p{font-size:14px}.personal-price{margin-block:30px}.personal-price strong{font-size:74px}
  .business-panel{padding:57px;grid-template-columns:1.08fr 1fr;gap:70px;border-radius:20px}.business-copy>p:not(.eyebrow){font-size:15px}.business-copy h2{margin-top:19px}.business-copy>.status{margin-top:29px}.business-includes{padding-top:45px}.business-includes h3{font-size:17px}.business-includes li{padding-block:21px}.business-includes li strong{font-size:14px}.business-includes li div>span{font-size:12px}.integration-names>span{font-size:10px}
  .security-heading{position:relative}.security-heading>p:last-child{position:absolute;right:0;bottom:3px;max-width:350px}.security-grid{grid-template-columns:repeat(4,1fr);gap:38px;margin-top:55px}.security-grid h3{font-size:19px}.security-grid p{font-size:14px}
  .roadmap-heading{flex-direction:row;align-items:flex-end}.roadmap-heading>p{margin-bottom:5px}.roadmap{grid-template-columns:repeat(4,1fr);margin-top:62px;gap:0}.roadmap-item{padding:35px 30px 0 0;border:0;border-top:1px solid #8a70b139}.roadmap-item:nth-child(2){border-color:#8a70b139}.roadmap-item:last-child{border-top-color:#8a70b139}.roadmap-point{margin-bottom:28px}.roadmap-point>span{top:-5px;left:0}.roadmap-point b{font-size:22px}.roadmap-item h3{font-size:18px;line-height:1.25;max-width:220px}.roadmap-item>p{font-size:13px;max-width:230px}
  .about-layout{grid-template-columns:1fr 1.1fr;gap:90px}.ogma-art{min-height:360px}.ogma-word{font-size:145px}.ogma-caption{font-size:8px;bottom:43px}.about-copy>p:not(.eyebrow){font-size:15px}.founder strong{font-size:14px}.founder div>span{font-size:12px}
  .final-section{padding-block:115px 125px}.final-content>p{font-size:17px}.final-content>.button{margin-top:34px}
  .footer{padding-block:40px 28px}.footer-top{padding-bottom:32px}.footer .brand{font-size:23px}.contact-link{font-size:14px}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;font-size:10px;padding-top:27px}.footer-bottom nav{gap:25px}
}
@media(min-width:1400px){.hero h1{font-size:90px}.hero-description{font-size:18px}.hero-layout{padding-top:80px;padding-bottom:83px;min-height:705px}.hero-visual{width:108%;margin-left:0}.orbit-module{padding:14px 16px;gap:12px}.orbit-module strong{font-size:14px}.orbit-module small{font-size:10px}.hero-actions>.button-primary{font-size:14px;padding-inline:23px}.button-text{font-size:13px}.hero-actions{gap:25px}.live-eyebrow{font-size:10px}.hero-notes{font-size:11px;gap:22px}}
@media(min-width:1920px){.container{max-width:1440px}.hero-layout{min-height:800px}.hero h1{font-size:105px}.hero-visual{max-width:680px}.hero-description{font-size:20px}.section{padding-block:130px}}
@media(max-width:599px){.hero-actions{column-gap:17px;row-gap:10px}.hero-actions .button-text{font-size:12px}.hero-actions .play-icon{display:none}.hero-visual{margin-top:25px}.core-button{padding:3px}.core-face{inset:3px 3px 8px}.core-face::before{inset:6px}.core-symbol{gap:6px}.core-caption{top:73.5%}.hero-bottom{padding-block:20px}.fragment-grid{gap:12px}.fragment-card{min-height:260px}.fragment-decoration{height:90px;margin-top:20px}.mini-wallets span{width:105px}.demo-wrap .demo-disclaimer{font-size:9px}.personal-features>article{gap:12px}.personal-features>article>.icon{width:18px;height:18px}.business-panel{width:calc(100% - 30px)}.business-includes li{gap:10px}.integration-disclaimer{font-size:10px}.roadmap-item{margin-left:5px}.final-section{padding-block:85px}.footer-bottom nav{font-size:10px}}
@media(hover:none),(pointer:coarse){.hero-canvas{display:none}.orbit-wire,.map-flow,.orbit-dot,.floating-receipt{animation:none}.header{backdrop-filter:none}.tilt-card{transform:none!important}.hero-visual{touch-action:pan-y}.motion-ready .reveal{transition-duration:.4s;transform:translateY(12px)}.motion-ready .reveal.is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-canvas{display:none}.motion-ready .reveal{opacity:1;transform:none}.ecosystem-sticky{position:relative;top:auto}.typed-word::after{display:none}.floating-receipt{transform:rotate(-5deg)}}