:root{--accent: #030174;--accent-2: #5b56ff;--accent-3: #00d4d4;--accent-light: #f0eff8;--accent-soft: #ebeaf6;--bg: #fbfbfd;--bg-tint: #f3f4fb;--surface: #ffffff;--surface-2: #f8f9fb;--border: #e7e9ef;--border-soft: #eef0f5;--text: #0d0d2b;--text-secondary: #5e6479;--text-muted: #9099ad;--text-on-accent: #ffffff;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--shadow-xs: 0 1px 2px rgba(13, 13, 43, .04);--shadow-sm: 0 2px 8px rgba(13, 13, 43, .06);--shadow-md: 0 6px 20px rgba(13, 13, 43, .08);--shadow-lg: 0 20px 40px rgba(13, 13, 43, .1);--shadow-glow: 0 0 0 8px rgba(91, 86, 255, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Manrope", "Inter", sans-serif;--container: 1200px;--container-narrow: 880px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","kern";overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font-family:inherit}img,svg,video{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:24px;border:1px solid rgba(3,1,116,.08)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1;font-weight:800}.h-display{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.04;letter-spacing:-.035em;font-weight:800}.h-section{font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.025em}.lead{font-size:clamp(1rem,1.4vw,1.18rem);color:var(--text-secondary);line-height:1.6;max-width:620px}.gradient-text{background:linear-gradient(95deg,var(--accent) 0%,var(--accent-2) 55%,var(--accent-3) 110%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s ease infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-full);font-weight:600;font-size:14px;transition:transform .18s ease,box-shadow .25s ease,background .2s ease,color .2s ease;white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--text-on-accent);box-shadow:0 4px 14px #03017433}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0301744d}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s ease}.btn-primary:hover:after{transform:translate(100%)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-link{color:var(--accent);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease}.btn-link:hover{gap:8px}.btn-lg{padding:14px 28px;font-size:15px}.site-header{position:sticky;top:0;z-index:100;background:#fbfbfdc7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .3s ease,padding .3s ease;padding:18px 0}.site-header.scrolled{border-bottom-color:var(--border-soft);padding:12px 0}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em}.site-logo__mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;box-shadow:0 4px 12px #03017440}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-size:14px;font-weight:500;color:var(--text-secondary);position:relative;transition:color .15s ease}.site-nav a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width .25s ease,left .25s ease}.site-nav a:hover{color:var(--text)}.site-nav a:hover:after{width:100%;left:0}.site-nav a.active{color:var(--text)}.site-nav a.active:after{width:100%;left:0}.site-header__cta{display:flex;gap:10px;align-items:center}.hero{position:relative;padding:96px 0 72px;text-align:center;overflow:hidden}.hero__bg{position:absolute;top:-120px;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(91,86,255,.18),transparent 70%),radial-gradient(ellipse 30% 30% at 20% 30%,rgba(0,212,212,.1),transparent 70%),radial-gradient(ellipse 30% 30% at 80% 30%,rgba(3,1,116,.08),transparent 70%);filter:blur(20px);animation:heroBgShift 16s ease-in-out infinite alternate}@keyframes heroBgShift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.04)}}.hero h1{margin-bottom:18px}.hero .lead{margin:0 auto 32px}.hero__cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.hero__sub{font-size:13px;color:var(--text-muted)}.hero__sub strong{color:var(--text-secondary);font-weight:600}.hero__mockup{margin:60px auto 0;max-width:1080px;padding:0 24px}.mockup{position:relative;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f7f8fc);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1500px) rotateX(8deg) translateZ(0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.mockup:hover{transform:perspective(1500px) rotateX(0)}.mockup__bar{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#f8f9fb;border-bottom:1px solid var(--border-soft)}.mockup__dot{width:12px;height:12px;border-radius:50%;background:#e7e9ef}.mockup__dot:nth-child(1){background:#ff6058}.mockup__dot:nth-child(2){background:#ffbd2e}.mockup__dot:nth-child(3){background:#28c93f}.mockup__url{margin-left:12px;flex:1;background:#fff;border:1px solid var(--border-soft);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace;text-align:left}.mockup__body{display:grid;grid-template-columns:320px 1fr;min-height:460px;background:#fff}.mockup__panel{padding:20px;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:16px}.mockup__panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mockup__field{display:flex;flex-direction:column;gap:6px}.mockup__field label{font-size:11px;color:var(--text-secondary);font-weight:500}.mockup__field input,.mockup__field textarea{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:13px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;resize:none}.mockup__field input:focus,.mockup__field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b56ff2e}.mockup__preview{position:relative;background:linear-gradient(135deg,#fff7ed,#fafafa);padding:40px 32px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.mockup__preview .live-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#16a34a1a;color:var(--success);border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mockup__preview .live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 #16a34a66;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.mockup__preview h2{font-size:28px;letter-spacing:-.02em;color:#1c1917;font-family:var(--font-display);transition:color .25s}.mockup__preview p{color:#57534e;font-size:14px;max-width:480px;transition:color .25s}.mockup__preview .preview-cta{margin-top:8px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:9px 16px;background:#1c1917;color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:background .25s}.field-pulse{animation:fieldPulse 1.2s ease}@keyframes fieldPulse{0%{background:#5b56ff00}35%{background:#5b56ff1a}to{background:#5b56ff00}}section{padding:80px 0;position:relative}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-header h2{margin-bottom:14px}.section-header .lead{margin:0 auto}.trust-strip{padding:48px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.trust-strip__label{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:24px;font-weight:600}.trust-strip__items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px 56px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-muted);opacity:.65}.trust-strip__items span{transition:opacity .2s,color .2s,transform .2s}.trust-strip__items span:hover{opacity:1;color:var(--accent);transform:scale(1.05)}.features{background:var(--bg-tint)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feature-card{position:relative;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 200px at var(--mx, 50%) var(--my, 50%),rgba(91,86,255,.06),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#5b56ff4d}.feature-card:hover:before{opacity:1}.feature-card__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),white);display:grid;place-items:center;color:var(--accent);margin-bottom:18px;border:1px solid var(--border-soft);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.feature-card:hover .feature-card__icon{transform:rotate(-6deg) scale(1.06)}.feature-card h3{font-size:17px;font-weight:700;font-family:var(--font-sans);margin-bottom:8px;letter-spacing:-.01em}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.55}.demo-section{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-tint) 100%)}.demo-grid{display:grid;grid-template-columns:360px 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg)}.demo-panel{padding:28px;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#fff,#fbfbfd)}.demo-panel__head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.demo-field{display:flex;flex-direction:column;gap:6px}.demo-field label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-muted)}.demo-field input,.demo-field textarea{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;font-size:14px;transition:border-color .15s,box-shadow .15s}.demo-field input:focus,.demo-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b56ff29}.demo-color-row{display:flex;gap:10px;flex-wrap:wrap}.demo-color{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 0 0 1px var(--border);transition:transform .15s,box-shadow .15s;position:relative}.demo-color:hover{transform:scale(1.1)}.demo-color.is-active{box-shadow:0 0 0 2px var(--accent),0 4px 10px #03017433;transform:scale(1.05)}.demo-preview{position:relative;background:var(--surface-2);min-height:540px;overflow:hidden}.demo-preview__hint{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#0d0d2bd9;color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.demo-preview__live{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#16a34ae6;color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em}.demo-preview__live:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}.demo-preview__html{width:100%;height:100%;min-height:540px;border:0;display:block}.demo-preview__inline{width:100%;height:100%;min-height:540px;display:flex;flex-direction:column;justify-content:center;padding:56px;background:linear-gradient(135deg,var(--demo-bg, #fff7ed),#fafafa);transition:background .4s ease;text-align:left}.demo-preview__inline h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px;letter-spacing:-.02em;color:var(--demo-text, #1c1917);transition:color .25s}.demo-preview__inline p{font-size:16px;color:var(--demo-text-muted, #57534e);max-width:560px;margin-bottom:20px}.demo-preview__inline .cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--demo-cta-bg, #1c1917);color:var(--demo-cta-text, white);border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:background .25s,color .25s}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px}.plan-card{position:relative;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;transition:transform .25s,box-shadow .25s,border-color .25s}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#5b56ff4d}.plan-card.is-popular{border-color:var(--accent-2);box-shadow:0 0 0 4px #5b56ff1a,var(--shadow-md)}.plan-card__badge{position:absolute;top:-10px;left:18px;background:linear-gradient(95deg,var(--accent-2),var(--accent-3));color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.plan-card__head{display:flex;flex-direction:column;gap:4px}.plan-card__name{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em}.plan-card__tagline{font-size:13px;color:var(--text-secondary)}.plan-card__price{display:flex;align-items:baseline;gap:6px}.plan-card__price .amount{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1}.plan-card__price .period{font-size:13px;color:var(--text-secondary)}.plan-card__yearly-note{font-size:11px;color:var(--text-muted)}.plan-card__features{list-style:none;display:flex;flex-direction:column;gap:8px}.plan-card__features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary)}.plan-card__features li svg{color:var(--success);flex-shrink:0;margin-top:2px}.plan-card .btn{width:100%;justify-content:center;margin-top:auto}.pricing-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-bottom:32px}.tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;gap:2px;position:relative}.tabs button{padding:8px 18px;font-size:13px;font-weight:600;border-radius:var(--radius-full);color:var(--text-secondary);transition:color .2s,background .25s}.tabs button.is-active{color:var(--accent);background:var(--accent-soft)}.tabs button:hover:not(.is-active){color:var(--text)}.tabs--big button{padding:10px 22px;font-size:14px}.toggle-pill{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px}.toggle-pill button{padding:8px 18px;font-size:13px;font-weight:600;border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.toggle-pill button.is-active{background:var(--accent);color:#fff}.savings-badge{background:var(--success);color:#fff;padding:1px 7px;font-size:10px;font-weight:700;border-radius:var(--radius-full)}.currency-select{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:13px;font-weight:600;color:var(--text);cursor:pointer;outline:none}.cta-section{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:var(--radius-xl);padding:64px 48px;position:relative;overflow:hidden;text-align:center;margin:80px 0}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 400px at 80% 30%,rgba(0,212,212,.3),transparent 60%),radial-gradient(circle 400px at 20% 80%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.cta-section h2{font-size:clamp(1.6rem,3.6vw,2.4rem);margin-bottom:12px;position:relative;z-index:1}.cta-section p{opacity:.92;max-width:580px;margin:0 auto 28px;position:relative;z-index:1}.cta-section .btn{position:relative;z-index:1}.cta-section .btn-primary{background:#fff;color:var(--accent);box-shadow:0 8px 24px #0000002e}.cta-section .btn-primary:hover{background:var(--bg)}.cta-section .btn-ghost{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.cta-section .btn-ghost:hover{background:#fff3;color:#fff}.site-footer{border-top:1px solid var(--border-soft);padding:56px 0 32px;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:32px}.footer-brand .lead{font-size:13px;max-width:320px}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted);margin-bottom:14px;font-family:var(--font-sans)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{font-size:14px;color:var(--text-secondary);transition:color .15s}.footer-col a:hover{color:var(--accent)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);flex-wrap:wrap;gap:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;transition:box-shadow .2s}.faq-item[open]{box-shadow:var(--shadow-sm)}.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:22px;color:var(--text-muted);transition:transform .25s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 22px 22px;font-size:14px;color:var(--text-secondary);line-height:1.6}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:56px}.stat{text-align:center;padding:22px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.stat__value{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(95deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{font-size:12px;color:var(--text-secondary);margin-top:4px}@media(max-width:920px){.site-nav{display:none}.demo-grid{grid-template-columns:1fr}.demo-panel{border-right:none;border-bottom:1px solid var(--border-soft)}.mockup__body{grid-template-columns:1fr}.mockup__panel{border-right:none;border-bottom:1px solid var(--border-soft)}.footer-grid{grid-template-columns:1fr 1fr}.cta-section{padding:44px 24px;margin:56px 16px}section{padding:56px 0}}.section-divider{display:flex;align-items:center;justify-content:center;margin:0 auto 32px;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),white);border:1px solid var(--border-soft);color:var(--accent);box-shadow:var(--shadow-xs)}.roll-up{opacity:0;transform:translateY(36px) scale(.98);transition:opacity .8s var(--ease-snap, cubic-bezier(.2,.8,.2,1)),transform .8s var(--ease-snap, cubic-bezier(.2,.8,.2,1))}.roll-up.is-visible{opacity:1;transform:none}.roll-up.delay-1{transition-delay:.1s}.roll-up.delay-2{transition-delay:.2s}.roll-up.delay-3{transition-delay:.3s}.roll-up.delay-4{transition-delay:.4s}.tilt{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;will-change:transform}.tilt:hover{box-shadow:0 30px 60px #0d0d2b2e}.tilt>*{transform:translateZ(0)}.tilt .tilt-pop{transform:translateZ(40px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:18px}.bento-cell{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.bento-cell:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#5b56ff4d}.bento-cell h3{font-size:19px;font-family:var(--font-sans);font-weight:700;letter-spacing:-.012em;margin-bottom:8px}.bento-cell p{color:var(--text-secondary);font-size:14px;line-height:1.55}.bento-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-soft),white);color:var(--accent);border:1px solid var(--border-soft);margin-bottom:18px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.bento-cell:hover .bento-icon{transform:rotate(-6deg) scale(1.05)}.bento-span-3{grid-column:span 3}.bento-span-4{grid-column:span 4}.bento-span-2{grid-column:span 2}.bento-span-6{grid-column:span 6}.bento-row-2{grid-row:span 2}.bento-feature-mock{margin-top:18px;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--bg-tint),var(--bg));border:1px solid var(--border-soft);padding:16px;font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--text-secondary);line-height:1.55;position:relative;overflow:hidden}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;position:relative}.timeline:before{content:"";position:absolute;top:38px;left:4%;right:4%;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 16px);z-index:0}.timeline-step{position:relative;text-align:center;z-index:1}.timeline-bubble{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:var(--surface);border:2px solid var(--border);color:var(--accent);font-family:var(--font-display);font-weight:800;font-size:24px;position:relative;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.timeline-bubble:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2)) border-box;-webkit-mask:linear-gradient(white,white) padding-box,linear-gradient(white,white);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease}.timeline-step:hover .timeline-bubble{transform:translateY(-4px);border-color:var(--accent-2);box-shadow:0 14px 30px #5b56ff2e}.timeline-step:hover .timeline-bubble:after{opacity:1}.timeline-step h4{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:6px}.timeline-step p{font-size:13px;color:var(--text-secondary);line-height:1.55;max-width:220px;margin:0 auto}.timeline-step .timeline-tag{display:inline-block;margin-top:10px;font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.workflow{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:56px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.workflow:before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(91,86,255,.18),transparent 70%);border-radius:50%;pointer-events:none}.workflow-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:16px}.workflow-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-tint);border:1px solid var(--border-soft);border-radius:var(--radius-md);transition:background .25s,transform .25s}.workflow-list li:hover{background:var(--accent-soft);transform:translate(4px)}.workflow-list li .step-num{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;font-family:var(--font-display)}.workflow-list li strong{display:block;font-size:14px;margin-bottom:2px}.workflow-list li small{color:var(--text-secondary);font-size:12px}.workflow-list li .check{color:var(--success);display:grid;place-items:center}.workflow-stack{display:flex;flex-direction:column;gap:14px;perspective:1200px}.workflow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);transform-origin:center;animation:stackFloat 8s ease-in-out infinite}.workflow-card:nth-child(1){transform:translateZ(0) rotate(-1deg)}.workflow-card:nth-child(2){transform:translateZ(0) rotate(1deg);animation-delay:-2s}.workflow-card:nth-child(3){transform:translateZ(0) rotate(-.5deg);animation-delay:-4s}.workflow-card:nth-child(4){transform:translateZ(0) rotate(.8deg);animation-delay:-6s}@keyframes stackFloat{0%,to{transform:translateY(0) rotate(var(--r, -1deg))}50%{transform:translateY(-4px) rotate(var(--r, -1deg))}}.workflow-card-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}.workflow-card-ico.gandi{background:linear-gradient(135deg,#ff7a45,#ff5d8f)}.workflow-card-ico.cf{background:linear-gradient(135deg,#f6821f,#ffa458)}.workflow-card-ico.docker{background:linear-gradient(135deg,#2f6cff,#5b56ff)}.workflow-card-ico.zoho{background:linear-gradient(135deg,#de5145,#f08c00)}.workflow-card-ico.le{background:linear-gradient(135deg,#16a34a,#84cc16)}.workflow-card-ico.stripe{background:linear-gradient(135deg,#635bff,#00d4d4)}.workflow-card-info{flex:1;min-width:0}.workflow-card-info strong{font-size:13px;display:block}.workflow-card-info small{font-size:11px;color:var(--text-secondary)}.workflow-card-status{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--success);background:#16a34a1a;padding:3px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.workflow-card-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 1.4s infinite}.compare{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);font-size:14px}.compare th,.compare td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--border-soft)}.compare thead th{font-family:var(--font-sans);font-size:13px;font-weight:700;background:var(--bg-tint);color:var(--text)}.compare thead th.us{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;position:relative}.compare thead th.us:after{content:"Best";position:absolute;top:-10px;right:12px;background:var(--accent-3);color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:999px}.compare tbody tr:last-child td{border-bottom:none}.compare td.us{background:var(--accent-soft);font-weight:600;color:var(--accent)}.compare td.label{font-weight:600;color:var(--text)}.compare .check{color:var(--success)}.compare .cross{color:#c0c5d3}.compare .partial{color:var(--warning)}.personas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.persona{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.persona:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#5b56ff40}.persona-emoji{font-size:38px;margin-bottom:14px;display:inline-block;transform-origin:bottom center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.persona:hover .persona-emoji{transform:scale(1.15) rotate(-6deg)}.persona h3{font-family:var(--font-sans);font-size:18px;margin-bottom:4px;font-weight:700}.persona-tag{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.persona p{color:var(--text-secondary);font-size:14px;margin-top:14px;line-height:1.6}.persona-list{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary)}.persona-list li{display:flex;align-items:flex-start;gap:6px}.persona-list li svg{color:var(--success);flex-shrink:0;margin-top:2px}.persona-plan{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border);font-size:12px;color:var(--text-muted)}.persona-plan strong{color:var(--accent);font-weight:700}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;position:relative;transition:transform .3s,box-shadow .3s}.testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.testimonial-quote{font-size:15px;color:var(--text);line-height:1.6;margin-bottom:20px;font-weight:500}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:17px}.testimonial-name{font-weight:700;font-size:14px}.testimonial-role{font-size:12px;color:var(--text-secondary)}.marquee-logos{display:flex;overflow:hidden;position:relative;padding:28px 0;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee-logos__track{display:flex;gap:64px;animation:marqueeShift 28s linear infinite;white-space:nowrap}.marquee-logos__track>*{flex-shrink:0;font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-muted);opacity:.6;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s,color .2s}.marquee-logos__track>*:hover{opacity:1;color:var(--accent)}@keyframes marqueeShift{0%{transform:translate(0)}to{transform:translate(-50%)}}.big-cta{background:radial-gradient(ellipse at 80% 0%,rgba(0,212,212,.3),transparent 60%),radial-gradient(ellipse at 20% 100%,rgba(255,255,255,.08),transparent 60%),linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border-radius:var(--radius-xl);padding:64px 56px;position:relative;overflow:hidden}.big-cta h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:14px;letter-spacing:-.025em}.big-cta p{opacity:.9;max-width:580px;margin-bottom:28px;font-size:16px}.btn-glow{position:relative;isolation:isolate}.btn-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-2),var(--accent-3));z-index:-1;opacity:0;filter:blur(12px);transition:opacity .3s ease}.btn-glow:hover:before{opacity:.7}.transform-vis{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:28px;margin-top:48px}.transform-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.transform-card h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-family:var(--font-sans);font-weight:700}.transform-card pre{background:var(--bg-tint);border-radius:var(--radius-sm);padding:14px 16px;font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--text-secondary);overflow:auto;flex:1;border:1px solid var(--border-soft);line-height:1.55}.transform-card pre b{color:var(--accent);font-weight:700}.transform-card pre i{color:var(--accent-3);font-style:normal}.transform-arrow{display:flex;align-items:center;justify-content:center;width:64px;color:var(--accent);position:relative}.transform-arrow svg{animation:pulseRight 1.6s ease-in-out infinite}@keyframes pulseRight{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(6px);opacity:1}}.bg-soft{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-tint) 100%)}.bg-mesh{position:relative;overflow:hidden}.bg-mesh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 40% 30% at 20% 30%,rgba(91,86,255,.1),transparent 70%),radial-gradient(ellipse 30% 25% at 80% 60%,rgba(0,212,212,.08),transparent 70%),radial-gradient(ellipse 30% 25% at 50% 100%,rgba(3,1,116,.06),transparent 70%);pointer-events:none}.publish-demo{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#fff,#f5f5fc);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px;position:relative;overflow:hidden}.publish-demo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle 360px at 80% 0%,rgba(91,86,255,.1),transparent 60%),radial-gradient(circle 280px at 0% 100%,rgba(0,212,212,.08),transparent 60%)}.publish-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:18px 32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:16px;font-weight:700;border:0;cursor:pointer;box-shadow:0 12px 30px #5b56ff4d;transition:transform .25s ease,box-shadow .35s ease}.publish-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #5b56ff66}.publish-btn:disabled{opacity:.7;cursor:progress}.publish-steps{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:24px}.publish-step{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:14px;opacity:.45;transition:all .35s var(--ease-snap, cubic-bezier(.2,.8,.2,1));transform:translate(-6px)}.publish-step.is-active{opacity:1;transform:translate(0);border-color:var(--accent-2);box-shadow:0 6px 16px #5b56ff1a}.publish-step.is-done{opacity:1;background:linear-gradient(180deg,#16a34a0a,#fff)}.publish-step .step-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg-tint);color:var(--text-muted);transition:all .25s ease}.publish-step.is-active .step-icon{background:var(--accent-soft);color:var(--accent);animation:spin 1.2s linear infinite}.publish-step.is-done .step-icon{background:var(--success);color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.publish-step .step-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.publish-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transform:translateY(20px) scale(.97);opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.publish-result.is-visible{opacity:1;transform:translateY(0) scale(1)}.publish-result__bar{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-tint);border-bottom:1px solid var(--border-soft)}.publish-result__bar .dot{width:10px;height:10px;border-radius:50%;background:#e2e5ea}.publish-result__url{margin-left:8px;flex:1;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid var(--border-soft);font-size:12px;color:var(--success);font-family:ui-monospace,monospace;font-weight:600;display:inline-flex;align-items:center;gap:6px}.publish-result__url:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 #16a34a80;animation:pulse 1.4s infinite}.publish-result__body{padding:28px;background:linear-gradient(135deg,#fff7ed,#fff);text-align:left}.publish-result__body h3{font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;margin-bottom:8px;color:#1c1917}.publish-result__body p{color:#57534e;font-size:14px}.publish-result__body .cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;background:#1c1917;color:#fff;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600}.domain-check{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;position:relative;overflow:hidden}.domain-check__row{display:flex;gap:8px;align-items:center;background:var(--bg-tint);padding:8px;border-radius:var(--radius-full);border:1px solid var(--border-soft)}.domain-check__row input{flex:1;background:transparent;border:0;outline:0;padding:10px 16px;font-size:16px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--text)}.domain-check__row input::placeholder{color:var(--text-muted)}.domain-check__btn{padding:10px 20px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-weight:600;font-size:13px;border:0;cursor:pointer;transition:background .2s,transform .2s}.domain-check__btn:hover{background:var(--accent-2);transform:translateY(-1px)}.domain-check__btn:disabled{opacity:.5;cursor:not-allowed}.domain-check__output{margin-top:20px;display:flex;flex-direction:column;gap:10px;min-height:0}.domain-check__line{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-tint);border-radius:var(--radius-md);font-size:14px;border:1px solid var(--border-soft);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.domain-check__line.is-visible{opacity:1;transform:translateY(0)}.domain-check__line .ico{color:var(--success)}.domain-check__line .ico.loading{color:var(--accent);animation:spin 1s linear infinite}.domain-check__line .meta{font-size:11px;color:var(--text-muted);font-family:ui-monospace,monospace}.multi-dash{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;perspective:1200px}.multi-dash__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s;position:relative;overflow:hidden;transform:translateY(20px) scale(.95);opacity:0;animation:cardIn .6s var(--ease-snap, cubic-bezier(.2,.8,.2,1)) forwards}.multi-dash__card:nth-child(1){animation-delay:.1s}.multi-dash__card:nth-child(2){animation-delay:.25s}.multi-dash__card:nth-child(3){animation-delay:.4s}.multi-dash__card:nth-child(4){animation-delay:.55s}.multi-dash__card:nth-child(5){animation-delay:.7s}.multi-dash__card:nth-child(6){animation-delay:.85s}@keyframes cardIn{to{opacity:1;transform:none}}.multi-dash__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#5b56ff4d}.multi-dash__thumb{height:90px;border-radius:var(--radius-sm);margin-bottom:12px;background-size:cover;background-position:center;position:relative;overflow:hidden}.multi-dash__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.2))}.multi-dash__name{font-weight:700;font-size:14px;margin-bottom:2px}.multi-dash__url{font-size:11px;color:var(--text-secondary);font-family:ui-monospace,monospace}.multi-dash__live{position:absolute;top:24px;right:22px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--success);background:#fff;padding:3px 8px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.multi-dash__live:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--success);animation:pulse 1.4s infinite}.icon-tile{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;margin-bottom:18px;box-shadow:0 10px 24px #5b56ff38;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.icon-tile.alt-2{background:linear-gradient(135deg,var(--accent-2),var(--accent-3))}.icon-tile.alt-3{background:linear-gradient(135deg,var(--accent-3),var(--success))}.icon-tile.alt-4{background:linear-gradient(135deg,#f59e0b,#ef4444)}.persona:hover .icon-tile,.bento-cell:hover .icon-tile{transform:rotate(-6deg) scale(1.08)}.mini-browser{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-top:16px;box-shadow:var(--shadow-xs)}.mini-browser__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-tint);border-bottom:1px solid var(--border-soft)}.mini-browser__dot{width:8px;height:8px;border-radius:50%;background:#d4d6dc}.mini-browser__url{margin-left:8px;flex:1;background:var(--surface);padding:4px 10px;border-radius:6px;border:1px solid var(--border-soft);font-size:11px;font-family:ui-monospace,monospace;color:var(--text-muted)}.mini-browser__body{padding:18px 20px;font-size:13px;color:var(--text-secondary);min-height:80px}.mini-browser__body strong{color:var(--text);display:block;margin-bottom:4px}.typing:after{content:"|";margin-left:1px;color:var(--accent);animation:caret 1.1s steps(2) infinite}@keyframes caret{50%{opacity:0}}.tiny-strip{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-soft);padding:6px 12px;border-radius:999px;margin-bottom:16px}.tiny-strip svg{color:var(--success)}@media(max-width:1024px){.bento-span-3,.bento-span-4{grid-column:span 6}.bento-span-2{grid-column:span 3}.timeline{grid-template-columns:repeat(2,1fr);gap:40px 24px}.timeline:before{display:none}.workflow{grid-template-columns:1fr;padding:36px 24px;gap:32px}.compare{font-size:13px}.compare th,.compare td{padding:12px 14px}.personas,.testimonials,.transform-vis{grid-template-columns:1fr;gap:16px}.transform-arrow{transform:rotate(90deg);width:auto;height:40px}.big-cta{padding:44px 24px}}@media(max-width:560px){.bento{grid-template-columns:1fr}.bento-span-2,.bento-span-3,.bento-span-4,.bento-span-6{grid-column:span 1}.timeline{grid-template-columns:1fr}.compare th,.compare td{padding:10px 12px;font-size:12px}}