:root{--navy:#080f29;--navy2:#101f48;--blue:#35b7fa;--purple:#b989ff;--ink:#15203c;--muted:#66718a;--line:#e8ebf2;--max:1240px;--ease:cubic-bezier(.18,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #35b7fa;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.057em}img{max-width:100%}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.announcement{background:#071126;color:#bed2ec;text-align:center;font-size:12px;font-weight:500;letter-spacing:.01em;padding:11px 15px}.announcement span{color:#36c1ff;padding:0 12px}.announcement a{color:#fff;font-weight:800}.announcement a:hover{color:#59c7ff}
.header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #edf0f7}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.identity{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.05em}.identity img{width:45px;height:45px;object-fit:contain;border-radius:9px}.identity-highlight{color:#238de1}.identity-suffix{font:600 12px/1.2 'DM Sans',sans-serif;color:#8290ab;letter-spacing:.075em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links>a{color:#43516e;font-size:13px;font-weight:700;transition:color .2s}.nav-links>a:hover{color:#1989d9}.nav-links .nav-shop{background:#07122f;color:white;padding:15px 23px;border-radius:8px;white-space:nowrap;transition:background .25s}.nav-shop:hover{background:#224378;color:white!important}.nav-shop span{margin-left:8px}.menu-toggle{display:none;background:transparent;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px;border-radius:3px}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 74% 35%,#193c7c 0%,#0e1c41 40%,#070d22 78%)}.hero-grid{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.5;background-image:linear-gradient(90deg,rgba(90,160,249,.075) 1px,transparent 1px),linear-gradient(rgba(90,160,249,.075) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to right,transparent,black)}.hero-glow{position:absolute;z-index:-1;right:-220px;top:-100px;width:880px;height:850px;background:radial-gradient(circle,rgba(42,115,230,.3),transparent 70%);pointer-events:none}.hero-layout{min-height:710px;display:grid;grid-template-columns:1.06fr 0.94fr;gap:76px;align-items:center;padding-top:76px;padding-bottom:56px}.hero-content{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:36px;color:#afc8ee;font-size:10px;font-weight:800;letter-spacing:.19em;white-space:nowrap}.live-dot,.frame-led{width:8px;height:8px;border-radius:50%;background:#4cddf5;box-shadow:0 0 18px 4px rgba(76,221,245,.27);flex:none}.eyebrow-line{height:1px;width:34px;background:rgba(198,218,251,.4);margin-left:4px}.hero h1{font-size:clamp(46px,4.7vw,76px);font-weight:800;line-height:1.12;letter-spacing:-.072em;margin-bottom:31px}.gradient-text{background:linear-gradient(110deg,#33c0ff 0%,#74b4ff 40%,#c58bfa 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lede{max-width:535px;font-size:17.3px;line-height:1.95;color:#bac9e3;margin-bottom:32px}.hero-lede strong{color:#fff;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:39px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:57px;padding:0 24px;border-radius:8px;font-weight:800;font-size:13px;transition:transform .25s,var(--ease),background .25s,border .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px}.button-primary{background:linear-gradient(105deg,#25a5ea,#426bed);color:#fff;box-shadow:0 12px 30px rgba(23,104,223,.22)}.button-primary:hover{box-shadow:0 15px 36px rgba(48,135,238,.32)}.button-ghost{border:1px solid #51698f;color:white;background:rgba(5,17,42,.26)}.button-ghost:hover{background:rgba(59,106,166,.22)}.hero-benefits{display:flex;flex-wrap:wrap;gap:20px;color:#a4badc;font-size:12px}.hero-benefits span::first-letter{color:#2fc4ff}
.hero-visual{position:relative;min-width:0}.visual-orbit{position:absolute;z-index:-1;inset:5% -8% 7% -11%;border:1px solid rgba(65,117,223,.24);border-radius:44px;transform:rotate(9deg)}.visual-frame{background:rgba(9,22,55,.92);border:1px solid rgba(90,143,228,.28);padding:20px 19px 19px;border-radius:18px;box-shadow:0 32px 70px rgba(0,0,0,.2)}.frame-top{display:flex;align-items:center;gap:11px;margin:0 0 16px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#a8b9dc}.frame-top .frame-counter{margin-left:auto;letter-spacing:.16em;color:#7c92b7}.frame-led{width:7px;height:7px}.video-stage{aspect-ratio:1.23;position:relative;overflow:hidden;border-radius:10px;background:#050a1b;display:flex;align-items:center;justify-content:center}.brand-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-fallback{position:absolute;width:42%;height:auto;max-height:70%;object-fit:contain;z-index:0;filter:drop-shadow(0 16px 35px #2092fc2b)}.video-stage.video-unavailable .brand-video{display:none}.video-sheen{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,rgba(81,151,247,.07),transparent 45%)}.frame-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;color:#a0b2d2;letter-spacing:.15em;font-size:10px}.frame-bottom strong{color:#fff}.live-indicator{letter-spacing:.08em;color:#bddeff;font-size:9px}.live-indicator i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#53ddeb;margin-right:5px;box-shadow:0 0 9px #35b7fa}.floating-note{position:absolute;right:-24px;bottom:41px;z-index:3;padding:20px 20px;border-radius:40px;background:#fff;color:#23395e;box-shadow:0 15px 40px #0002;font-weight:800;font-size:11px;transform:rotate(-2deg)}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#81a7db}.hero-foot a:hover{color:#fff}.ticker{background:#f3f6fc;border-bottom:1px solid #eef0f5}.ticker-inner{display:flex;justify-content:center;align-items:center;gap:48px;min-height:74px;color:#617494;font-size:10px;letter-spacing:.13em;font-weight:800}.ticker b{color:#3498ec;font-size:15px}
.featured-section{padding-top:110px;padding-bottom:100px}.section-intro{display:grid;grid-template-columns:1.13fr .87fr;align-items:end;gap:65px;margin-bottom:42px}.kicker{font-size:11px;color:#258fee;font-weight:800;letter-spacing:.19em;margin-bottom:24px}.section-intro h2{font-size:clamp(33px,4.1vw,57px);line-height:1.16;margin:0;font-weight:800}.section-intro h2 span{color:#298fe3}.section-intro>p{font-size:15.5px;line-height:1.8;color:#62728c;margin:0 0 4px;max-width:470px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.featured-grid .product-card{border-radius:20px}.featured-grid .product-card-content{padding:23px 24px 24px}.featured-grid h3{font-size:19px}.featured-grid .demo-art{height:226px}
.library-section{background:#f6f8fd;border-top:1px solid #edf0f6;padding:103px 0 108px}.library-intro{margin-bottom:36px}.filters{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e4eaf5;border-radius:17px;padding:18px;box-shadow:0 12px 28px #152f5608}.search{position:relative;display:block;width:100%;max-width:435px;flex:1 1 290px}.search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#7691b0;pointer-events:none}.search input{border:1px solid #e3eaf4;background:#f8faff;border-radius:10px;padding:16px 17px 16px 49px;width:100%;font-size:14px;color:#182c4e;outline:none;transition:border-color .2s,box-shadow .2s}.search input:focus{border-color:#62b8fb;box-shadow:0 0 0 4px #52bbff19}.search input::placeholder{color:#8794aa}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #e0e6f0;background:white;border-radius:999px;padding:9px 15px;color:#64738d;font-size:12px;font-weight:700;transition:all .2s}.chip:hover{border-color:#9ecdfa;color:#2a84cf}.chip[aria-pressed="true"]{background:#163668;border-color:#163668;color:#fff}.grid-toolbar{margin:30px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.count{font-size:13px;color:#71819c;font-weight:700;margin:0}.toolbar-hint{font-size:12px;color:#7f90ad}.toolbar-hint span{color:#288fe4;font-weight:800}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.product-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e4eaf3;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #142a4208;transition:transform .32s var(--ease),box-shadow .32s,border-color .32s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #142a4220;border-color:#cae1f7}.product-card-content{padding:20px 22px 23px;display:flex;flex-direction:column;flex:1}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px}.category-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#4887c4}.price{font-size:13px;color:#253b5f;font-weight:800}.product-card h3{font-size:17px;line-height:1.34;letter-spacing:-.04em;margin:0 0 10px;font-weight:800;min-height:45px}.product-card p{font-size:13px;line-height:1.75;color:#687891;margin:0 0 23px;flex:1}.card-actions{display:grid;grid-template-columns:1.13fr .87fr;gap:9px}.card-actions a,.card-actions span[aria-disabled]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:8px;font-size:11.5px;font-weight:800;padding:10px 6px;text-align:center;transition:background .2s,transform .2s;white-space:nowrap}.card-actions a:hover{transform:translateY(-1px)}.demo-btn{background:linear-gradient(105deg,#248edf,#356fec);color:#fff}.demo-btn:hover{background:linear-gradient(105deg,#1479ca,#235adf)}.demo-btn span{font-size:15px}.buy-btn{background:#f3f6fc;border:1px solid #e5eaf4;color:#3e5579}.buy-btn:hover{background:#eaf0fa}.empty{grid-column:1/-1;padding:56px 20px;text-align:center;background:white;border:1px dashed #cfdae7;border-radius:16px}.empty h3{margin:0 0 8px;font-size:22px}.empty p{margin-bottom:17px}.empty button{border:0;background:#15396e;color:#fff;border-radius:8px;padding:13px 19px;font-weight:700}
/* Illustrative app-interface art (the demo buttons open the actual software). */
.demo-art{position:relative;height:173px;overflow:hidden;background:radial-gradient(ellipse at 75% 15%,#2e64ad55,transparent 60%),linear-gradient(125deg,#0b1b42,#172e69);border-bottom:1px solid #e4eaf3}.demo-art.ai{background:radial-gradient(ellipse at 85% 15%,#8467ec70,transparent 60%),linear-gradient(130deg,#10183c,#34236d)}.demo-art.money{background:radial-gradient(ellipse at 85% 15%,#2ae0c950,transparent 58%),linear-gradient(130deg,#092a3c,#105663)}.demo-art.planners{background:radial-gradient(ellipse at 85% 15%,#ff80d450,transparent 59%),linear-gradient(130deg,#251b51,#6f3c88)}.demo-art.creator{background:radial-gradient(ellipse at 85% 15%,#ffcb7d65,transparent 58%),linear-gradient(130deg,#342040,#a34e4a)}.art-ambient{position:absolute;width:260px;height:260px;border:1px solid #e4ebff1a;transform:rotate(27deg);border-radius:40px;top:-100px;right:-20px}.art-window{position:absolute;top:29px;left:15%;width:76%;height:155px;transform:perspective(800px) rotateY(-8deg) rotateX(5deg);border:1px solid #b3ccff37;border-radius:9px;background:#f2f6ff;overflow:hidden;box-shadow:4px 16px 40px #020a2780}.art-bar{display:flex;align-items:center;gap:4px;background:#14254a;color:#fff;height:20px;padding:0 9px}.art-bar i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#78aff6}.art-bar i:nth-child(2){background:#c7b2e8}.art-bar i:nth-child(3){background:#63d8d5}.art-bar span{font-size:5.5px;letter-spacing:.13em;margin-left:auto;color:#b8cbe5}.art-body{display:grid;grid-template-columns:17% 1fr;height:calc(100% - 20px)}.art-sidebar{background:#e1eaff;border-right:1px solid #d4e0f0;padding:11px 7px}.art-sidebar b{display:block;height:5px;width:18px;background:#4473d2;border-radius:4px;margin-bottom:18px}.art-sidebar em{display:block;height:4px;width:60%;background:#b8c7e0;margin:9px 0;border-radius:4px}.art-dash{padding:10px}.art-dash-title{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#2b446b;letter-spacing:-.015em}.art-metrics{display:flex;gap:6px;margin-top:10px}.art-metrics i{display:block;flex:1;height:24px;background:#e4eafa;border-radius:4px;border:1px solid #dbe5f3}.art-metrics i:nth-child(2){background:#d9e7ff}.art-chart{display:flex;gap:5px;align-items:end;height:58px;margin-top:9px;padding:5px 8px;background:white;border:1px solid #e0e8f2;border-radius:5px}.art-chart span{flex:1;min-width:2px;height:30%;background:linear-gradient(#5eb9f1,#5574ef);border-radius:2px 2px 0 0}.art-chart span:nth-child(2){height:65%}.art-chart span:nth-child(3){height:38%}.art-chart span:nth-child(4){height:83%}.art-chart span:nth-child(5){height:58%}.art-chart span:nth-child(6){height:95%}.art-chart span:nth-child(7){height:72%}.art-icon{position:absolute;left:24px;bottom:20px;display:grid;place-items:center;width:42px;height:42px;background:#ffffffed;color:#397bd9;box-shadow:0 9px 22px #0004;border-radius:11px;font-size:24px;font-weight:800}.demo-art.money .art-icon{color:#139c9a}.demo-art.ai .art-icon{color:#7954c7}.demo-art.planners .art-icon{color:#ae68b1}
.how-section{padding:108px 0 105px;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.steps article{border-top:2px solid #dce9fa;padding:23px 10px 10px 0}.steps article span{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;color:#269be8}.steps article h3{font-size:21px;margin:24px 0 9px}.steps article p{max-width:315px;font-size:14px;line-height:1.8;color:#6d7c92}.outro{background:radial-gradient(ellipse at 70% 80%,#1f377c,#0a1533 70%);color:#fff;padding:73px 0}.outro-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.outro .kicker{color:#69b5ff;margin-bottom:15px}.outro h2{font-size:clamp(30px,3.5vw,45px);margin-bottom:10px}.outro h2 span{color:#95a6ff}.outro p:last-child{margin-bottom:0;color:#a9bbdc}.footer{padding:43px 0;background:#f7f9fc;border-top:1px solid #e7edf5}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}.footer .identity{font-size:13px}.footer .identity img{width:36px;height:36px}.footer p{margin:0;font-size:12px;color:#71819d}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{font-weight:700;color:#435a79;font-size:12px}.footer-links a:hover{color:#1686e0}
@media(max-width:1120px){.nav-links{gap:18px}.hero-layout{gap:38px}.hero h1{font-size:clamp(43px,5vw,65px)}.hero-lede{font-size:16px}.featured-grid .demo-art{height:192px}.filters{display:block}.chips{margin-top:14px}.search{max-width:100%}}
@media(max-width:900px){.container{width:calc(100% - 42px)}.nav-links{gap:15px}.nav-links>a{font-size:12px}.hero-layout{grid-template-columns:1fr 1fr;gap:24px;min-height:620px}.hero h1{font-size:clamp(40px,5.8vw,53px)}.hero-lede{font-size:14.5px;line-height:1.8}.hero-benefits{gap:11px}.visual-frame{padding:12px}.frame-top{font-size:7px}.floating-note{right:-9px;bottom:22px;padding:12px;font-size:9px}.featured-grid,.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-intro{gap:25px}.art-window{left:17%;width:71%}}
@media(max-width:640px){.container{width:calc(100% - 32px)}.announcement{font-size:10px}.nav{min-height:72px}.identity{font-size:13px;gap:7px}.identity img{width:36px;height:36px}.identity-suffix{font-size:10px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 18px 24px;box-shadow:0 19px 25px #0b23431a;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e7ecf5}.nav-links.open{display:flex}.nav-links a{display:block;padding:13px 10px;font-size:13px}.nav-links .nav-shop{text-align:center;margin-top:8px}.hero-layout{grid-template-columns:1fr;min-height:0;padding-top:67px;padding-bottom:39px;gap:44px}.eyebrow{font-size:9px;letter-spacing:.12em;gap:8px;margin-bottom:22px}.eyebrow-line{width:20px}.hero h1{font-size:clamp(42px,10.5vw,61px);margin-bottom:21px}.hero-lede{font-size:15px;line-height:1.8}.hero-actions{margin-bottom:29px}.button{min-height:51px;padding:0 18px;font-size:12px;gap:13px}.hero-benefits{font-size:10.5px;gap:9px 16px}.hero-visual{max-width:510px;width:calc(100% - 10px);margin:0 auto 0 0}.visual-frame{padding:11px}.visual-orbit{border-radius:25px}.frame-top{font-size:7px}.floating-note{bottom:24px;right:-5px;font-size:9px}.hero-foot{padding-bottom:21px;font-size:9px}.ticker-inner{gap:12px;justify-content:space-between;font-size:8px;min-height:58px}.ticker b{font-size:12px}.featured-section{padding-top:67px;padding-bottom:70px}.section-intro{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.section-intro h2{font-size:35px}.section-intro>p{font-size:14px}.kicker{font-size:10px;margin-bottom:15px}.featured-grid,.demo-grid{grid-template-columns:1fr;gap:14px}.featured-grid .demo-art{height:214px}.library-section{padding-top:72px;padding-bottom:77px}.library-intro{margin-bottom:24px}.filters{padding:13px}.search input{font-size:14px}.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:5px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;font-size:11px;padding:8px 13px}.grid-toolbar{margin:19px 0 13px}.toolbar-hint{display:none}.demo-art{height:205px}.product-card-content{padding:21px}.product-card h3{min-height:0}.how-section{padding:77px 0}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:17px 0}.steps article h3{margin:12px 0 6px}.outro{padding:57px 0}.outro-inner{display:block}.outro .button{margin-top:27px}.footer-inner{display:block}.footer-inner p{margin:15px 0}.footer-links{gap:18px}}
@media(min-width:641px) and (max-width:780px){.hero-layout{grid-template-columns:1fr;min-height:0;padding-top:66px;gap:40px}.hero-visual{width:80%;margin:0 auto}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 18px 28px #0923441a}.nav-links.open{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-video{display:none}.video-fallback{z-index:2}}