:root{--landing-width: 1200px;--landing-wide: 1320px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;letter-spacing:-.02em}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(48px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.section-head{max-width:720px;margin:0 auto var(--space-14);text-align:center;position:relative}.section-index{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-bold);letter-spacing:.3em;color:var(--accent);font-feature-settings:"tnum";margin-bottom:var(--space-4)}.section-title{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:var(--space-4)}.section-lede{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.65;max-width:60ch;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:var(--space-1-5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(8px)}.eyebrow-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.w-full{width:100%;justify-content:center}.hero{position:relative;z-index:1;min-height:clamp(620px,92vh,920px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--space-32) + var(--space-6)) var(--space-6) var(--space-24);overflow:hidden}.hero-bg{position:absolute;inset:-10% -5%;z-index:-2;pointer-events:none}.hero-bg .bg-icon{position:absolute;color:var(--text-primary);opacity:.05;animation:drift 14s ease-in-out infinite alternate}:root.light .hero-bg .bg-icon{opacity:.07}.hero-bg .bg-icon svg{width:100%;height:100%;display:block}@keyframes drift{0%{transform:translateY(14px) rotate(-5deg)}to{transform:translateY(-14px) rotate(5deg)}}.hero-glow{position:absolute;z-index:-1;top:18%;left:50%;width:min(900px,90vw);height:520px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 68%);filter:blur(40px);opacity:.7}:root.light .hero-glow{opacity:.5}.hero-inner{position:relative;z-index:2;max-width:940px;display:flex;flex-direction:column;align-items:center;animation:heroIn .9s cubic-bezier(.22,1,.36,1) both}@keyframes heroIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.hero-title{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:900;line-height:.98;letter-spacing:-.045em;color:var(--text-primary);margin:var(--space-7) 0 var(--space-6)}.hero-title .line{display:block}.hero-title .hl{color:var(--accent)}.hero-title em{font-style:italic;font-weight:500;font-family:Inter,serif}.hero-lede{font-size:clamp(var(--font-size-base),2.2vw,var(--font-size-xl));color:var(--text-secondary);line-height:1.6;max-width:56ch;margin-bottom:var(--space-9)}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.hero-scatter{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-scatter .spec{position:absolute;pointer-events:auto;transform:rotate(var(--rot, 0deg));animation:floatSpec 7s ease-in-out infinite;transition:transform .45s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}:root.light .hero-scatter .spec{filter:drop-shadow(0 10px 20px rgba(16,24,40,.14))}.hero-scatter .spec:hover,.hero-scatter .spec:focus-within{z-index:5;animation-play-state:paused}@keyframes floatSpec{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-12px) rotate(var(--rot, 0deg))}}.spec--toggle{top:16%;left:5%;--rot: -6deg;animation-delay:-.5s}.spec--badges{top:11%;right:6%;--rot: 5deg;animation-delay:-2.1s}.spec--avatars{bottom:16%;left:7%;--rot: 4deg;animation-delay:-3.4s}.spec--button{top:30%;right:9%;--rot: -7deg;animation-delay:-1.2s}.spec--segmented{bottom:26%;right:6%;--rot: 6deg;animation-delay:-4s}.spec--slider{top:40%;left:6%;--rot: 5deg;animation-delay:-2.7s;width:180px}.spec--input{bottom:10%;right:11%;--rot: -4deg;animation-delay:-1.8s}.spec--card{bottom:30%;left:4%;--rot: -5deg;animation-delay:-3s}.spec--slider .mom-slider{width:100%}.spec--badges,.spec--avatars{display:flex;gap:var(--space-1-5)}.spec-mini-card{display:flex;flex-direction:column;gap:var(--space-2);width:150px}@media(max-width:1180px){.hero-scatter{display:none}}.rivers{position:relative;z-index:1;padding:var(--space-4) 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-1-5);border-block:1px solid var(--border-subtle);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.river{overflow:hidden;padding-block:var(--space-1-5)}.river-track{display:flex;gap:var(--space-3);width:max-content;animation:river 60s linear infinite}.river[data-dir=right] .river-track{animation-direction:reverse}.river:hover .river-track{animation-play-state:paused}@keyframes river{0%{transform:translate(0)}to{transform:translate(-50%)}}.river-icon{position:relative;flex-shrink:0;width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:color .2s,background .2s,border-color .2s,transform .2s}.river-icon:hover{color:var(--accent);background:var(--accent-glow);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:scale(1.12);z-index:2}.river-icon svg{width:var(--space-5);height:var(--space-5)}.stats{position:relative;z-index:1;padding:var(--space-20) var(--space-6) var(--space-10)}.stats-inner{max-width:var(--landing-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);transition:border-color .3s,transform .3s}.stat:nth-child(2n){transform:translateY(var(--space-4))}.stat:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(calc(var(--space-1) * -1))}.stat:nth-child(2n):hover{transform:translateY(calc(var(--space-4) - var(--space-1)))}.stat-number{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:var(--text-primary);letter-spacing:-.04em;line-height:1}.stat-plus{color:var(--accent)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.components{position:relative;z-index:1;padding:var(--space-20) var(--space-6);max-width:var(--landing-wide);margin:0 auto}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(120px,auto);gap:var(--space-3)}.tile{position:relative;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);padding:var(--space-5);overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.tile:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(calc(var(--space-1) * -1));box-shadow:var(--shadow-xl)}.tile-tag{position:absolute;top:var(--space-4);left:var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);z-index:2}.tile-stage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2-5);padding-top:var(--space-5)}.tile-stage--start{align-items:stretch;justify-content:center}.tile--buttons,.tile--controls{grid-column:span 3}.tile--badges,.tile--form,.tile--avatars{grid-column:span 2}.tile--meters,.tile--card{grid-column:span 3}.btn-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.tile--controls .tile-stage{gap:var(--space-4);padding-left:var(--space-2)}.avatar-stack{display:flex}.avatar-stack .mom-avatar{margin-left:calc(var(--space-3) * -1);border:2px solid var(--surface);transition:transform .25s,margin .25s}.avatar-stack .mom-avatar:first-child{margin-left:0}.avatar-stack:hover .mom-avatar{margin-left:var(--space-1)}.avatar-stack:hover .mom-avatar:first-child{margin-left:0}.showcase-card{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:360px}.showcase-card__top{display:flex;align-items:center;gap:var(--space-2-5)}.showcase-card__meta{display:flex;flex-direction:column;line-height:1.3;margin-right:auto}.showcase-card__meta strong{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-bold)}.showcase-card__meta span{font-size:var(--font-size-xs);color:var(--text-muted)}.showcase-card__body{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.55}.tile--meters .mom-slider,.tile--meters .mom-progress{width:100%}.tile--meters .tile-stage{gap:var(--space-5)}.styles{position:relative;z-index:1;padding:var(--space-24) var(--space-6);max-width:var(--landing-width);margin:0 auto}.style-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.style-col{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color .3s,transform .3s,box-shadow .3s}.style-col:nth-child(odd){transform:translateY(var(--space-5))}.style-col:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow-xl)}.style-col__name{font-size:var(--font-size-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.style-col__icons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.style-col__icons .si{aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:var(--input-bg);border-radius:var(--radius-lg);transition:color .2s,background .2s,transform .2s}.style-col__icons .si:hover{color:var(--accent);background:var(--accent-glow);transform:scale(1.08)}.style-col__icons .si svg{width:60%;height:60%}.style-col__icons .si-mask{display:block;width:60%;height:60%;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.spectrum{position:relative;z-index:1;padding:var(--space-20) var(--space-6);max-width:var(--landing-wide);margin:0 auto}.spectrum-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-4);align-items:stretch}.spectrum-wall{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--bg)}.spectrum-row{display:flex;flex:1;min-height:clamp(22px,3vw,34px)}.spectrum-cell{flex:1;transition:transform .25s,flex .25s}.spectrum-cell:hover{transform:scaleY(1.22);z-index:2;box-shadow:var(--shadow-lg)}.token-strip{display:flex;flex-direction:column;gap:var(--space-4)}.token-card{flex:1;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.token-card__title{font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.token-card__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.ramp-row{display:flex;height:var(--space-9);border-radius:var(--radius-md);overflow:hidden}.ramp-row span{flex:1;transition:flex .2s}.ramp-row span:hover{flex:2.2}.space-bars{display:flex;flex-direction:column;gap:var(--space-2)}.space-bar{display:flex;align-items:center;gap:var(--space-2-5)}.space-bar__fill{height:var(--space-2-5);background:var(--accent);border-radius:var(--radius-sm)}.space-bar__lbl{font-family:SFMono-Regular,Consolas,monospace;font-size:calc(var(--font-size-xs) * .9);color:var(--text-muted)}.radius-row{display:flex;gap:var(--space-2-5);align-items:center}.radius-chip{width:var(--space-9);height:var(--space-9);background:var(--accent-glow);border:1.5px solid var(--accent)}.radius-chip--full{border-radius:var(--radius-full)}.type-row{display:flex;align-items:baseline;gap:var(--space-3);color:var(--text-primary)}.token-line{display:flex;align-items:center;justify-content:space-between;font-family:SFMono-Regular,Consolas,monospace;font-size:var(--font-size-xs);padding:var(--space-1-5) var(--space-2-5);background:var(--input-bg);border-radius:var(--radius)}.token-key{color:var(--accent)}.token-val{color:var(--text-muted)}.token-swatch{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm)}.browser-section{position:relative;z-index:1;padding:var(--space-24) var(--space-6);text-align:center;max-width:var(--landing-width);margin:0 auto}.browser-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-8);box-shadow:var(--shadow-xl);text-align:left}.browser-chrome{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.chrome-url{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-medium)}.browser-body{padding:var(--space-4)}.browser-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:var(--space-1)}.browser-icon-grid .b-icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1;color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;transition:color .2s,transform .2s,background .2s}.browser-icon-grid .b-icon:hover{color:var(--accent);background:var(--accent-glow);transform:scale(1.12)}.browser-icon-grid .b-icon svg{width:var(--space-6);height:var(--space-6)}.pricing{position:relative;z-index:1;padding:var(--space-24) var(--space-6);max-width:var(--landing-width);margin:0 auto}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;perspective:1600px}.pricing-card{display:flex;flex-direction:column;gap:var(--space-6);transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:visible}.mom-card.pricing-card{padding:var(--space-8) var(--space-7)}.pricing-grid .pricing-card:first-child{transform:rotateY(6deg) rotate(-1.5deg);transform-origin:right center;z-index:1}.pricing-grid .pricing-card:last-child{transform:rotateY(-6deg) rotate(1.5deg);transform-origin:left center;margin-left:calc(var(--space-6) * -1);z-index:2}.pricing-grid .pricing-card:first-child:hover{transform:rotateY(6deg) rotate(-1.5deg) translateY(calc(var(--space-1) * -1));box-shadow:var(--shadow-xl)}.pricing-grid .pricing-card:last-child:hover{transform:rotateY(-6deg) rotate(1.5deg) translateY(calc(var(--space-2) * -1));box-shadow:var(--shadow-xl)}.pricing-card--featured{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-lg)}.pricing-card--featured:hover{border-color:var(--accent)}.pricing-popular{position:absolute;top:calc(var(--space-3) * -1);left:50%;transform:translate(-50%);font-size:var(--font-size-xs);font-weight:var(--font-bold);color:var(--accent-fg);background:var(--accent);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 4px 12px var(--accent-glow);z-index:10}.pricing-card-header{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.pricing-tier{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.pricing-amount{font-size:clamp(2.5rem,6vw,3.25rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.pricing-period{font-size:var(--font-size-sm);color:var(--text-muted)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2-5)}.pricing-features li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--space-5);position:relative;line-height:1.5}.pricing-features li:before{content:"";position:absolute;left:0;top:7px;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--accent);opacity:.7}.pricing-card--featured .pricing-features li:before{opacity:1}.pricing-note{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.5}.roadmap{position:relative;z-index:1;padding:0 var(--space-6) var(--space-24);max-width:var(--landing-width);margin:0 auto}.roadmap-inner{text-align:center;padding:var(--space-14) var(--space-10);border:1px dashed var(--border);border-radius:var(--radius-2xl);background:var(--surface)}.roadmap-badge{margin-bottom:var(--space-5)}.roadmap-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.15}.roadmap-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;max-width:60ch;margin:0 auto}.footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:var(--space-10) var(--space-6)}.footer-inner{max-width:var(--landing-width);margin:0 auto}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.footer-brand{display:flex;align-items:center;gap:var(--space-3)}.footer-logo{display:flex;align-items:center;gap:2px;color:var(--text-primary)}.footer-tagline{font-size:var(--font-size-sm);color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:var(--space-1)}.footer-link{padding:var(--space-1-5) var(--space-3-5);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);transition:color .2s,background .2s}.footer-link:hover{color:var(--text-primary);background:var(--surface-hover)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--space-6)}.footer-copy{font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:980px){.bento{grid-template-columns:repeat(4,1fr)}.tile--buttons,.tile--controls{grid-column:span 4;grid-row:auto}.tile--badges,.tile--form,.tile--avatars{grid-column:span 2}.tile--meters,.tile--card{grid-column:span 4}.style-columns{grid-template-columns:repeat(2,1fr)}.style-col:nth-child(odd){transform:none}.spectrum-layout{grid-template-columns:1fr}.spectrum-wall{min-height:200px}.token-strip{flex-direction:row}}@media(max-width:680px){.hero{min-height:auto;padding:calc(var(--space-20) + 48px) var(--space-4) var(--space-16)}.hero-title{font-size:clamp(2.1rem,10vw,3rem)}.stats-inner{grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat:nth-child(2n){transform:none}.stat:nth-child(2n):hover{transform:translateY(calc(var(--space-1) * -1))}.components,.styles,.spectrum,.browser-section,.pricing{padding:var(--space-16) var(--space-4)}.section-head{margin-bottom:var(--space-10)}.bento{grid-template-columns:1fr 1fr}.tile--buttons,.tile--controls,.tile--badges,.tile--form,.tile--avatars,.tile--meters,.tile--card{grid-column:span 2}.token-strip{flex-direction:column}.browser-icon-grid{grid-template-columns:repeat(5,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;perspective:none}.pricing-grid .pricing-card:first-child,.pricing-grid .pricing-card:last-child{transform:none;margin-left:0}.pricing-grid .pricing-card:first-child:hover,.pricing-grid .pricing-card:last-child:hover{transform:translateY(calc(var(--space-1) * -1))}.roadmap{padding:0 var(--space-4) var(--space-16)}.roadmap-inner{padding:var(--space-8) var(--space-5)}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .mom-btn{width:100%;justify-content:center}.footer-top{flex-direction:column;gap:var(--space-4);text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media(max-width:420px){.browser-icon-grid{grid-template-columns:repeat(4,1fr)}.style-col__icons{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-inner,.hero-bg .bg-icon,.hero-scatter .spec,.eyebrow-dot,.river-track{animation:none}}