:root{--primary:#f04e2b;--primary-dark:#c93d1d;--primary-light:#ffede8;--secondary:#7a5cfa;--secondary-dark:#5a3ed5;--secondary-light:#ede8ff;--gradient:linear-gradient(110deg, #f04e2b 0%, #7a5cfa 100%);--gradient-soft:linear-gradient(110deg, #ffede8 0%, #ede8ff 100%);--bg:#fff;--surface:#faf8fc;--fg:#171717;--muted:#666674;--border:#eeeaf1;--abyss:var(--bg);--deep:var(--surface);--foam:var(--fg);--mist:var(--muted);--line:var(--border);--sea:var(--primary);--blue:var(--secondary);--hd:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--bd:"Figtree", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font:400 17px/1.6 var(--bd);color:var(--fg);background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--hd);letter-spacing:-.025em;color:var(--fg);line-height:1.05}.grad{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}#loader{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;animation:10ms 4.5s forwards autohide;display:flex;position:fixed;inset:0;overflow:hidden}#loader.done{opacity:0;visibility:hidden;pointer-events:none}@keyframes autohide{to{opacity:0;visibility:hidden;pointer-events:none}}.ld-container{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:0 24px;display:flex;position:relative}.ld-glow{filter:blur(14px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f738 0%,#d946ef1f 42%,#0000 70%);border-radius:50%;width:170px;height:170px;position:absolute;top:-24px}.ld-logo-box{z-index:1;perspective:700px;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:20px;display:flex;position:relative;box-shadow:0 16px 44px -4px #8b5cf638,0 0 0 1px #eeeaf6e6}.ld-logo-img{object-fit:contain;width:52px;height:52px;transform-style:preserve-3d;animation:3.5s cubic-bezier(.45,.05,.55,.95) infinite logo3dFlip}@keyframes logo3dFlip{0%,15%{transform:rotateY(0)}50%{transform:rotateY(180deg)}75%,to{transform:rotateY(360deg)}}.ld-brand{font-family:var(--hd);letter-spacing:-.025em;align-items:center;margin-bottom:24px;font-size:30px;font-weight:800;line-height:1.15;display:inline-flex}.ld-brand-dark{color:#111827}.ld-brand-accent{background:linear-gradient(110deg,#7a5cfa 0%,#d946ef 50%,#f04e2b 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ld-progress-track{background:#ede8f8;border-radius:999px;width:min(340px,82vw);height:8px;margin-bottom:22px;position:relative;overflow:hidden}.ld-progress-bar{background:linear-gradient(90deg,#7a5cfa 0%,#c026d3 55%,#f43f5e 100%);border-radius:999px;animation:2.2s cubic-bezier(.4,0,.2,1) infinite indeterminateBar;position:absolute;top:0;bottom:0}@keyframes indeterminateBar{0%{width:40%;left:-40%}50%{width:55%;left:25%}to{width:40%;left:100%}}.ld-heading{font-family:var(--hd);color:#111827;letter-spacing:-.015em;margin:0 0 8px;font-size:22px;font-weight:700}.ld-subtext{font-family:var(--bd);color:#6b7280;margin:0;font-size:15px;line-height:1.45}.ld-waves{pointer-events:none;z-index:1;width:100%;height:180px;position:absolute;bottom:0;left:0;right:0}.ld-waves svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.ld-logo-img{animation:none!important}.ld-progress-bar{width:65%;left:0;animation:none!important}}nav.top{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border);background:#ffffffe0;border-radius:999px;justify-content:space-between;align-items:center;width:min(1120px,100% - 28px);height:64px;padding:0 10px 0 22px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000014}.logo{font:800 21px var(--hd);color:var(--fg);align-items:center;gap:10px;display:flex}.logo img{width:auto;height:50px}.links{color:var(--muted);align-items:center;gap:6px;font-weight:500;display:flex}.links>a:not(.btn){font:500 17px/1.6 var(--bd);border-radius:999px;padding:8px 16px;transition:color .2s,background .2s}.links>a:not(.btn):hover{color:var(--primary);background:var(--primary-light)}.nav-dropdown-wrap{align-items:center;display:inline-flex;position:relative}.nav-trigger{font:500 17px/1.6 var(--bd);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;transition:color .2s,background .2s;display:inline-flex}.nav-trigger:hover,.nav-trigger.active{color:var(--primary);background:var(--primary-light)}.nav-chevron{margin-top:1px;font-size:11px;transition:transform .25s}.nav-panel{border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#fff;border-radius:16px;flex-direction:column;gap:4px;min-width:300px;padding:8px;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(8px)scale(.96);box-shadow:0 16px 40px -8px #0000001f,0 0 0 1px #0000000a}.nav-panel:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-panel.nav-panel-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.nav-item{border-radius:12px;align-items:center;gap:13px;padding:10px 14px;text-decoration:none;transition:background .18s,transform .18s;display:flex}.nav-item:hover{transform:translate(3px)}.nav-item-red:hover{background:var(--primary-light)!important}.nav-item-purple:hover{background:var(--secondary-light)!important}.nav-item-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;transition:transform .2s;display:grid}.nav-item:hover .nav-item-icon{transform:scale(1.08)}.nav-icon-red{background:var(--primary-light);color:var(--primary)}.nav-icon-purple{background:var(--secondary-light);color:var(--secondary)}.nav-item-body{text-align:left;flex-direction:column;display:flex}.nav-item-label{font-family:var(--hd);color:var(--fg);font-size:15px;font-weight:700;line-height:1.25;transition:color .18s}.nav-item-red:hover .nav-item-label{color:var(--primary)}.nav-item-purple:hover .nav-item-label{color:var(--secondary)}.nav-item-desc{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.35}.btn{font-weight:600;font-family:var(--bd);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:9px;padding:13px 24px;font-size:16px;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn i{transition:transform .2s}.btn:hover i.fa-arrow-right{transform:translate(4px)}.btn.pri{background:var(--gradient);color:#fff;box-shadow:0 8px 28px #f04e2b4d}.btn.pri:hover{box-shadow:0 12px 36px #f04e2b66}.btn.sm{margin-left:8px;padding:10px 20px;font-size:15px}.btn.ghost2{border:1.5px solid var(--border);color:var(--fg);background:0 0}.btn.ghost2:hover{border-color:var(--primary);color:var(--primary)}.btn.ghost{color:#fff;background:0 0;border:1.5px solid #ffffff73}.btn.ghost:hover{background:#ffffff1f}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{--c:var(--primary);background:var(--bg);padding:148px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f04e2b1f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-160px;right:-100px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7a5cfa1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-80px;left:-80px}.hg{grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;display:grid;position:relative}.stack{display:grid}.st{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .6s,transform .6s,visibility .6s;transform:translateY(24px)}.st.on{opacity:1;visibility:visible;transform:none}.pill{border:1.5px solid color-mix(in srgb, var(--c) 40%, transparent);color:var(--c);background:color-mix(in srgb, var(--c) 10%, transparent);border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 18px;font-size:15px;font-weight:600;display:inline-flex}.st h2{color:var(--fg);margin-bottom:20px;font-size:clamp(42px,6vw,72px);font-weight:800}.st h2 span{color:var(--c)}.st p{color:var(--muted);max-width:480px;margin-bottom:30px;font-size:19px}.cta{flex-wrap:wrap;gap:12px;display:flex}.cta .btn.pri{background:var(--gradient);color:#fff;box-shadow:0 10px 32px color-mix(in srgb, var(--c) 35%, transparent)}.ctrl{align-items:center;gap:14px;margin-top:38px;display:flex}.arrow{border:1.5px solid var(--border);width:46px;height:46px;color:var(--fg);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:15px;transition:background .2s,border-color .2s,transform .2s;display:grid}.arrow:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:scale(1.08)}.dots{gap:8px;display:flex}.dot{background:var(--border);cursor:pointer;border:0;border-radius:8px;width:8px;height:8px;padding:0;transition:width .35s,background .35s}.dot.on{background:var(--primary);width:46px}.vis{aspect-ratio:1100/800;perspective:1400px;position:relative}.vf{border:1px solid var(--border);box-shadow:0 40px 90px #0000002e, 0 0 80px -10px color-mix(in srgb, var(--fc) 50%, transparent);opacity:0;visibility:hidden;background:#1a1a2e;border-radius:22px;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1),visibility .7s;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-46%)scale(.9)rotateY(14deg)}.vf.on{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)rotateY(-6deg)}.vf:hover{transform:translateY(-52%)scale(1.02)rotateY(0)}.bar{color:#88a;background:#0f0f1a;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:11px 14px;font-size:13px;display:flex}.bar b{background:#ff5f57;border-radius:50%;width:11px;height:11px}.bar b+b{background:#febc2e}.bar b+b+b{background:#28c840}.bar em{text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border-radius:999px;flex:1;max-width:300px;margin-left:10px;padding:3px 14px;font-style:normal;overflow:hidden}.fchip{z-index:3;-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);color:var(--fg);background:#ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;font-size:15px;font-weight:600;animation:6s ease-in-out infinite bob;display:flex;position:absolute;box-shadow:0 8px 32px #0000001f}.fchip i{color:var(--primary)}@keyframes bob{50%{transform:translateY(-14px)}}.prog{background:var(--gradient);width:0;height:3px;position:absolute;bottom:0;left:0}.prog.run{animation:6s linear forwards prog}@keyframes prog{to{width:100%}}.marq{border-block:1px solid var(--border);background:var(--surface);padding:20px 0;overflow:hidden}.track{width:max-content;color:var(--muted);white-space:nowrap;gap:56px;font-size:16px;font-weight:600;animation:32s linear infinite marq;display:flex}.track span{align-items:center;gap:12px;display:flex}.track i{font-size:24px}.track .fa-html5{color:#e34f26}.track .fa-css3-alt{color:#1572b6}.track .fa-js{color:#f7df1e}.track .fa-react{color:#61dafb}.track .fa-node-js{color:#393}.track .fa-php{color:#777bb4}.track .fa-wordpress{color:#21759b}.track .fa-shopify{color:#96bf48}.track .fa-figma{color:#f24e1e}.track .fa-android{color:#3ddc84}.track .fa-apple{color:#555}.track .fa-python{color:#3776ab}@keyframes marq{to{transform:translate(-50%)}}section{padding:96px 0}.head{text-align:center;margin-bottom:56px}.head h2{margin-bottom:12px;font-size:clamp(34px,5vw,54px)}.head p{color:var(--muted);max-width:580px;margin:0 auto;font-size:18px}#products{background:var(--bg)}.show{grid-template-columns:1fr 1.25fr;align-items:center;gap:64px;margin-bottom:96px;display:grid}.show:last-of-type{margin-bottom:0}.show.flip{grid-template-columns:1.25fr 1fr}.show.flip .txt{order:2}.show[hidden]{display:none}.tag{color:var(--c);align-items:center;gap:9px;margin-bottom:14px;font-size:15px;font-weight:600;display:inline-flex}.txt h3{margin-bottom:14px;font-size:clamp(28px,3.5vw,44px)}.txt p{color:var(--muted);margin-bottom:20px}.feat{color:var(--fg);gap:10px;margin-bottom:28px;padding:0;list-style:none;display:grid}.feat li{align-items:center;gap:10px;display:flex}.feat i{color:var(--c)}.txt .btn{background:var(--c);color:#fff;box-shadow:0 6px 24px color-mix(in srgb, var(--c) 35%, transparent);border:none}.txt .btn:hover{opacity:.88}.frame{border:1px solid var(--border);box-shadow:0 24px 64px #0000001a, 0 0 80px -20px color-mix(in srgb, var(--c) 40%, transparent);background:#f8f8fc;border-radius:18px;transition:transform .4s;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-4deg)}.flip .frame{transform:perspective(1200px)rotateY(4deg)}.frame:hover{transform:perspective(1200px)rotateY(0)translateY(-6px)}.svc{background:var(--surface);border-block:1px solid var(--border)}.sgrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.ic-red{background:var(--primary-light);color:var(--primary)}.ic-purple{background:var(--secondary-light);color:var(--secondary)}.sc{border:1px solid var(--border);background:#fff;border-radius:16px;padding:28px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.sc:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 12px 40px #f04e2b1a}.sc[hidden]{display:none}.ic{border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:22px;transition:transform .4s;display:grid}.sc:hover .ic{transform:rotate(-8deg)scale(1.1)}.sc h3{color:var(--fg);margin-bottom:8px;font-size:20px}.sc p{color:var(--muted);font-size:15px}.empty{text-align:center;border:1.5px dashed var(--border);border-radius:26px;margin-top:22px;padding:56px 24px;display:none}.empty h3{margin-bottom:8px;font-size:30px}.empty p{color:var(--muted);margin-bottom:22px}#process{background:var(--bg)}.steps{grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:.25;z-index:0;height:2px;position:absolute;top:38px;left:72px;right:72px}.step{border:1px solid var(--border);z-index:1;background:#fff;border-radius:16px;padding:28px 22px;transition:box-shadow .25s,transform .25s;position:relative}.step:hover{transform:translateY(-4px);box-shadow:0 10px 32px #00000014}.step-icon{background:var(--gradient);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:22px;display:grid}.step h3{margin-bottom:6px;font-size:20px}.step p{color:var(--muted);font-size:15px}.build{background:var(--gradient);border-radius:28px;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:68px 56px;display:grid;position:relative;overflow:hidden}.build:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:500px;height:500px;position:absolute;top:-160px;right:-120px}.build:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;left:-80px}.build>*{position:relative}.build h2{color:#fff;margin-bottom:16px;font-size:clamp(30px,4.5vw,52px)}.build>div>p{color:#ffffffd1;max-width:480px;font-size:18px}.panel{background:#00000038;border:1px solid #ffffff38;border-radius:20px;gap:14px;padding:28px;display:grid}.panel small{color:#ffffffbf;font-size:14px}.mail{font:800 clamp(16px, 2.2vw, 21px) var(--hd);color:#fff;word-break:break-all}.panel .btn{color:var(--primary);background:#fff;border:none;justify-content:center}.panel .btn:hover{background:var(--primary-light)}.panel .btn.ghost{color:#fff;background:0 0;border:1.5px solid #fff6}.panel .btn.ghost:hover{background:#ffffff1a}footer{color:var(--muted);border-top:1px solid var(--border);background:var(--bg);padding:44px 0;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer nav{all:unset;flex-wrap:wrap;gap:20px;display:flex}footer a:hover{color:var(--primary)}footer .logo{font-size:18px}.js .rv{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.js .rv.in{opacity:1;transform:none}@media (width<=1000px){.hg{grid-template-columns:1fr;gap:20px}.vis{aspect-ratio:1100/700;order:-1}.hero{padding-top:120px}.vf,.vf.on{transform:translateY(-50%)scale(1)}.vf:not(.on){opacity:0;transform:translateY(-50%)scale(.92)}.fchip{display:none}.sgrid,.steps{grid-template-columns:1fr 1fr}.steps:before{display:none}.show,.show.flip{grid-template-columns:1fr;gap:32px}.show.flip .txt{order:0}.frame,.flip .frame{transform:none}.build{grid-template-columns:1fr;padding:44px 26px}}@media (width<=620px){.sgrid,.steps{grid-template-columns:1fr}.links>a:not(.btn){display:none}.nav-panel{min-width:280px;left:auto;right:-30px;transform:translateY(8px)scale(.96)}.nav-panel.nav-panel-open{transform:translateY(0)scale(1)}.hero{padding-bottom:70px}nav.top{padding-left:16px}section{padding:64px 0}.show{margin-bottom:64px}.fchip{display:none}.head{text-align:left}.head p{margin:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.js .rv{opacity:1;transform:none}}