@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#0b1020;--navy2:#111833;--purple:#7957ff;--purple-light:#ae9cff;--pink:#ff8d81;--lime:#d0fc76;--white:#fff;--muted:#9298ac;--ink:#181b2d;--paper:#f7f7fb;--border:#e9e9f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.container{width:min(1170px,calc(100% - 48px));margin-inline:auto}.section{padding:108px 0}.skip{position:absolute;left:-9999px;top:5px;z-index:200;background:white;color:black;padding:12px}.skip:focus{left:15px}.header{position:sticky;top:0;z-index:100;background:rgba(11,16,32,.96);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff16}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;color:white;font-weight:600;font-size:24px;letter-spacing:-1.2px;white-space:nowrap}.brand-symbol{background:var(--purple);font-size:25px;font-weight:900;letter-spacing:-3px;color:white;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;padding-right:4px}.brand-symbol span,.brand-dot{color:var(--lime)}.brand-accent{color:#b2a6ff}.brand strong{font-weight:800}.nav-links{display:flex;align-items:center;gap:31px;color:#c7c8d8;font-size:13px;font-weight:700}.nav-links>a:not(.btn):hover{color:white}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 23px;border-radius:12px;font-weight:800;font-size:14px;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:white;box-shadow:0 8px 20px #7957ff32}.btn-primary:hover{background:#6545e8}.btn-small{padding:13px 16px;font-size:12px}.btn-outline{border:1px solid #ffffff42;color:white;background:#ffffff0c}.btn-outline:hover{background:#ffffff18}.mobile-menu{display:none}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;padding-top:108px;padding-bottom:42px}.ambient{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}.ambient-a{background:#6644ff33;width:540px;height:540px;top:-190px;right:10%}.ambient-b{background:#ff5d6d15;width:440px;height:400px;bottom:70px;left:-250px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:45px;min-height:530px;position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:var(--purple);text-transform:uppercase}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#c9beff;background:#ffffff0d;border:1px solid #ffffff1c;padding:11px 14px;border-radius:30px;letter-spacing:1.4px}.pulse,.live-dot{height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d0fc7617}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif}h1{font-size:clamp(51px,5.5vw,79px);line-height:1.04;letter-spacing:-3.8px;margin:30px 0 23px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--purple-light)}.lead{font-size:17px;color:#aeb3c7;line-height:1.85;max-width:530px}.lead strong{color:white;font-weight:600}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.play{font-size:10px;border:1px solid #ffffff60;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;padding-left:2px}.hero-foot{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px;color:#abb0c5;font-size:11px}.mini-check{color:var(--lime);font-weight:900;margin-right:-7px}.hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}.art-backdrop{position:absolute;width:450px;height:450px;background:radial-gradient(circle,#7957ff40 0%,transparent 68%)}.monitor{width:min(100%,500px);z-index:3;transform:perspective(1000px) rotateY(-9deg) rotateX(3deg) rotateZ(1deg);filter:drop-shadow(0 30px 50px #0009)}.monitor-bezel{background:#1b2031;padding:11px;border-radius:16px;border:2px solid #5a5b6b;box-shadow:inset 0 0 0 2px #05080e}.mock-screen{aspect-ratio:16/10;display:grid;grid-template-columns:48% 52%;overflow:hidden;background:#fbdcc0;border-radius:5px}.mock-left{background:#f6e3cf;padding:11% 8%;color:#272034;position:relative}.mock-small{font-size:9px;font-weight:900;letter-spacing:3px}.mock-title{font:900 clamp(28px,4vw,55px)/.9 Outfit,sans-serif;letter-spacing:-2px;margin-top:22px}.mock-title i{font-style:normal;color:#dd674c}.mock-rule{width:42px;border-top:4px solid #262132;margin:20px 0 12px}.mock-sub{font-size:13px;font-weight:700;line-height:1.4}.mock-bottom{font-size:7px;font-weight:900;letter-spacing:1.4px;position:absolute;bottom:12px}.mock-right{background:#f99b7b;position:relative;overflow:hidden}.mock-circle{position:absolute;border:2px solid #ffdfbe;border-radius:50%}.mock-circle.one{width:270px;height:270px;top:-70px;left:-40px}.mock-circle.two{width:210px;height:210px;bottom:-140px;right:-60px}.mock-product{position:absolute;width:110px;height:180px;top:25%;left:31%;transform:rotate(10deg);filter:drop-shadow(12px 17px 8px #b94e4e77)}.mock-glass{height:145px;background:linear-gradient(110deg,#fbdf91 10%,#f7ae3d 60%,#d87b34);border-radius:20px 20px 34px 34px;clip-path:polygon(0 0,100% 0,86% 100%,13% 100%);border-top:9px solid #fff4d6}.mock-straw{position:absolute;top:-38px;left:57px;height:85px;width:7px;background:#f7f4da;transform:rotate(15deg)}.mock-fruit{position:absolute;top:-12px;left:-18px;background:#fbca43;border:12px solid #ffe8a0;border-radius:50%;height:57px;width:57px}.mock-sticker{background:var(--lime);position:absolute;right:12px;bottom:15px;border-radius:50%;height:66px;width:66px;color:#273920;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:900;line-height:1.1;transform:rotate(14deg)}.monitor-neck{width:68px;height:38px;margin:auto;background:linear-gradient(90deg,#131827,#4a4c5b,#131827)}.monitor-foot{width:158px;height:12px;background:linear-gradient(90deg,#272d3c,#5e6073,#1b2030);border-radius:20px 20px 5px 5px;margin:auto}.floating-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:13px;background:#fff;color:#666a79;border-radius:15px;padding:14px 18px;box-shadow:0 18px 50px #0006;font-size:11px;line-height:1.4;white-space:nowrap}.floating-tag strong{color:#1b2030;font-size:13px}.float-top{right:-2px;top:45px;transform:rotate(5deg)}.float-bottom{bottom:65px;left:-25px;transform:rotate(-5deg)}.tag-icon{display:grid;place-items:center;background:#ebe4ff;color:#7957ff;border-radius:10px;height:35px;width:35px;font-size:20px}.live-dot{background:#20b887;box-shadow:0 0 0 7px #20b88720;margin:0 10px}.orbit{position:absolute;z-index:0;border:1px solid #ffffff12;border-radius:50%}.orbit-one{height:540px;width:540px}.orbit-two{height:410px;width:410px}.trust-line{border-top:1px solid #ffffff19;padding:28px 0 4px;text-align:center;color:#80879d;font-size:10px;letter-spacing:1.5px;font-weight:800;position:relative;z-index:1}.trust-items{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-family:Outfit,sans-serif;font-size:16px;letter-spacing:0;color:#b2b5c4}.light-section{background:var(--paper)}.section-heading{text-align:center;max-width:720px;margin:0 auto 57px}.section-heading h2,.coming h2,.faq h2,.contact h2{font-weight:800;font-size:clamp(37px,4vw,55px);letter-spacing:-2.2px;line-height:1.12;margin:15px 0 16px}.section-heading h2 em,.faq h2 em{color:var(--purple)}.section-heading p{font-size:16px;color:#777d8e;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.feature{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #eeecf4;border-radius:23px;padding:30px;min-height:420px}.feature-main{background:#e8e3ff}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:24px}.feature-icon.purple{background:#7858ff;color:white}.feature-icon.coral{background:#ffddd8;color:#ea6d66}.feature-icon.green{background:#e9f8c7;color:#4f9828}.feature h3{font-size:25px;line-height:1.2;margin-bottom:12px}.feature p{font-size:14px;line-height:1.75;color:#777b8a}.mini-editor{margin:30px -5px -50px;background:#fff;border-radius:11px 11px 0 0;box-shadow:0 7px 30px #3d279e25;overflow:hidden;border:1px solid #d8d4e7}.editor-toolbar{height:29px;display:flex;gap:4px;align-items:center;padding:0 10px;background:#f5f5fa}.ed-dot{width:6px;height:6px;border-radius:50%;background:#c8c9d0}.editor-name{font-size:8px;font-weight:700;margin-left:15px;color:#888}.editor-publish{margin-left:auto;font-size:7px;background:#7957ff;color:#fff;border-radius:3px;padding:4px 6px}.editor-body{display:flex;height:151px}.editor-sidebar{width:31px;display:flex;flex-direction:column;gap:11px;align-items:center;padding-top:13px;background:#fafafd;font-size:12px;color:#8c89a9}.editor-canvas{margin:9px auto;width:60%;background:#f89c86;position:relative;padding:15px 10px}.editor-text{font:900 23px/.87 Outfit,sans-serif;color:#3a1935;letter-spacing:-1px}.editor-text em{color:#fff;font-style:normal}.editor-pill{position:absolute;bottom:15px;left:11px;background:#d7fc80;border-radius:12px;padding:4px 7px;font-size:7px;font-weight:900}.editor-props{width:37px;border-left:1px solid #eee;padding:11px 5px}.editor-props span{display:block;height:6px;background:#e6e5f0;border-radius:3px;margin-bottom:9px}.feature-graphic{position:absolute;left:25px;right:25px;bottom:18px;height:135px}.screens-graphic{display:flex;align-items:end;justify-content:center;gap:12px}.sg-screen{background:#141a2b;border:5px solid #303347;border-radius:7px;box-shadow:0 8px 20px #0002}.sg1{width:88px;height:88px;background:linear-gradient(135deg,#ffcc91 0 45%,#f9736b 45%)}.sg2{width:115px;height:112px;background:linear-gradient(135deg,#9a83fb 0 55%,#d7fb80 55%)}.sg3{width:74px;height:96px;background:linear-gradient(160deg,#f6cbd9 0 50%,#a0dbca 50%)}.update-graphic{display:grid;place-items:center}.update-chip{padding:16px 19px;background:#f8f9fc;border:1px solid #eaeaf3;border-radius:14px;box-shadow:0 16px 20px #0001;font-size:12px;font-weight:700;width:100%;max-width:255px}.update-chip strong{display:block;color:#7a8190;font-size:10px;font-weight:500;margin:5px 0 0 34px}.update-check{display:inline-grid;place-items:center;color:#248c45;background:#dbf7e2;border-radius:50%;height:25px;width:25px;margin-right:5px}.industries{background:#12182b;color:#fff}.heading-dark p{color:#b0b4c5}.heading-dark h2 em{color:#b9aaff}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-card{background:#1b2339;border:1px solid #ffffff12;border-radius:17px;padding:28px;min-height:176px;transition:transform .2s,background .2s}.industry-card:hover{transform:translateY(-4px);background:#252d45}.industry-icon{display:block;font-size:25px;color:#bca9ff;margin-bottom:19px}.industry-card strong{font:700 18px Outfit,sans-serif}.industry-card p{color:#aab0c1;font-size:13px;margin:9px 0 0}.industry-card.special{background:#8061ff;color:white}.industry-card.special .industry-icon,.industry-card.special p{color:white}.how{background:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;padding:22px 16px 0;text-align:center}.step:after{content:'→';position:absolute;right:-18px;top:76px;color:#cbc4fb;font-size:24px}.step:last-child:after{display:none}.step-number{font:900 13px Outfit,sans-serif;color:#c2b8f6}.step-icon{height:105px;width:105px;border:1px solid #e8e5f9;background:#f5f1ff;border-radius:27px;display:grid;place-items:center;margin:17px auto 25px;font-size:44px;color:#7656ed}.step h3{font-size:21px;margin-bottom:9px}.step p{font-size:13px;color:#828698;line-height:1.7;max-width:190px;margin:auto}.coming{background:#ebe6ff;overflow:hidden}.coming-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.coming h2{max-width:440px}.coming h2 em{color:#6c4de3}.coming p{max-width:500px;color:#646079;line-height:1.8;margin:20px 0 26px}.coming-visual{position:relative;display:grid;place-items:center;min-height:300px}.window-window{width:min(400px,95%);transform:rotate(6deg);background:#fff;padding:8px;border-radius:15px;box-shadow:0 30px 55px #624ec032}.window-top{height:26px;display:flex;justify-content:space-between;padding:0 10px;align-items:center;font-size:9px;color:#a1a0af}.window-top span{color:#ff9f90;letter-spacing:3px}.window-content{height:240px;background:#c7ee7d;padding:28px 35px;position:relative;overflow:hidden}.window-content span{font:800 10px Outfit,sans-serif;letter-spacing:3px}.window-content strong{display:block;font:900 64px/.9 Outfit,sans-serif;letter-spacing:-4px;margin-top:20px;color:#282b29}.window-content strong i{color:#7456d8;font-style:normal}.window-shapes{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;border-radius:50%;background:#fb9b87}.window-shapes i{display:block;position:absolute;border:10px solid #fae7c9;border-radius:50%;width:80px;height:80px;right:35px;top:35px}.sparkle{position:absolute;color:#7957ff;font-size:45px}.s1{top:8px;right:30px}.s2{bottom:7px;left:20px}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq h2 em{color:#7957ff}.faq-grid>div>p{color:#7e8293;line-height:1.8}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:22px 4px}summary{list-style:none;cursor:pointer;font-weight:800;font-size:15px;display:flex;justify-content:space-between;gap:20px;align-items:center}summary::-webkit-details-marker{display:none}summary span{color:#7957ff;font-size:23px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{color:#767b8a;font-size:14px;line-height:1.75;margin:13px 30px 0 0}.contact{background:#f7f7fb}.contact-box{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#131a30;color:#fff;border-radius:27px;padding:70px;overflow:hidden}.contact-glow{position:absolute;top:-170px;left:-170px;width:400px;height:400px;background:#8056ff33;filter:blur(70px);pointer-events:none}.contact-copy{z-index:1}.contact h2 em{color:#baa8ff}.contact-copy>p{color:#b1b6c7;line-height:1.8}.contact-note{margin-top:35px;font-size:12px;color:#c7cbda}.contact-note span{color:var(--lime);font-size:22px;vertical-align:middle;margin-right:7px}.contact-form{background:white;border-radius:17px;padding:28px;display:flex;flex-direction:column;gap:8px;color:#242638;z-index:1}.contact-form label{font-size:12px;font-weight:800;margin-top:5px}.contact-form label span{color:#8d91a0;font-weight:500}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e2e2ec;background:#fafafd;border-radius:9px;padding:12px 14px;outline:none;color:#272637;font-size:13px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#8d70fb;box-shadow:0 0 0 3px #8d70fb20}.contact-form .submit{margin-top:10px;width:100%}.contact-form small{color:#9294a0;font-size:10px;line-height:1.5;text-align:center}.footer{background:#0b1020;color:#adb2c6;padding:35px 0 25px}.footer-inner{display:flex;align-items:center;gap:25px}.footer-inner p{font-size:12px;margin:0}.footer-right{margin-left:auto;display:flex;gap:27px;font-size:12px}.footer-right a:hover{color:white}.footer-disclaimer{font-size:10px;color:#7a8197;padding-top:19px;margin-top:22px;border-top:1px solid #ffffff12}
@media(max-width:1050px){.nav-links{gap:15px}.hero-grid{gap:15px}.hero-art{min-height:440px}.monitor{max-width:420px}.floating-tag{transform:none}.float-top{top:5px}.float-bottom{bottom:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:span 2;min-height:470px}.mini-editor{max-width:500px;margin:auto}.contact-box{padding:50px;gap:35px}}
@media(max-width:760px){.container{width:min(100% - 32px,540px)}.section{padding:70px 0}.header .nav{min-height:69px}.brand{font-size:21px}.mobile-menu{display:flex;flex-direction:column;gap:5px;background:transparent;border:1px solid #ffffff2c;border-radius:9px;padding:10px}.mobile-menu span{display:block;height:2px;width:21px;background:#fff}.nav-links{display:none;position:absolute;left:0;right:0;top:69px;flex-direction:column;align-items:stretch;gap:0;padding:15px 22px 24px;background:#0b1020;border-top:1px solid #ffffff1b}.nav-links.open{display:flex}.nav-links>a{padding:13px 7px}.nav-links .btn{margin-top:8px}.hero{padding-top:52px;padding-bottom:30px}.hero-grid,.coming-grid,.faq-grid,.contact-box{grid-template-columns:1fr}.hero-grid{gap:20px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:9px}h1{font-size:clamp(49px,12vw,65px);letter-spacing:-2.7px}.lead{font-size:15px}.hero-actions{justify-content:center}.hero-foot{justify-content:center;font-size:10px}.hero-art{min-height:390px}.monitor{width:90%;max-width:440px}.mock-title{font-size:clamp(28px,8vw,43px)}.float-top{right:0;top:0}.float-bottom{left:0;bottom:4px}.floating-tag{padding:8px 10px;font-size:9px}.floating-tag strong{font-size:10px}.orbit-one{width:380px;height:380px}.orbit-two{width:260px;height:260px}.trust-items{justify-content:center;gap:14px 24px;font-size:14px}.section-heading{margin-bottom:34px}.section-heading h2,.coming h2,.faq h2,.contact h2{font-size:40px;letter-spacing:-1.5px}.feature-grid{grid-template-columns:1fr}.feature-main{grid-column:auto;min-height:440px}.feature{min-height:350px}.industry-grid{grid-template-columns:1fr 1fr}.industry-card{padding:20px;min-height:170px}.steps{grid-template-columns:1fr 1fr;row-gap:30px}.step:after{display:none}.coming-grid{gap:20px}.coming-visual{min-height:290px}.faq-grid{gap:30px}.contact-box{padding:32px 22px;gap:25px}.footer-inner{flex-wrap:wrap;gap:15px}.footer-right{width:100%;margin-left:0;justify-content:space-between}.footer-disclaimer{line-height:1.6}}
@media(max-width:430px){.container{width:calc(100% - 28px)}.hero-actions .btn{width:100%}.hero-art{min-height:330px}.mock-title{font-size:27px}.mock-sub{font-size:9px}.mock-product{transform:scale(.72) rotate(10deg);transform-origin:center top;left:22%}.mock-sticker{transform:scale(.75) rotate(14deg);transform-origin:right bottom}.float-top{top:10px}.float-bottom{bottom:4px}.floating-tag{font-size:8px}.industry-grid{grid-template-columns:1fr}.industry-card{min-height:130px}.steps{grid-template-columns:1fr}.window-content strong{font-size:52px}.feature-main{min-height:445px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}