:root {
  --sky: #38bdf8;
  --blue: #2563eb;
  --deep: #1e3a8a;
  --indigo: #4f46e5;
  --purple: #7c3aed;
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --soft: #f6f9ff;
  --white: #fff;
  --shadow: 0 25px 70px rgba(30, 58, 138, .12);
  --radius: 24px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { color: var(--ink); background: #fff; font-family: "Manrope", sans-serif; line-height: 1.65; overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; position: relative; z-index: 2; }
.page-noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .028; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.cursor-glow { width: 420px; height: 420px; border-radius: 50%; position: fixed; z-index: -1; pointer-events: none; background: rgba(56,189,248,.09); filter: blur(60px); transform: translate(-50%, -50%); transition: left .2s ease-out, top .2s ease-out; }
.site-header { position: fixed; top: 14px; left: 0; right: 0; z-index: 15; transition: .35s ease; }
.site-header.is-scrolled { top: 8px; }
.navbar { min-height: 68px; padding: 0 12px 0 20px; display: flex; align-items: center; justify-content: space-between; border: 1px solid transparent; transition: .35s ease; }
.is-scrolled .navbar { background: rgba(255,255,255,.82); backdrop-filter: blur(18px); border-color: rgba(226,232,240,.8); border-radius: 18px; box-shadow: 0 15px 50px rgba(15,23,42,.08); }
.brand { display: flex; align-items: center; gap: 9px; font-size: 21px; font-weight: 800; letter-spacing: -.8px; }
.brand__mark { width: 29px; height: 29px; position: relative; display: inline-block; transform: rotate(-3deg); }
.brand__mark span { position: absolute; bottom: 3px; width: 8px; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg,var(--sky),var(--indigo)); }
.brand__mark span:nth-child(1) { left: 1px; height: 15px; }.brand__mark span:nth-child(2) { left: 10px; height: 23px; }.brand__mark span:nth-child(3) { left: 19px; height: 18px; }
.nav-menu { display: flex; align-items: center; gap: 28px; font-size: 13px; font-weight: 600; color: #475569; }
.nav-menu a { position: relative; transition: color .2s; }
.nav-menu a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -8px; height: 2px; background: var(--indigo); transition: .25s; }
.nav-menu a:hover, .nav-menu a.is-active { color: var(--indigo); }.nav-menu a:hover::after, .nav-menu a.is-active::after { left: 0; right: 0; }
.navbar__actions { display: flex; align-items: center; gap: 10px; }
.button { min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-radius: 13px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; cursor: pointer; transition: transform .25s, box-shadow .25s, background .25s; }
.button:hover { transform: translateY(-3px); }
.button--small { min-height: 42px; padding-inline: 18px; }
.button--primary { color: #fff; background: linear-gradient(135deg,var(--blue),var(--indigo) 55%,var(--purple)); background-size: 180%; box-shadow: 0 12px 28px rgba(79,70,229,.24); }
.button--primary:hover { background-position: 100%; box-shadow: 0 16px 34px rgba(79,70,229,.33); }
.button--ghost { background: rgba(255,255,255,.64); border-color: var(--line); }.button--ghost:hover { border-color: #c7d2fe; background: #fff; }
.button--outline { width: 100%; border-color: #cbd5e1; color: var(--deep); }.button--outline:hover { color: white; background: var(--deep); }
.button--white { color: var(--deep); background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.18); }
.button--full { width: 100%; border: 0; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; border-radius: 11px; background: #eef2ff; }
.menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--deep); transition: .3s; }

.hero { min-height: 100vh; padding: 170px 0 50px; position: relative; background: linear-gradient(135deg,#fff 10%,#f3f9ff 48%,#f8f5ff); overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(79,70,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.035) 1px,transparent 1px); background-size: 55px 55px; mask-image: linear-gradient(to bottom,black,transparent 82%); }
.hero__aurora { position: absolute; border-radius: 50%; filter: blur(25px); opacity: .45; animation: aurora 12s ease-in-out infinite alternate; }
.hero__aurora--one { width: 500px; height: 500px; top: -260px; right: 5%; background: radial-gradient(circle,#bae6fd,transparent 68%); }
.hero__aurora--two { width: 560px; height: 560px; left: -300px; bottom: -300px; background: radial-gradient(circle,#ddd6fe,transparent 70%); animation-delay: -5s; }
@keyframes aurora { to { transform: translate3d(50px,40px,0) scale(1.15); opacity:.7; } }
.hero__grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 40px; }
.hero__copy { position: relative; z-index: 5; }
.eyebrow, .kicker { width: fit-content; color: var(--indigo); font-size: 11px; text-transform: uppercase; letter-spacing: 1.8px; font-weight: 800; }
.eyebrow { padding: 8px 13px; display: flex; align-items: center; gap: 8px; border-radius: 50px; border: 1px solid #dbeafe; background: rgba(255,255,255,.72); box-shadow: 0 8px 30px rgba(79,70,229,.07); }
.eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--sky); box-shadow: 0 0 0 5px rgba(56,189,248,.14); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 9px rgba(56,189,248,0); } }
h1 { margin: 24px 0 20px; font-size: clamp(45px,5vw,72px); line-height: 1.08; letter-spacing: -4px; }
h1 span, h2 span { color: transparent; background: linear-gradient(100deg,var(--blue),var(--indigo),var(--purple),var(--blue)); background-size: 260%; background-clip: text; animation: gradientText 7s linear infinite; }
@keyframes gradientText { to { background-position: 260% center; } }
.hero__lead { max-width: 570px; color: var(--muted); font-size: 15px; }
.hero__actions { margin-top: 30px; display: flex; gap: 12px; }.play-icon { color: var(--indigo); font-size: 10px; }
.hero__trust { margin-top: 30px; display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 10px; line-height: 1.5; }.hero__trust strong { color: var(--ink); font-size: 11px; }
.avatar-stack { display: flex; padding-left: 8px; }.avatar-stack span { width: 34px; height: 34px; margin-left: -8px; display: grid; place-items: center; border: 3px solid white; border-radius: 50%; color: white; background: linear-gradient(135deg,var(--sky),var(--indigo)); font-size: 8px; font-weight: 800; }
.hero__visual-wrap { min-height: 570px; display: grid; place-items: center; perspective: 1300px; position: relative; z-index: 2; }
.hero__visual { width: 690px; height: 500px; position: relative; transform-style: preserve-3d; transition: transform .15s linear; }
.orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(79,70,229,.12); border-radius: 50%; transform: translate(-50%,-50%) rotateX(68deg); }
.orbit--one { width: 760px; height: 760px; animation: orbit 20s linear infinite; }.orbit--two { width: 600px; height: 600px; animation: orbit 15s linear infinite reverse; border-style: dashed; }
@keyframes orbit { to { transform: translate(-50%,-50%) rotateX(68deg) rotateZ(360deg); } }
.dashboard { width: 650px; height: 410px; position: absolute; top: 45px; left: 18px; overflow: hidden; border: 7px solid rgba(255,255,255,.86); border-radius: 22px; background: #f8faff; box-shadow: -30px 55px 80px rgba(30,58,138,.23),inset 0 0 0 1px #e2e8f0; transform: rotateY(-11deg) rotateX(7deg) rotateZ(1deg); transform-style: preserve-3d; animation: dashboardFloat 6s ease-in-out infinite; }
@keyframes dashboardFloat { 50% { transform: rotateY(-8deg) rotateX(4deg) rotateZ(0deg) translateY(-12px); } }
.dashboard__topbar { height: 46px; padding: 0 16px; display: flex; align-items: center; gap: 24px; background: #fff; border-bottom: 1px solid #edf2f7; font-size: 8px; }
.dashboard__logo { width: 115px; color: var(--deep); font-weight: 800; font-size: 10px; }.dashboard__logo-mark { display: inline-block; width: 9px; height: 9px; margin-right: 4px; border-radius: 3px; background: linear-gradient(135deg,var(--sky),var(--indigo)); }
.dashboard__search { width: 190px; padding: 6px 10px; color: #94a3b8; background: #f8fafc; border-radius: 6px; }.dashboard__profile { margin-left: auto; display: flex; align-items: center; gap: 5px; }.dashboard__profile span { width: 20px; height: 20px; border-radius: 7px; background: linear-gradient(145deg,#bfdbfe,#6366f1); }
.dashboard__body { height: calc(100% - 46px); display: flex; }.dashboard__sidebar { width: 45px; padding-top: 30px; display: flex; flex-direction: column; align-items: center; gap: 19px; background: #fff; border-right: 1px solid #edf2f7; }
.dashboard__sidebar span { width: 13px; height: 13px; border: 2px solid #cbd5e1; border-radius: 4px; }.dashboard__sidebar .is-active { border: 0; background: var(--indigo); box-shadow: 0 0 0 7px #eef2ff; }
.dashboard__content { flex: 1; padding: 17px; }.dashboard__greeting { display: flex; align-items: center; justify-content: space-between; }.dashboard__greeting div { display: flex; flex-direction: column; }.dashboard__greeting small { color: #94a3b8; font-size: 6px; }.dashboard__greeting strong { font-size: 11px; }.dashboard__greeting button { padding: 6px 10px; color: white; background: var(--indigo); border: 0; border-radius: 5px; font-size: 6px; }
.metric-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.metric-card { min-height: 88px; padding: 11px; position: relative; display: flex; flex-direction: column; border: 1px solid #edf2f7; border-radius: 10px; background: #fff; box-shadow: 0 7px 17px rgba(30,58,138,.04); }
.metric-card--blue { color: white; background: linear-gradient(135deg,var(--blue),var(--indigo)); }.metric-card small { margin-top: auto; opacity: .72; font-size: 6px; }.metric-card strong { font-size: 13px; }.metric-card i { opacity: .7; font-size: 5px; font-style: normal; }.mini-icon { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 5px; color: var(--blue); background: #dbeafe; font-size: 6px; font-weight: 800; }.mini-icon--purple { color: var(--purple); background: #ede9fe; }.mini-icon--cyan { color: #0891b2; background: #cffafe; }.mini-progress { height: 3px; margin-top: 4px; overflow: hidden; border-radius: 4px; background: #e2e8f0; }.mini-progress span { display: block; width: 87%; height: 100%; background: var(--purple); }
.dashboard__lower { margin-top: 10px; display: grid; grid-template-columns: 1.5fr 1fr; gap: 10px; }.chart-card,.announcement-card { height: 145px; padding: 12px; border: 1px solid #edf2f7; border-radius: 10px; background: white; }.card-heading { display:flex;justify-content:space-between;}.card-heading span { display:flex;flex-direction:column;}.card-heading small { color:#94a3b8;font-size:5px}.card-heading strong{font-size:8px}.card-heading b{font-size:5px;color:#64748b}.chart { height: 90px; margin-top: 10px; display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e2e8f0;background:repeating-linear-gradient(to bottom,#f1f5f9 0,#f1f5f9 1px,transparent 1px,transparent 27px)}.chart span{width:16px;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(to top,var(--indigo),var(--sky));}
.agenda{margin-top:11px;display:flex;gap:7px;align-items:center}.agenda>b{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#eef2ff;color:var(--indigo);font-size:6px}.agenda span{display:flex;flex-direction:column}.agenda strong{font-size:6px}.agenda small{color:#94a3b8;font-size:5px}
.float-card { padding: 11px 15px; position: absolute; z-index: 5; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.8); border-radius: 12px; background: rgba(255,255,255,.88); backdrop-filter: blur(14px); box-shadow: 0 15px 35px rgba(30,58,138,.14); animation: cardFloat 4s ease-in-out infinite; }
.float-card span:last-child { display: flex; flex-direction: column; }.float-card small { color: var(--muted); font-size: 7px; }.float-card strong { font-size: 9px; }.float-card__icon { width: 26px; height: 26px; display: grid!important; place-items: center; border-radius: 8px; font-size: 9px; font-weight: 800; }
.float-card__icon--orange{color:#ea580c;background:#ffedd5}.float-card__icon--green{color:#059669;background:#d1fae5}.float-card__icon--purple{color:var(--purple);background:#ede9fe}
.float-card--dues{left:-10px;top:105px}.float-card--cash{right:-20px;top:190px;animation-delay:-1.5s}.float-card--vote{left:110px;bottom:2px;animation-delay:-2.5s}@keyframes cardFloat{50%{transform:translateY(-10px) rotate(1deg)}}
.hero__logos { margin-top: 55px; display:flex;align-items:center;gap:45px;color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:1px}.hero__logos>span{max-width:90px}.hero__logos div{flex:1;display:flex;justify-content:space-around;color:#64748b;font-size:10px;letter-spacing:2px}

.section { padding: 115px 0; position:relative;overflow:hidden }.section-heading{max-width:680px;margin:0 auto 52px;text-align:center}.section-heading .kicker{margin-inline:auto}.section-heading h2,.solution-copy h2,.domain-copy h2,.register-copy h2,.faq-copy h2{margin:12px 0 15px;font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-2.5px}.section-heading p,.solution-copy>p,.domain-copy>p,.register-copy>p,.faq-copy>p{color:var(--muted);font-size:13px}.section-orb{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(40px);opacity:.35}.section-orb--left{left:-350px;top:20%;background:#bae6fd}.section-orb--right{right:-380px;top:30%;background:#ddd6fe}
.problem-section { background:#fbfdff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-card{min-height:235px;padding:25px;position:relative;border:1px solid #e8eef7;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(30,58,138,.045);transition:.35s}.problem-card:hover{transform:translateY(-8px);border-color:#c7d2fe;box-shadow:var(--shadow)}.problem-card>span{position:absolute;right:20px;top:16px;color:#e2e8f0;font-size:24px;font-weight:800}.problem-card h3,.feature-card h3{margin:20px 0 8px;font-size:15px}.problem-card p,.feature-card p{color:var(--muted);font-size:11px}.line-icon{width:42px;height:42px;position:relative;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#eef2ff)}.line-icon::before,.line-icon::after{content:"";position:absolute;border:2px solid var(--indigo)}.line-icon::before{width:13px;height:13px;left:10px;top:9px;border-radius:50%}.line-icon::after{width:20px;height:9px;left:9px;bottom:8px;border-radius:10px 10px 4px 4px}.line-icon--note::before{width:17px;height:21px;border-radius:3px}.line-icon--note::after{width:10px;height:2px;left:14px;bottom:13px;border-width:2px 0 0}.line-icon--chart::before{width:20px;height:18px;border-radius:3px}.line-icon--chart::after{width:3px;height:8px;left:15px;bottom:11px;border-width:0 3px 0 3px}.line-icon--chat::before{width:20px;height:15px;border-radius:5px}.line-icon--chat::after{width:7px;height:7px;left:13px;bottom:7px;border-width:0 0 2px 2px;transform:rotate(-35deg)}.line-icon--check::before{width:20px;height:20px}.line-icon--check::after{width:9px;height:4px;left:15px;bottom:16px;border-width:0 0 2px 2px;transform:rotate(-45deg)}.line-icon--folder::before{width:22px;height:16px;top:14px;border-radius:3px}.line-icon--folder::after{width:8px;height:4px;left:11px;bottom:23px;border-radius:2px 2px 0 0}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.solution-visual{min-height:620px;display:grid;place-items:center;perspective:1000px;position:relative}.phone-scene{width:420px;height:550px;position:relative;transform-style:preserve-3d}.phone{width:255px;height:520px;padding:22px 15px;position:absolute;left:80px;top:0;border:7px solid #172554;border-radius:39px;background:#f7f9ff;box-shadow:-25px 40px 70px rgba(30,58,138,.22);transform:rotateY(15deg) rotateZ(-2deg);overflow:hidden}.phone__notch{width:70px;height:14px;position:absolute;top:0;left:calc(50% - 35px);border-radius:0 0 12px 12px;background:#172554}.phone__head{display:flex;gap:5px;align-items:center;font-size:8px}.phone__head .brand__mark{width:16px;height:16px;transform:scale(.52);transform-origin:left center}.phone__head i{margin-left:auto;width:17px;height:17px;border-radius:50%;background:#dbeafe}.phone__welcome{margin-top:25px;display:flex;flex-direction:column}.phone__welcome small{color:#64748b;font-size:6px}.phone__welcome strong{max-width:160px;font-size:12px;line-height:1.4}.phone__balance{margin-top:15px;padding:15px;display:flex;flex-direction:column;border-radius:13px;color:white;background:linear-gradient(135deg,var(--blue),var(--indigo),var(--purple));box-shadow:0 10px 25px rgba(79,70,229,.25)}.phone__balance small{font-size:6px;opacity:.8}.phone__balance strong{font-size:16px}.phone__balance span{font-size:5px;opacity:.7}.phone__tiles{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone__tiles span{padding:10px;display:flex;flex-direction:column;border-radius:9px;background:white;font-size:7px;font-weight:700;box-shadow:0 5px 15px rgba(30,58,138,.06)}.phone__tiles small{color:#10b981;font-size:6px}.phone__news{margin-top:17px}.phone__news>small{font-weight:800;font-size:7px}.phone__news div{margin-top:7px;padding:8px;display:flex;flex-direction:column;border-radius:8px;background:white}.phone__news b{font-size:6px}.phone__news span{font-size:5px;color:#94a3b8}.phone-card--back{width:260px;height:470px;position:absolute;left:40px;top:45px;border-radius:35px;background:linear-gradient(145deg,#dbeafe,#ede9fe);transform:rotateY(10deg) rotateZ(8deg) translateZ(-50px)}.phone-card--back span{display:block;width:60%;height:13px;margin:20px;border-radius:10px;background:rgba(255,255,255,.7)}.phone-float{position:absolute;padding:11px 13px;display:flex;align-items:center;gap:8px;border-radius:11px;background:white;box-shadow:0 14px 30px rgba(30,58,138,.14);font-size:9px;animation:cardFloat 4s ease-in-out infinite}.phone-float span{display:flex;flex-direction:column}.phone-float small{color:#94a3b8;font-size:6px}.phone-float--one{right:-15px;top:150px;color:#059669}.phone-float--one b{color:var(--ink)}.phone-float--two{left:15px;bottom:80px;flex-direction:column;color:var(--indigo);animation-delay:-2s}.phone-float--two span{color:#64748b;font-size:6px}
.benefit-list{margin:30px 0 20px;list-style:none}.benefit-list li{margin-bottom:18px;display:flex;gap:13px}.benefit-list li>span{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:var(--indigo);background:#eef2ff;font-size:9px;font-weight:800}.benefit-list div{display:flex;flex-direction:column}.benefit-list strong{font-size:12px}.benefit-list small{color:var(--muted);font-size:10px}.text-link{display:flex;align-items:center;gap:8px;color:var(--indigo);font-size:12px;font-weight:800}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}
.features-section{background:linear-gradient(180deg,#f7faff,#fff)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{min-height:205px;padding:24px;position:relative;overflow:hidden;border:1px solid #e7edf6;border-radius:20px;background:white;box-shadow:0 10px 30px rgba(30,58,138,.04);transition:.35s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(30,58,138,.1);border-color:#c7d2fe}.feature-card--wide{grid-column:span 2}.feature-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:10px;font-weight:800}.feature-icon--blue{color:#2563eb;background:#dbeafe}.feature-icon--purple{color:#7c3aed;background:#ede9fe}.feature-icon--cyan{color:#0891b2;background:#cffafe}.feature-icon--orange{color:#ea580c;background:#ffedd5}.feature-icon--pink{color:#db2777;background:#fce7f3}.feature-icon--green{color:#059669;background:#d1fae5}.feature-preview{position:absolute}.residents-preview{right:-20px;bottom:15px;width:55%}.residents-preview span{margin-top:5px;padding:7px;display:flex;align-items:center;gap:6px;border:1px solid #f1f5f9;border-radius:8px;background:#fff;box-shadow:0 6px 15px rgba(30,58,138,.07)}.residents-preview i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--indigo);font-size:4px;font-style:normal}.residents-preview b{display:flex;flex-direction:column;font-size:5px}.residents-preview small{font-size:4px;color:#94a3b8}.residents-preview em{margin-left:auto;color:#059669;font-size:4px;font-style:normal}.ring-preview{width:65px;height:65px;margin:20px auto 0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--purple) 87%,#ede9fe 0);position:relative}.ring-preview::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.ring-preview span{z-index:1;display:flex;flex-direction:column;align-items:center}.ring-preview b{font-size:10px}.ring-preview small{font-size:5px;color:#94a3b8}.spark-preview{height:55px;margin-top:16px;display:flex;align-items:end;gap:6px}.spark-preview i{width:12%;border-radius:4px;background:linear-gradient(to top,#bae6fd,var(--sky))}.spark-preview i:nth-child(1){height:20%}.spark-preview i:nth-child(2){height:38%}.spark-preview i:nth-child(3){height:30%}.spark-preview i:nth-child(4){height:62%}.spark-preview i:nth-child(5){height:48%}.spark-preview i:nth-child(6){height:85%}
.steps-section{background:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;position:relative}.steps__line{height:2px;position:absolute;left:9%;right:9%;top:34px;background:#e2e8f0}.steps__line span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--sky),var(--purple));transition:1.6s ease}.steps__line.is-visible span{width:100%}.step-card{position:relative;text-align:center}.step-card b{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;border:8px solid white;border-radius:50%;color:var(--indigo);background:#eef2ff;box-shadow:0 0 0 1px #e0e7ff;font-size:12px}.step-card span{display:block;font-size:12px;font-weight:800}.step-card p{margin-top:7px;color:var(--muted);font-size:9px}
.domain-section{padding:125px 0;color:white;background:linear-gradient(135deg,#172554,#3730a3 55%,#6d28d9);overflow:hidden}.domain-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.25),transparent 30%),radial-gradient(circle at 80% 70%,rgba(192,132,252,.28),transparent 32%);animation:aurora 10s infinite alternate}.domain-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.kicker--light{color:#bae6fd}.domain-copy p{color:#cbd5e1}.domain-list{margin:28px 0;display:flex;flex-direction:column;gap:9px}.domain-list span{width:fit-content;padding:9px 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.08);font-size:9px}.domain-list i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.15)}.browser-scene{min-height:430px;display:grid;place-items:center;perspective:900px;position:relative}.browser{width:570px;height:350px;overflow:hidden;border:6px solid rgba(255,255,255,.25);border-radius:18px;background:#f8faff;box-shadow:-30px 40px 70px rgba(15,23,42,.35);transform:rotateY(-12deg) rotateX(4deg);animation:dashboardFloat 6s infinite}.browser__bar{height:38px;padding:0 11px;display:flex;align-items:center;gap:12px;background:#fff}.browser__bar div{display:flex;gap:4px}.browser__bar i{width:6px;height:6px;border-radius:50%;background:#fca5a5}.browser__bar i:nth-child(2){background:#fde68a}.browser__bar i:nth-child(3){background:#86efac}.browser__bar span{width:300px;margin:auto;padding:4px 9px;color:#64748b;background:#f1f5f9;border-radius:6px;font-size:6px}.browser__bar em{color:#64748b}.browser__page{height:100%;display:flex}.browser__side{width:48px;padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:18px;background:#fff}.browser__side b{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:white;background:var(--indigo);font-size:8px}.browser__side i{width:11px;height:11px;border:2px solid #cbd5e1;border-radius:3px}.browser__main{flex:1;padding:25px}.browser__welcome{display:block;width:45%;height:17px;border-radius:4px;background:#c7d2fe}.browser__stats{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.browser__stats i{height:65px;border-radius:9px;background:white;box-shadow:0 7px 15px rgba(30,58,138,.07)}.browser__chart{height:150px;margin-top:14px;padding:20px;display:flex;align-items:end;gap:13px;border-radius:10px;background:white}.browser__chart span{width:11%;border-radius:4px;background:linear-gradient(to top,var(--indigo),var(--sky))}.browser__chart span:nth-child(1){height:25%}.browser__chart span:nth-child(2){height:47%}.browser__chart span:nth-child(3){height:35%}.browser__chart span:nth-child(4){height:65%}.browser__chart span:nth-child(5){height:55%}.browser__chart span:nth-child(6){height:84%}.browser__chart span:nth-child(7){height:72%}.browser-float{padding:11px 13px;position:absolute;display:flex;align-items:center;gap:8px;border-radius:10px;color:#059669;background:white;box-shadow:0 15px 35px rgba(15,23,42,.22);font-size:9px;font-weight:800;animation:cardFloat 4s infinite}.browser-float span{display:flex;flex-direction:column;color:var(--ink)}.browser-float small{font-size:5px;color:#94a3b8}.browser-float--shield{right:-15px;top:80px}.browser-float--link{left:30px;bottom:25px;color:var(--indigo);animation-delay:-2s}
.pricing-section{background:#f8faff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}.price-card{padding:29px;border:1px solid #e2e8f0;border-radius:24px;background:white;box-shadow:0 12px 35px rgba(30,58,138,.05);transition:.35s}.price-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.price-card--featured{position:relative;padding-block:42px;border:2px solid var(--indigo);box-shadow:0 25px 60px rgba(79,70,229,.15)}.popular-label{position:absolute;top:0;left:50%;padding:6px 18px;border-radius:0 0 10px 10px;transform:translateX(-50%);color:white;background:linear-gradient(90deg,var(--blue),var(--purple));font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.price-card__top>span{color:var(--deep);font-size:15px;font-weight:800}.price-card__top p{min-height:44px;margin:8px 0 18px;color:var(--muted);font-size:10px}.price-card__top div{display:flex;align-items:baseline}.price-card__top small{align-self:flex-start;margin-top:7px;color:var(--indigo);font-size:9px;font-weight:800}.price-card__top strong{font-size:35px;letter-spacing:-2px}.price-card__top em{margin-left:4px;color:var(--muted);font-size:8px;font-style:normal}.price-card ul{margin:25px 0;list-style:none;border-top:1px solid #edf2f7;padding-top:20px}.price-card li{margin:10px 0;color:#475569;font-size:10px}.price-card li::first-letter{color:#10b981}.pricing-note{margin-top:27px;text-align:center;color:var(--muted);font-size:9px}
.cta-section{padding:100px 0;position:relative;overflow:hidden;color:white;background:linear-gradient(120deg,var(--deep),var(--indigo),var(--purple));background-size:180%;animation:gradientMove 8s ease infinite}.cta-section__orb{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.cta-section__orb--one{width:450px;height:450px;left:-180px;top:-200px}.cta-section__orb--two{width:300px;height:300px;right:-80px;bottom:-160px}.cta-section__content{max-width:720px;text-align:center}.cta-section .kicker{margin:auto}.cta-section h2{margin:14px 0;font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-2.5px}.cta-section p{margin:0 auto 25px;max-width:600px;color:#dbeafe;font-size:12px}@keyframes gradientMove{50%{background-position:100% 50%}}
.register-section{background:linear-gradient(180deg,#fff,#f7faff)}.register-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.register-points{margin:30px 0;display:flex;flex-direction:column;gap:13px}.register-points span{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:700}.register-points b{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:var(--indigo);background:#eef2ff;font-size:8px}.register-quote{padding:20px;border-left:3px solid var(--indigo);border-radius:0 14px 14px 0;background:#f1f5ff}.register-quote p{font-size:11px;font-weight:600}.register-quote span{margin-top:12px;display:flex;flex-direction:column}.register-quote b{font-size:9px}.register-quote small{color:var(--muted);font-size:7px}.register-form{padding:34px;border:1px solid #e2e8f0;border-radius:25px;background:white;box-shadow:0 25px 70px rgba(30,58,138,.1)}.form-heading{margin-bottom:24px;display:flex;flex-direction:column}.form-heading span{font-size:17px;font-weight:800}.form-heading small{color:var(--muted);font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label>span{font-size:8px;font-weight:800}.form-field--full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px 12px;outline:none;border:1px solid #e2e8f0;border-radius:9px;color:var(--ink);background:#fbfdff;font-size:9px;transition:.2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.register-form button{margin-top:20px}.form-disclaimer{margin-top:10px;display:block;text-align:center;color:#94a3b8;font-size:6px}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-copy{position:sticky;top:130px;align-self:start}.faq-copy .text-link{margin-top:22px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid #e2e8f0;border-radius:14px;background:white;overflow:hidden;transition:.2s}.faq-item:hover,.faq-item.is-open{border-color:#c7d2fe;box-shadow:0 10px 25px rgba(30,58,138,.06)}.faq-item button{width:100%;padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left;color:var(--ink);font-size:10px;font-weight:800;cursor:pointer}.faq-item button i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:var(--indigo);background:#eef2ff;font-style:normal;font-size:14px;transition:.3s}.faq-item.is-open button i{transform:rotate(45deg)}.faq-item>div{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item p{padding:0 19px 18px;color:var(--muted);font-size:9px}
.site-footer{padding:70px 0 20px;color:#cbd5e1;background:#0f172a}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px}.brand--footer{color:white}.footer-brand p{max-width:330px;margin-top:17px;color:#94a3b8;font-size:13px;line-height:1.8}.footer-grid h3{margin-bottom:15px;color:white;font-size:14px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a,.footer-grid span{font-size:12px;line-height:1.7;transition:.2s}.footer-grid a:hover{color:#7dd3fc;transform:translateX(3px)}.footer-bottom{margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:11px}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero__visual{transform:none!important}}

@media(max-width:1080px){
  .nav-menu{gap:15px}.hero__grid{grid-template-columns:1fr}.hero__copy{max-width:720px;text-align:center;margin:auto}.eyebrow,.hero__actions{margin-inline:auto}.hero__lead{margin-inline:auto}.hero__trust{justify-content:center}.hero__visual-wrap{min-height:520px}.hero__visual{transform:scale(.9)}.features-grid{grid-template-columns:repeat(3,1fr)}.solution-grid,.domain-grid{gap:35px}.browser{width:500px}.pricing-grid{gap:12px}
}
@media(max-width:820px){
  .container{width:min(100% - 30px,680px)}.nav-demo{display:none}.menu-toggle{display:block}.nav-menu{padding:12px;position:absolute;top:76px;left:15px;right:15px;display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #e2e8f0;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(15,23,42,.12);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s}.nav-menu.is-open{opacity:1;visibility:visible;transform:none}.nav-menu a{padding:11px 13px;border-radius:8px}.nav-menu a:hover{background:#f1f5ff}.nav-menu a::after{display:none}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{padding-top:140px}.hero__grid,.hero__visual-wrap,.solution-grid,.solution-visual,.domain-grid,.browser-scene{min-width:0;width:100%}.hero__visual-wrap{min-height:440px;overflow:visible}.hero__visual{transform:scale(.72)!important;transform-origin:center center}.hero__logos{margin-top:20px;flex-direction:column;gap:15px;text-align:center}.hero__logos div{width:100%;flex-wrap:wrap;gap:20px}.problem-grid{grid-template-columns:repeat(2,1fr)}.solution-grid,.domain-grid,.register-grid,.faq-grid{grid-template-columns:1fr}.solution-grid{gap:28px}.solution-visual{min-height:570px;overflow:visible}.phone-scene{transform-origin:center center}.solution-copy{max-width:570px;margin:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.steps__line{display:none}.step-card{text-align:left;display:grid;grid-template-columns:68px 1fr;gap:0 13px}.step-card b{grid-row:span 2;margin:0}.domain-copy{text-align:center}.domain-copy .kicker,.domain-list span,.domain-copy .button{margin-inline:auto}.domain-copy>p{max-width:560px;margin-inline:auto}.browser-scene{min-height:400px;overflow:visible}.browser{transform-origin:center center}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:auto}.price-card--featured{order:-1}.register-copy{max-width:600px}.faq-copy{position:static;text-align:center}.faq-copy .kicker,.faq-copy .text-link{margin-inline:auto}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}
}
@media(max-width:560px){
  .container{width:calc(100% - 24px)}.site-header{top:7px}.navbar{min-height:58px;padding:0 8px 0 13px}.is-scrolled .navbar{border-radius:14px}.brand{font-size:18px}.hero{min-height:auto;padding:112px 0 45px}.hero__copy h1{margin:19px 0 16px;font-size:clamp(34px,10.5vw,41px);line-height:1.12;letter-spacing:-2.3px}.eyebrow{max-width:100%;padding:7px 10px;font-size:9px;line-height:1.4;text-align:left}.hero__lead{font-size:13px;line-height:1.75}.hero__actions{display:grid;gap:10px}.hero__actions .button{width:100%}.hero__trust{margin-top:22px;text-align:left}.hero__visual-wrap{height:330px;min-height:330px;margin-top:6px;overflow:hidden}.hero__visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.49)!important;transform-origin:center center}.hero__visual .orbit{display:none}.float-card--dues{left:12px}.float-card--cash{right:5px}.float-card--vote{left:135px;bottom:8px}.hero__logos{margin-top:5px}.hero__logos>span{max-width:none}.hero__logos div{display:grid;grid-template-columns:1fr 1fr;font-size:9px;line-height:1.5}.section{padding:80px 0}.section-heading{margin-bottom:35px}.section-heading h2,.solution-copy h2,.domain-copy h2,.register-copy h2,.faq-copy h2{font-size:32px;letter-spacing:-1.8px}.problem-grid,.features-grid{grid-template-columns:1fr}.problem-card{min-height:190px}.feature-card--wide{grid-column:auto}.residents-preview{width:45%}.solution-grid{gap:22px}.solution-visual{height:430px;min-height:430px;overflow:hidden}.phone-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.72);transform-origin:center center}.phone-float--one{right:12px}.phone-float--two{left:28px}.solution-copy{text-align:left}.solution-copy .kicker{margin:0}.solution-copy>p{font-size:12px;line-height:1.75}.benefit-list small{font-size:9px;line-height:1.65}.steps{grid-template-columns:1fr;gap:25px}.domain-section{padding:82px 0}.domain-grid{gap:35px}.domain-copy h2{font-size:34px}.domain-copy>p{font-size:12px;line-height:1.75}.domain-list{width:100%;align-items:stretch}.domain-list span{width:100%;justify-content:center;font-size:10px}.domain-copy .button{width:100%}.browser-scene{height:300px;min-height:300px;overflow:hidden}.browser{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.56) rotateY(-5deg);transform-origin:center center;animation:none}.browser-float{z-index:3}.browser-float--shield{right:3px;top:35px}.browser-float--link{left:3px;bottom:18px}.price-card{padding:25px}.cta-section{padding:75px 0}.cta-section h2{font-size:34px}.form-grid{grid-template-columns:1fr}.form-field--full{grid-column:auto}.register-form{padding:22px 16px}.site-footer{padding-top:55px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand,.footer-grid>div:last-child{grid-column:auto}.footer-brand p{font-size:13px}.footer-grid h3{margin-bottom:8px;font-size:14px}.footer-grid a,.footer-grid span{font-size:13px}.footer-bottom{margin-top:38px;flex-direction:column;gap:6px;text-align:center;font-size:11px}
}

/* Balanced type scale for comfortable reading */
h1{font-size:clamp(42px,4.6vw,58px);line-height:1.12;letter-spacing:-3px}
.section-heading h2,.solution-copy h2,.domain-copy h2,.register-copy h2,.faq-copy h2{font-size:clamp(30px,3.5vw,42px);line-height:1.2;letter-spacing:-2px}
.cta-section h2{font-size:clamp(30px,3.6vw,44px);line-height:1.2;letter-spacing:-2px}
.eyebrow,.kicker{font-size:12px}
.hero__lead{font-size:16px;line-height:1.8}
.hero__trust{font-size:12px}.hero__trust strong{font-size:13px}
.hero__logos,.hero__logos div{font-size:11px}
.section-heading p,.solution-copy>p,.domain-copy>p,.register-copy>p,.faq-copy>p,.cta-section p{font-size:15px;line-height:1.8}
.problem-card h3,.feature-card h3{font-size:17px;line-height:1.4}
.problem-card p,.feature-card p{font-size:13px;line-height:1.75}
.benefit-list strong{font-size:14px}.benefit-list small{font-size:12px;line-height:1.65}.text-link{font-size:14px}
.step-card span{font-size:14px}.step-card p{font-size:12px;line-height:1.7}
.domain-list span{font-size:12px}
.price-card__top>span{font-size:18px}.price-card__top p{font-size:13px;line-height:1.7}.price-card__top small{font-size:11px}.price-card__top em{font-size:11px}.price-card li{font-size:13px}.popular-label{font-size:10px}.pricing-note{font-size:12px}
.register-points span{font-size:13px}.register-quote p{font-size:13px;line-height:1.7}.register-quote b{font-size:12px}.register-quote small{font-size:10px}
.form-heading small{font-size:11px}.form-grid label>span{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px;padding:13px 14px}.form-disclaimer{font-size:10px}
.faq-item button{font-size:14px;line-height:1.5}.faq-item p{font-size:13px;line-height:1.75}

@media(max-width:560px){
  .hero__copy h1{font-size:clamp(31px,9vw,36px);line-height:1.16;letter-spacing:-1.8px}
  .section-heading h2,.solution-copy h2,.domain-copy h2,.register-copy h2,.faq-copy h2,.cta-section h2{font-size:29px;line-height:1.22;letter-spacing:-1.3px}
  .eyebrow,.kicker{font-size:10px}
  .hero__lead,.section-heading p,.solution-copy>p,.domain-copy>p,.register-copy>p,.faq-copy>p,.cta-section p{font-size:14px;line-height:1.75}
  .hero__trust{font-size:11px}.hero__trust strong{font-size:12px}
  .problem-card h3,.feature-card h3{font-size:16px}.problem-card p,.feature-card p{font-size:13px}
  .benefit-list strong{font-size:14px}.benefit-list small{font-size:12px}
  .step-card span{font-size:14px}.step-card p{font-size:12px}
  .domain-copy h2{font-size:29px}.domain-list span{font-size:11px}
  .price-card__top p,.price-card li{font-size:13px}
  .register-points span,.register-quote p{font-size:13px}
  .faq-item button{font-size:13px}.faq-item p{font-size:13px}
}