:root{--ink:#15182b;--muted:#697086;--navy:#080b1e;--purple:#7650f7;--purple2:#ad5cf9;--cyan:#53dbde;--white:#fff;--border:#e9eaf1;--radius:22px;--container:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}
::selection{background:#ad8dfb;color:#0b1028}
.container{width:min(calc(100% - 88px),var(--container));margin:auto}
.skip-link{position:absolute;z-index:999;left:10px;top:-80px;background:#fff;padding:12px 18px;border-radius:10px;color:#1a1a30}
.skip-link:focus{top:10px}
.site-top{color:#fff;background:#0a0a20;position:relative;overflow:hidden;isolation:isolate}
.site-top:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(144,129,206,.045) 1px,transparent 1px),linear-gradient(rgba(144,129,206,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent 5%,#000 48%,#000 85%,transparent);z-index:-1}
.top-glow{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.top-glow-a{width:750px;height:750px;background:radial-gradient(circle,rgba(95,50,216,.33),transparent 68%);top:28px;right:-140px}
.top-glow-b{width:600px;height:600px;background:radial-gradient(circle,rgba(28,114,164,.16),transparent 70%);bottom:-200px;left:-180px}
.header{position:relative;z-index:20;background:#0a0a20;color:#fff;border-bottom:1px solid rgba(255,255,255,.085)}
.nav-wrap{height:84px;display:flex;align-items:center;gap:26px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.8px}.brand strong{font-weight:800}.brand-icon{border-radius:11px}
.desktop-nav{margin:auto;display:flex;align-items:center;gap:31px}.desktop-nav a,.sign-in{font-size:13px;font-weight:600;color:#b5b8cc;transition:color .15s}.desktop-nav a:hover,.sign-in:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:25px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;line-height:1.2;font-weight:800;border-radius:12px;padding:15px 20px;min-height:48px;border:1px solid transparent;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.template-option:focus-visible,.menu-toggle:focus-visible,summary:focus-visible{outline:3px solid #73d9fe;outline-offset:3px}
.button-small{padding:13px 18px;min-height:41px;font-size:13px;border-radius:10px}.button-white{background:#fff;color:#15112b}.button-white:hover{background:#eeecff;box-shadow:0 10px 30px rgba(255,255,255,.1)}
.button-primary{background:linear-gradient(117deg,#8350fb 0%,#633bea 90%);color:#fff;box-shadow:0 12px 30px rgba(96,59,223,.22)}.button-primary:hover{box-shadow:0 15px 42px rgba(96,59,223,.4)}.button-outline{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.055)}.button-outline:hover{background:rgba(255,255,255,.1)}.button-large{min-height:58px;padding:17px 24px;border-radius:13px;font-size:14px}.button-arrow{font-size:20px;line-height:1;font-weight:400}.button-quiet{color:#6450ce;background:#f1efff}
.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:#fff;border-radius:1px}
.mobile-nav[hidden]{display:none!important}
.hero{min-height:690px;padding-top:106px;padding-bottom:95px;display:grid;grid-template-columns:47% 53%;gap:0;align-items:center}
.hero-copy{position:relative;z-index:3;max-width:590px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:10px;letter-spacing:1.45px}.hero-eyebrow{padding:9px 12px;color:#c9c1fa;border:1px solid rgba(167,145,246,.24);background:rgba(160,114,249,.085);border-radius:100px;margin-bottom:26px}.eyebrow-light{width:6px;height:6px;border-radius:50%;background:#9a78ff;box-shadow:0 0 0 4px rgba(129,87,251,.15)}
h1,h2,h3,p{margin-top:0}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,4.28vw,68px);line-height:1.115;letter-spacing:-4.2px;margin:0 0 22px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#b398ff 5%,#d6a9ff 48%,#65e9f0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{max-width:510px;font-size:16px;line-height:1.85;color:#aeb4ca;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:13px}.play-circle{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #a0a5b8;font-size:9px;padding-left:1px}
.hero-signals{display:flex;align-items:center;flex-wrap:wrap;gap:15px 23px;margin-top:37px;color:#a6a9c2;font-size:12px}.hero-signals>div{display:flex;gap:8px;align-items:center}.signal-icon{color:#9d84ff;font-weight:900;font-size:19px}
.hero-visual{height:520px;position:relative;margin-left:20px;display:flex;align-items:center}.studio-window{width:735px;max-width:none;border-radius:18px;overflow:hidden;position:relative;z-index:2;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);transform-origin:left center;background:#f8f8fe;border:1px solid rgba(255,255,255,.7);box-shadow:0 35px 100px rgba(0,0,0,.45),0 0 0 8px rgba(184,167,255,.065)}
.window-top{height:41px;display:flex;align-items:center;padding:0 15px;background:#e9e9f3;color:#78809a;gap:14px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#fd7972;border-radius:50%}.window-dots i:nth-child(2){background:#ffc267}.window-dots i:nth-child(3){background:#69cd8f}.window-address{flex:1;text-align:center;font-size:10px;background:#f9f9ff;border-radius:5px;padding:6px 0;color:#546072;font-weight:700;letter-spacing:.01em}.address-lock{color:#00a873;font-size:8px}.address-slash{color:#9ca3b6}.window-top-icon{font-weight:900;letter-spacing:1px}
.studio-app{min-height:423px;background:#fafaff;color:#232239}.studio-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #ebebf5;background:white}.mini-brand{font-family:Manrope,Arial,sans-serif;display:flex;align-items:center;gap:5px;font-weight:800;font-size:11px}.mini-brand img{border-radius:5px}.mini-brand b{color:#7650f7}.studio-tabs{display:flex;gap:23px;font-size:9px;color:#a2a3b1;font-weight:700}.studio-tab-active{color:#6d3ef2;position:relative}.studio-tab-active:after{content:"";position:absolute;bottom:-18px;left:-4px;right:-4px;height:2px;background:#7d47f9}.avatar{width:25px;height:25px;border-radius:50%;background:#7650c9;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}
.studio-content{display:grid;grid-template-columns:42% 58%;padding:14px;gap:11px}.builder-card,.preview-card{background:#fff;border:1px solid #e9e9f4;border-radius:10px;padding:13px;min-width:0}.builder-label{font-size:9px;letter-spacing:.6px;color:#7350e9;font-weight:900}.sparkle{font-size:14px}.builder-card h2{font-size:13px;font-weight:800;letter-spacing:-.4px;margin:13px 0 10px}.prompt-sample{height:112px;padding:11px;border:1px solid #e0dfec;border-radius:7px;font-size:10px;line-height:1.6;color:#505367;overflow:hidden}.typing-cursor{display:inline-block;width:2px;height:11px;vertical-align:middle;background:#7952eb;animation:blink 1.2s steps(1) infinite}.format-row{display:flex;gap:6px;margin-top:12px;font-size:9px;font-weight:700}.format-row span{border:1px solid #eae9f2;border-radius:5px;padding:7px 8px;color:#989aac}.format-row .format-active{color:#6844e8;background:#f2eeff;border-color:#d7cbff}.run-demo{display:flex;justify-content:center;gap:8px;margin-top:12px;background:linear-gradient(110deg,#874ffa,#6434de);color:#fff;border-radius:6px;padding:10px 8px;font-size:10px;font-weight:800}.runner-status{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:9px;color:#2d987c;font-weight:800}.runner-dot{width:7px;height:7px;background:#34c28c;border-radius:50%;box-shadow:0 0 0 4px #e6fcf1}.runner-time{margin-left:auto;font-size:8px;color:#bbb}.code-lines{margin-top:12px;display:flex;flex-direction:column;gap:5px}.code-lines i{height:5px;width:90%;border-radius:3px;background:#eeedf7}.code-lines i:nth-child(2){width:70%}.code-lines i:nth-child(3){width:80%}
.preview-card{padding:10px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 11px;font-size:10px;font-weight:800;color:#603ce7}.preview-dot{width:7px;height:7px;display:inline-block;background:#38ca9b;border-radius:50%;margin-right:5px}.preview-mini-tab{font-size:9px;color:#aaa9b9}.preview-url{display:flex;align-items:center;gap:6px;background:#f5f6fb;padding:7px 9px;margin-bottom:8px;border:1px solid #e8eaf1;border-radius:7px;color:#626c85;font-size:9px;font-weight:700}.preview-url span:first-child{font-size:8px}.url-arrow{margin-left:auto;color:#7d72a3}.preview-image{border-radius:4px;overflow:hidden;height:264px;background:#25180f}.preview-image img{width:100%;height:100%;object-fit:contain;object-position:center}.preview-bottom{display:flex;justify-content:space-between;font-size:8px;color:#8990a0;font-weight:700;margin-top:9px}.preview-bottom span:first-child{color:#2baf83}.green-dot{display:inline-block;width:5px;height:5px;background:#39ba8a;border-radius:50%;margin-right:3px}
.float-chip{position:absolute;z-index:3;background:#fdfbff;box-shadow:0 14px 35px rgba(3,4,26,.25);border:1px solid #f2f0ff;color:#252039;font-weight:800;border-radius:11px;font-size:11px;padding:12px 14px;white-space:nowrap}.float-chip-top{top:-10px;right:-8px;transform:rotate(5deg)}.chip-star{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#f0e9ff;color:#7950f4;margin-right:6px}.float-chip-bottom{bottom:1px;left:-35px;display:flex;align-items:center;gap:10px;transform:rotate(-5deg)}.float-chip-bottom small{color:#8b90a1;font-size:9px;font-weight:500}.float-check{width:29px;height:29px;background:#e7fbf5;color:#1dae81;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:16px}.hero-orbit{position:absolute;border:1px solid rgba(177,157,255,.14);border-radius:50%;z-index:0;pointer-events:none}.orbit-a{width:620px;height:620px;right:-100px;top:-58px}.orbit-b{width:490px;height:490px;right:-37px;top:5px}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px}.section-scan{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#aaaac8}.section-scan span{font-size:15px;color:#b39cff;margin-left:9px}.hero-bottom-note{font-size:11px;color:#888ba4}
.stripe{border-bottom:1px solid #eeeef5;background:#faf9ff}.stripe-inner{min-height:97px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stripe-inner>span{font-size:10px;font-weight:800;color:#9594ae;letter-spacing:1.3px}.stripe-inner strong{font-size:14px;letter-spacing:1.4px;color:#787b92;font-family:Manrope,Arial,sans-serif}.stripe-inner i{font-style:normal;color:#b9a5f5}
.section{padding:118px 0}.section-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#7043e5;font-weight:900}.label-dot{width:6px;height:6px;background:#7c4efa;border-radius:50%;box-shadow:0 0 0 4px #efebfe}.section-header{margin-bottom:49px}.section-header.centered{text-align:center}.section-header.centered .section-label{justify-content:center}.section h2{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(36px,3.6vw,51px);line-height:1.19;letter-spacing:-2.3px;margin:17px 0 17px}.section h2 em{font-style:normal;color:#7551e9}.section-header p,.how-intro>p,.faq-layout>div>p{color:#70758a;font-size:15px;line-height:1.8;max-width:550px}.section-header.centered p{margin:auto}
.features-section{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{position:relative;border:1px solid #e9eaf2;border-radius:21px;min-height:335px;padding:28px;overflow:hidden;transition:transform .22s,box-shadow .22s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(37,27,86,.08)}.feature-featured{background:#f7f4ff;border-color:#e7dcff}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;font-size:25px;font-weight:800;margin-bottom:33px}.lavender{background:#e9e2ff;color:#7a4cf8}.sky{background:#e3f4ff;color:#2688da}.peach{background:#fff0e6;color:#e89b46}.mint{background:#e7faf1;color:#2ca882}.orange{background:#fff0e7;color:#e28a4c}.feature-number{position:absolute;right:27px;top:43px;font-size:9px;letter-spacing:1.1px;color:#a3a6b8;font-weight:900}.feature-card h3{font-family:Manrope,Arial,sans-serif;font-size:19px;letter-spacing:-.8px;margin-bottom:11px}.feature-card p{font-size:13px;line-height:1.85;color:#72788c;max-width:320px;margin-bottom:0}.feature-art{margin-top:25px}.prompt-art{background:#fff;border:1px solid #e9e4ff;border-radius:12px;padding:15px;box-shadow:0 12px 24px rgba(114,79,215,.075)}.mock-caption{font-size:9px;color:#927cc9;font-weight:900;letter-spacing:1px}.mock-prompt{font-size:11px;line-height:1.6;margin-top:9px;margin-bottom:12px;color:#55506a}.cursor-line{display:inline-block;width:2px;height:10px;background:#8056ed;margin-left:4px}.mock-generate{background:#7950eb;color:#fff;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:800}.mock-generate span{float:right}.feature-decoration{position:absolute;left:28px;right:28px;bottom:23px;height:47px;display:flex;align-items:center}.url-decoration{background:#f6f8fe;border:1px solid #e5eaf5;border-radius:10px;padding:10px;gap:7px;font-size:10px;font-weight:700;color:#758397}.url-decoration>span:last-child{margin-left:auto;color:#8077b4}.pulse-small{width:7px;height:7px;background:#31c995;border-radius:50%;box-shadow:0 0 0 4px #d6f9eb}.isolation-decoration{justify-content:space-between;padding-right:10px;color:#7952eb;font-size:30px}.isolation-decoration span{background:#f4f0ff;border:1px solid #ded3fa;width:50px;height:44px;border-radius:11px;display:grid;place-items:center}.isolation-decoration small{font-size:8px;letter-spacing:.5px;color:#88849c}.project-decoration{background:#f8f9fc;border:1px solid #edf0f5;border-radius:12px;padding:11px 13px;display:flex;gap:10px}.project-dot{width:20px;height:20px;border-radius:6px;background:#b6a6fa}.project-line{background:#e1e3ed;width:45%;height:7px;border-radius:5px}.project-line.shorter{width:25%}.project-tag{font-size:8px;color:#8e8d9b;margin-left:auto}.tiles-decoration{justify-content:space-between;gap:9px}.tiles-decoration span{height:47px;flex:1;background:linear-gradient(140deg,#e4dcff 20%,#c8ecf5);border-radius:8px}.tiles-decoration span:nth-child(2){background:linear-gradient(140deg,#ffe8da,#ffd3e4)}.tiles-decoration span:nth-child(3){background:linear-gradient(140deg,#e8f9e8,#d9e4ff)}.launch-decoration{gap:10px}.launch-decoration span{background:#f4efff;padding:10px;border-radius:6px;font-size:9px;font-weight:900;color:#7952df}.launch-decoration b{color:#b9aedc}
.how-section{background:#f8f8fe}.how-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.how-intro{position:sticky;top:140px;padding-top:31px}.how-intro>p{margin-bottom:28px;max-width:380px}.text-link{color:#6844e3;font-size:14px;font-weight:900;border-bottom:1px solid #b5a3ee;padding-bottom:7px}.text-link span{margin-left:7px}.steps{position:relative}.steps:before{content:"";position:absolute;left:26px;top:42px;bottom:70px;border-left:1px dashed #c7bded}.steps article{display:flex;position:relative;gap:24px;padding:24px 0 26px;border-bottom:1px solid #e7e7f0}.steps article:last-child{border:0}.step-index{flex:0 0 53px;width:53px;height:53px;border-radius:14px;background:#fff;border:1px solid #e5dcff;box-shadow:0 5px 18px #f0eefd;display:grid;place-items:center;color:#794cef;font-weight:900;font-size:13px;z-index:1}.steps h3{font-size:17px;letter-spacing:-.5px;font-family:Manrope,Arial,sans-serif;margin:3px 0 10px}.steps p{color:#777d91;font-size:13px;line-height:1.8;max-width:400px;margin:0}.step-glyph{margin-left:auto;color:#b9a0ff;font-size:20px}
.templates-section{background:#fff}.template-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.template-heading p{max-width:350px;margin-bottom:10px}.template-layout{display:grid;grid-template-columns:41% 59%;gap:21px}.template-options{display:flex;flex-direction:column;gap:12px}.template-option{border:1px solid #e8e9f2;background:#fff;border-radius:15px;text-align:left;padding:18px 19px;display:flex;align-items:center;gap:17px;min-height:90px;transition:border .2s,background .2s,transform .2s}.template-option.selected{background:#f7f4ff;border-color:#baa5ff;box-shadow:inset 3px 0 #7947f3}.template-option:hover{transform:translateX(3px);border-color:#c9b8fb}.template-option-icon{flex:0 0 48px;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:23px}.violet-icon{background:#ece6ff;color:#7c4eeb}.blush-icon{background:#ffeaf1;color:#e47b9e}.blue-icon{background:#e2f2ff;color:#3e92d9}.gold-icon{background:#fff1df;color:#c78e35}.template-option strong{display:block;font-size:15px;font-family:Manrope,Arial,sans-serif;font-weight:800;margin-bottom:5px}.template-option small{font-size:12px;color:#9297a8}.template-chevron{margin-left:auto;color:#ad9de1;font-size:19px}.template-workspace{border-radius:21px;background:#101028;color:#fff;padding:34px;min-height:395px;position:relative;overflow:hidden}.template-workspace:before{position:absolute;content:"";top:-180px;right:-170px;width:430px;height:430px;background:radial-gradient(circle,rgba(105,70,249,.38),transparent 69%);pointer-events:none}.workspace-top{display:flex;justify-content:space-between;color:#b5add5;font-weight:900;letter-spacing:1px;font-size:10px;position:relative}.mini-spark{color:#c29eff;font-size:16px;margin-right:5px}.workspace-example{color:#8f8eac}.template-workspace h3{font-family:Manrope,Arial,sans-serif;max-width:480px;margin:31px 0 12px;font-size:24px;line-height:1.35;letter-spacing:-.8px;position:relative}.template-workspace>p{font-size:13px;color:#aaaac3;line-height:1.7;max-width:530px;position:relative}.prompt-example{font-size:12px;line-height:1.8;border:1px solid rgba(192,179,255,.22);background:rgba(255,255,255,.055);color:#d1cae9;border-radius:12px;padding:17px 18px;margin:23px 0;min-height:103px;position:relative}.template-buttons{display:flex;gap:11px;position:relative}.template-workspace .button-quiet{background:#242440;color:#e4e2ff}.workspace-foot{font-size:10px;line-height:1.6;color:#9695b1;margin-top:17px}
.foundation-section{background:#100d28;color:#fff;overflow:hidden}.foundation-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.foundation-art{min-height:425px;position:relative;display:grid;place-items:center}.foundation-orbit{position:absolute;border-radius:50%;border:1px solid rgba(189,161,255,.17)}.orbit-one{width:410px;height:410px}.orbit-two{width:300px;height:300px}.foundation-art:before{content:"";width:430px;height:430px;background:radial-gradient(circle,rgba(106,69,246,.37),transparent 65%);position:absolute}.foundation-center{z-index:2;width:172px;height:172px;border-radius:41px;background:linear-gradient(140deg,#6e4ce0,#40259b);display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 17px 60px rgba(96,63,225,.4);position:relative}.shield-top{font-size:120px;color:#d7c8ff;line-height:1}.foundation-check{position:absolute;font-size:55px;color:#fff;top:52px;left:68px}.foundation-pill{position:absolute;z-index:4;background:#fff;color:#494062;border-radius:10px;padding:14px 18px;font-size:10px;letter-spacing:.5px;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.25)}.pill-one{top:48px;left:2%}.pill-two{top:125px;right:0}.pill-three{bottom:45px;left:4%}.foundation-label{color:#c0a9ff}.foundation-content h2{color:#fff}.foundation-content h2 em{color:#b7a0ff}.foundation-content>p{color:#aaa9c5;line-height:1.85;font-size:14px}.foundation-points{display:grid;gap:16px;margin:28px 0}.foundation-points>div{display:flex;align-items:center;gap:12px;font-size:13px;color:#e1dded}.check-circle{flex:0 0 23px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#33285e;color:#9eecdb;font-weight:900}.foundation-content .fineprint{color:#8f8fae;font-size:11px;line-height:1.6;margin-top:24px}
.faq-section{background:#fafaff}.faq-layout{display:grid;grid-template-columns:35% 1fr;gap:90px}.faq-layout>div>p{font-size:14px}.faq-list{border-top:1px solid #dedeea}.faq-list details{border-bottom:1px solid #dedeea}.faq-list summary{list-style:none;cursor:pointer;padding:22px 3px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:800;font-family:Manrope,Arial,sans-serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;color:#7751eb;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;color:#74798c;max-width:560px;margin:0 0 23px 3px}
.bottom-cta{background:#fff;padding:40px 0 80px}.bottom-cta-inner{background:linear-gradient(145deg,#271958 0%,#4a239d 54%,#3b318c 100%);border-radius:28px;min-height:450px;position:relative;overflow:hidden;text-align:center;padding:61px 20px;color:#fff;isolation:isolate}.bottom-cta-inner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 25%,transparent 75%,#000);z-index:-1}.cta-glow{z-index:-1;position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(207,157,255,.21),transparent 68%)}.cta-star{font-size:25px;color:#dcbcff;margin-bottom:10px}.cta-kicker{font-size:10px;color:#e1cffa;letter-spacing:1.7px;font-weight:900}.bottom-cta h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-3px;line-height:1.13;font-size:clamp(42px,5vw,65px);margin:22px 0 17px}.bottom-cta h2 span{color:#baf2eb}.bottom-cta p{color:#e0d7f1;font-size:14px;margin-bottom:28px}
.footer{background:#0a0a1b;color:#fff;padding:68px 0 25px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px;padding-bottom:67px}.footer-brand p{color:#aaaac1;line-height:1.8;font-size:13px;margin-top:21px}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-column h3{font-size:13px;margin:0 0 9px}.footer-column a{font-size:12px;color:#a7a8bc}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid #29293e;padding-top:22px;display:flex;justify-content:space-between;gap:12px;color:#8d8da7;font-size:11px}
@keyframes blink{50%{opacity:0}}
@media(max-width:1280px){.container{width:min(calc(100% - 70px),var(--container))}.desktop-nav{gap:19px}.hero{grid-template-columns:49% 51%;min-height:680px}.hero h1{font-size:clamp(42px,4.1vw,60px)}.hero-visual{margin-left:8px}.studio-window{width:670px;transform:perspective(1400px) rotateY(-6deg) rotateX(1deg) scale(.95);transform-origin:left center}.feature-card{padding:23px}.feature-number{right:19px}}
@media(max-width:1060px){.container{width:min(calc(100% - 52px),var(--container))}.nav-actions{gap:12px}.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.hero{padding-top:80px;padding-bottom:60px;min-height:610px}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero-desc{font-size:14px}.hero-visual{height:470px}.studio-window{transform:perspective(1000px) rotateY(-4deg) scale(.79);transform-origin:left center}.float-chip-top{right:-5px}.float-chip-bottom{left:-40px;bottom:25px}.feature-card{min-height:340px}.feature-card h3{font-size:17px}.foundation-layout{gap:50px}.how-layout{gap:50px}.faq-layout{gap:50px}}
@media(max-width:820px){.desktop-nav,.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.nav-wrap{height:75px}.mobile-nav{position:absolute;top:75px;left:0;right:0;background:#111026;border-top:1px solid #353044;padding:8px 26px 25px;box-shadow:0 20px 50px #0005}.mobile-nav a{display:block;padding:15px 0;color:#dfdaf3;font-weight:700;font-size:14px;border-bottom:1px solid #2e2a45}.mobile-nav .mobile-login{background:#7850ee;border:0;text-align:center;border-radius:9px;margin-top:16px;padding:15px}.hero{display:block;padding-top:70px;padding-bottom:50px}.hero-copy{text-align:center;max-width:680px;margin:auto}.hero h1{font-size:clamp(43px,7vw,62px);letter-spacing:-3px}.hero-desc{margin:0 auto 27px}.hero-actions,.hero-signals{justify-content:center}.hero-visual{max-width:660px;width:100%;height:480px;margin:48px auto 0;display:flex;justify-content:center}.studio-window{width:690px;flex-shrink:0;transform:scale(.86);transform-origin:center center}.float-chip-top{right:-7px;top:22px}.float-chip-bottom{left:0;bottom:16px}.hero-bottom{padding-bottom:25px}.stripe-inner{flex-wrap:wrap;justify-content:center;column-gap:25px;row-gap:9px;padding:23px 0}.stripe-inner>span{flex-basis:100%;text-align:center}.section{padding:84px 0}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:335px}.how-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.how-intro{position:static;padding:0}.template-layout{grid-template-columns:1fr}.template-options{display:grid;grid-template-columns:1fr 1fr}.template-option{min-height:105px}.foundation-layout{grid-template-columns:1fr;gap:15px}.foundation-art{min-height:360px}.foundation-content{max-width:650px;margin:auto}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1 / -1}}
@media(max-width:590px){.container{width:calc(100% - 36px)}.brand{font-size:14px}.brand-icon{width:32px;height:32px}.hero{padding-top:56px;padding-bottom:35px}.hero-eyebrow{font-size:8px;letter-spacing:.8px;line-height:1.5}.hero h1{font-size:clamp(38px,10vw,54px);letter-spacing:-2.9px;line-height:1.16;margin-bottom:19px}.hero-desc{font-size:13px;line-height:1.8}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions .button{width:100%;min-height:54px}.hero-signals{gap:10px 13px;margin-top:24px;font-size:10px}.signal-icon{font-size:14px}.hero-visual{height:345px;margin-top:29px}.studio-window{transform:scale(.50);transform-origin:center center}.float-chip{font-size:9px;padding:8px}.float-chip-top{top:11px;right:0}.float-chip-bottom{bottom:17px;left:2px}.float-check{width:23px;height:23px}.orbit-a{width:330px;height:330px;right:0;top:5px}.orbit-b{width:270px;height:270px;right:30px;top:35px}.hero-bottom-note{display:none}.section-scan{font-size:9px}.stripe-inner{column-gap:13px;row-gap:12px}.stripe-inner strong{font-size:10px;letter-spacing:.6px}.stripe-inner i{font-size:10px}.section{padding:67px 0}.section h2{font-size:clamp(31px,8vw,42px);letter-spacing:-1.7px}.section-header{margin-bottom:31px}.section-header p{font-size:13px}.features-grid{grid-template-columns:1fr;gap:14px}.feature-card{min-height:300px}.feature-featured{min-height:370px}.feature-icon{margin-bottom:24px}.how-layout{gap:13px}.steps article{gap:15px}.step-index{flex:0 0 43px;width:43px;height:43px}.steps:before{left:21px}.steps h3{font-size:15px}.steps p{font-size:12px}.step-glyph{font-size:14px}.template-heading{display:block}.template-heading p{margin:10px 0}.template-options{grid-template-columns:1fr;gap:9px}.template-option{min-height:75px;padding:12px}.template-option-icon{width:44px;height:44px;flex-basis:44px}.template-workspace{padding:23px;min-height:0}.template-workspace h3{font-size:21px;margin-top:24px}.template-buttons{flex-direction:column}.foundation-art{min-height:290px}.foundation-center{width:122px;height:122px;border-radius:29px}.shield-top{font-size:88px}.foundation-check{font-size:38px;left:50px;top:38px}.orbit-one{width:290px;height:290px}.orbit-two{width:200px;height:200px}.foundation-pill{padding:10px 11px;font-size:8px}.pill-one{top:20px;left:0}.pill-two{top:100px}.pill-three{bottom:18px}.faq-list summary{font-size:13px}.bottom-cta{padding:15px 0 45px}.bottom-cta-inner{border-radius:21px;min-height:380px;padding:47px 15px}.cta-kicker{font-size:8px;letter-spacing:.6px}.bottom-cta h2{font-size:42px;letter-spacing:-2px}.bottom-cta p{font-size:12px}.footer{padding:51px 0 21px}.footer-main{grid-template-columns:repeat(2,1fr);gap:35px 22px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;line-height:2}}
@media(max-width:380px){.hero h1{font-size:36px}.hero-visual{height:288px}.studio-window{transform:scale(.43)}.float-chip-top{top:1px;right:-9px}.float-chip-bottom{bottom:5px}.hero-signals{font-size:9px}.hero-eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}