@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-ext-wght-normal.8bbfa6e0.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-wght-normal.12b57c6b.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-vietnamese-wght-normal.c6a3f4e5.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-ext-wght-normal.b921df26.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-wght-normal.9ff55a8a.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-ext-wght-normal.d1990364.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.2ffcac4f.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.6b69666c.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.383b32a0.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.f5cc7610.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.fedf4c92.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--ink:#07111f;--ink-2:#0b1b32;--blue:#356bea;--blue-2:#244fc4;--cyan:#62d7ff;--paper:#f6f8fb;--white:#fff;--muted:#68758a;--line:#e3e8f0;--green:#23a36d;--radius:22px;--shadow:0 24px 70px rgba(23,45,86,.12);--font-geist:"Geist Variable","Geist","Segoe UI",Arial,sans-serif;--font-display:"Manrope Variable","Manrope","Geist Variable",sans-serif;--font-mono:"Geist Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-geist),Arial,sans-serif;font-optical-sizing:auto;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}::selection{background:#b9d0ff;color:#07111f}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:76px;position:absolute;top:0;left:0;right:0;z-index:50;color:#fff}.nav-wrap{width:min(1240px,calc(100% - 48px));height:100%;margin:auto;display:flex;justify-content:space-between}.brand,.nav-wrap{align-items:center}.brand{display:inline-flex;gap:10px;font-size:21px;font-weight:760;letter-spacing:-.5px}.brand-mark{width:38px;height:38px;background:#fff;border-radius:11px;overflow:hidden;display:grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.14)}.brand-mark img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:28px;font-size:13.5px;color:#b9c6da}.nav-links>a{transition:color .2s}.nav-links>a:hover{color:#fff}.nav-divider{height:22px;width:1px;background:rgba(255,255,255,.15)}.nav-links .sign-in{color:#fff;font-weight:630}.menu-button{display:none;background:none;border:0;padding:8px;color:#fff}.menu-button span{display:block;width:23px;height:2px;margin:5px;background:currentColor}.button{height:50px;padding:0 20px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:670;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-small{height:39px;padding:0 16px;border-radius:9px;background:#fff;color:var(--ink)!important;box-shadow:0 7px 22px rgba(0,0,0,.15)}.button-primary{background:linear-gradient(135deg,#4479f2,#2858d9);color:#fff;box-shadow:0 12px 30px rgba(52,104,233,.35)}.button-primary:hover{box-shadow:0 16px 38px rgba(52,104,233,.5)}.button-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#eef5ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button-ghost:hover{background:rgba(255,255,255,.1)}.hero{min-height:830px;padding-top:76px;background:radial-gradient(circle at 70% 36%,#142d5b 0,#0b1a31 32%,#07111f 69%);color:#fff;position:relative;overflow:hidden}.automation-grid,.cta-grid,.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(138,170,220,.07) 1px,transparent 0),linear-gradient(90deg,rgba(138,170,220,.07) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,transparent,black 20%,black 75%,transparent);mask-image:linear-gradient(180deg,transparent,black 20%,black 75%,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}.orb-one{width:520px;height:520px;right:-190px;top:100px;background:radial-gradient(circle,rgba(48,105,242,.25),transparent 65%)}.orb-two{width:350px;height:350px;left:-160px;bottom:40px;background:radial-gradient(circle,rgba(34,211,238,.09),transparent 70%)}.hero-inner{min-height:704px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;grid-gap:64px;gap:64px;position:relative;z-index:2;padding-bottom:34px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#aebdd3;display:flex;align-items:center;gap:9px;margin-bottom:25px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#61ddff;box-shadow:0 0 0 5px rgba(97,221,255,.1),0 0 18px #61ddff}.hero h1{font-size:clamp(47px,5vw,70px);line-height:.99;letter-spacing:-4px;font-weight:680;max-width:650px}.hero h1 span{background:linear-gradient(120deg,#94b6ff,#5bdcfb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.7;color:#aab8cc;max-width:570px;margin-top:26px}.hero-actions{display:flex;gap:12px;margin-top:34px}.play{font-size:9px;border:1px solid rgba(255,255,255,.25);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;padding-left:2px}.hero-checks{list-style:none;padding:0;margin:24px 0 0;display:flex;gap:21px;color:#90a0b7;font-size:11.5px}.hero-checks li{display:flex;align-items:center;gap:6px}.hero-checks svg{color:#64d6f7}.hero-visual{position:relative;height:540px;perspective:1200px}.dashboard-window{position:absolute;left:0;top:70px;width:670px;height:440px;background:#f6f8fc;border:1px solid rgba(255,255,255,.2);border-radius:15px;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.36),0 0 0 8px rgba(255,255,255,.025);transform:rotateY(-3deg) rotateX(1deg);color:#152039}.window-bar{height:51px;background:#fff;border-bottom:1px solid #e8ecf2;padding:0 14px;gap:25px}.mini-brand,.window-bar{display:flex;align-items:center}.mini-brand{gap:7px;font-size:12px}.mini-brand img{border-radius:7px}.search{width:250px;border-radius:7px;background:#f4f6fa;border:1px solid #e9edf3;color:#99a3b3;display:flex;align-items:center;padding:0 10px}.avatar,.search{height:28px;font-size:9px}.avatar{margin-left:auto;width:28px;border-radius:8px;background:#e5edff;color:#285bd5;display:grid;place-items:center;font-weight:700}.dashboard-body{height:389px;display:grid;grid-template-columns:112px 1fr}.dashboard-body aside{background:#fff;border-right:1px solid #e8ecf2;padding:14px 9px;display:flex;flex-direction:column;gap:6px}.dashboard-body aside span{height:28px;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#8290a4;font-size:10px}.dashboard-body aside i{font-style:normal}.dashboard-body aside .side-active{color:#285bd5;background:#edf3ff}.dashboard-body aside small{font-size:6px;letter-spacing:.1em;color:#a8b0bd;margin:9px 8px 1px}.dash-content{padding:22px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title div{display:flex;flex-direction:column;gap:4px}.dash-title small{font-size:6px;color:#8d98a9;letter-spacing:.12em}.dash-title strong{font-size:15px}.dash-title button{border:0;background:#3165df;color:#fff;padding:8px 10px;border-radius:6px;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:18px}.metric{background:#fff;border:1px solid #e5eaf1;border-radius:9px;padding:13px;display:flex;flex-direction:column}.metric small{font-size:7px;color:#7f8a9a}.metric strong{font-size:17px;margin-top:6px}.metric span{font-size:6.5px;color:#1aa06d;margin-top:4px}.chart-panel{margin-top:11px;background:#fff;border:1px solid #e5eaf1;border-radius:9px;padding:14px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel-title>div{display:flex;flex-direction:column;gap:3px}.panel-title strong{font-size:9px}.panel-title small{font-size:6.5px;color:#8994a5}.panel-title>span{font-size:6px;padding:5px 7px;border:1px solid #e5eaf1;border-radius:5px}.chart-area{height:150px;position:relative;margin:9px 0 0 25px;background-image:linear-gradient(#edf0f5 1px,transparent 0);background-size:100% 50px}.chart-area svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-area .area{fill:url(#fill)}.chart-area .line{fill:none;stroke:#4f7cff;stroke-width:2.3;vector-effect:non-scaling-stroke}.axis{position:absolute;left:-25px;font-size:6px;color:#a7afbb}.axis.y1{top:-3px}.axis.y2{top:47px}.axis.y3{top:97px}.float-card{position:absolute;background:rgba(255,255,255,.96);border:1px solid #e7ebf2;color:#18243a;border-radius:11px;box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:3;display:flex;align-items:center;padding:11px;gap:9px;animation:float 5s ease-in-out infinite}.float-card>div{display:flex;flex-direction:column;gap:2px}.float-card small{font-size:7px;color:#8792a3}.float-card strong{font-size:9px}.mini-icon{width:30px;height:30px;display:grid;place-items:center;background:#eaf0ff;color:#3264dc;border-radius:8px}.mini-icon.green{background:#e8f8f1;color:#169260}.mini-icon.amber{background:#fff4dc;color:#d88b16}.float-card>b{margin-left:auto;font-size:6.5px;color:#189366;display:flex;gap:3px;align-items:center}.float-card>b i{width:5px;height:5px;border-radius:50%;background:#1bad70}.float-automation{left:-38px;top:34px;width:185px}.float-payment{right:-38px;top:150px;width:180px;animation-delay:-1.4s}.float-payment>b{color:#8a96a7}.float-stock{left:100px;bottom:-8px;width:190px;animation-delay:-2.7s}.float-stock>span:last-child{margin-left:auto;color:#718096}@keyframes float{50%{transform:translateY(-8px)}}.workflow-line{position:absolute;bottom:16px;left:50%;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#2e5fbf,#60d9f5,#2e5fbf,transparent);opacity:.6}.workflow-line i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#7de5ff;box-shadow:0 0 12px #55dfff}.workflow-line i:first-child{left:12%}.workflow-line i:nth-child(2){left:38%}.workflow-line i:nth-child(3){left:68%}.workflow-line i:nth-child(4){left:90%}.product-strip{height:100px;background:#fff;border-bottom:1px solid var(--line)}.strip-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.strip-inner>span{color:#8a94a3;font-size:12px}.strip-inner>div{display:flex;gap:43px}.strip-inner b{font-size:12px;color:#344257;position:relative}.strip-inner b:not(:last-child):after{content:"";position:absolute;right:-23px;top:6px;width:3px;height:3px;border-radius:50%;background:#c7ced8}.section{padding:120px 0}.section-heading .section-label,.section-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#3f6fd8;font-weight:700;margin-bottom:18px}.section-heading h2,.security-copy h2,.split-heading h2,.story-copy h2{font-size:clamp(38px,4vw,55px);line-height:1.08;letter-spacing:-2.7px;font-weight:660}.section-heading>p{color:var(--muted);font-size:16px;line-height:1.7;margin-top:21px}.centered{text-align:center}.intro{background:#fff;padding-bottom:78px}.steps{margin-top:66px;display:flex;align-items:center;justify-content:center}.step{display:flex;align-items:flex-start;gap:15px;width:250px}.step>span{font-family:var(--font-mono);color:#4272df;font-size:10px;width:34px;height:34px;border:1px solid #c9d8f8;background:#f5f8ff;border-radius:50%;display:grid;place-items:center}.step h3{font-size:16px;margin:1px 0 6px}.step p{font-size:12px;line-height:1.55;color:var(--muted)}.step-connector{width:105px;height:1px;background:#d8e1ef;margin:0 18px 34px;position:relative}.step-connector i{position:absolute;width:5px;height:5px;background:#5b86e8;border-radius:50%;left:50%;top:-2px}.feature-section{padding-top:28px;background:#fff}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px}.feature-card{min-height:520px;border:1px solid var(--line);background:#f7f9fc;border-radius:var(--radius);padding:36px;overflow:hidden;position:relative}.feature-card.feature-wide{grid-column:span 1}.feature-card.feature-dark{background:linear-gradient(150deg,#0b1930,#111f39);color:#fff;border-color:#1d304f}.feature-copy{max-width:450px;position:relative;z-index:2}.feature-tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#3b69cf;display:flex;align-items:center;gap:7px}.feature-dark .feature-tag{color:#72d9f2}.feature-copy h3{font-size:26px;letter-spacing:-1px;margin-top:17px}.feature-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:410px}.feature-dark .feature-copy p{color:#9aaac2}.builder-visual{height:285px;background:#fff;position:absolute;left:35px;right:-55px;bottom:-10px;border-radius:13px 0 0 0;border:1px solid #dfe5ee;display:grid;grid-template-columns:160px 1fr;box-shadow:0 25px 55px rgba(36,59,95,.12);overflow:hidden}.field-list{background:#f4f6f9;padding:18px 12px;display:flex;flex-direction:column;gap:7px}.field-list small{font-size:7px;color:#929dab;margin:0 5px 4px;letter-spacing:.1em}.field-list>span{height:38px;background:#fff;border:1px solid #e1e6ed;border-radius:7px;display:flex;align-items:center;padding:0 9px;gap:8px;font-size:8px;color:#344257}.field-list span b{width:20px;height:20px;border-radius:5px;background:#edf2fc;color:#4872d1;display:grid;place-items:center;font-size:8px}.field-list span i{margin-left:auto;color:#aab2bd;font-style:normal}.form-preview{padding:18px 22px}.preview-bar{display:flex;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid #e7ebf1;font-size:9px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#4775de}.preview-bar span{margin-left:auto;color:#3970dc;background:#edf3ff;padding:5px 7px;border-radius:5px;font-size:7px}.form-preview label{display:flex;flex-direction:column;font-size:8px;font-weight:600;margin-top:14px;gap:6px}.form-preview label>span{font-size:6px;color:#df5362;font-weight:400;position:absolute;margin-left:50px}.form-preview label i{height:32px;border:1px solid #dfe5ed;border-radius:6px;padding:10px;color:#a5aeba;font-style:normal;font-weight:400}.drop-field{height:45px;border:1px dashed #89a6e8;background:#f5f8ff;border-radius:7px;margin-top:14px;display:grid;place-items:center;font-size:8px;color:#4770cf}.flow-visual{position:absolute;left:38px;right:38px;bottom:24px;flex-direction:column}.flow-node,.flow-visual{display:flex;align-items:center}.flow-node{width:90%;height:62px;border-radius:10px;border:1px solid #2c4161;background:#142640;padding:10px;gap:10px;box-shadow:0 12px 25px rgba(0,0,0,.18)}.flow-node>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.node-blue{background:#203f77;color:#73a0ff}.node-purple{background:#3e3268;color:#b99cff}.node-green{background:#164b42;color:#64dfb3;font-size:10px;font-weight:800}.flow-node div{display:flex;flex-direction:column;gap:3px}.flow-node small{font-size:6px;color:#7184a1}.flow-node strong{font-size:9px}.flow-node>b{margin-left:auto;color:#61d6ad}.flow-line{height:20px;width:1px;background:#3d679a;position:relative}.flow-line:after{content:"";position:absolute;bottom:0;left:-2px;border-left:2.5px solid transparent;border-right:2.5px solid transparent;border-top:4px solid #5e91ce}.mini-chart,.small-permissions{position:absolute;left:35px;right:35px;bottom:30px;background:#fff;border:1px solid #dfe5ee;border-radius:13px;padding:20px;box-shadow:0 18px 40px rgba(32,53,87,.1)}.small-permissions>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #edf0f4;font-size:9px}.small-permissions>div span{color:#8894a4}.small-permissions p{display:flex;align-items:center;gap:10px;font-size:9px;color:#536174;padding:9px 0;border-bottom:1px solid #f0f2f5}.toggle{width:27px;height:15px;border-radius:10px;background:#dce1e8;display:inline-flex;padding:2px}.toggle i{width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #8e98a5}.toggle.on{background:#3c70e2;justify-content:flex-end}.mini-chart>div:first-child{display:flex;justify-content:space-between}.mini-chart>div span{display:flex;flex-direction:column;gap:5px}.mini-chart small{font-size:7px;color:#8b96a5}.mini-chart strong{font-size:24px}.mini-chart>div>b{font-size:8px;color:#189666;background:#e9f8f2;height:max-content;padding:5px 7px;border-radius:10px}.bars{height:130px!important;display:flex!important;align-items:flex-end!important;gap:10px;margin-top:16px;border-bottom:1px solid #dfe4eb}.bars i{flex:1 1;max-height:100%;background:linear-gradient(#487be9,#a9c3ff);border-radius:4px 4px 0 0}.chart-caption{font-size:5px;word-spacing:13px;color:#a3acb8;display:block;margin-top:7px}.automation{background:#07111f;color:#fff;overflow:hidden}.automation,.automation .container{position:relative}.section-heading.light .section-label{color:#6bd8f1}.section-heading.light h2 em{font-style:normal;color:#85a9ff}.section-heading.light>p{color:#94a5bc}.journey{justify-content:center;margin-top:72px}.journey,.journey-part{display:flex;align-items:center}.journey-node{width:155px;height:164px;border:1px solid #233754;background:linear-gradient(145deg,#0e1e36,#0a172b);border-radius:17px;padding:15px;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 45px rgba(0,0,0,.2)}.journey-node small{font-family:var(--font-mono);font-size:7px;color:#6d819d}.node-icon{width:38px;height:38px;border-radius:10px;background:#162f57;color:#71a0ff;display:grid;place-items:center;margin:15px 0 13px}.journey-node strong{font-size:12px}.journey-node p{font-size:8px;color:#7e91ab;margin-top:5px}.journey-link{width:55px;height:1px;background:#2a4e7d;position:relative}.journey-link i{position:absolute;width:6px;height:6px;border-radius:50%;background:#75dcf4;box-shadow:0 0 10px #75dcf4;top:-3px;animation:travel 2.5s linear infinite}@keyframes travel{0%{left:0}to{left:100%}}.node-2 .node-icon{background:#163f37;color:#52d2a5}.node-3 .node-icon{background:#40365a;color:#b9a0f9}.node-4 .node-icon{background:#173b4e;color:#67d5f1}.automation-points{display:flex;justify-content:center;gap:24px;margin-top:42px;color:#8294ad;font-size:10px}.automation-points span{display:flex;gap:6px;align-items:center}.automation-points svg{color:#5fd7ef}.operations{background:#fff}.split-heading{display:grid;grid-template-columns:1fr .65fr;align-items:end;grid-gap:80px;gap:80px}.split-heading p{color:var(--muted);font-size:15px;line-height:1.8;padding-bottom:5px}.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:65px}.operation-card{min-height:240px;border:1px solid var(--line);border-radius:17px;padding:27px;position:relative;background:#fff;transition:.25s}.operation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cbd8f3}.operation-icon{width:43px;height:43px;border-radius:11px;background:#edf3ff;color:#3d6ed8;display:grid;place-items:center}.operation-card h3{font-size:17px;margin-top:28px}.operation-card p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px;max-width:275px}.card-arrow{position:absolute;right:25px;top:29px;color:#a6b0bd;font-size:14px}.operation-card:hover .card-arrow{color:#3d6ed8}.service-story{background:#f2f5f9}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:100px;gap:100px;align-items:center}.security-copy>p,.story-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:22px}.text-link{display:inline-flex;gap:12px;margin-top:30px;font-size:13px;font-weight:700;color:#3264d7}.timeline-card{background:#fff;border:1px solid #dfe5ed;border-radius:20px;padding:8px 25px 22px;box-shadow:0 25px 70px rgba(35,56,90,.1)}.timeline-head{height:63px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700}.live{font-size:7px;text-transform:uppercase;color:#15905f;background:#e9f7f1;border-radius:10px;padding:5px 8px}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#18a36b;margin-right:4px}.timeline-row{height:82px;display:grid;grid-template-columns:30px 25px 1fr auto;align-items:center}.timeline-number{font-family:var(--font-mono);font-size:7px;color:#8c98a8}.timeline-line{height:100%;position:relative}.timeline-line:before{content:"";position:absolute;width:1px;background:#d8e0ea;top:0;bottom:0;left:7px}.timeline-line i{position:absolute;left:3px;top:35px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #9eabbc;z-index:1}.timeline-line i.complete{border-color:#3e70df;background:#3e70df;box-shadow:0 0 0 4px #ebf1ff}.timeline-row>div strong{font-size:11px}.timeline-row>div p{font-size:8px;color:#8a96a6;margin-top:4px}.status{font-size:7px;padding:5px 8px;border-radius:10px}.status-done,.status-paid{color:#168c5d;background:#e8f7f0}.status-active{color:#3566d2;background:#edf2ff}.status-next{color:#bf7812;background:#fff4df}.security{background:#fff}.security-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:100px;gap:100px;align-items:center}.permission-demo{border:1px solid #dfe5ed;border-radius:20px;background:#f8f9fb;padding:22px;box-shadow:0 25px 70px rgba(35,56,90,.1)}.demo-top{display:flex;justify-content:space-between;align-items:center}.demo-top>div{display:flex;flex-direction:column;gap:4px}.demo-top small{font-size:7px;color:#8d98a8;text-transform:uppercase}.demo-top strong{font-size:14px}.demo-top>span{font-size:7px;background:#fff;border:1px solid #e1e6ed;padding:6px 9px;border-radius:7px}.permission-table{background:#fff;border:1px solid #e1e6ed;border-radius:10px;margin-top:18px;overflow:hidden}.permission-row{display:grid;grid-template-columns:1fr repeat(3,60px);align-items:center;min-height:47px;border-bottom:1px solid #edf0f4;padding:0 15px}.permission-row:last-child{border:0}.permission-row>span{text-align:center}.permission-row strong{font-size:9px}.permission-row.permission-head{min-height:38px;background:#f8f9fb;font-size:7px;color:#8b96a5}.permission-row .toggle{margin:auto}.user-chip{height:60px;background:#fff;border:1px solid #e1e6ed;border-radius:10px;margin-top:12px;display:flex;align-items:center;padding:10px;gap:10px}.user-chip>span{width:34px;height:34px;border-radius:9px;background:#e9f0ff;color:#3568d8;display:grid;place-items:center;font-size:8px;font-weight:700}.user-chip>div{display:flex;flex-direction:column;gap:3px}.user-chip strong{font-size:9px}.user-chip small{font-size:7px;color:#8b96a5}.user-chip>b{margin-left:auto;font-size:7px;color:#3869d4;background:#edf2ff;padding:5px 8px;border-radius:9px}.security-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.security-copy li{display:flex;align-items:center;gap:9px;font-size:11px;color:#3c495c}.security-copy li span{width:23px;height:23px;border-radius:50%;background:#eaf1ff;color:#3e6ed9;display:grid;place-items:center}.faq-section{background:#f7f9fc}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;grid-gap:100px;gap:100px;align-items:flex-start}.faq-heading{position:-webkit-sticky;position:sticky;top:40px}.faq-heading h2{font-size:clamp(36px,4vw,50px);line-height:1.08;letter-spacing:-2.5px}.faq-heading p{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.7}.faq-heading a{color:#3264d7;font-weight:650}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 2px}.faq-list summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;font-weight:650;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;border-radius:50%;background:#eaf1ff;color:#3769d8;display:grid;place-items:center;font-size:18px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:650px;padding:0 46px 25px 0;color:var(--muted);font-size:13px;line-height:1.8}.final-cta{padding:115px 0;background:#07111f;color:#fff;position:relative;overflow:hidden}.cta-inner{text-align:center;position:relative;z-index:2}.cta-brand{display:flex;align-items:center;justify-content:center;gap:12px;font-size:19px;font-weight:750;margin-bottom:32px}.cta-brand img{border-radius:14px}.cta-inner h2{font-size:clamp(40px,4.7vw,62px);line-height:1.06;letter-spacing:-3px;font-weight:650}.cta-inner h2 em{font-style:normal;color:#84a8ff}.cta-inner>p{color:#93a5bd;font-size:15px;margin:24px auto 0;max-width:620px;line-height:1.7}.cta-actions{justify-content:center}.cta-orb{position:absolute;width:650px;height:350px;border-radius:50%;background:#1d4eb0;filter:blur(130px);opacity:.22;left:50%;bottom:-250px;transform:translateX(-50%)}footer{background:#050c17;color:#fff;padding:72px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:70px;gap:70px}.footer-about p{color:#73839a;font-size:11px;margin-top:15px}.footer-grid>div:not(.footer-about){display:flex;flex-direction:column;gap:13px}.footer-grid>div>strong{font-size:10px;margin-bottom:6px;color:#d8e2f0}.footer-grid>div>a{font-size:10px;color:#718198;transition:.2s}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid #142238;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;color:#53637a;font-size:8px}@media(max-width:1100px){.hero-inner{grid-template-columns:1fr;padding-top:80px}.hero{min-height:1200px}.hero-copy{text-align:center;margin:auto}.hero-actions,.hero-checks,.hero-copy .eyebrow{justify-content:center}.hero-visual{width:680px;max-width:100%;margin:auto}.journey-link{width:25px}.journey-node{width:130px}.journey-part{flex-shrink:1}.security-grid,.story-grid{gap:50px}.dashboard-window{left:50%;transform:translateX(-50%) rotateY(-3deg)}.float-automation{left:-5px}.float-payment{right:-5px}}@media(max-width:850px){.site-header{position:absolute}.menu-button{display:block}.nav-links{display:none;position:absolute;top:68px;left:24px;right:24px;background:#0d1a2e;border:1px solid #243650;border-radius:15px;padding:18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 60px rgba(0,0,0,.4)}.nav-links.is-open{display:flex}.nav-links>a{padding:12px}.nav-divider{width:100%;height:1px;margin:7px 0}.button-small{margin-top:8px}.strip-inner{flex-direction:column;justify-content:center;gap:15px}.strip-inner>div{gap:24px;flex-wrap:wrap;justify-content:center}.strip-inner b:not(:last-child):after{display:none}.steps{flex-direction:column;align-items:flex-start;width:320px;max-width:100%;margin-inline:auto}.step{width:100%}.step-connector{width:1px;height:45px;margin:5px 0 5px 17px}.feature-grid{grid-template-columns:1fr}.journey{overflow-x:auto;justify-content:flex-start;padding-bottom:15px}.journey-node{width:145px}.journey-link{width:38px}.automation-points{flex-wrap:wrap}.faq-grid,.security-grid,.split-heading,.story-grid{grid-template-columns:1fr}.operations-grid{grid-template-columns:1fr 1fr}.faq-grid,.security-grid,.story-grid{gap:55px}.security-copy{grid-row:1}.faq-heading{position:static}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.hero h1{letter-spacing:-3px}}@media(max-width:620px){.container,.nav-wrap{width:min(100% - 32px,1180px)}.hero{min-height:1000px}.hero-inner{display:block;padding-top:90px}.hero h1{font-size:46px;letter-spacing:-2.8px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-checks{gap:10px;flex-wrap:wrap}.hero-visual{height:360px;margin-top:30px}.dashboard-window{top:45px;width:570px;height:340px;transform:translateX(-50%) scale(.61);transform-origin:top center}.float-card{display:none}.product-strip{height:130px}.strip-inner>div{gap:14px 25px}.section{padding:82px 0}.section-heading h2,.security-copy h2,.split-heading h2,.story-copy h2{font-size:38px;letter-spacing:-2px}.intro{padding-bottom:50px}.feature-section{padding-top:20px}.feature-card{min-height:485px;padding:27px}.feature-copy h3{font-size:23px}.builder-visual{left:25px;right:-100px;grid-template-columns:130px 1fr}.flow-visual{left:25px;right:25px}.operations-grid{grid-template-columns:1fr}.operation-card{min-height:210px}.split-heading{gap:25px}.journey{margin-top:48px}.automation-points{gap:13px}.story-copy{text-align:center}.permission-demo{padding:13px}.permission-row{grid-template-columns:1fr repeat(3,47px);padding:0 8px}.security-copy ul{grid-template-columns:1fr}.final-cta{padding:90px 0}.cta-inner h2{font-size:39px;letter-spacing:-2.2px}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-about{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.chart-caption{word-spacing:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid #72d9f2;outline-offset:3px}.legal-page{min-height:100vh;background:#f7f9fc;padding-bottom:80px}.legal-page nav{height:78px;width:min(1080px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e6ef}.legal-page nav>a:last-child{font-size:12px;color:#54647a}.legal-page article{width:min(760px,calc(100% - 40px));margin:85px auto 0}.legal-page h1{font-size:clamp(42px,6vw,64px);letter-spacing:-3px}.legal-intro{font-size:18px!important;color:#607087;margin:22px 0 55px!important}.legal-page article section{border-top:1px solid #e0e6ef;padding:28px 0}.legal-page article h2{font-size:19px;margin-bottom:10px}.legal-page article p{font-size:14px;line-height:1.8;color:#68758a}.legal-page article>small{display:block;color:#929dac;margin-top:20px}.scroll-progress{z-index:100;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#6de4ff,#6088ff,#a879ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px rgba(109,228,255,.75)}.cursor-glow,.scroll-progress{position:fixed;pointer-events:none}.cursor-glow{z-index:3;left:-180px;top:-180px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(79,124,255,.08),transparent 68%);transform:translate3d(-500px,-500px,0);translate:-50% -50%;will-change:transform}.site-header{position:fixed;transition:padding .35s ease}.nav-wrap{transition:height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease;transition:height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;transition:height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease;padding:0 12px;border:1px solid transparent;border-radius:16px}.site-header.is-scrolled{padding-top:9px}.site-header.is-scrolled .nav-wrap{height:58px;background:rgba(7,17,31,.78);border-color:rgba(255,255,255,.1);box-shadow:0 16px 45px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--pointer-x,70%) var(--pointer-y,34%),rgba(87,137,255,.13),transparent 68%);pointer-events:none;z-index:1}.hero-grid{animation:grid-breathe 8s ease-in-out infinite}.hero h1 span{background-size:200% auto;animation:headline-shine 6s linear infinite}.eyebrow-dot{animation:signal 2.4s ease-in-out infinite}.dashboard-window{transform:rotateX(var(--tilt-x,1deg)) rotateY(var(--tilt-y,-3deg));transition:transform .22s ease-out,box-shadow .35s ease;will-change:transform}.hero-visual:hover .dashboard-window{box-shadow:0 58px 120px rgba(0,0,0,.43),0 0 0 8px rgba(255,255,255,.035)}.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-22deg);transition:left .6s ease}.button:hover:after{left:120%}.card-arrow,.text-link span{transition:transform .25s ease}.text-link:hover span{transform:translateX(5px)}.motion-ready [data-reveal]{opacity:0;transform:translateY(32px);filter:blur(6px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .75s ease;transition-delay:var(--reveal-delay,0s)}.motion-ready [data-reveal=hero]{transform:translateY(20px)}.motion-ready [data-reveal=visual]{transform:translateY(28px) scale(.97)}.motion-ready [data-reveal].is-visible{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.motion-ready [data-reveal][data-tilt].is-visible{transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:opacity .75s ease,filter .75s ease,transform .18s ease-out,box-shadow .3s ease,border-color .3s ease}[data-tilt]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(500px circle at var(--card-x,50%) var(--card-y,50%),rgba(96,136,255,.1),transparent 42%);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:3}[data-tilt]:hover:after{opacity:1}.feature-card.feature-dark[data-tilt]:after{background:radial-gradient(450px circle at var(--card-x,50%) var(--card-y,50%),rgba(100,219,255,.12),transparent 42%)}.operation-card:hover .operation-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:0 10px 25px rgba(61,110,216,.18)}.operation-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.operation-card:hover .card-arrow{transform:translate(3px,-3px)}.journey-node{transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.journey-node:hover{transform:translateY(-7px);border-color:#416695;box-shadow:0 25px 55px rgba(0,0,0,.34)}.journey-node:hover .node-icon{animation:node-pop .55s ease}.journey-link i{box-shadow:0 0 14px #75dcf4}.timeline-card.is-visible .timeline-row:nth-child(2) .timeline-line i,.timeline-card.is-visible .timeline-row:nth-child(3) .timeline-line i{animation:timeline-ping 1.8s ease-out .6s both}.faq-list details{transition:background .25s ease,padding .25s ease}.faq-list details[open]{background:rgba(255,255,255,.7);padding-inline:16px}.cta-brand img{animation:logo-float 4s ease-in-out infinite}.cta-grid{animation:grid-drift 18s linear infinite}.product-strip{overflow:hidden}.strip-inner b{transition:color .25s ease,transform .25s ease}.strip-inner b:hover{color:#356bea;transform:translateY(-2px)}@keyframes headline-shine{to{background-position:200%}}@keyframes signal{50%{box-shadow:0 0 0 9px rgba(97,221,255,0),0 0 24px #61ddff}}@keyframes grid-breathe{50%{opacity:.55;transform:scale(1.015)}}@keyframes grid-drift{to{background-position:52px 52px}}@keyframes node-pop{50%{transform:scale(1.12) rotate(4deg)}}@keyframes timeline-ping{0%{box-shadow:0 0 0 0 rgba(62,112,223,.5)}to{box-shadow:0 0 0 12px rgba(62,112,223,0)}}@keyframes logo-float{50%{transform:translateY(-6px) rotate(2deg)}}@media(max-width:1100px) and (min-width:621px){.dashboard-window{transform:translateX(-50%) rotateX(var(--tilt-x,1deg)) rotateY(var(--tilt-y,-3deg))}}@media(max-width:620px){.dashboard-window{transform:translateX(-50%) scale(.61);transition:none}.site-header.is-scrolled{padding-top:6px}.site-header.is-scrolled .nav-wrap{height:56px}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal=visual],.motion-ready [data-reveal],.motion-ready [data-reveal][data-tilt]{opacity:1;filter:none;transform:none;transition:none}.cta-brand img,.cta-grid,.eyebrow-dot,.hero h1 span,.hero-grid,.timeline-card.is-visible .timeline-line i{animation:none}.cursor-glow{display:none}}.intro-horizontal{height:320vh;background:#fff;position:relative}.intro-sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;display:flex;align-items:center}.intro-shell{position:relative;z-index:2;padding-top:58px}.intro-ambient{position:absolute;inset:0;pointer-events:none}.intro-ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(58,101,190,.045) 1px,transparent 0),linear-gradient(90deg,rgba(58,101,190,.045) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 70% 70%,black,transparent 62%);mask-image:radial-gradient(circle at 70% 70%,black,transparent 62%);opacity:.5}.intro-ambient>i{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.11;transition:opacity .5s}.intro-ambient>i:first-child{background:#4f7cff;right:-180px;top:12%}.intro-ambient>i:nth-child(2){background:#63ddf7;left:28%;bottom:-320px}.intro-ambient>i:nth-child(3){background:#8064e8;left:-280px;top:45%}.intro-heading{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:100px;gap:100px;align-items:end}.intro-heading h2{font-size:clamp(40px,4.25vw,62px);line-height:1.02;letter-spacing:-3.2px;font-weight:640}.intro-heading>p{color:var(--muted);font-size:14px;line-height:1.75;padding-bottom:6px;max-width:440px}.story-status{height:42px;margin-top:25px;display:flex;align-items:center;gap:6px;color:#98a4b4;font-family:var(--font-mono);font-size:9px}.story-current{color:#356bea;font-size:12px;font-weight:700}.story-divider{color:#c0c8d3}.story-progress{height:1px;background:#dfe5ef;position:relative;flex:1 1;margin:0 17px;overflow:visible}.story-progress i{position:absolute;inset:-1px 0 auto;height:3px;background:linear-gradient(90deg,#356bea,#65d8f2);transform:scaleX(0);transform-origin:left;border-radius:3px;box-shadow:0 0 12px rgba(73,122,234,.28)}.story-progress i:after{content:"";position:absolute;right:-4px;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #5b88ec;box-shadow:0 0 0 5px rgba(91,136,236,.1)}.story-direction{text-transform:uppercase;letter-spacing:.09em;color:#7f8b9c;display:flex;align-items:center;gap:8px}.story-direction b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#356bea;animation:scroll-cue 1.8s ease-in-out infinite}.steps-viewport{margin-top:10px;overflow:visible}.steps-track{display:flex;width:300%;will-change:transform;transition:transform .08s linear}.process-step{width:33.3333%;min-width:33.3333%;height:410px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;grid-gap:62px;gap:62px;padding:14px 4px;opacity:.26;transform:scale(.94);filter:saturate(.65);transition:opacity .42s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .42s ease}.process-step.is-active{opacity:1;transform:scale(1);filter:saturate(1)}.process-copy{position:relative;padding-left:2px}.process-number{font-size:74px;line-height:1;color:#e8edf5;letter-spacing:-7px;position:absolute;left:-7px;top:-48px;z-index:-1}.process-kicker,.process-number{font-family:var(--font-mono);font-weight:700}.process-kicker{display:inline-flex;align-items:center;gap:8px;color:#356bea;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.process-copy h3{font-size:clamp(27px,2.4vw,38px);line-height:1.09;letter-spacing:-1.7px;margin-top:14px}.process-copy>p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:15px}.process-copy ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:7px}.process-copy li{font-size:8px;font-weight:650;color:#4c5b70;border:1px solid #dfe6f0;background:rgba(255,255,255,.78);padding:7px 9px;border-radius:20px}.process-copy li:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#4d7be4;margin-right:6px}.process-visual{height:360px;border:1px solid #dce4ef;border-radius:21px;background:rgba(248,250,253,.92);box-shadow:0 28px 70px rgba(31,54,91,.12),inset 0 1px 0 #fff;position:relative;overflow:hidden;transform:perspective(1000px) rotateY(-2deg);transition:transform .55s ease,box-shadow .55s ease}.process-step.is-active .process-visual{transform:perspective(1000px) rotateY(0);box-shadow:0 35px 85px rgba(31,54,91,.16),inset 0 1px 0 #fff}.visual-toolbar{height:49px;border-bottom:1px solid #e1e7ef;background:#fff;display:flex;align-items:center;padding:0 15px;gap:13px;font-size:9px}.visual-toolbar>span{display:flex;gap:4px}.visual-toolbar>span i{width:6px;height:6px;border-radius:50%;background:#d9e0e9}.visual-toolbar>span i:first-child{background:#ff8d83}.visual-toolbar>span i:nth-child(2){background:#f5c35c}.visual-toolbar>span i:nth-child(3){background:#6ed49b}.visual-toolbar em{margin-left:auto;font-size:7px;font-style:normal;color:#3265da;background:#edf3ff;padding:6px 8px;border-radius:6px}.build-workspace{height:311px;display:grid;grid-template-columns:170px 1fr}.build-workspace aside{border-right:1px solid #e2e7ef;background:#f3f6fa;padding:17px 13px;display:flex;flex-direction:column;gap:7px}.build-workspace small{font-size:6px;letter-spacing:.12em;color:#8c98a7;margin:0 3px 4px}.build-workspace aside span{height:36px;border:1px solid #e0e6ee;background:#fff;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:7px;color:#4c5a6e}.build-workspace aside b{width:19px;height:19px;border-radius:5px;background:#edf2fc;color:#4773d5;display:grid;place-items:center;font-size:7px}.build-workspace>div{padding:18px 22px}.build-workspace label{font-size:7px;font-weight:650;display:flex;flex-direction:column;gap:6px;margin-top:13px}.build-workspace label i{height:34px;border:1px solid #dce3ed;border-radius:7px;background:#fff;padding:11px;color:#a0aab8;font-style:normal;font-weight:400}.build-workspace button{height:34px;width:100%;border:1px dashed #86a4e8;background:#f0f5ff;color:#4873d5;border-radius:7px;margin-top:16px;font-size:8px}.drag-chip{position:absolute;left:62px;top:169px;background:#fff;color:#40506a;border:1px solid #cfd9e8;border-radius:7px;padding:10px 12px;font-size:8px;box-shadow:0 12px 28px rgba(44,65,99,.18);animation:drag-field 3.2s ease-in-out infinite}.automation-visual{background:#0b172a;border-color:#243650;box-shadow:0 30px 80px rgba(4,12,24,.28)}.automation-canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(116,151,203,.08) 1px,transparent 0),linear-gradient(90deg,rgba(116,151,203,.08) 1px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.auto-node{position:absolute;width:190px;height:62px;border:1px solid #29415f;background:#12243c;border-radius:11px;display:flex;align-items:center;padding:10px;gap:9px;color:#fff;z-index:2;box-shadow:0 14px 28px rgba(0,0,0,.2)}.auto-node>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#1d3d70;color:#82abff}.auto-node>div{display:flex;flex-direction:column;gap:4px}.auto-node small{font-size:6px;color:#7185a2}.auto-node b{font-size:8px}.auto-node em{margin-left:auto;font-size:7px;color:#56d5a7;font-style:normal}.auto-trigger{left:35px;top:47px}.auto-condition{left:235px;top:146px}.auto-condition>span{background:#3d3263;color:#baa5f4}.auto-message{right:30px;bottom:43px}.auto-message>span{background:#15483e;color:#67dbb3;font-size:10px;font-weight:800}.auto-message em{background:#15483e;padding:4px 6px;border-radius:8px}.auto-connector{position:absolute;height:1px;background:#35577d;transform-origin:left}.c-one{width:145px;left:200px;top:114px;transform:rotate(29deg)}.c-two{width:155px;left:396px;top:221px;transform:rotate(25deg)}.flow-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#68dff6;box-shadow:0 0 14px #68dff6;z-index:3}.p-one{animation:flow-one 2.8s linear infinite}.p-two{animation:flow-two 2.8s linear 1.25s infinite}.insight-visual{background:#fff;padding:23px}.insight-top{display:flex;justify-content:space-between;align-items:flex-start}.insight-top>div{display:flex;flex-direction:column;gap:5px}.insight-top small{font-size:6px;letter-spacing:.12em;color:#8b96a5}.insight-top b{font-size:11px}.insight-top>span{font-size:7px;padding:6px 8px;border:1px solid #e0e6ed;border-radius:6px;color:#657287}.insight-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin-top:18px}.insight-metrics>span{border:1px solid #e4e9f0;border-radius:9px;padding:12px;display:flex;flex-direction:column}.insight-metrics small{font-size:6px;color:#8994a4}.insight-metrics b{font-size:16px;margin-top:5px}.insight-metrics em{font-size:6px;color:#159564;font-style:normal;margin-top:4px}.insight-chart{height:170px;margin-top:14px;position:relative;background-image:linear-gradient(#eef1f5 1px,transparent 0);background-size:100% 42px}.insight-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.story-area{fill:url(#story-fill)}.story-line{fill:none;stroke:#4e7ce7;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:800;stroke-dashoffset:800}.process-step.is-active .story-line{animation:draw-story 1.6s ease .2s forwards}.insight-chart>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;border:2px solid #4f7de8;opacity:0}.process-step.is-active .insight-chart>i{animation:chart-dot .4s ease forwards}.insight-chart>i:first-of-type{left:25%;top:61%;animation-delay:.65s}.insight-chart>i:nth-of-type(2){left:66%;top:32%;animation-delay:1s}.insight-chart>i:nth-of-type(3){right:6%;top:16%;animation-delay:1.35s}@keyframes scroll-cue{50%{transform:translateY(4px)}}@keyframes drag-field{0%,to{transform:translate(0) rotate(-1deg)}50%{transform:translate(165px,75px) rotate(1deg)}}@keyframes flow-one{0%{left:201px;top:110px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:339px;top:181px;opacity:0}}@keyframes flow-two{0%{left:394px;top:217px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:535px;top:283px;opacity:0}}@keyframes draw-story{to{stroke-dashoffset:0}}@keyframes chart-dot{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(min-width:851px){.steps-viewport{overflow:hidden;border-radius:24px}.steps-track{transition:none}.process-step{padding-inline:10px}.process-step:not(.is-active){pointer-events:none}}@media(min-width:851px) and (max-height:850px){.intro-shell{padding-top:45px}.intro-heading{gap:70px}.intro-heading h2{font-size:clamp(39px,3.35vw,49px);line-height:1.02;letter-spacing:-2.6px}.intro-heading>p{font-size:13px}.story-status{margin-top:15px}.steps-viewport{margin-top:4px}.process-step{height:366px}.process-visual{height:322px}.build-workspace{height:273px}.process-copy h3{font-size:clamp(26px,2.1vw,33px)}.process-copy>p{margin-top:12px}.process-copy ul{margin-top:15px}.process-number{font-size:63px;top:-38px}.insight-chart{height:135px}.auto-trigger{top:35px}.auto-condition{top:125px}.auto-message{bottom:32px}.c-one{top:101px}.c-two{top:201px}}@media(max-width:1000px) and (min-width:851px){.intro-heading{gap:45px}.process-step{grid-template-columns:.65fr 1.35fr;gap:32px}.process-visual{height:335px}.build-workspace{height:286px}.process-copy h3{font-size:29px}.auto-node{transform:scale(.88)}.auto-condition{left:205px}.auto-message{right:15px}}@media(max-width:850px){.intro-horizontal{height:auto;padding:90px 0;background:#fff}.intro-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:block}.intro-shell{padding-top:0}.intro-heading{grid-template-columns:1fr;gap:20px}.intro-heading h2{font-size:42px;letter-spacing:-2.5px}.intro-heading>p{font-size:13px}.story-status{margin-top:35px}.story-direction{font-size:0}.story-direction:before{content:"Swipe to explore";font-size:8px}.story-direction b{transform:rotate(-90deg);animation:none}.steps-viewport{width:calc(100vw - 16px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:10px;padding:0 18px 18px 0}.steps-viewport::-webkit-scrollbar{display:none}.steps-track{width:max-content;gap:14px;transform:none!important;transition:none}.process-step{width:min(660px,84vw);min-width:min(660px,84vw);height:auto;min-height:630px;grid-template-columns:1fr;gap:30px;padding:30px 24px;opacity:1;filter:none;transform:none;background:#f8fafc;border:1px solid #e2e8f1;border-radius:22px;scroll-snap-align:center}.process-number{top:-18px}.process-copy{padding-top:25px}.process-visual{height:320px}.build-workspace{height:271px}.story-progress i{transform:scaleX(1)!important}.intro-ambient{display:none}}@media(max-width:560px){.intro-horizontal{padding:78px 0}.intro-heading h2{font-size:36px}.process-step{width:88vw;min-width:88vw;min-height:600px;padding:25px 18px}.process-copy h3{font-size:28px}.process-visual{height:285px;border-radius:16px}.build-workspace{height:236px;grid-template-columns:110px 1fr}.build-workspace aside{padding:12px 8px}.build-workspace aside span{font-size:6px}.build-workspace>div{padding:12px}.drag-chip{display:none}.auto-node{width:165px;transform:scale(.82);transform-origin:left center}.auto-trigger{left:12px;top:27px}.auto-condition{left:105px;top:109px}.auto-message{right:-16px;bottom:26px}.c-one{left:140px;top:88px;width:100px}.c-two{left:234px;top:169px;width:90px}.insight-visual{padding:15px}.insight-top b{font-size:9px}.insight-metrics{gap:5px}.insight-metrics>span{padding:8px}.insight-metrics b{font-size:12px}.insight-chart{height:145px}.process-number{font-size:62px}}@media(prefers-reduced-motion:reduce){.intro-horizontal{height:auto;padding:90px 0}.intro-sticky{position:relative;height:auto;min-height:0;overflow:visible}.intro-shell{padding-top:0}.steps-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.steps-track{width:max-content;gap:16px;transform:none!important}.process-step{width:min(760px,82vw);min-width:min(760px,82vw);opacity:1;filter:none;transform:none;scroll-snap-align:center}.story-progress i{transform:scaleX(1)!important}.drag-chip,.flow-pulse,.story-direction b{animation:none}}