/* FourAvelune: midnight blue, crisp product surfaces, and editorial scale. */
:root{--blue:#476aff;--ink:#111a32;--muted:#667189;--line:#e1e6f0}
body{background:#fff}::selection{background:#b9c8ff;color:#13214b}
.container{max-width:1280px}
.header{height:84px;background:#080f24f2;border-color:#ffffff10;color:#fff;backdrop-filter:blur(20px)}
.header .mark{color:#8fa5ff}.nav .brand{font-size:24px;letter-spacing:-1.1px}.navlinks{color:#bdc7df;gap:32px}.navlinks a{transition:color .2s}.navlinks a:hover{color:white}.nav>.button{background:#ffffff0b;border:1px solid #ffffff35;box-shadow:none;border-radius:100px;padding:10px 25px}.nav>.button:hover{background:#ffffff18}
.hero{padding:72px 0 0;background:#080f24;color:white;isolation:isolate;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 75%,#315bff50,transparent 52%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(transparent,#000 25%)}
.hero:after{content:'';position:absolute;width:950px;height:430px;top:360px;left:50%;transform:translateX(-50%);border:1px solid #7892ff33;border-radius:50%;z-index:-1;box-shadow:0 0 100px #456cff25,inset 0 0 70px #456cff18}
.pill{background:#ffffff06;border-color:#ffffff23;color:#b8c8ff;padding:7px 14px;font-size:12px;letter-spacing:.2px}.pill svg{color:#a6bbff}
h1{font-size:clamp(48px,6.25vw,82px);max-width:1110px;letter-spacing:-4px;line-height:1.09;margin:25px auto 24px;font-weight:650}h1 span{color:#9bb4ff;background:linear-gradient(105deg,#d5e1ff 10%,#98b3ff 45%,#7389ff 90%);background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{color:#aab8d1;max-width:650px;font-size:16px;line-height:1.9}.hero-actions{margin-top:29px;gap:12px}.button{border-radius:9px;min-height:51px;padding:13px 25px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #315bff25}.hero .button:not(.secondary){background:#5675ff;box-shadow:inset 0 1px #ffffff50,0 0 24px #456cff35}.hero .button.secondary{background:#ffffff05;border-color:#ffffff26;color:#dbe3f5}.hero .button.secondary:hover{background:#ffffff12}.hero-note{color:#7e90b0;margin-top:18px}.hero-note span{color:#9eb5ff}
.product-stage{position:relative;max-width:1070px;margin:51px auto 0;padding:0 30px}.product-tabs{display:flex;justify-content:center;gap:6px;margin:0 auto 22px;border:1px solid #ffffff15;border-radius:100px;background:#ffffff06;padding:5px;width:max-content;max-width:100%}.product-tab{border:0;color:#a7b7d6;background:transparent;padding:8px 17px;border-radius:100px;font-size:12px;display:flex;gap:7px;align-items:center}.product-tab svg{width:14px;height:14px}.product-tab[aria-pressed=true]{background:#ffffff15;color:#fff;box-shadow:inset 0 0 0 1px #ffffff13}.product-tab:hover{color:white}
.dashboard{margin:0;max-width:none;color:var(--ink);height:425px;border-radius:14px 14px 0 0;box-shadow:0 0 0 6px #ffffff08,0 0 100px #315bff26;border-color:#dce3f1;grid-template-columns:190px 1fr;position:relative}.sidebar{background:#f7f9ff;padding:24px 18px}.sidebar .brand{font-size:17px}.dash-top{height:56px}.dash-content{padding:24px}.metric{box-shadow:0 3px 10px #263b6c03;background:linear-gradient(130deg,#fff,#fafbff)}.metric strong{font-size:30px}.metric-label{font-size:12px}.bars .bar{background:linear-gradient(#b7c9ff,#dfe7ff);transition:height .6s cubic-bezier(.22,1,.36,1)}.bar:nth-child(3n){background:linear-gradient(#5a7aff,#3758de)}.chart-card{background:#fff}.dash-heading p{font-size:12px}.demo-label{font-size:11px}
.floating-note{position:absolute;z-index:2;right:-20px;top:139px;background:#fff;color:#233253;box-shadow:0 15px 55px #0003;border:1px solid #e2e9fa;border-radius:12px;padding:13px 18px;display:flex;align-items:center;gap:11px;text-align:left;transform:rotate(3deg)}.floating-note .check{width:31px;height:31px;background:#e9f7f1;color:#26835b}.floating-note strong{font-size:12px;display:block}.floating-note small{display:block;color:#8390a6;font-size:10px}.float-label{position:absolute;z-index:2;left:-24px;bottom:61px;color:#dbe6ff;background:#192f65ed;border:1px solid #7394df55;border-radius:10px;padding:13px 18px;box-shadow:0 10px 35px #0002;font-size:12px;transform:rotate(-3deg)}.float-label svg{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:7px;color:#a4baff}
.ecosystem{padding:34px 0 35px;border-top:0;background:#fafbff}.ecosystem p{font-size:12px;letter-spacing:.5px}.logos{gap:54px;color:#536078;margin-top:22px;font-size:20px}.logos>span{opacity:.75}
.section{padding:112px 0}.section-heading{max-width:760px;margin-bottom:50px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.3px;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow:before{content:'';width:18px;height:1px;background:currentColor;opacity:.6}h2{font-size:clamp(34px,3.8vw,51px);font-weight:650;letter-spacing:-2px}.section-heading p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:21px}.features{gap:22px}.feature{position:relative;padding:30px 28px 0;border-radius:17px;background:#f8faff;border-color:#e3e9f5;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-6px);box-shadow:0 22px 50px #1c3d8e0d}.feature:nth-child(2){background:#f7f6fd;border-color:#e8e5f6}.feature:nth-child(3){background:#f3f9f9;border-color:#e0eded}.feature-icon{background:#fff;border:1px solid #e1e8fa;box-shadow:0 4px 10px #233c7f05;width:47px;height:47px;border-radius:12px;margin-bottom:24px}.feature:nth-child(2) .feature-icon{color:#8064cb;border-color:#e6dff7}.feature:nth-child(3) .feature-icon{color:#238b84;border-color:#d6e9e7}.feature h3{font-size:22px;max-width:240px}.feature p{font-size:14px;min-height:100px}.mini{background:#fff;box-shadow:0 6px 22px #1b305e08;border-radius:9px 9px 0 0;padding:17px;height:160px;margin-top:30px;transition:transform .3s}.feature:hover .mini{transform:translateY(-4px)}.mini-task{padding:9px 0}.flow-node{padding:11px 8px}.hub{background:linear-gradient(145deg,#5d80ff,#3251cb)}
.why{background:#fff;border:0;padding-top:15px;padding-bottom:100px}.why-grid{padding-top:65px;border-top:1px solid var(--line);gap:90px}.why .eyebrow{justify-content:flex-start}.why h2{margin-top:18px}.why-intro{line-height:1.85}.why-list{gap:26px}.why-item h3{font-size:17px}.why-item p{line-height:1.8;max-width:350px}.why-item .check{border:1px solid #d9e3ff;background:#f4f7ff;width:24px;height:24px}.blueprint{min-height:425px;padding:36px;background-color:#0d1832;background-image:radial-gradient(ellipse at 70% 50%,#335be34d,transparent 70%),radial-gradient(#92acfa26 1px,transparent 1px);background-size:auto,20px 20px;border:1px solid #243965;border-radius:21px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #5277f518}.blueprint-title{color:#9cb2e0;font-size:10px;margin-bottom:26px}.stack-card{padding:19px;background:linear-gradient(100deg,#1e3157,#152342);border-color:#6d90d62e;color:#f0f4ff;box-shadow:0 10px 20px #0002}.stack-card+.stack-card{margin-top:17px}.stack-card .feature-icon{background:#ffffff0b;border-color:#ffffff15;color:#9fb9ff}.stack-card p{color:#8fa4c9}.stack-card h3{font-size:15px}.stack-footer{color:#94a9ce;font-size:11px;margin-top:30px}.stack-card:nth-child(3){transform:translateX(2px)}
#approach{background:#f7f9fd;border-top:1px solid #edf0f6}.process{gap:0;border:1px solid #dfe5f1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #23325a04}.step{border:0;padding:30px 32px 34px;position:relative}.step+.step{border-left:1px solid var(--line)}.step-number{display:block;font-size:11px;letter-spacing:1.5px}.step:before{content:attr(data-step);position:absolute;right:24px;top:13px;font:650 64px Manrope,sans-serif;color:#f0f3fb;letter-spacing:-4px}.step h3{position:relative;font-size:22px;margin-top:28px}.step p{line-height:1.85}.faq{margin-top:65px;max-width:810px}.faq-heading{font-size:25px;text-align:center;margin-bottom:20px;letter-spacing:-.8px}details{padding:21px 0}summary{font-size:16px}summary:after{background:#eaf0ff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex:none;font-size:17px}details p{line-height:1.85}
.contact{padding:80px 0;background:#fff}.contact-panel{padding:64px;background:#0a1530;border-radius:23px;gap:75px;background-image:radial-gradient(ellipse at 0% 100%,#2c4cba60,transparent 65%)}.contact-panel>.contact-copy{position:relative}.contact .eyebrow{justify-content:flex-start;color:#91aaff}.contact h2{font-size:43px;letter-spacing:-1.8px;line-height:1.18}.contact-description{line-height:1.9}.contact-note{max-width:320px;line-height:1.8}.contact-symbol{margin-top:42px;display:inline-flex;width:73px;height:73px;background:linear-gradient(145deg,#ffffff12,#ffffff03);border:1px solid #ffffff1e;border-radius:19px;align-items:center;justify-content:center;box-shadow:0 0 45px #7296ff18}.contact-symbol .mark{width:37px;height:43px;color:#b4c7ff}.contact form{padding:25px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff04;gap:15px}.contact input,.contact textarea,.contact select{background:#07112766;border-color:#ffffff20;padding:11px 12px}.contact label{font-size:12px}.contact .button{margin-top:2px}.form-hint{line-height:1.7}.form-status:empty{display:none}.footer{padding:42px 0 25px;background:#f8faff}.footer-top{align-items:flex-start}.footer .brand{font-size:23px}.footer-links{padding-top:10px;gap:32px}.footer p{font-size:13px}.footer-bottom{padding-top:25px;margin-top:32px;font-size:12px}.menu-toggle{color:#d5e0ff;border-color:#ffffff25}
@media(min-width:1000px){.hero h1{white-space:nowrap}.hero .container{padding:0 38px}}
@media(max-width:1000px){.floating-note{right:0}.float-label{left:0}.product-stage{padding:0 18px}.why-grid{gap:45px}.logos{gap:30px}.contact-panel{gap:30px;padding:40px}.contact h2{font-size:37px}.contact form{padding:20px}.feature{padding:25px 20px 0}.feature p{min-height:126px}}
@media(max-width:680px){.header{height:73px}.nav .brand{font-size:21px}.navlinks{background:#0e1931;top:73px;border-color:#ffffff15}.hero{padding-top:43px}.hero:after{top:350px;width:650px;height:370px}h1{font-size:43px;letter-spacing:-2.3px;line-height:1.15;margin-top:23px}.hero-description{font-size:14px;line-height:1.85}.hero-actions{gap:9px;flex-wrap:wrap}.hero .button{font-size:12px;padding:12px 15px;min-height:47px}.hero-note{font-size:10px;line-height:1.7}.pill{font-size:11px}.product-stage{padding:0;margin-top:32px}.product-tabs{gap:0;margin-bottom:18px;padding:4px}.product-tab{font-size:10px;padding:7px 12px;gap:5px}.product-tab svg{width:12px;height:12px}.dashboard{height:325px;grid-template-columns:1fr;border-radius:9px 9px 0 0}.dash-content{padding:16px 12px}.dash-top{height:42px}.dash-heading p{font-size:10px;max-width:220px}.dash-heading h3{font-size:15px;letter-spacing:-.4px}.demo-label{font-size:8px}.metric strong{font-size:23px}.metric-label{font-size:9px}.floating-note,.float-label{display:none}.chartrow{grid-template-columns:1.2fr 1fr}.chart-card{padding:10px}.chart-title{font-size:9px}.ecosystem{padding:27px 0}.ecosystem p{font-size:11px}.logos{font-size:16px;gap:16px 23px}.section{padding:70px 0}.section-heading{margin-bottom:34px}h2{font-size:35px;letter-spacing:-1.4px}.section-heading p:not(.eyebrow){font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.8px}.features{gap:20px}.feature{padding:27px 26px 0}.feature h3{max-width:none;font-size:23px}.feature p{min-height:0}.mini{margin-top:26px;max-width:none}.why{padding-top:0;padding-bottom:65px}.why-grid{padding-top:45px;gap:33px}.blueprint{padding:28px 26px;min-height:390px}.stack-card{padding:15px}.stack-card h3{font-size:13px}.stack-card p{font-size:11px}.stack-card:nth-child(4){margin-left:24px;margin-right:-12px}.stack-card:nth-child(3){margin-left:12px}.blueprint-title{font-size:9px}.why-intro{font-size:15px}.process{gap:0}.step{padding:28px}.step+.step{border-left:0;border-top:1px solid var(--line)}.step h3{margin-top:20px}.faq-heading{font-size:23px}.faq{margin-top:45px}summary{font-size:14px}.contact{padding:45px 0}.contact-panel{padding:30px 23px;border-radius:17px;gap:28px}.contact h2{font-size:34px}.contact form{padding:0;border:0;background:transparent}.contact-symbol{display:none}.footer-links{gap:26px}.footer .brand{font-size:21px}.footer{padding-top:32px}.footer-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){.button,.feature,.mini,.bars .bar{transition:none}.feature:hover,.button:hover,.feature:hover .mini{transform:none}}