:root{--bg:#090f16;--bg2:#0d141d;--surface:#111b27;--surface2:#131f2b;--line:rgba(171,204,218,.11);--line-strong:rgba(171,204,218,.21);--text:#edf3f5;--muted:#8d9eaa;--subtle:#647887;--accent:#a8e3e9;--accent2:#6cc9dd;--white:#fafdfd;--side:244px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}::selection{background:#99e3ef;color:#0b1922}
.app-shell{display:flex;min-height:100vh;background:radial-gradient(ellipse 57% 32% at 82% 0%,rgba(30,71,92,.13),transparent 80%),var(--bg)}
.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:var(--side);padding:28px 15px 17px;background:linear-gradient(155deg,#0e1721,#0b121b 61%,#0c1520);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 22px}.brand-mark{width:40px;height:40px;border:1px solid rgba(139,211,224,.56);border-radius:13px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 50%,#234156,#122332 80%);box-shadow:0 0 32px #72d5e20c;overflow:hidden}.brand-mark span{font-family:Manrope,sans-serif;font-weight:700;font-size:23px;line-height:1;color:#e6fdff}.brand-mark i{position:absolute;width:33px;height:33px;border:1px solid #8bdaea77;border-radius:50%;transform:rotate(-30deg)}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type strong{font-family:Manrope,sans-serif;letter-spacing:.21em;font-size:17px;font-weight:800}.brand-dot,.mobile-brand strong span{color:var(--accent)}.brand-type small{letter-spacing:.21em;color:#698596;font-size:8px;font-weight:700}.sidebar-line{height:1px;background:var(--line);margin:0 9px 32px}.nav-kicker{padding:0 16px;margin:0 0 13px;font-size:9px;letter-spacing:.19em;color:#526878;font-weight:800}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:43px;width:100%;display:flex;align-items:center;position:relative;gap:12px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;color:#8b9ba7;padding:0 13px;transition:color .2s,border .2s,background .2s}.nav-item svg{width:17px;height:17px;stroke-width:1.65}.nav-item span{font-size:12px;font-weight:550}.nav-item:hover{color:var(--text);background:#172431}.nav-item.active{background:#1a2d3a;color:#e6fbff;border-color:#294455}.nav-item.active:before{content:"";position:absolute;left:-15px;top:12px;bottom:12px;width:2px;background:#8cdae9;border-radius:2px}.active-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#98e8ee;box-shadow:0 0 10px #83dfef}.nav-count{margin-left:auto;font-size:10px!important;border:1px solid #284151;color:#8da4b2;border-radius:5px;padding:3px 5px}.sidebar-bottom{margin-top:auto}.side-profile{margin-top:25px;padding:15px 6px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px}.profile-avatar,.tiny-avatar{width:34px;height:34px;background:linear-gradient(135deg,#31495d,#162b3b);border:1px solid #365367;color:#d9f5fb;border-radius:10px;display:grid;place-items:center;font-size:11px;letter-spacing:.04em;font-weight:700}.side-profile>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.side-profile strong{font-size:11px;font-weight:650}.side-profile small{font-size:10px;color:#657d8b}.profile-status{width:6px;height:6px;background:#78cbb9;border-radius:50%;margin-left:auto;box-shadow:0 0 10px #70ddc488}
.workspace{min-width:0;flex:1;margin-left:var(--side);display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3.65vw,64px);background:rgba(10,17,25,.58);backdrop-filter:blur(24px);position:sticky;top:0;z-index:10}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.topbar-left{font-size:10px;color:#a9bbc6;font-weight:700;letter-spacing:.15em}.top-slash{font-size:18px;font-weight:400;color:#334b5b}.topbar-left::before{content:"";height:6px;width:6px;border:1px solid #76b7c7;transform:rotate(45deg);margin-right:2px}.preview-label{display:flex;align-items:center;gap:8px;color:#6f929c;font-size:9px;letter-spacing:.16em;font-weight:800;white-space:nowrap}.tiny-dot{width:5px;height:5px;background:#7fd0c7;border-radius:50%;display:inline-block;box-shadow:0 0 11px #8de9da66;flex-shrink:0}.icon-button{background:none;border:0;color:#b4c4ca;display:flex;align-items:center;gap:9px}.icon-button svg{width:17px;height:17px}.icon-button kbd{font:10px 'DM Sans',sans-serif;border:1px solid #263b4b;border-radius:5px;padding:4px 6px;color:#7e99a9}.top-divider{height:22px;width:1px;background:var(--line-strong)}.today-date{font-size:11px;color:#9cabb5;white-space:nowrap;text-transform:capitalize}.tiny-avatar{width:30px;height:30px;border-radius:50%;font-size:10px}.mobile-brand{display:none}
main{width:100%;max-width:1610px;margin:0 auto;padding:0 clamp(25px,3.65vw,64px) 20px;flex:1}.view{display:none;animation:fade-in .35s ease both}.view.active{display:block}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overview-hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:395px;padding-top:41px;position:relative}.hero-copy{position:relative;z-index:1;padding-top:31px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;letter-spacing:.20em;color:#84b0be;margin-bottom:25px}.eyebrow-line{display:inline-block;width:18px;height:1px;background:#75c2d1}.greeting-line{font-size:13px;color:#aab9c0;margin-bottom:17px;letter-spacing:.015em}.hero-copy h1,.page-intro h1{font-family:Manrope,'DM Sans',sans-serif;font-weight:500;line-height:1.15;font-size:clamp(39px,4.1vw,66px);letter-spacing:-.068em;margin:0;color:#f5f8f7}.hero-copy h1 em,.page-intro h1 em{font-style:normal;color:#a1d8df}.hero-copy p{font-size:13px;line-height:1.85;max-width:435px;color:#91a3ad;margin:23px 0 25px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:#dbf4f4;color:#0a1b25;border:1px solid #dbf4f4;border-radius:7px;padding:12px 17px;font-size:11px;font-weight:800;letter-spacing:.01em;transition:.2s var(--ease)}.primary-button:hover{background:#b4e7ec;border-color:#b4e7ec;transform:translateY(-1px);box-shadow:0 6px 25px #8ed9e31c}.primary-button svg{width:15px;height:15px}.ghost-button,.subtle-link{background:transparent;border:0;color:#abbec6;display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:650;transition:color .2s}.ghost-button:hover,.subtle-link:hover{color:white}.ghost-button svg{width:14px;height:14px}.hero-footnote{display:flex;align-items:center;gap:9px;color:#6d8492;font-size:10px;margin-top:29px}
.core-stage{min-height:354px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}.core-stage:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 50% 48%,#4bc2e321,#1666820c 33%,transparent 65%);z-index:-2}.core-grid{position:absolute;width:78%;height:78%;background-image:linear-gradient(#7bc7e208 1px,transparent 1px),linear-gradient(90deg,#7bc7e208 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,black 20%,transparent 68%);transform:rotate(10deg)}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-outer{width:315px;height:315px;border:1px solid #4c91ab22;box-shadow:inset 0 0 30px #3e99b308}.orbit-outer:before,.orbit-outer:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#7dd4e3;box-shadow:0 0 15px #6be1f2;left:53px;top:42px}.orbit-outer:after{width:3px;height:3px;left:auto;top:auto;right:47px;bottom:34px;background:#87adc2}.orbit-middle{width:250px;height:250px;border:1px dashed #639eb948;animation:spin 52s linear infinite}.orbit-middle:before{content:"";position:absolute;inset:-5px;border:1px solid transparent;border-top-color:#89e3edaa;border-bottom-color:#3e8ba356;border-radius:50%}.orbit-inner{width:184px;height:184px;border:1px solid #73c9df55;box-shadow:0 0 45px #70cfe022,inset 0 0 30px #63c8dc11}.orbit-inner:before{content:"";position:absolute;inset:-15px;border-radius:50%;border:1px solid transparent;border-left-color:#78cade77;border-right-color:#78cade4d;animation:spin 20s linear infinite reverse}.orbit-glow{position:absolute;width:145px;height:145px;background:radial-gradient(circle,#5db7cf28,transparent 72%);filter:blur(10px)}.core-button{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;background:radial-gradient(circle at 40% 30%,#2a5469,#142a3a 57%,#102432);border:1px solid #4d91a8;box-shadow:0 0 0 10px #21506b10,0 0 60px #2a89a341,inset 0 0 32px #5fb8d517;color:#e6f8fc;transition:transform .3s,box-shadow .3s}.core-button:hover{transform:scale(1.055);box-shadow:0 0 0 10px #21506b20,0 0 75px #3db9d35b,inset 0 0 32px #5fb8d52f}.core-letter{font-family:Manrope,sans-serif;font-size:67px;font-weight:600;letter-spacing:-.1em;line-height:1;text-shadow:0 0 25px #b3eff762;margin-left:-5px}.core-cross{position:absolute;background:#79b8c625}.core-cross-a{width:1px;height:100%;left:50%;z-index:-1}.core-cross-b{height:1px;width:100%;top:50%;z-index:-1}.core-coordinate{position:absolute;font:9px 'DM Sans',sans-serif;color:#467a8e;letter-spacing:.12em}.core-c1{top:51px;right:31px}.core-c2{bottom:58px;left:32px}.core-status{position:absolute;bottom:20px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.15em;color:#82a9b5;font-weight:700}.core-divider{color:#456679;margin:0 2px}@keyframes spin{to{transform:rotate(360deg)}}
.assistant-command{height:67px;display:flex;align-items:center;gap:15px;padding:0 12px 0 20px;background:linear-gradient(110deg,#182a37,#121f2a 65%,#142b38);border:1px solid #345369;border-radius:11px;box-shadow:0 10px 45px #030a0e4d,0 0 0 1px #162b3720;position:relative;z-index:1}.command-spark{width:33px;height:33px;border:1px solid #396578;border-radius:8px;display:grid;place-items:center;background:#1b3847;color:#a2e7ef}.command-spark svg{width:17px;height:17px}.assistant-command input{background:transparent;border:0;outline:none!important;color:#ecf8fa;min-width:0;flex:1;font-size:13px}.assistant-command input::placeholder{color:#8a9eaa}.command-hint{font-size:9px;letter-spacing:.13em;color:#567482;white-space:nowrap}.assistant-command>button{width:42px;height:42px;background:#d3eff0;border:0;border-radius:7px;color:#122934;display:grid;place-items:center;transition:background .2s}.assistant-command>button:hover{background:white}.assistant-command>button svg{width:18px;height:18px}.quick-prompts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 3px 0}.quick-prompts>span{font-size:9px;letter-spacing:.15em;color:#617988;font-weight:800}.quick-prompts button{display:flex;align-items:center;gap:4px;border:0;background:transparent;padding:4px;color:#8da7b2;font-size:10px}.quick-prompts button:hover{color:var(--accent)}.quick-prompts svg{width:11px;height:11px}.assistant-response{margin:17px 0 0;padding:18px 20px;border:1px solid #305265;background:#122432;border-radius:11px;display:flex;gap:13px;align-items:flex-start}.assistant-response[hidden]{display:none}.response-brand{width:33px;height:33px;border:1px solid #6fb9c9;color:white;font-family:Manrope,sans-serif;font-weight:800;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.response-brand span{color:var(--accent)}.response-copy{flex:1}.response-copy strong{font-size:11px;letter-spacing:.15em}.response-copy p{font-size:12px;line-height:1.75;color:#c1d4de;margin:7px 0 0}.response-close{color:#7d96a3;background:transparent;border:0}.response-close svg{width:16px;height:16px}
.section-bar{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:38px 0 16px}.section-bar>div{display:flex;align-items:center;gap:12px}.section-number{font-size:10px;color:#6b9fac;font-weight:800;font-family:Manrope,sans-serif}.section-bar h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.035em;margin:0;font-weight:550}.section-aside{font-size:9px;color:#5b7788;letter-spacing:.15em;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:linear-gradient(135deg,#121e2a,#101a25);border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px;text-align:left;color:inherit;min-width:0;transition:transform .2s,border .2s,background .2s}.metric-card:hover{border-color:#3e7184;transform:translateY(-3px);background:#172635}.metric-top,.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.metric-top span{font-size:9px;letter-spacing:.12em;color:#7d99a6;font-weight:750;white-space:nowrap}.metric-top svg{width:16px;height:16px;color:#638ea0}.metric-value{font:600 clamp(28px,2.7vw,39px) Manrope,sans-serif;letter-spacing:-.045em;display:flex;align-items:baseline;gap:8px;margin:22px 0 16px;color:#e7f2f3}.metric-unit{font:500 10px 'DM Sans',sans-serif;letter-spacing:0;color:#718c9c}.metric-bottom svg{width:13px;height:13px;color:#7ca6b6}.status-pill{color:#8cadba;background:#1c303d;border:1px solid #294453;border-radius:5px;padding:5px 7px;font-size:9px;white-space:nowrap}.status-local{color:#98c8bb;border-color:#35564b;background:#1b302d}
.lower-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:12px;margin-top:13px}.panel{background:#111c28;border:1px solid var(--line);border-radius:11px;padding:23px;min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-kicker{font-size:9px;letter-spacing:.15em;color:#75a4b5;font-weight:800;margin-bottom:9px}.panel h3,.integration-card h3,.feature-banner h3{font:550 18px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.panel-icon-button{width:31px;height:31px;background:#1b303d;border:1px solid #2d4859;border-radius:6px;color:#cdecef;display:grid;place-items:center}.panel-icon-button:hover{background:#284455}.panel-icon-button svg{width:16px;height:16px}.task-list{min-height:118px;margin-top:17px}.empty-tasks{display:flex;align-items:center;gap:12px;color:#7891a0;font-size:12px;line-height:1.65;border:1px dashed #264051;border-radius:9px;padding:17px}.empty-tasks svg{color:#709dab;width:24px;height:24px}.task-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #253846}.task-row:last-child{border-bottom:0}.task-check{width:18px;height:18px;border:1px solid #517180;border-radius:6px;appearance:none;background:transparent;cursor:pointer;flex-shrink:0;display:grid;place-items:center}.task-check:checked{background:#bce9ed;border-color:#bce9ed}.task-check:checked:after{content:'✓';color:#122532;font-size:12px;font-weight:800}.task-text{font-size:12px;color:#d0dfe4;flex:1;word-break:break-word}.task-row.done .task-text{text-decoration:line-through;color:#607d8c}.delete-task{border:0;background:transparent;color:#5d7b8b;padding:4px;opacity:.65}.delete-task:hover{color:#e0a8a8;opacity:1}.delete-task svg{width:14px;height:14px}.text-link{background:none;border:0;display:inline-flex;align-items:center;gap:10px;padding:0;color:#b1dfe5;font-size:11px;font-weight:700}.text-link:hover{color:white}.text-link svg{width:14px;height:14px}.task-panel .text-link{margin-top:13px}.briefing-symbol{width:32px;height:32px;border:1px solid #2d5266;border-radius:50%;display:grid;place-items:center;color:#8cd2e1}.briefing-symbol svg{width:15px;height:15px}.daily-panel>p{color:#8da1ad;font-size:12px;line-height:1.7;margin:17px 0 18px;max-width:280px}.briefing-divider{height:1px;background:var(--line)}.briefing-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px;color:#bfced5}.briefing-no{color:#5d8899;font-size:9px}.briefing-state{margin-left:auto;color:#647d8b;font-size:9px}.daily-panel .text-link{margin-top:17px}.section-bar-ecosystem{padding-top:40px}.subtle-link{font-size:9px;letter-spacing:.13em}.subtle-link svg{width:13px;height:13px}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ecosystem-card{display:flex;flex-direction:column;text-align:left;min-height:191px;background:#111d29;border:1px solid var(--line);border-radius:11px;padding:18px;transition:transform .2s,border .2s;color:inherit}.ecosystem-card:hover{transform:translateY(-4px);border-color:#467485}.app-symbol{width:40px;height:40px;border:1px solid #385466;border-radius:10px;background:#1d3446;display:grid;place-items:center;font:800 14px Manrope,sans-serif;letter-spacing:-.1em;color:#d5f1f5;margin-bottom:18px}.app-symbol span{color:#75ccdf}.app-do{background:#203b3d;border-color:#385d57}.app-studio{background:#322c40;border-color:#574d6e}.app-nomad{background:#34312b;border-color:#63594c}.app-title{font:650 13px Manrope,sans-serif}.ecosystem-card p{font-size:10px;line-height:1.6;color:#7b95a3;margin:8px 0 16px;flex:1}.app-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #253746;padding-top:13px;font-size:8px;font-weight:800;color:#6695a6;letter-spacing:.13em}.app-card-footer svg{width:15px;height:15px;color:#98becd}.bottom-note{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#486576;font-size:8px;font-weight:750;letter-spacing:.13em;padding:32px 0 12px}.global-footer{font-size:9px;letter-spacing:.12em;color:#4a6473;border-top:1px solid var(--line);padding:19px clamp(25px,3.65vw,64px);display:flex;gap:10px}
.page-intro{padding:64px 0 37px}.page-intro .eyebrow{margin-bottom:24px}.page-intro h1{font-size:clamp(38px,4vw,62px)}.page-intro p{font-size:13px;line-height:1.8;color:#91a5af;max-width:620px;margin:22px 0 0}.finance-hero{position:relative;overflow:hidden;min-height:245px;border:1px solid #315266;background:linear-gradient(115deg,#182f3b,#142431 67%,#0f1e2d);border-radius:13px;padding:33px;display:flex;justify-content:space-between;gap:18px}.finance-hero>*{position:relative;z-index:1}.finance-big{font:600 clamp(48px,6vw,74px) Manrope,sans-serif;letter-spacing:-.07em;margin:18px 0 12px}.finance-hero p{font-size:12px;color:#88aab8;margin:0}.finance-lock{height:max-content;display:flex;align-items:center;gap:8px;color:#8fb9c5;font-size:9px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.finance-lock svg{width:14px;height:14px}.finance-halo{position:absolute!important;z-index:0!important;right:-75px;bottom:-260px;width:600px;height:600px;border:1px solid #78d4e01f;border-radius:50%;box-shadow:0 0 0 50px #65a9bf0a,0 0 0 105px #65a9bf07,0 0 0 150px #65a9bf04}.finance-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:25px}.finance-filters>span{color:#698695;font-size:9px;letter-spacing:.13em;font-weight:750;margin-right:10px}.filter-button{background:#111c26;border:1px solid #263b49;color:#9eb4c0;padding:8px 13px;border-radius:7px;font-size:11px;transition:.2s}.filter-button:hover,.filter-button.active{background:#c5e9ec;color:#0b2330;border-color:#c5e9ec}.finance-selected{font-size:10px;color:#7293a1;margin:13px 0 16px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-card{border:1px solid var(--line);border-radius:11px;background:#111c28;padding:23px;min-height:164px}.info-number{font:600 34px Manrope,sans-serif;margin:12px 0 8px}.info-card p{font-size:11px;line-height:1.6;color:#7892a0;margin:0}.source-panel{margin-top:15px}.source-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 0}.source-icon{width:34px;height:34px;border:1px solid #385568;border-radius:8px;display:grid;place-items:center;font:700 13px Manrope,sans-serif;color:#a9d9e3}.source-row>div{display:flex;flex-direction:column;gap:5px;flex:1}.source-row strong{font-size:12px}.source-row small{color:#7892a0;font-size:11px}.source-state,.state-tag{font-size:9px;color:#82aaba;border:1px solid #2d4858;background:#1c303d;padding:7px 9px;border-radius:6px;white-space:nowrap}.outline-button{background:none;color:#b4d5db;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #365266;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:700;transition:.2s}.outline-button:hover{background:#1f3747;border-color:#598ba0;color:white}.outline-button svg{width:14px;height:14px}.source-panel>.outline-button{margin-top:21px}
.feature-banner{display:flex;align-items:flex-start;gap:24px;background:linear-gradient(125deg,#162b38,#12212d);border:1px solid #2b495b;border-radius:12px;padding:30px;margin-bottom:14px}.feature-icon{height:49px;width:49px;background:#203d4e;border:1px solid #406578;border-radius:11px;display:grid;place-items:center;color:#a8e0e9;flex-shrink:0}.feature-icon svg{width:25px;height:25px}.feature-banner h3{font-size:20px}.feature-banner p{font-size:12px;line-height:1.8;color:#92acb7;margin:13px 0 0;max-width:640px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.integration-card{display:flex;align-items:flex-start;flex-direction:column;gap:18px;background:#111d28;border:1px solid var(--line);border-radius:11px;padding:27px}.integration-letter{width:46px;height:46px;border-radius:11px;background:#fff;color:#4285f4;display:grid;place-items:center;font:800 27px Manrope,sans-serif}.integration-card h3{font-size:16px}.integration-card p{font-size:11px;color:#829ba8;line-height:1.6;margin:9px 0 0}.integration-card .outline-button{margin-top:5px}
.full-task-panel{max-width:900px;min-height:300px}.full-task-panel .task-list{margin-top:24px}.full-task-panel .empty-tasks{min-height:135px}.heading-count{font-size:12px;color:#80a7b5;margin-left:9px}.primary-button.smaller{padding:10px 13px;font-size:10px;gap:8px}.local-note{max-width:850px;display:flex;gap:10px;align-items:center;color:#6d8a9a;font-size:11px;line-height:1.6;margin:19px 0}.local-note svg{width:14px;height:14px}
.business-list{display:flex;flex-direction:column;gap:10px}.business-row{display:flex;align-items:center;gap:17px;border:1px solid var(--line);background:#111d29;border-radius:11px;padding:23px;color:inherit;text-align:left;width:100%;transition:.2s}.business-row:hover{border-color:#416e80;background:#162736}.business-initial{height:47px;width:47px;border-radius:11px;background:#213b4b;border:1px solid #3c6375;display:grid;place-items:center;font:700 20px Manrope,sans-serif;color:#b5e8ef}.business-row>div:nth-child(2){flex:1}.business-row h3{font:650 15px Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 6px}.business-row p{font-size:11px;color:#7e99a6;margin:0;line-height:1.5}.business-row>span{color:#82adbb;font-size:9px;letter-spacing:.12em;font-weight:750}.business-row svg{width:15px;height:15px;color:#99c9d7}.dark-banner{margin-top:18px;background:#142736}.dark-banner .text-link{margin-top:18px}.inline-button{margin-top:19px}
.focus-panel textarea{width:100%;min-height:125px;resize:vertical;margin:18px 0;background:#0d1924;color:#d4e5eb;border:1px solid #2c4554;border-radius:8px;padding:14px;font-size:12px;line-height:1.7}.focus-panel textarea::placeholder{color:#5f7c8b}.focus-panel h3,.nomad-panel h3{font-size:17px}.saved-note{color:#8dcdb9;font-size:11px;min-height:16px;margin:10px 0 0}.nomad-panel{position:relative;overflow:hidden;min-height:335px}.nomad-panel>p{font-size:12px;line-height:1.7;color:#89a2ae;max-width:300px}.nomad-orbit{position:absolute;right:27px;bottom:47px;width:122px;height:122px;border:1px solid #48697a;border-radius:50%;display:grid;place-items:center;font:700 53px Manrope,sans-serif;color:#c5e9ef;box-shadow:0 0 0 22px #5283990b,0 0 0 44px #52839906}.nomad-orbit span{color:#72d0df}.nomad-note{position:absolute;bottom:23px;left:23px;font-size:10px;color:#618c9d}
.connection-warning{display:flex;align-items:flex-start;gap:15px;border:1px solid #345267;background:#132737;border-radius:10px;padding:22px;margin-bottom:20px}.connection-warning svg{color:#9bd7e5}.connection-warning strong{font-size:12px}.connection-warning p{font-size:11px;line-height:1.65;color:#91aab6;margin:7px 0 0}.connections-list{border:1px solid var(--line);border-radius:11px;overflow:hidden}.connection-row{width:100%;display:flex;align-items:center;gap:16px;padding:22px;border:0;border-bottom:1px solid var(--line);background:#101b27;color:inherit;text-align:left;transition:background .2s}.connection-row:hover{background:#182b39}.connection-row:last-child{border-bottom:0}.connection-number{font:700 12px Manrope,sans-serif;color:#6193a4}.connection-row>div{display:flex;flex-direction:column;gap:5px;flex:1}.connection-row strong{font-size:12px}.connection-row small{font-size:11px;color:#7894a1}.connection-row svg{width:15px;height:15px;color:#82aaba}
.mobile-dock{display:none}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(2,8,13,.75);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.modal-backdrop:not([hidden]){display:flex}.modal{position:relative;width:min(100%,495px);padding:32px;border:1px solid #38566a;background:linear-gradient(145deg,#152936,#0e1925);border-radius:14px;box-shadow:0 20px 90px #0008}.modal-close{position:absolute;right:20px;top:19px;border:0;background:none;color:#9db2bc}.modal-close svg{width:18px;height:18px}.modal-eyebrow{color:#7daebb;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:17px}.modal h2{font:550 26px Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 13px}.modal>p{font-size:12px;color:#9cb2bc;line-height:1.8;margin:0 0 20px}.modal input{width:100%;padding:14px 15px;border-radius:8px;border:1px solid #375669;background:#0b1721;color:#eaf7f8;outline:none}.modal .primary-button{margin-top:14px}.modal-hint{border:1px solid #315267;padding:14px;border-radius:9px;background:#1a3442;color:#a8c8d4;font-size:11px;line-height:1.7}.toast{position:fixed;z-index:120;bottom:30px;right:30px;padding:13px 17px;border:1px solid #46707d;background:#193641;color:#d7f3f4;border-radius:8px;font-size:12px;box-shadow:0 10px 40px #0007;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1280px){:root{--side:218px}.sidebar{padding-left:12px;padding-right:12px}.nav-item.active:before{left:-12px}.metric-card{padding:16px 12px}.metric-top span{font-size:8px}.metric-value{font-size:31px}.ecosystem-card{padding:15px}.core-stage{transform:scale(.92)}.section-aside{display:none}}
@media(max-width:1040px){:root{--side:76px}.sidebar{padding:24px 11px}.brand{justify-content:center;padding:2px 0 20px}.brand-type,.nav-kicker,.nav-item span,.side-profile>div:nth-child(2),.profile-status{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:-11px}.side-profile{justify-content:center}.sidebar-bottom{margin-top:auto}.nav-count{display:none!important}.topbar{padding-left:32px;padding-right:32px}main{padding-left:32px;padding-right:32px}.global-footer{padding-left:32px;padding-right:32px}.overview-hero{grid-template-columns:1fr .7fr}.core-stage{transform:scale(.82);margin-right:-34px}.hero-copy h1{font-size:clamp(40px,5vw,58px)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){:root{--side:0px}body{overflow-x:hidden}.sidebar{display:none}.workspace{margin-left:0}.topbar{height:62px;padding:0 20px}.topbar-left::before,.top-slash,.preview-label,.today-date,.top-divider,.search-button kbd{display:none}.mobile-brand{display:flex;align-items:center;gap:9px}.mini-brand{height:29px;width:29px;display:grid;place-items:center;border:1px solid #6495a7;border-radius:8px;font:700 17px Manrope,sans-serif;color:#dff6fb;background:#1b3444}.mobile-brand strong{font:800 13px Manrope,sans-serif;letter-spacing:.18em}.topbar-left{gap:12px}.topbar-left>#current-view-label{font-size:9px;border-left:1px solid #2a4554;padding-left:12px}.topbar-right{gap:13px}.topbar-right .tiny-avatar{display:none}main{padding:0 20px 70px}.overview-hero{display:flex;flex-direction:column;min-height:unset;padding-top:33px}.hero-copy{padding-top:0}.eyebrow{font-size:8px;margin-bottom:19px}.greeting-line{font-size:12px;margin-bottom:14px}.hero-copy h1{font-size:clamp(39px,10vw,57px)}.hero-copy p{font-size:12px;line-height:1.7;margin:18px 0 21px}.hero-actions{gap:10px}.primary-button{font-size:10px;padding:12px}.ghost-button{font-size:10px}.hero-footnote{margin-top:19px;font-size:9px}.core-stage{min-height:262px;height:262px;transform:scale(.74);transform-origin:center center;margin:-6px -80px -23px}.core-status{bottom:-2px}.assistant-command{height:59px;padding:0 8px 0 12px;gap:10px}.command-spark{width:29px;height:29px}.assistant-command input{font-size:12px}.command-hint{display:none}.assistant-command>button{width:39px;height:39px}.quick-prompts{gap:9px;padding-top:12px}.quick-prompts>span{font-size:8px}.quick-prompts button{font-size:9px}.section-bar{padding-top:32px}.section-bar h2{font-size:18px}.metrics-grid{gap:9px}.metric-card{padding:14px 12px}.metric-top span{font-size:8px;letter-spacing:.07em}.metric-top svg{width:14px;height:14px}.metric-value{font-size:30px;margin:20px 0 13px}.metric-unit{font-size:9px}.status-pill{font-size:8px;padding:5px}.lower-grid,.two-grid,.three-grid{grid-template-columns:1fr;gap:10px}.panel{padding:20px}.daily-panel>p{max-width:unset}.ecosystem-grid{gap:9px}.ecosystem-card{min-height:175px;padding:14px}.ecosystem-card p{font-size:10px}.bottom-note{display:none}.global-footer{padding:17px 20px 91px;font-size:8px;line-height:1.7;flex-wrap:wrap}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-around;border-top:1px solid #274253;background:#0d1925ee;backdrop-filter:blur(23px);padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -10px 50px #0004}.mobile-dock button{display:flex;align-items:center;flex-direction:column;gap:5px;color:#708b9a;background:transparent;border:0;min-width:52px;font-size:9px;padding:2px}.mobile-dock svg{width:18px;height:18px}.mobile-dock button.active{color:#d2f2f4}.page-intro{padding:42px 0 28px}.page-intro h1{font-size:42px}.page-intro p{font-size:12px}.finance-hero{padding:25px;min-height:220px;flex-direction:column}.finance-big{font-size:60px}.finance-lock{align-self:flex-start}.finance-filters{gap:6px}.finance-filters>span{width:100%;margin-bottom:5px}.filter-button{font-size:10px;padding:8px 10px}.info-card{min-height:140px;padding:19px}.source-row{gap:10px}.source-row strong{font-size:11px}.source-row small{font-size:10px}.source-state{font-size:8px;padding:5px}.feature-banner{flex-direction:column;padding:23px;gap:17px}.feature-banner h3{font-size:18px}.business-row{padding:17px;gap:11px}.business-initial{width:39px;height:39px}.business-row>span{display:none}.business-row h3{font-size:13px}.business-row p{font-size:10px}.connection-row{padding:18px 12px;gap:9px}.connection-row .status-pill{display:none}.nomad-panel{min-height:300px}.toast{bottom:85px;left:20px;right:20px}}
@media(max-width:380px){.hero-copy h1{font-size:36px}.core-stage{margin-left:-100px;margin-right:-100px}.quick-prompts{gap:4px}.metric-top span{font-size:7px}.metric-value{font-size:28px}.metric-unit{font-size:8px}.metric-card{padding:11px 9px}}
.today-date{text-transform:uppercase;letter-spacing:.06em}

/* HARTO 0.2: icon-first cockpit */
:root{--side:76px}
.sidebar{width:76px;align-items:center;padding:23px 10px 17px}
.sidebar .brand{padding:0 0 25px;justify-content:center}
.sidebar .brand-type,.sidebar .nav-kicker,.sidebar .nav-item span,.sidebar .side-profile>div:nth-child(2),.sidebar .profile-status,.sidebar .nav-count{display:none!important}
.sidebar .sidebar-line{width:38px;margin:0 0 27px}
.sidebar .side-nav,.sidebar .sidebar-bottom{width:100%}
.sidebar .side-nav{gap:10px}
.sidebar .nav-item{position:relative;width:50px;height:50px;padding:0;justify-content:center;margin:0 auto;border-radius:13px}
.sidebar .nav-item svg{width:21px;height:21px}
.sidebar .nav-item.active:before{left:-13px;top:15px;bottom:15px}
.sidebar .nav-item.active{background:#1c3343;border-color:#31566a}
.sidebar .nav-item:hover{background:#1b3140}
.sidebar .nav-item:after{content:attr(data-tip);position:absolute;z-index:100;left:calc(100% + 16px);top:50%;transform:translateY(-50%) translateX(-6px);pointer-events:none;background:#d8f3f5;color:#0d1a22;border-radius:7px;padding:9px 12px;box-shadow:0 12px 30px #0009;white-space:nowrap;font-size:11px;font-weight:750;letter-spacing:.01em;opacity:0;transition:opacity .16s,transform .16s}
.sidebar .nav-item:hover:after,.sidebar .nav-item:focus-visible:after{opacity:1;transform:translateY(-50%) translateX(0)}
.sidebar .side-profile{margin-top:18px;width:100%;justify-content:center;padding:17px 0 0}
.sidebar .profile-avatar{width:35px;height:35px;border-radius:50%}
.sidebar-bottom .nav-item{margin:auto}
.workspace{margin-left:76px}
.topbar{height:68px}
.topbar-left{letter-spacing:.12em}
.global-footer{font-size:8px;padding-top:15px;padding-bottom:15px}
.minimal-home{max-width:850px;margin:0 auto;padding:29px 0 8px;min-height:calc(100vh - 145px);display:flex;flex-direction:column}
.home-overline{display:flex;align-items:center;justify-content:space-between;color:#638b9a;font-size:9px;font-weight:800;letter-spacing:.2em}
.home-overline>span{display:flex;align-items:center;gap:12px}
.shortcuts-link{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#7a9ca9;font-size:9px;font-weight:800;letter-spacing:.14em;padding:6px 0}
.shortcuts-link:hover{color:#defbff}
.help-key{font:700 12px Manrope,sans-serif;display:grid;place-items:center;width:23px;height:23px;border:1px solid #2c4b5b;border-radius:6px;color:#acd8e0}
.home-core{text-align:center;padding:0 0 21px}
.minimal-home .core-stage{min-height:251px;height:251px;max-width:600px;margin:0 auto;overflow:hidden}
.minimal-home .core-grid{width:360px;height:360px;background-size:30px 30px}
.minimal-home .orbit-outer{width:228px;height:228px}
.minimal-home .orbit-middle{width:184px;height:184px}
.minimal-home .orbit-inner{width:142px;height:142px}
.minimal-home .orbit-inner:before{inset:-9px}
.minimal-home .orbit-glow{width:120px;height:120px}
.minimal-home .core-button{width:103px;height:103px}
.minimal-home .core-letter{font-size:53px}
.minimal-home .core-status{bottom:4px;font-size:8px;letter-spacing:.2em}
.minimal-home .core-cross{opacity:.5}
.home-core .greeting-line{margin:0 0 6px;color:#8fa7b2;font-size:12px}
.home-core h1{font:500 clamp(36px,3.6vw,52px) Manrope,sans-serif;letter-spacing:-.075em;margin:0;line-height:1.2;color:#f1f8f8}
.home-core h1 em{font-style:normal;color:#9edce5}
.minimal-home .assistant-command{max-width:740px;width:100%;height:62px;margin:0 auto;padding:0 10px 0 16px;border-radius:10px}
.minimal-home .assistant-command input{font-size:12px}
.minimal-home .assistant-command>button{width:39px;height:39px}
.minimal-home .assistant-response{max-width:740px;width:100%;margin:12px auto 0}
.launcher-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px;color:#607e8d;font-size:9px;font-weight:800;letter-spacing:.2em}
.launcher-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.launcher-tile{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:122px;border:1px solid #233a49;background:linear-gradient(145deg,#101b26,#0e1822);border-radius:13px;color:#bfd9df;text-align:center;transition:transform .18s var(--ease),border-color .18s,box-shadow .18s,background .18s}
.launcher-tile svg{width:27px;height:27px;stroke-width:1.3;color:#b9dce3;transition:color .2s,transform .2s}
.launcher-tile span{font-size:11px;letter-spacing:.01em;font-weight:650;color:#a6bec8}
.launcher-tile kbd{position:absolute;right:12px;top:11px;font:700 9px 'DM Sans',sans-serif;color:#446e80;border:1px solid #254052;border-radius:4px;min-width:18px;height:19px;display:grid;place-items:center}
.launcher-tile:hover,.launcher-tile:focus-visible{transform:translateY(-4px);border-color:#6ba7b9;background:linear-gradient(145deg,#192f3c,#122433);box-shadow:0 10px 38px #3ab4d10d,0 0 25px #75d8ec0b}
.launcher-tile:hover svg{color:#e1fbff;transform:scale(1.07)}
.home-quickbar{display:flex;align-items:center;gap:12px;margin-top:17px}
.home-quickbar button,.home-quickbar a{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 12px;background:transparent;border:1px solid #223947;border-radius:7px;color:#8caab6;font-size:10px;font-weight:650;transition:.2s}
.home-quickbar button:hover,.home-quickbar a:hover{background:#172c39;color:#d2f1f4;border-color:#3b6b7e}
.home-quickbar svg{width:13px;height:13px}
.home-quickbar .quick-b2b,.home-quickbar .quick-do{font:800 10px Manrope,sans-serif;letter-spacing:.06em}
.home-quickbar>span{margin-left:auto;color:#4e7180;font-size:10px}
.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.shortcut-row{display:flex;align-items:center;gap:12px;border:1px solid #2c4859;background:#122635;border-radius:7px;padding:9px 11px;color:#b6d2dc;font-size:11px;text-align:left}
.shortcut-row:hover{background:#1d3c4c;color:white}
.shortcut-row kbd{border:1px solid #537689;border-radius:5px;background:#1a3645;color:#d0edf4;width:26px;height:26px;display:grid;place-items:center;font:700 11px Manrope,sans-serif}
.shortcut-hint{color:#7295a3;font-size:10px;margin-top:15px}
.page-intro{padding-top:43px;padding-bottom:26px}
.page-intro h1{font-size:clamp(33px,3.4vw,49px)}
.page-intro p{max-width:530px;font-size:12px;margin-top:13px}
.page-intro .eyebrow{margin-bottom:17px}
@media(max-width:1040px){.sidebar{width:76px;padding:23px 10px 17px}.sidebar .nav-item.active:before{left:-13px}.minimal-home{max-width:780px}}
@media(max-width:680px){:root{--side:0px}.sidebar{display:none}.workspace{margin-left:0}.topbar{height:62px}.minimal-home{min-height:calc(100dvh - 140px);padding:16px 0 3px}.home-overline{font-size:8px}.shortcuts-link{font-size:8px}.home-core{padding-bottom:18px}.minimal-home .core-stage{min-height:214px;height:214px;transform:none;margin:0 auto}.minimal-home .orbit-outer{width:202px;height:202px}.minimal-home .orbit-middle{width:160px;height:160px}.minimal-home .orbit-inner{width:126px;height:126px}.minimal-home .core-button{width:91px;height:91px}.minimal-home .core-letter{font-size:47px}.minimal-home .core-status{bottom:0}.home-core .greeting-line{font-size:11px}.home-core h1{font-size:clamp(31px,8vw,42px)}.minimal-home .assistant-command{height:59px}.launcher-head{margin:27px 0 11px}.launcher-grid{gap:9px}.launcher-tile{height:97px;gap:9px;border-radius:11px}.launcher-tile svg{width:23px;height:23px}.launcher-tile span{font-size:10px}.launcher-tile kbd{right:8px;top:7px;min-width:15px;height:16px;font-size:8px}.home-quickbar{gap:7px;margin-top:14px}.home-quickbar button,.home-quickbar a{height:34px;padding:0 10px;font-size:9px}.home-quickbar>span{font-size:9px}.shortcut-list{gap:6px}.shortcut-row{padding:8px 7px;font-size:10px;gap:7px}.shortcut-row kbd{width:23px;height:23px}.page-intro{padding-top:32px;padding-bottom:22px}.page-intro h1{font-size:35px}.page-intro p{font-size:11px}}
@media(max-width:380px){.minimal-home .core-stage{height:192px;min-height:192px}.minimal-home .orbit-outer{width:184px;height:184px}.minimal-home .orbit-middle{width:148px;height:148px}.minimal-home .orbit-inner{width:110px;height:110px}.minimal-home .core-button{width:80px;height:80px}.minimal-home .core-letter{font-size:43px}.home-core h1{font-size:31px}.launcher-tile{height:84px}.launcher-tile svg{width:21px;height:21px}.launcher-tile span{font-size:9px}.home-quickbar>span{display:none}}
/* HARTO 0.3 — iPhone / iPad, high contrast, larger type */
:root{--text:#f7fbfd;--muted:#b5c9d2;--subtle:#8aa3b1;--accent:#cff7ff}
.sidebar .nav-item svg,.launcher-tile svg,.mobile-dock svg,.topbar .icon-button svg{color:#f8fdff;stroke-width:1.8}
.sidebar .nav-item{color:#eef9ff}
.sidebar .nav-item:hover svg,.launcher-tile:hover svg{color:#fff}
.launcher-tile{height:133px;border-color:#3a5361;gap:14px}
.launcher-tile svg{width:32px;height:32px;stroke-width:1.8}
.launcher-tile span{font-size:14px;color:#ecf5f8;font-weight:700}
.launcher-tile kbd{color:#9bbdc9;font-size:11px;border-color:#395866}
.home-core .greeting-line{font-size:15px;color:#c3d4dd}
.home-core h1{font-size:clamp(39px,3.9vw,55px)}
.minimal-home .assistant-command input{font-size:16px}
.home-quickbar button,.home-quickbar a{font-size:13px;height:43px}
.home-quickbar>span,.launcher-head,.home-overline,.shortcuts-link{font-size:11px;color:#a3beca}
.topbar-left,.today-date{font-size:12px}
.page-intro p{font-size:15px;color:#b8cbd5;line-height:1.7}
.page-intro h1{font-size:clamp(39px,4vw,56px)}
.page-intro .eyebrow,.panel-kicker,.section-number{font-size:11px;color:#a0c9d7}
.panel h3,.feature-banner h3{font-size:21px}
.feature-banner p,.daily-panel>p,.business-row p,.integration-card p,.info-card p,.nomad-panel>p,.security-card p{font-size:14px;color:#a9c1ce;line-height:1.7}
.status-pill,.source-state,.state-tag{font-size:11px;color:#cae2ea}
.business-row h3,.integration-card h3{font-size:17px}
.source-row strong,.connection-row strong,.task-text{font-size:15px}
.source-row small,.connection-row small,.local-note,.connection-warning p,.focus-panel textarea{font-size:13px}
.filter-button{font-size:13px}
.icon-button{min-height:42px;min-width:42px;display:grid;place-items:center;position:relative;border:1px solid transparent;border-radius:10px}
.icon-button:hover{background:#1a303d;border-color:#395b6c}
.icon-button svg{width:22px;height:22px}
.notification-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#a3f0e8;box-shadow:0 0 13px #89e4df}
.notification-dot[hidden]{display:none}
.topbar-right{gap:10px}
.drawer-backdrop{position:fixed;inset:0;z-index:95;background:#020912bb;backdrop-filter:blur(6px);display:flex;justify-content:flex-end}
.drawer-backdrop[hidden]{display:none}
.notification-drawer{width:min(440px,100%);height:100%;background:linear-gradient(160deg,#132431,#09141e);border-left:1px solid #416072;box-shadow:-15px 0 80px #0008;padding:calc(28px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));overflow:auto;animation:drawer-in .25s ease}
@keyframes drawer-in{from{transform:translateX(30px);opacity:.6}to{transform:translateX(0);opacity:1}}
.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.drawer-header h2{font:600 27px Manrope,sans-serif;letter-spacing:-.05em;margin:0}
.drawer-date{color:#8eacba;font-size:13px;margin:0 0 29px;text-transform:none}
.notice-card{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#152936;border:1px solid #314d5c;border-radius:12px;padding:18px 14px;margin:10px 0;color:#ecf8fb;transition:.2s}
.notice-card:hover{background:#1b3746;border-color:#77b8c8}
.notice-icon{width:44px;height:44px;border:1px solid #477485;background:#203a4a;border-radius:11px;display:grid;place-items:center;flex-shrink:0}
.notice-icon svg{width:22px;height:22px;color:#fff;stroke-width:1.9}
.notice-card>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}
.notice-card strong{font-size:15px}.notice-card small{font-size:13px;color:#a1bbc7}
.notice-arrow{width:17px;height:17px;color:#c2e8ef}
.drawer-foot{display:flex;align-items:center;gap:10px;color:#71909e;font-size:12px;border-top:1px solid #2d4554;margin-top:30px;padding-top:22px;line-height:1.5}
.drawer-foot svg{width:16px;height:16px;color:#b7dce5}
.compact-intro{padding-bottom:27px}
.briefing-main-card{border:1px solid #36596a;background:linear-gradient(115deg,#193342,#0f1f2b);border-radius:14px;padding:30px;margin-bottom:15px}
.briefing-card-top{display:flex;justify-content:space-between;align-items:center;color:#c6edf3}.briefing-card-top svg{width:25px;height:25px}
.briefing-main-card h2{font:600 clamp(28px,3.5vw,43px) Manrope,sans-serif;letter-spacing:-.06em;margin:10px 0 32px}
.briefing-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.briefing-data-grid>div{display:flex;flex-direction:column;gap:9px;background:#0e2330;border:1px solid #305164;border-radius:10px;padding:20px 15px;min-height:150px}
.briefing-data-grid svg{color:#f8fdff;width:25px;height:25px}
.briefing-data-grid strong{font-size:21px;color:#fff}
.briefing-data-grid small{font-size:12px;color:#99b8c6;line-height:1.45}
.motivation-card{border:1px solid #395e6e;border-radius:14px;background:radial-gradient(circle at 100% 0%,#30526855,transparent 45%),#111f2b;padding:30px;min-height:220px}
.motivation-header{display:flex;align-items:center;gap:10px;color:#9ccdd7;font-size:11px;letter-spacing:.14em;font-weight:800}
.motivation-header svg{width:20px;height:20px;color:#e4fbff}
.motivation-card p{font:500 clamp(23px,3vw,34px) Manrope,sans-serif;line-height:1.4;letter-spacing:-.04em;max-width:850px;color:#f4fbfc;margin:23px 0}
.motivation-foot{font-size:10px;color:#779dad;letter-spacing:.16em;font-weight:800}
.vault-panel{display:flex;align-items:flex-start;gap:25px;border:1px solid #365565;border-radius:13px;background:linear-gradient(120deg,#162a38,#101d28);padding:30px}
.vault-emblem{width:65px;height:65px;border:1px solid #618ba0;border-radius:16px;background:#284658;display:grid;place-items:center;flex-shrink:0}
.vault-emblem svg{width:32px;height:32px;color:white;stroke-width:2}
.vault-panel>div:nth-child(2){flex:1}
.vault-panel h3{font:600 24px Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 10px}
.vault-panel p{font-size:15px;line-height:1.75;color:#abc3cd;max-width:690px;margin:0 0 22px}
.vault-state{color:#a5d2df;border:1px solid #406679;border-radius:6px;padding:8px 10px;font-size:11px;white-space:nowrap}
.contacts-fields{display:flex;flex-wrap:wrap;gap:10px;margin:21px 0}.contacts-fields span{border:1px solid #375463;background:#132532;border-radius:7px;padding:12px 15px;color:#afccd8;letter-spacing:.1em;font-size:11px;font-weight:800}
.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.discover-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:250px;padding:25px;border:1px solid #375667;border-radius:13px;background:linear-gradient(135deg,#182d3a,#111f2c);transition:.2s}
.discover-tile:hover{transform:translateY(-4px);border-color:#87c1d0;background:#1d3949}
.discover-tile>svg{width:36px;height:36px;stroke-width:1.9;color:#f8feff;margin-bottom:auto}
.discover-tile strong{font:600 21px Manrope,sans-serif;color:white;margin-top:25px}
.discover-tile span{display:flex;align-items:center;gap:6px;font-size:12px;color:#9fcbd7;margin-top:12px}.discover-tile span svg{width:15px;height:15px}
.discover-note{display:flex;align-items:flex-start;gap:12px;margin:23px 0;color:#9bb7c4;font-size:13px;line-height:1.7}
.discover-note svg{flex-shrink:0;color:white}
.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.security-card{border:1px solid #375665;border-radius:12px;background:#122432;padding:25px;min-height:285px;display:flex;flex-direction:column}
.security-card>svg{width:31px;height:31px;color:white;stroke-width:1.9;margin-bottom:25px}
.security-card h3{font:600 19px Manrope,sans-serif;margin:0 0 10px}
.security-card p{flex:1;margin:0 0 20px}
.security-status{align-self:flex-start;padding:8px 10px;border-radius:6px;color:#acd0df;background:#203747;border:1px solid #3c6274;font-size:11px;letter-spacing:.08em}
.security-status.ready{color:#b4e6d3;border-color:#396959;background:#1a382f}
@media(min-width:700px){.launcher-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.minimal-home{max-width:980px}}
@media(max-width:1024px){.topbar-right{gap:6px}.topbar .icon-button{min-height:44px;min-width:44px}.topbar .icon-button svg{width:24px;height:24px}.home-core .greeting-line{font-size:15px}}
@media(max-width:680px){.topbar{height:68px;padding:0 17px}.topbar-right{gap:3px}.topbar-left>#current-view-label{font-size:10px}.topbar .icon-button{width:43px;height:43px;min-width:43px;min-height:43px}.topbar .icon-button svg{width:23px;height:23px}.minimal-home{padding-top:21px}.home-core .greeting-line{font-size:14px}.home-core h1{font-size:clamp(31px,8vw,41px)}.minimal-home .assistant-command input{font-size:15px}.launcher-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.launcher-tile{height:107px;gap:11px;padding:9px 3px}.launcher-tile svg{width:27px;height:27px}.launcher-tile span{font-size:12px}.launcher-tile kbd{font-size:9px}.home-quickbar button,.home-quickbar a{font-size:12px;height:43px}.home-overline,.launcher-head{font-size:10px}.page-intro p{font-size:14px}.page-intro h1{font-size:38px}.panel h3{font-size:19px}.feature-banner p,.business-row p,.integration-card p,.info-card p{font-size:14px}.notice-card{min-height:83px}.briefing-main-card,.motivation-card{padding:20px}.briefing-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.briefing-data-grid>div{min-height:125px;padding:15px}.briefing-data-grid strong{font-size:18px}.briefing-data-grid small{font-size:12px}.motivation-card p{font-size:25px}.vault-panel{flex-direction:column;gap:17px;padding:23px}.vault-emblem{width:53px;height:53px}.vault-panel h3{font-size:21px}.vault-panel p{font-size:14px}.vault-state{align-self:flex-start}.discover-grid,.security-grid{grid-template-columns:1fr}.discover-tile{min-height:150px;padding:20px}.discover-tile>svg{width:29px;height:29px}.discover-tile strong{margin-top:20px}.security-card{min-height:230px;padding:20px}.notification-drawer{width:100%;border-left:0}.mobile-dock button{font-size:11px;color:#bcd4df}.mobile-dock svg{width:23px;height:23px;color:#fff}.mobile-dock{padding-top:12px}.local-note{font-size:12px}}
@media(max-width:380px){.launcher-tile{height:97px}.launcher-tile svg{width:25px;height:25px}.launcher-tile span{font-size:11px}.minimal-home .core-stage{height:185px;min-height:185px}.notification-drawer{padding-left:17px;padding-right:17px}}
@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.mobile-dock{padding-bottom:calc(13px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* HARTO 0.4 · zero-noise productivity surfaces */
.compact-module-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:39px 0 26px}
.compact-module-heading .panel-kicker{display:block;margin-bottom:10px;color:#91b9c7;font-size:11px;letter-spacing:.18em}
.compact-module-heading h1{font:600 clamp(35px,4.1vw,53px)/1.15 Manrope,sans-serif;letter-spacing:-.065em;color:#f9fdff;margin:0}
.quiet-status{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.11em;font-weight:750;color:#9ab6c3;white-space:nowrap}
.quiet-status .tiny-dot,.money-offline .tiny-dot{background:#647e8a;box-shadow:none;height:6px;width:6px}
.quiet-footnote{color:#91a9b5;font-size:12px;margin:18px 0}
.finance-settings{flex-shrink:0;border:1px solid #3b5968!important;border-radius:10px!important}
.finance-settings svg{color:#f6fbff!important}
.money-balance{isolation:isolate;position:relative;overflow:hidden;min-height:300px;border:1px solid #3b5865;border-radius:18px;background:linear-gradient(130deg,#152734 2%,#101d29 64%,#0e1b26);padding:37px 41px;display:flex;flex-direction:column;justify-content:space-between}
.money-balance>*:not(.money-glow){position:relative;z-index:1}
.money-label{font-size:13px;font-weight:700;letter-spacing:.19em;color:#b8d3dc}
.money-amount{font:600 clamp(68px,10vw,132px)/1.07 Manrope,sans-serif;letter-spacing:-.09em;color:#fcffff;font-variant-numeric:tabular-nums;white-space:nowrap;margin:21px 0}
.money-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:650;letter-spacing:.12em;color:#90b1bd}
.money-offline{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em}
.money-glow{position:absolute;z-index:0;right:-120px;bottom:-270px;width:610px;height:610px;border-radius:50%;border:1px solid #83c5d51a;box-shadow:0 0 0 60px #7de0f508,0 0 0 120px #6dbacf06;pointer-events:none}
.finance-tabs{margin:21px 0 18px;gap:9px}
.finance-tabs .filter-button{min-height:42px;border-radius:10px;padding:10px 17px;font-weight:700;font-size:12px;color:#e1ebef;background:#132531;border-color:#3b5462}
.finance-tabs .filter-button.active,.finance-tabs .filter-button:hover{background:#e9f9fc;color:#10222c;border-color:#e9f9fc}
.money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.money-metric{display:flex;flex-direction:column;gap:10px;border:1px solid #2c4553;border-radius:13px;background:#111e29;padding:27px 25px 22px;min-height:169px}
.money-metric span{font-size:12px;letter-spacing:.14em;font-weight:750;color:#b1cfda}
.money-metric strong{font:600 clamp(30px,3.3vw,49px) Manrope,sans-serif;letter-spacing:-.06em;color:#fff;white-space:nowrap;margin-top:auto;font-variant-numeric:tabular-nums}
.money-metric small{font-size:10px;color:#7995a3;letter-spacing:.12em}
.google-hub{border:1px solid #314d5d;border-radius:15px;overflow:hidden;background:#111f2b}
.google-hub-row{display:flex;align-items:center;gap:21px;width:100%;min-height:100px;padding:20px 28px;border:0;border-bottom:1px solid #2a4150;background:transparent;color:#f9fdff;text-align:left;transition:background .2s}
.google-hub-row:last-child{border-bottom:none}
.google-hub-row:hover{background:#1b3442}
.google-hub-row>svg:first-child{width:31px;height:31px;stroke-width:1.9;color:#fff;flex-shrink:0}
.google-hub-row strong{font:650 19px Manrope,sans-serif;letter-spacing:-.02em;flex:1}
.google-hub-row>span{font:650 14px Manrope,sans-serif;color:#a6c4d0}
.google-hub-row .hub-arrow{width:18px;height:18px;color:#c5dfe7}
.simple-task-panel{max-width:none;min-height:230px}
.simple-task-panel .task-list{margin-top:10px}
.simple-task-panel .panel-header{align-items:center}
.simple-task-panel .panel-kicker{margin:0;color:#edf6fa}
.calendar-panel{border:1px solid #324d5d;background:#111e2a;border-radius:15px;padding:27px 30px 30px}
.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:31px}
.calendar-controls h2{font:600 clamp(21px,3vw,33px) Manrope,sans-serif;letter-spacing:-.05em;margin:0;color:#fff}
.calendar-actions{display:flex;align-items:center;gap:8px}
.calendar-actions button{display:grid;place-items:center;height:42px;min-width:42px;border-radius:10px;border:1px solid #355260;background:#162b38;color:#edf9fb;font-size:11px;font-weight:750;letter-spacing:.08em}
.calendar-actions button:hover{background:#254656}
.calendar-actions svg{width:18px;height:18px}
.calendar-actions .prev-chevron{transform:rotate(180deg)}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;text-align:center}
.calendar-weekdays{margin-bottom:10px}
.calendar-weekdays span{font-size:12px;color:#b1cbd5;font-weight:750;padding:12px}
.calendar-day,.calendar-empty{display:grid;place-items:center;min-height:64px;border:1px solid #263d4b;border-radius:8px;background:#122431;color:#e5f0f4;font:600 17px Manrope,sans-serif}
.calendar-empty{background:transparent;border-color:transparent}
.calendar-day.today{background:#e8f9fc;border-color:#e8f9fc;color:#112631;box-shadow:0 0 18px #bee9fa20}
.calendar-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;color:#96b2bf;font-size:12px}
.calendar-bottom .outline-button{min-height:43px;font-size:12px}
.connection-row strong{color:#f4fbff}
.connection-row small{color:#a7bfca}
@media(max-width:680px){
  .compact-module-heading{padding:26px 0 19px;gap:10px}
  .compact-module-heading h1{font-size:36px}
  .compact-module-heading .panel-kicker{font-size:10px}
  .quiet-status{font-size:9px}
  .money-balance{padding:26px 25px;min-height:240px;border-radius:15px}
  .money-amount{font-size:clamp(65px,15vw,93px);margin:20px 0}
  .finance-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  .finance-tabs .filter-button{min-width:0;padding:8px 3px;font-size:10px;min-height:40px}
  .money-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .money-metric{padding:18px 15px;min-height:140px;gap:8px}
  .money-metric:first-child{grid-column:span 2}
  .money-metric strong{font-size:33px}
  .money-metric span{font-size:10px}
  .google-hub-row{min-height:82px;padding:16px 17px;gap:12px}
  .google-hub-row>svg:first-child{width:26px;height:26px}
  .google-hub-row strong{font-size:15px}
  .google-hub-row>span{font-size:12px}
  .calendar-panel{padding:16px 12px 20px;border-radius:13px}
  .calendar-controls{margin-bottom:20px}
  .calendar-controls h2{font-size:23px}
  .calendar-actions{gap:5px}
  .calendar-actions button{height:37px;min-width:37px}
  .calendar-weekdays,.calendar-days{gap:4px}
  .calendar-day,.calendar-empty{min-height:43px;font-size:14px;border-radius:7px}
  .calendar-weekdays span{font-size:10px;padding:7px 0}
  .calendar-bottom{font-size:11px}
}
@media(max-width:370px){.money-amount{font-size:58px}.calendar-day,.calendar-empty{min-height:38px}.calendar-controls h2{font-size:19px}}
/* HARTO Identity: the visual lock is not the security boundary; the Netlify
   site gate and Netlify Functions enforce access independently. */
.harto-auth-gate[hidden],.harto-invite-form[hidden],.harto-auth-button[hidden],.harto-auth-recover[hidden]{display:none!important}
body.harto-locked{overflow:hidden}
.harto-auth-gate{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;background:#050709;color:#f8fafb;padding:24px}
.harto-auth-panel{width:min(100%,420px);text-align:center}
.harto-auth-symbol{width:76px;height:76px;margin:0 auto 34px;border:1px solid #4e575e;border-radius:22px;display:grid;place-items:center;font:600 38px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-.08em}
.harto-auth-symbol span,.harto-auth-panel h1 span{color:#99c8db}
.harto-auth-kicker,.harto-auth-foot{color:#a4aeb7;font:600 11px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:.18em}
.harto-auth-panel h1{font:600 clamp(48px,11vw,68px)/1.1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-.075em;margin:16px 0 18px}
.harto-auth-status{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#d9e0e6;min-height:26px;margin:0 0 32px}
.harto-auth-button{width:100%;border:1px solid #a1b5c2;background:#edf2f5;color:#141b21;border-radius:15px;padding:18px 20px;font:650 17px/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;cursor:pointer}
.harto-auth-button:focus-visible{outline:3px solid #c7e7f7;outline-offset:4px}
.harto-invite-form{display:grid;gap:17px;text-align:left;margin-bottom:28px}
.harto-invite-form label{display:grid;gap:8px;color:#d7dee4;font:500 15px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.harto-invite-form input{width:100%;border:1px solid #48535d;background:#111920;color:white;border-radius:12px;padding:15px 16px;font:400 18px/1.3 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.harto-invite-form input[readonly]{color:#d4dde4;background:#0e141a;opacity:1}
.harto-invite-form input:focus-visible{outline:2px solid #e8f0f6;outline-offset:3px}
.harto-auth-button:disabled,.harto-auth-recover:disabled{opacity:.5;cursor:wait}
.harto-auth-recover{display:block;width:100%;margin-top:16px;border:0;background:transparent;color:#f4f6f8;text-decoration:underline;text-underline-offset:5px;font:500 15px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;cursor:pointer;padding:10px}
.harto-auth-recover:focus-visible{outline:2px solid white;outline-offset:3px}
.harto-auth-foot{margin-top:46px}