@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800;900&display=swap";:root{--color-primary:#ec4899;--color-on-primary:#fff;--color-secondary:#db2777;--color-accent:#2563eb;--color-background:#0f172a;--color-foreground:#fff;--color-muted:#201a32;--color-border:#ffffff14;--color-destructive:#dc2626;--color-ring:#ec4899;--page-gutter:48px;color:var(--color-foreground);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}img,svg{display:block}h1,h2,h3,p{overflow-wrap:anywhere}@media (width<=1024px){:root{--page-gutter:32px}}@media (width<=720px){:root{--page-gutter:18px}}.site-shell{min-height:100vh;color:var(--color-foreground);background:var(--color-background);overflow:hidden}.hero-section{isolation:isolate;min-height:86svh;padding:96px var(--page-gutter) 72px;background:#0f172a;align-items:center;display:flex;position:relative}.hero-section:after{content:"";z-index:-1;background:linear-gradient(90deg,#0f172af5 0%,#0f172ad6 42%,#0f172a75 100%),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 88px),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 88px);position:absolute;inset:0}.topbar{z-index:5;width:min(1180px, calc(100% - (var(--page-gutter) * 2)));grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;padding:24px 0;display:grid;position:absolute;top:0;left:0;right:0}.brand,.nav-links a,.nav-cta,.button{justify-content:center;align-items:center;min-height:44px;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:inline-flex}.brand{color:#fff;justify-self:start;gap:10px;font-size:1.05rem;font-weight:800}.brand-mark{color:#fff;background:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.nav-links{border:1px solid var(--color-border);background:#0f172ab8;border-radius:8px;gap:8px;padding:4px;display:flex}.nav-links a{color:#ffffffbd;border-radius:6px;padding:0 14px;font-size:.92rem;font-weight:700}.nav-links a:hover,.nav-links a:focus-visible{color:#fff;background:#ffffff14}.nav-cta{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;justify-self:end;padding:0 16px;font-weight:800}.nav-cta:hover,.nav-cta:focus-visible{background:#ffffff24}.hero-copy{z-index:2;width:min(540px,100%);padding-top:28px;position:relative}.eyebrow,.section-kicker{color:#f9a8d4;text-transform:uppercase;align-items:center;gap:9px;font-size:.86rem;font-weight:800;display:inline-flex}.hero-copy h1{color:#fff;max-width:540px;margin:20px 0 22px;font-size:4.1rem;line-height:.98}.hero-copy p{color:#ffffffc2;max-width:520px;margin:0;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;border-radius:8px;gap:10px;padding:0 20px;font-weight:850}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{color:var(--color-on-primary);background:var(--color-accent);border:1px solid var(--color-accent)}.button-primary:hover,.button-primary:focus-visible{background:#1d4ed8;border-color:#1d4ed8}.button-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.button-secondary:hover,.button-secondary:focus-visible{background:#ffffff24}.platform-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.platform-row span{color:#ffffffd1;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.hero-scene{z-index:0;position:absolute;inset:0;overflow:hidden}.capture-window{background:#131827;border:1px solid #ffffff21;border-radius:8px;width:min(680px,52vw);position:absolute;top:15%;right:max(28px,50vw - 590px);overflow:hidden;box-shadow:0 36px 90px #00000057}.window-chrome{background:#0b1120;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.window-chrome span{background:#ffffff47;border-radius:999px;width:10px;height:10px}.window-chrome span:first-child{background:#ec4899}.window-chrome span:nth-child(2){background:#f59e0b}.window-chrome span:nth-child(3){background:#22c55e}.chrome-title{color:#ffffff9e;margin-left:12px;font-size:.78rem;font-weight:800}.preview-stage{background:#111827;padding:28px;position:relative}.desktop-preview{background:#f8fafc;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:78px 1fr;min-height:310px;display:grid;overflow:hidden}.preview-sidebar{background:#e2e8f0;flex-direction:column;gap:10px;padding:18px;display:flex}.preview-sidebar div{background:#cbd5e1;border-radius:7px;height:28px}.preview-content{background:#fff;padding:24px;position:relative}.browser-bar{background:#e2e8f0;border-radius:8px;height:34px}.hero-lines{gap:12px;width:58%;margin-top:50px;display:grid}.hero-lines span{background:#0f172a;border-radius:8px;height:18px;display:block}.hero-lines span:first-child{background:#ec4899;width:100%;height:34px}.hero-lines span:nth-child(2){width:78%}.hero-lines span:nth-child(3){background:#2563eb;width:52%}.cursor-path{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;bottom:30%;right:27%}.camera-bubble{background:#ec4899;border:6px solid #111827;border-radius:999px;width:112px;height:112px;position:absolute;bottom:48px;right:52px}.camera-face{border-radius:inherit;background:linear-gradient(135deg,#0000 0 49%,#ffffff38 50% 100%),#db2777;width:100%;height:100%}.rec-pill{color:#fff;background:#0f172ae6;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:.76rem;font-weight:900;display:flex;position:absolute;top:48px;right:52px}.rec-pill span{background:#ef4444;border-radius:999px;width:9px;height:9px}.timeline{background:#0b1120;padding:18px 22px 24px}.timeline-head{color:#ffffffa8;justify-content:space-between;margin-bottom:14px;font-size:.78rem;font-weight:800;display:flex}.tracks{gap:8px;display:grid}.track{border-radius:5px;height:15px}.track-pink{background:#ec4899;width:78%}.track-blue{background:#2563eb;width:92%}.track-dark{background:#334155;width:66%}.logo-strip{background:var(--color-border);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.logo-strip span{color:#ffffffb8;background:#111827;place-items:center;min-height:82px;font-weight:850;display:grid}.section{padding:92px var(--page-gutter)}.section-heading{text-align:center;width:min(760px,100%);margin:0 auto 40px}.section-heading h2,.workflow-copy h2,.download-inner h2{color:var(--color-foreground);margin:12px 0 0;font-size:3rem;line-height:1.05}.feature-section,.platform-section{background:#0f172a}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:min(1180px,100%);margin:0 auto;display:grid}.feature-card{border:1px solid var(--color-border);background:#131b2c;border-radius:8px;min-height:248px;padding:24px}.feature-icon{color:#fff;background:#201a32;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:22px;display:flex}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(4) .feature-icon{background:#1e3a8a}.feature-card h3,.workflow-step h3{color:#fff;margin:0 0 10px;font-size:1.2rem}.feature-card p,.workflow-copy p,.workflow-step p,.platform-copy p{color:#ffffffb3;margin:0}.workflow-section{color:#111827;background:#fff}.workflow-panel{grid-template-columns:.95fr 1.05fr;align-items:center;gap:48px;width:min(1180px,100%);margin:0 auto;display:grid}.workflow-copy .section-kicker{color:#db2777}.workflow-copy h2{color:#0f172a}.workflow-copy p{color:#475569;margin-top:20px;font-size:1.05rem}.workflow-steps{gap:12px;display:grid}.workflow-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:64px 1fr;align-items:start;gap:16px;padding:22px;display:grid}.workflow-step>span{color:#fff;background:#0f172a;border-radius:8px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.workflow-step h3{color:#0f172a}.workflow-step p{color:#475569}.platform-layout{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:28px;width:min(1180px,100%);margin:0 auto;display:grid}.platform-copy,.os-grid>div{border:1px solid var(--color-border);background:#131b2c;border-radius:8px}.platform-copy{padding:28px}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;display:grid}.metric{background:#0b1120;border-radius:8px;gap:6px;padding:18px 12px;display:grid}.metric strong{color:#fff;font-size:1.7rem;line-height:1}.metric span{color:#ffffff9e;font-size:.84rem;font-weight:800}.os-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.os-grid>div{color:#fff;align-content:center;place-items:center;gap:14px;min-height:220px;font-size:1.12rem;font-weight:900;display:grid}.os-grid>div:nth-child(2){background:#15213a}.os-grid>div:nth-child(3){background:#201a32}.download-section{padding:70px var(--page-gutter);background:#fff}.download-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1180px,100%);margin:0 auto;display:flex}.download-inner .section-kicker{color:#db2777}.download-inner h2{color:#0f172a;max-width:720px}@media (width<=1024px){.hero-section{min-height:84svh;padding-top:110px}.topbar{grid-template-columns:1fr auto}.nav-links{display:none}.capture-window{opacity:.54;width:620px;top:22%;right:-190px}.hero-copy h1{font-size:3.2rem}.feature-grid,.platform-layout{grid-template-columns:repeat(2,1fr)}.workflow-panel,.platform-layout,.download-inner{grid-template-columns:1fr}.download-inner{align-items:flex-start}}@media (width<=720px){.hero-section{min-height:82svh;padding-bottom:52px}.topbar{gap:14px;width:min(100% - 36px,1180px)}.brand{font-size:1rem}.nav-cta{padding:0 12px}.capture-window{display:none}.hero-copy{padding-top:8px}.hero-copy h1{font-size:2.45rem}.hero-copy p{font-size:1rem}.hero-actions,.download-inner{flex-direction:column;align-items:stretch}.button{width:100%}.logo-strip{grid-template-columns:repeat(2,1fr)}.logo-strip span{min-height:68px;font-size:.88rem}.section{padding-top:68px;padding-bottom:68px}.section-heading h2,.workflow-copy h2,.download-inner h2{font-size:2.1rem}.feature-grid,.platform-layout,.os-grid,.metric-row{grid-template-columns:1fr}.feature-card{min-height:auto}.workflow-step{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}