:root{--paper:#fff;--ink:#102448;--muted:#53627a;--accent:#2455e8;--wash:#edf3ff;--line:#dce4f0;--display:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}ul{list-style:none;padding:0;margin:0}.wrap{max-width:1360px;width:calc(100% - 112px);margin-inline:auto}.skip{position:fixed;top:-100px;z-index:9;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}
.study{min-height:54px;padding:10px 30px;background:#12213c;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.study b{font-size:10px;letter-spacing:.12em}.study-description{margin-left:18px;color:#c6d0e2}.study nav{display:flex;gap:5px}.study nav a{padding:8px 13px;border-radius:6px;color:#cfdaed;font-weight:800}.study nav a span{font-weight:500;margin-left:6px}.study nav a[aria-current]{background:white;color:#12213c}.study .current{font-size:11px;color:#d2dbeb}.header{height:106px;display:flex;align-items:center;gap:40px}.brand img{display:block;object-fit:contain}.logo-b{display:none!important}.desktop-nav{display:flex;gap:30px;margin:auto;font-size:13px;font-weight:700}.account{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:19px 26px;border-radius:9px;background:var(--accent);color:white;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #10244820}.button span{font-size:21px;font-weight:500}.button.small{padding:12px 19px;gap:20px;font-size:13px}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding-top:65px;padding-bottom:85px}.eyebrow{margin:0 0 25px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(45px,5.4vw,78px);font-weight:800;line-height:1.08;letter-spacing:-.065em;margin:0 0 28px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 30px;letter-spacing:-.025em}.actions{display:flex;align-items:center;gap:25px}.demo-link{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.play{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px;padding-left:2px}.hero-ticks{margin-top:24px;display:flex;flex-wrap:wrap;gap:9px 20px;font-size:10px;font-weight:600;color:var(--muted)}.hero-ticks li:before,.benefit-list li:before{content:'✓';font-weight:800;color:var(--accent);margin-right:9px}
.product{margin:0;position:relative;padding:22px 0 0 14px}.product-decoration{position:absolute;inset:-19px -20px 40px -15px;background:var(--wash);border-radius:28px;z-index:-1}.dashboard{background:white;border:1px solid #dce4ef;border-radius:13px;box-shadow:0 24px 65px #16316a12;overflow:hidden;color:#122448}.app-bar{height:54px;border-bottom:1px solid #edf0f5;display:flex;gap:10px;align-items:center;padding:0 19px;font-size:11px}.app-mark{background:#2455e8;color:white;border-radius:7px;width:26px;height:26px;text-align:center;font-weight:800;font-size:22px;line-height:24px}.avatar{margin-left:auto;border-radius:50%;background:#edf2fa;width:27px;height:27px;display:grid;place-items:center;font-size:8px;font-weight:800}.app-content{padding:24px 21px 0}.app-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.micro{color:#65748c;letter-spacing:.13em;font-size:7px;font-weight:800}.app-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.055em;margin:9px 0 0;font-weight:800}.date{font-size:8px;color:#64748b;margin-bottom:3px}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:22px}.metrics>div{background:#f4f7fc;padding:13px 10px;border-radius:7px}.metrics>div:first-child{background:#edf3ff}.metrics span,.metrics small{display:block;font-size:8px;font-weight:600;color:#52627b}.metrics strong{display:block;font-size:25px;letter-spacing:-.06em;margin:7px 0 4px}.metrics small{font-size:7px;font-weight:400}.attention-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:23px 0 7px}.attention-heading>span{font-size:8px;color:#66758b}.attention li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f5}.task-icon{width:29px;height:29px;display:grid;place-items:center;background:#eef3ff;color:#2455e8;border-radius:8px;font-weight:800;font-size:16px;flex-shrink:0}.task-icon.money{background:#fff2dc;color:#835400}.task-icon.record{background:#eaf6f2;color:#246749}.attention b{display:block;font-size:9px}.attention small{display:block;font-size:7px;color:#64748b;margin-top:4px}.status{margin-left:auto;border-radius:5px;padding:5px 6px;font-size:7px;font-weight:800;white-space:nowrap}.amber{background:#fff1d6;color:#805000}.blue{background:#edf3ff;color:#2455e8}.app-footer{font-size:7px;color:#64748b;display:flex;gap:5px;align-items:center;padding:12px 0}.mini-dot{width:5px;height:5px;background:#258456;border-radius:50%}figcaption{font-size:9px;color:var(--muted);text-align:center;margin-top:14px}
.benefits{padding-block:46px 65px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.section-heading .eyebrow{margin:0;color:var(--muted)}.section-heading h2{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.05em;line-height:1.2;margin:0;font-weight:800}.benefit-list{display:grid;grid-template-columns:repeat(3,1fr)}.benefit-list article{padding:0 30px;border-left:1px solid var(--line)}.benefit-list article:first-child{padding-left:0;border:0}.number{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700}.benefit-list h3{font-size:24px;letter-spacing:-.045em;line-height:1.2;margin:15px 0 17px;font-weight:800}.benefit-list li{font-size:12px;line-height:1.8;color:var(--muted);margin-top:5px}.study-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px 30px;font-size:10px;color:var(--muted)}.study-footer a{color:var(--ink);font-weight:800}
html[data-direction=b]{--paper:#fbf6ec;--ink:#38263e;--muted:#6b5b68;--accent:#714073;--wash:#efb59e;--line:#e4d9cc}
[data-direction=b] .study{background:#38263e}[data-direction=b] .logo-a{display:none!important}[data-direction=b] .logo-b{display:block!important}[data-direction=b] .hero{padding-top:76px;padding-bottom:95px;gap:55px}[data-direction=b] h1{font-size:clamp(45px,5.7vw,82px)}[data-direction=b] h1 em{color:var(--ink);text-decoration:underline;text-decoration-color:#e3a78d;text-decoration-thickness:9px;text-underline-offset:6px;text-decoration-skip-ink:none}[data-direction=b] .button{border-radius:100px}[data-direction=b] .product-decoration{inset:-20px -20px 20px -20px;border-radius:48% 48% 14px 14px;transform:rotate(-4deg)}[data-direction=b] .dashboard{transform:rotate(2deg);box-shadow:12px 16px 0 #38263e12;border-color:#d5c8bc}[data-direction=b] .benefits{background:#f2e9da;padding:38px 40px 46px;border:0;border-radius:22px;margin-bottom:35px}[data-direction=b] .section-heading{display:block}[data-direction=b] .section-heading .eyebrow{margin-bottom:14px}[data-direction=b] .section-heading h2{font-size:39px}[data-direction=b] .benefit-list article{border-color:#d9ccbe}[data-direction=b] .number{color:#714073}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:110px}.app-content{padding:30px 27px 0}.app-heading h2{font-size:32px}.metrics strong{font-size:32px}.attention li{padding:18px 0}.attention b{font-size:11px}.attention small{font-size:9px}.status{font-size:9px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.study-description{display:none}.header{gap:22px}.desktop-nav{gap:20px}.hero{gap:25px;padding-top:40px}h1{font-size:53px}.hero-ticks{display:block}.hero-ticks li+li{margin-top:8px}.benefit-list article{padding-inline:22px}.benefit-list h3{font-size:21px}.benefit-list li{font-size:11px}.section-heading h2{font-size:29px}[data-direction=b] .hero{gap:30px}[data-direction=b] h1{font-size:55px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.study{padding:10px 12px;gap:8px;flex-wrap:wrap}.study>span{font-size:9px}.study b{font-size:8px}.study .current{display:none}.study nav{gap:2px}.study nav a{font-size:10px;padding:7px 8px}.study nav a span{font-size:9px;margin-left:3px}.header{height:85px;gap:13px;position:relative}.brand img{width:110px;height:auto}.desktop-nav,.login{display:none}.account{margin-left:auto}.button.small{font-size:11px;padding:10px 14px;gap:11px}.mobile-menu{display:block;font-size:11px;font-weight:800}.mobile-menu summary{list-style:none;cursor:pointer;padding-block:12px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;z-index:4;top:73px;right:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px #10244815;padding:10px;min-width:180px}.mobile-menu nav a{display:block;padding:13px}.hero{grid-template-columns:1fr;padding-top:31px;padding-bottom:42px;gap:40px}.eyebrow{font-size:9px;margin-bottom:21px}h1{font-size:clamp(39px,10.8vw,65px);letter-spacing:-.06em;margin-bottom:23px}.intro{font-size:16px;line-height:1.65;margin-bottom:26px}.actions{gap:23px}.button{padding:16px 22px;font-size:13px}.hero-ticks{display:flex;font-size:9px;gap:8px 16px;margin-top:21px}.hero-ticks li+li{margin-top:0}.product{padding:12px 0 0;margin-inline:4px}.product-decoration{inset:0 -12px 30px;border-radius:20px}.app-content{padding:21px 15px 0}.app-bar{height:47px;padding-inline:15px}.app-heading h2{font-size:26px}.metrics{gap:6px}.metrics>div{padding:12px 8px}.metrics strong{font-size:24px}.attention li{gap:8px}.attention b{font-size:9px}.attention small{font-size:7px}figcaption{font-size:8px}.benefits{padding-block:33px 37px}.section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:30px;max-width:300px}.benefit-list{grid-template-columns:1fr}.benefit-list article,.benefit-list article:first-child{padding:23px 0;border:0;border-top:1px solid var(--line)}.benefit-list h3{font-size:26px;margin:12px 0}.benefit-list li{font-size:13px}.study-footer{display:block;font-size:10px;line-height:1.7}.study-footer a{display:block;margin-top:9px}[data-direction=b] .hero{padding-top:31px;padding-bottom:45px;gap:43px}[data-direction=b] h1{font-size:clamp(39px,10.8vw,65px)}[data-direction=b] h1 em{text-decoration-thickness:6px}[data-direction=b] .product-decoration{inset:-5px -9px 22px}[data-direction=b] .dashboard{transform:rotate(1deg)}[data-direction=b] .benefits{padding:27px 22px 10px;border-radius:17px;margin-bottom:20px}[data-direction=b] .section-heading h2{font-size:30px}}
/* Keep the illustrative interface legible on the smaller preview. */
.micro { font-size: 9px; }
.date, .metrics small, .attention small, .status, .app-footer { font-size: 9px; }
.metrics span, .attention-heading > span { font-size: 10px; }
.attention b, .attention-heading { font-size: 11px; }
.attention li > div { min-width: 0; }
.attention small { line-height: 1.5; }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}