:root{--paper:#fafaf8;--surface:#fff;--surface-2:#f4f3ef;--ink:#17161a;--ink-2:#56545c;--ink-3:#8c8a92;--line:#e8e7e1;--line-2:#f1f0eb;--primary:#4f3cec;--primary-700:#3d2cd4;--primary-tint:#eeebff;--primary-ink:#2a1f8c;--on-primary:#fff;--font-display:var(--font-bricolage), ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-hanken), ui-sans-serif, system-ui, sans-serif;--display-spacing:-.02em;--display-weight:700;--radius:16px;--radius-sm:10px;--radius-lg:26px;--shadow-sm:0 1px 2px #14121e0f, 0 1px 1px #14121e0a;--shadow:0 18px 50px -18px #18143247, 0 6px 16px -8px #1814321f;--shadow-lg:0 50px 110px -30px #18143273, 0 20px 50px -24px #18143238;--maxw:1200px}html{scroll-behavior:smooth}.sitely-root{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.55}.sitely-root h1,.sitely-root h2,.sitely-root h3{font-family:var(--font-display);font-weight:var(--display-weight);margin:0;line-height:1.02}.sitely-root a{color:inherit;text-decoration:none}.sitely-root ::selection{background:var(--primary-tint);color:var(--primary-ink)}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}.btn{letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:15.5px;font-weight:600;transition:transform .14s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--primary) 70%, transparent)}.btn-primary:hover{background:var(--primary-700);box-shadow:0 12px 28px -8px color-mix(in srgb, var(--primary) 75%, transparent);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--surface-2);border-color:#dcdad2}.btn-soft{background:var(--primary-tint);color:var(--primary-ink)}.btn-soft:hover{background:color-mix(in srgb, var(--primary-tint) 70%, var(--primary) 18%)}.btn-lg{padding:15px 28px;font-size:17px}.btn-block{width:100%}.nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);background:color-mix(in srgb, var(--paper) 78%, transparent);border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent)}.nav-inner{align-items:center;gap:28px;height:68px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.brand-mark{background:var(--primary);width:30px;height:30px;color:var(--on-primary);box-shadow:0 6px 14px -6px color-mix(in srgb, var(--primary) 80%, transparent);border-radius:9px;flex:none;place-items:center;display:grid}.nav-links{gap:4px;margin-left:8px;display:flex}.nav-links a{color:var(--ink-2);white-space:nowrap;border-radius:9px;padding:8px 12px;font-size:15px;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:var(--ink);background:var(--surface-2)}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-login{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:15px;font-weight:600}.nav-login:hover{color:var(--ink)}.hero{padding:70px 0 0;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-glow{background:var(--hero-grad,radial-gradient(ellipse at center, color-mix(in srgb, var(--primary) 30%, transparent), transparent 62%));filter:blur(26px);width:1280px;max-width:96vw;height:360px;opacity:var(--hero-glow-opacity,.55);position:absolute;top:-70px;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(52% 96%,#000 18%,#0000 72%);mask:radial-gradient(52% 96%,#000 18%,#0000 72%)}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 8%,#000 0%,#0000 70%);mask-image:radial-gradient(80% 55% at 50% 8%,#000 0%,#0000 70%)}.hero-inner{z-index:1;text-align:center;max-width:860px;margin:0 auto;position:relative}.eyebrow{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 8px 7px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.eyebrow .pill{background:var(--accent-grad,var(--primary));color:#fff;letter-spacing:.01em;box-shadow:0 4px 14px -2px color-mix(in srgb, var(--primary) 70%, transparent), 0 0 22px -2px color-mix(in srgb, var(--primary) 55%, transparent);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.eyebrow .avatars{display:flex}.eyebrow .avatars i{border:2px solid var(--surface);border-radius:50%;width:20px;height:20px;margin-left:-7px;display:inline-block}.hero h1{letter-spacing:-.035em;font-size:clamp(40px,6.4vw,74px)}.hero h1 .accent{color:var(--primary)}.hero .sub{color:var(--ink-2);text-wrap:pretty;max-width:620px;margin:22px auto 0;font-size:clamp(17px,2.1vw,21px);line-height:1.5}.hero-form{gap:10px;max-width:480px;margin:34px auto 0;display:flex}.hero-form .field{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;flex:1;align-items:center;gap:10px;padding:4px 4px 4px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.hero-form .field:focus-within{border-color:color-mix(in srgb, var(--primary) 55%, var(--line));box-shadow:0 0 0 4px var(--primary-tint)}.hero-form input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-family:inherit;font-size:15.5px}.hero-form input::placeholder{color:var(--ink-3)}.hero-note{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;font-size:13px;display:flex}.hero-note span{align-items:center;gap:6px;display:inline-flex}.hero-shot-wrap{z-index:1;max-width:1100px;margin:56px auto 0;padding:0 12px;position:relative}.hero-shot-glow{background:radial-gradient(ellipse, color-mix(in srgb, var(--primary) 34%, transparent), transparent 70%);filter:blur(46px);opacity:.5;z-index:-1;width:70%;height:60%;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)}.logos{max-width:1000px;margin:60px auto 0;padding-bottom:8px}.logos p{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 22px;font-size:13px;font-weight:700}.logos-row{opacity:.62;flex-wrap:wrap;justify-content:center;align-items:center;gap:38px 56px;display:flex}.logos-row span{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-2);font-size:21px;font-weight:700}section.block{padding:96px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 54px}.kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);white-space:nowrap;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-block}.section-head h2{letter-spacing:-.03em;font-size:clamp(30px,4.4vw,46px)}.section-head p{color:var(--ink-2);text-wrap:pretty;max-width:560px;margin:16px auto 0;font-size:18px}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .18s,box-shadow .2s,border-color .2s}.feature:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary) 22%, var(--line));transform:translateY(-3px)}.feature .ic{background:var(--primary-tint);width:46px;height:46px;color:var(--primary-ink);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.feature h3{letter-spacing:-.02em;margin-bottom:8px;font-size:19px}.feature p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.feature.wide{grid-column:span 1}.tpl-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.tpl-tab{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s}.tpl-tab:hover{color:var(--ink);border-color:#d9d7cf}.tpl-tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tpl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:transform .18s,box-shadow .22s,border-color .2s;overflow:hidden}.tpl-card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--primary) 30%, var(--line));transform:translateY(-4px)}.tpl-thumb{border-bottom:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.tpl-meta{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.tpl-meta .name{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px;font-weight:700}.tpl-meta .cat{color:var(--ink-3);font-size:12.5px}.tpl-use{color:var(--primary);opacity:0;align-items:center;gap:5px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;transform:translate(-4px)}.tpl-card:hover .tpl-use{opacity:1;transform:translate(0)}.cta-band{padding:30px 0 110px}.cta-inner{border-radius:var(--radius-lg);background:var(--ink);color:#fff;text-align:center;padding:78px 32px;position:relative;overflow:hidden}.cta-inner .cta-glow{background:radial-gradient(ellipse 60% 90% at 50% 120%, color-mix(in srgb, var(--primary) 80%, transparent), transparent 60%);opacity:.8;position:absolute;inset:0}.cta-inner h2{letter-spacing:-.035em;color:#fff;font-size:clamp(32px,5vw,54px);position:relative}.cta-inner p{color:#ffffffb8;max-width:480px;margin:18px auto 32px;font-size:19px;position:relative}.cta-inner .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.cta-inner .btn-ghost{color:#fff;background:#ffffff0d;border-color:#ffffff38}.cta-inner .btn-ghost:hover{background:#ffffff1f}.foot{border-top:1px solid var(--line);padding:56px 0 40px}.foot-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}.foot-brand p{color:var(--ink-2);max-width:270px;margin:14px 0 0;font-size:14.5px}.foot-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:13px;font-family:var(--font-body);margin:0 0 14px;font-weight:700}.foot-col a{color:var(--ink-2);padding:5px 0;font-size:14.5px;transition:color .15s;display:block}.foot-col a:hover{color:var(--primary)}.foot-bottom{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding-top:24px;font-size:13.5px;display:flex}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}.sitely-root[data-grid=off] .hero-grid{display:none}@media (prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1!important;transform:none!important}html{scroll-behavior:auto}}@media (max-width:900px){.features-grid,.tpl-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media (max-width:600px){.features-grid,.tpl-grid{grid-template-columns:1fr}.hero-form{flex-direction:column}.hero-form .btn{width:100%}.foot-grid{grid-template-columns:1fr;gap:24px}}.feat-ic{background:var(--accent-grad,var(--primary));box-shadow:0 8px 18px -8px color-mix(in srgb, var(--primary) 65%, transparent)}#pricing{background:#15141b}#pricing .ftr-create{color:#15141b;background:#fff}#pricing .ftr-create:hover{background:#ffffffe6}#pricing .ftr-lang{color:#ffffffe6;background:0 0;border:1px solid #ffffff40}#pricing .ftr-lang:hover{background:#ffffff0f}#pricing .ftr-link{color:#ffffff8f;transition:color .15s}#pricing .ftr-link:hover{color:#fff}#pricing .ftr-top{color:#ffffffc7}#pricing .ftr-top:hover,#pricing .ftr-brand{color:#fff}#pricing .ftr-social{color:#fff9}#pricing .ftr-social:hover{color:#fff;background:#ffffff1a}#pricing .ftr-copy{color:#ffffff73}.stack{max-width:1080px;margin:0 auto;padding:0 28px}.stack-card{border:1px solid var(--line);min-height:380px;box-shadow:var(--shadow-lg);transform-origin:top;will-change:transform;border-radius:28px;grid-template-columns:1.02fr 1fr;align-items:center;gap:40px;margin-bottom:34px;padding:46px 48px;transition:box-shadow .3s;display:grid;position:sticky;overflow:hidden}.stack-glow{filter:blur(70px);opacity:.42;pointer-events:none;z-index:0;border-radius:50%;width:460px;height:460px;position:absolute;top:-40%;right:-6%}.stack-card:last-child{margin-bottom:0}.stack-eyebrow{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.stack-eyebrow .dot{border-radius:50%;width:9px;height:9px}.stack-card h3{letter-spacing:-.03em;color:var(--ink);margin:16px 0 0;font-size:clamp(26px,3.2vw,36px)}.stack-card .stack-desc{color:var(--ink-2);text-wrap:pretty;max-width:420px;margin:14px 0 22px;font-size:16.5px;line-height:1.55}.stack-bullets{flex-wrap:wrap;gap:8px;display:flex}.stack-bullets span{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.stack-visual{min-width:0}.stack-card.stack-dark{color:#fff;border-color:#ffffff2e}.stack-card.stack-dark h3{color:#fff}.stack-card.stack-dark .stack-desc{color:#ffffffe0}.stack-card.stack-dark .stack-bullets span{color:#fff;background:#ffffff24;border-color:#ffffff47}@media (max-width:760px){.stack{padding:0 20px}.stack-card{border-radius:22px;grid-template-columns:1fr;gap:26px;min-height:0;padding:26px;position:static;transform:none!important}.stack-card .stack-visual{order:-1}}@media (prefers-reduced-motion:reduce){.stack-card{transform:none!important}}.win{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.win-bar{border-bottom:1px solid var(--line);background:#f6f5f1;align-items:center;gap:14px;height:44px;padding:0 16px;display:flex}.win-dots{gap:7px;display:flex}.win-dots i{border-radius:50%;width:11px;height:11px;display:block}.win-dots i:first-child{background:#ff5f57}.win-dots i:nth-child(2){background:#febc2e}.win-dots i:nth-child(3){background:#28c840}.win-url{border:1px solid var(--line);max-width:420px;height:28px;color:var(--ink-3);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;margin:0 auto;padding:0 12px;font-size:12.5px;display:flex}.win-url svg{color:#28c840;flex:none}.builder{grid-template-columns:300px 1fr;height:560px;display:grid}.bd-side{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.bd-side-head{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:16px 18px;display:flex}.bd-logo{background:var(--primary);width:26px;height:26px;color:var(--on-primary);font-family:var(--font-display);border-radius:7px;place-items:center;font-size:14px;font-weight:700;display:grid}.bd-proj{font-family:var(--font-display);letter-spacing:-.02em;font-size:14.5px;font-weight:700}.bd-proj small{font-family:var(--font-body);color:var(--ink-3);letter-spacing:0;font-size:11.5px;font-weight:500;display:block}.bd-chat{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow:hidden}.bd-msg{max-width:92%;font-size:13px;line-height:1.5}.bd-msg.ai{color:var(--ink)}.bd-msg.ai .who{color:var(--primary);align-items:center;gap:7px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.bd-msg.ai .who .av{background:var(--primary-tint);width:18px;height:18px;color:var(--primary-ink);border-radius:6px;place-items:center;display:grid}.bd-bubble{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink-2);border-radius:12px;padding:11px 13px}.bd-task{color:var(--ink-2);align-items:center;gap:9px;padding:2px 0;font-size:12.5px;display:flex}.bd-task .chk{background:color-mix(in srgb, var(--primary) 16%, transparent);width:17px;height:17px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.bd-side-foot{border-top:1px solid var(--line-2);padding:12px 14px}.bd-input{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-3);border-radius:11px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.bd-input .send{background:var(--primary);color:#fff;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;margin-left:auto;display:grid}.bd-preview{background:var(--surface-2);padding:22px;position:relative;overflow:hidden}.bd-preview .toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.bd-preview .seg{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:flex}.bd-preview .seg b{width:26px;height:22px;color:var(--ink-3);border-radius:6px;place-items:center;display:grid}.bd-preview .seg b.on{background:var(--ink);color:#fff}.bd-preview .pub{margin-left:auto}.site{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;height:100%;overflow:hidden}.site-scroll{height:100%;overflow:hidden}.site-nav{border-bottom:1px solid #efede8;align-items:center;gap:14px;padding:13px 20px;display:flex}.site-nav .logo{font-family:var(--font-display);letter-spacing:-.02em;color:#1c1a17;white-space:nowrap;font-size:15px;font-weight:700}.site-nav .sn-links{color:#7a766e;gap:16px;margin-left:auto;font-size:11.5px;font-weight:500;display:flex}.site-nav .sn-cta{background:var(--site-accent,#1c1a17);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.site-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:18px;padding:24px 22px;display:grid;position:relative}.site-hero .eyebrow2{letter-spacing:.08em;text-transform:uppercase;color:var(--site-accent,#b07a4a);font-size:10.5px;font-weight:700}.site-hero h3{font-family:var(--font-display);letter-spacing:-.03em;color:#1c1a17;margin:8px 0 0;font-size:26px;font-weight:700;line-height:1.05}.site-hero p{color:#76726a;margin:10px 0 0;font-size:12px;line-height:1.5}.site-hero .h-cta{background:var(--site-accent,#1c1a17);color:#fff;white-space:nowrap;border-radius:999px;margin-top:14px;padding:8px 16px;font-size:11.5px;font-weight:600;display:inline-flex}.ph{background:linear-gradient(135deg, var(--ph-a,#e9e4dc), var(--ph-b,#d8d0c4));border-radius:12px;position:relative;overflow:hidden}.ph:after{content:"";background-image:radial-gradient(circle at 30% 30%,#fff6,#0000 50%);position:absolute;inset:0}.site-hero .ph{aspect-ratio:7/6}.site-cards{grid-template-columns:repeat(3,1fr);gap:12px;padding:6px 24px 26px;display:grid}.site-card{border:1px solid #efede8;border-radius:10px;overflow:hidden}.site-card .ph{border-radius:0;height:64px}.site-card .sc-body{padding:10px 11px}.site-card .sc-body b{font-family:var(--font-display);color:#1c1a17;letter-spacing:-.01em;font-size:12px}.site-card .sc-body span{color:#8a857c;margin-top:3px;font-size:10.5px;line-height:1.4;display:block}.overlay{z-index:200;background:color-mix(in srgb, var(--ink) 42%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:24px;animation:.2s ov-in;display:grid;position:fixed;inset:0}@keyframes ov-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:22px;animation:.26s cubic-bezier(.2,.8,.2,1) modal-in;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal-pad{padding:34px 34px 30px}.modal-x{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-2);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.modal-x:hover{background:var(--surface-2);color:var(--ink)}.modal h3{letter-spacing:-.03em;font-size:26px}.modal .lede{color:var(--ink-2);margin:8px 0 24px;font-size:15px}.social-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.social-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:11px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.social-btn:hover{background:var(--surface-2);border-color:#d9d7cf}.divider{color:var(--ink-3);white-space:nowrap;align-items:center;gap:14px;margin:6px 0 18px;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.field-label{color:var(--ink-2);margin:0 0 7px;font-size:13px;font-weight:600;display:block}.input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;outline:0;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:color-mix(in srgb, var(--primary) 55%, var(--line));box-shadow:0 0 0 4px var(--primary-tint)}.input.err{border-color:#e5484d;box-shadow:0 0 0 4px #fde8e8}.field-err{color:#d03a3f;margin:6px 0 0;font-size:12.5px}.field-group{margin-bottom:16px}.modal-fine{color:var(--ink-3);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.5}.modal-fine a{color:var(--primary);font-weight:600}.modal-alt{text-align:center;color:var(--ink-2);margin:18px 0 0;font-size:14px}.modal-alt button{color:var(--primary);background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.demo{z-index:250;background:var(--paper);flex-direction:column;animation:.25s ov-in;display:flex;position:fixed;inset:0}.demo-top{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);align-items:center;gap:16px;height:64px;padding:0 22px;display:flex}.demo-steps{align-items:center;gap:6px;margin:0 auto;display:flex}.demo-step{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.demo-step .num{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;transition:all .25s;display:grid}.demo-step.active{color:var(--ink)}.demo-step.active .num{border-color:var(--primary);background:var(--primary);color:#fff}.demo-step.done .num{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-ink)}.demo-step .bar{background:var(--line);width:26px;height:1.5px}.demo-close{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.demo-close:hover{background:var(--surface-2)}.demo-body{flex:1;overflow:auto}.demo-stage{max-width:980px;margin:0 auto;padding:48px 24px 64px}.demo-stage.narrow{max-width:620px}.demo-stage h2{letter-spacing:-.03em;text-align:center;font-size:clamp(28px,4vw,40px)}.demo-stage .sub2{text-align:center;color:var(--ink-2);max-width:480px;margin:12px auto 40px;font-size:17px}.choose-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.choose-card{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:var(--surface);transition:transform .16s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.choose-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary) 30%, var(--line));transform:translateY(-3px)}.choose-card.sel{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.choose-card .cc-meta{justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.choose-card .cc-meta b{font-family:var(--font-display);letter-spacing:-.02em;font-size:15px}.choose-card .cc-check{background:var(--primary);color:#fff;opacity:0;border-radius:50%;place-items:center;width:24px;height:24px;transition:all .18s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.7)}.choose-card.sel .cc-check{opacity:1;transform:scale(1)}.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:30px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-grid .full{grid-column:1/-1}.textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;border-radius:12px;outline:0;min-height:84px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.textarea:focus{border-color:color-mix(in srgb, var(--primary) 55%, var(--line));box-shadow:0 0 0 4px var(--primary-tint)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.chip:hover{border-color:#d6d4cc}.chip.on{background:var(--primary-tint);color:var(--primary-ink);border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}.gen{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.gen-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.gen-panel h3{letter-spacing:-.02em;font-size:20px}.gen-panel .pct{font-family:var(--font-display);letter-spacing:-.03em;color:var(--primary);margin:10px 0 4px;font-size:48px;font-weight:700}.gen-bar{background:var(--surface-2);border-radius:999px;height:8px;margin:14px 0 22px;overflow:hidden}.gen-bar i{background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 60%, #fff));border-radius:999px;height:100%;transition:width .4s;display:block}.gen-tasks{flex-direction:column;gap:11px;display:flex}.gen-task{color:var(--ink-3);align-items:center;gap:11px;font-size:14px;transition:color .3s;display:flex}.gen-task.done,.gen-task.active{color:var(--ink)}.gen-task .gt-ic{border:1.5px solid var(--line);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;transition:all .3s;display:grid}.gen-task.done .gt-ic{background:var(--primary);border-color:var(--primary);color:#fff}.gen-task.active .gt-ic{border-color:var(--primary)}.spin{border:2px solid var(--primary-tint);border-top-color:var(--primary);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gen-preview{position:relative}.gen-preview .win{height:520px}.gen-preview .builder{grid-template-columns:0 1fr;height:476px}.gen-shimmer{pointer-events:none;background:linear-gradient(100deg,#0000 20%,#fff9 50%,#0000 80%) 0 0/220% 100%;border-radius:14px;animation:1.4s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}.reveal-wrap{text-align:center}.reveal-badge{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.reveal-domain{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;margin:6px 0 28px;padding:9px 9px 9px 18px;font-size:15px;font-weight:600;display:inline-flex}.reveal-domain .lock{color:#28a35a;display:inline-flex}.reveal-domain .live{background:var(--primary-tint);color:var(--primary-ink);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.reveal-domain .live i{background:#28a35a;border-radius:50%;width:7px;height:7px;animation:1.6s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.reveal-win{max-width:860px;margin:0 auto 30px}.reveal-win .win{box-shadow:var(--shadow-lg)}.confetti{pointer-events:none;z-index:260;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-12px}@keyframes fall{to{opacity:.9;transform:translateY(108vh)rotate(640deg)}}.demo-foot{justify-content:space-between;align-items:center;gap:14px;margin-top:32px;display:flex}.demo-foot .spacer{flex:1}.link-btn{color:var(--ink-2);background:0 0;border:0;padding:10px;font-size:15px;font-weight:600}.link-btn:hover{color:var(--ink)}@media (max-width:820px){.builder{grid-template-columns:1fr}.bd-side{display:none}.gen{grid-template-columns:1fr}.choose-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media (max-width:560px){.choose-grid{grid-template-columns:1fr}.demo-steps .demo-step span{display:none}}.price-hero{text-align:center;padding:64px 0 6px}.bill-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:4px;padding:5px;display:inline-flex}.bill-toggle button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .2s}.bill-toggle button.on{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--primary) 60%, transparent)}.save-pill{background:var(--primary-tint);color:var(--primary-ink);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}.save-note{opacity:0;pointer-events:none;transition:opacity .25s}.save-note.show{opacity:1;pointer-events:auto}.price-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:22px;max-width:1040px;margin:0 auto;display:grid}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;padding:32px 28px;transition:transform .18s,box-shadow .2s,border-color .2s;display:flex;position:relative}.price-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.price-card.popular{border-color:var(--primary);box-shadow:0 26px 60px -26px color-mix(in srgb, var(--primary) 48%, transparent)}.price-badge{background:var(--primary);color:var(--on-primary);letter-spacing:.02em;white-space:nowrap;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--primary) 70%, transparent);border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700}.price-amt{align-items:baseline;gap:5px;margin:16px 0 2px;display:flex}.price-amt b{font-family:var(--font-display);letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:1}.price-amt span{color:var(--ink-3);font-size:15px;font-weight:500}.price-feats{flex-direction:column;flex:1;gap:13px;margin:22px 0 24px;padding:0;list-style:none;display:flex}.price-feats li{color:var(--ink-2);align-items:center;gap:11px;font-size:14.5px;line-height:1.35;display:flex}.price-feats li .pf-ic{background:var(--primary-tint);width:21px;height:21px;color:var(--primary-ink);border-radius:999px;flex:none;place-items:center;display:grid}.price-feats li.off{color:var(--ink-3)}.price-feats li.off .pf-ic{background:var(--surface-2);color:var(--ink-3)}.price-trial{text-align:center;margin-top:12px}.price-trial button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.price-trial button:hover{text-decoration:underline}.guarantee{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:16px;max-width:660px;margin:44px auto 0;padding:18px 22px;display:flex}.guarantee .g-ic{background:var(--primary-tint);width:44px;height:44px;color:var(--primary-ink);border-radius:12px;flex:none;place-items:center;display:grid}.guarantee b{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px}.guarantee p{color:var(--ink-2);margin:3px 0 0;font-size:14px;line-height:1.45}.cmp-wrap{max-width:920px;margin:54px auto 0;overflow-x:auto}.cmp-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:hidden}.cmp-table th,.cmp-table td{text-align:center;color:var(--ink-2);border-top:1px solid var(--line);white-space:nowrap;padding:14px 16px;font-size:14.5px}.cmp-table thead th{background:var(--surface-2);font-family:var(--font-display);color:var(--ink);border-top:0;font-weight:700}.cmp-table th:first-child,.cmp-table td:first-child{text-align:left;font-weight:600}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:54px auto 0;display:flex}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.faq-q{cursor:pointer;width:100%;font-family:var(--font-display);color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:16px;font-weight:700;display:flex}.faq-q .faq-chev{color:var(--ink-3);flex:none;transition:transform .2s}.faq-item.open .faq-chev{transform:rotate(180deg)}.faq-a{color:var(--ink-2);padding:0 22px 20px;font-size:15px;line-height:1.6}@media (max-width:880px){.price-grid{grid-template-columns:1fr;max-width:430px}}