:root{color:#0f172a;--bg:#f5f7fb;--surface:#ffffffb8;--surface-strong:#ffffffe0;--text:#0f172a;--muted:#64748b;--line:#94a3b82e;--primary:#2f6df6;--primary-dark:#1f56d8;--primary-soft:#2f6df61a;--shadow-lg:0 24px 80px #0f172a1a;--shadow-md:0 16px 40px #0f172a14;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-pill:999px;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#2f6df614,#0000 32%),radial-gradient(circle at 100% 0,#94a3b81a,#0000 28%),linear-gradient(#f7f9fd 0%,#edf2fb 100%);margin:0}a{color:inherit;text-decoration:none}button,a{transition:transform .18s,box-shadow .18s,background-color .18s,color .18s,border-color .18s}img{max-width:100%;display:block}.site-shell{min-height:100vh}.container{width:min(1180px,100% - 40px);margin:0 auto}.navbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f9fdc7;border-bottom:1px solid #94a3b81f;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{letter-spacing:-.05em;color:#0b132b;align-items:center;font-family:Poppins,sans-serif;font-size:1.95rem;font-weight:700;line-height:1;display:inline-flex}.nav-links{color:#475569;align-items:center;gap:32px;font-size:.97rem;font-weight:500;display:flex}.nav-links a:hover,.footer-links a:hover{color:var(--primary)}.btn{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(#3a78ff 0%,#2f6df6 100%);box-shadow:0 14px 34px #2f6df642}.btn-primary:hover{background:linear-gradient(#3f7dff 0%,#285fe0 100%);box-shadow:0 18px 40px #2f6df64d}.btn-secondary{color:var(--text);background:#ffffffc7;border:1px solid #94a3b838;box-shadow:0 10px 24px #0f172a0a}.btn-secondary:hover{color:var(--primary);border-color:#2f6df63d}.hero{padding:72px 0 36px}.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:42px;display:grid}.eyebrow{border-radius:var(--radius-pill);background:var(--primary-soft);min-height:36px;color:var(--primary-dark);align-items:center;margin-bottom:20px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.hero-copy h1{letter-spacing:-.08em;max-width:8ch;margin:0 0 20px;font-size:clamp(3rem,5.4vw,5rem);line-height:.97}.hero-copy p{color:#526173;max-width:32rem;margin:0;font-size:1.08rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-note{color:#7b8794!important;margin-top:18px!important;font-size:.97rem!important}.hero-card{position:relative}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#2f6df621 0%,#2f6df600 70%);border-radius:999px;width:180px;height:180px;position:absolute;inset:-18px -18px auto auto}.builder-window,.demo-panel,.cta-box,.info-card,.profile-card,.step-card,.faq-item{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.builder-window{border-radius:var(--radius-xl);overflow:hidden}.builder-topbar{background:#f1f5f9d9;border-bottom:1px solid #94a3b81a;gap:8px;padding:16px 18px;display:flex}.builder-topbar span{background:#cbd5e1;border-radius:999px;width:10px;height:10px}.builder-body{grid-template-columns:180px 1fr;min-height:430px;display:grid}.builder-sidebar{background:#f8fafce0;border-right:1px solid #94a3b81a;padding:20px}.sidebar-block{color:#526173;border-radius:15px;margin-bottom:10px;padding:13px 14px;font-weight:600}.sidebar-block.active{color:var(--primary-dark);background:#2f6df61f}.builder-preview{background:linear-gradient(#eef4ff 0%,#fdfefe 100%);padding:22px}.preview-sheet,.demo-preview-card{background:#fffffff5;border-radius:22px;min-height:100%;padding:24px;box-shadow:inset 0 0 0 1px #e2e8f0e6}.line{background:linear-gradient(90deg,#d9e7ff 0%,#cfe0ff 100%);border-radius:999px;height:10px;margin-bottom:12px}.line-lg{width:72%;height:16px}.line-md{width:52%}.line-sm{width:36%}.section-gap{height:24px}.proof-bar{padding:14px 0 0}.proof-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.proof-item{text-align:center;color:#334155;background:#ffffffa8;border:1px solid #94a3b829;border-radius:20px;padding:18px;font-weight:600;box-shadow:0 10px 24px #0f172a0a}.section{padding:96px 0}.section-soft{background:linear-gradient(#ffffff2e 0%,#ffffff61 100%)}.section-heading{margin-bottom:30px}.section-heading h2{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.cards-grid{gap:18px;display:grid}.cards-grid.three{grid-template-columns:repeat(3,1fr)}.cards-grid.five{grid-template-columns:repeat(5,1fr)}.info-card,.profile-card,.step-card{border-radius:26px;padding:28px}.info-card h3,.profile-card h3,.step-card h3,.faq-item h3{letter-spacing:-.03em;margin:0 0 12px;font-size:1.14rem;line-height:1.3}.info-card p,.profile-card p,.step-card p,.faq-item p,.demo-copy p,.cta-box p{color:#5e6b79;margin:0;line-height:1.72}.demo-block{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:30px;display:grid}.demo-copy h2{letter-spacing:-.05em;max-width:11ch;margin:0 0 14px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04}.demo-panel{border-radius:30px;padding:24px}.demo-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.pill{border-radius:var(--radius-pill);color:#526173;background:#e2e8f0b8;padding:10px 14px;font-weight:600}.pill.active{color:var(--primary-dark);background:#2f6df61f}.demo-content{grid-template-columns:.95fr 1.05fr;gap:18px;display:grid}.demo-form{background:#f8fafceb;border:1px solid #94a3b81f;border-radius:22px;padding:18px}.fake-input{background:#ffffffeb;border:1px solid #cbd5e1d1;border-radius:14px;height:46px;margin-bottom:12px}.fake-input.large{height:120px}.feature-list,.faq-list{gap:16px;display:grid}.feature-row{background:#ffffffb8;border:1px solid #94a3b829;border-radius:22px;align-items:center;gap:14px;padding:20px 22px;display:flex;box-shadow:0 12px 26px #0f172a0a}.feature-dot{background:var(--primary);border-radius:999px;flex:none;width:12px;height:12px}.step-number{width:50px;height:50px;color:var(--primary-dark);background:#2f6df61a;border-radius:16px;place-items:center;margin-bottom:18px;font-weight:800;display:grid}.faq-item{border-radius:24px;padding:24px}.cta-box{text-align:center;background:linear-gradient(#ffffffd1 0%,#ffffffbd 100%);border-radius:34px;padding:56px 40px}.cta-box h2{letter-spacing:-.07em;margin:0 0 12px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98}.cta-box p{max-width:40ch;margin:0 auto 24px}.footer{border-top:1px solid #94a3b81f;padding:30px 0 44px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.footer-note{color:#64748b;max-width:28ch;margin-top:10px;line-height:1.65}.footer-links{color:#475569;gap:22px;padding-top:12px;display:flex}@media (width<=1100px){.cards-grid.five{grid-template-columns:repeat(3,1fr)}.hero-grid,.demo-block,.demo-content{grid-template-columns:1fr}.hero-copy h1,.section-heading h2,.demo-copy h2{max-width:none}}@media (width<=760px){.container{width:min(100% - 24px,100%)}.navbar-inner,.footer-inner{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap;gap:14px}.cards-grid.three,.cards-grid.five,.proof-grid{grid-template-columns:1fr}.hero{padding:42px 0 24px}.section{padding:68px 0}.hero-copy h1{font-size:clamp(2.6rem,12vw,4rem)}.builder-body{grid-template-columns:1fr}.builder-sidebar{border-bottom:1px solid #94a3b81f;border-right:0}.cta-box{padding:34px 22px}.btn{width:100%}.hero-actions{flex-direction:column}}