:root{color:#15181c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;background:#f8f7f4;--color-bg: #f8f7f4;--color-surface: #ffffff;--color-surface-soft: #fbfaf8;--color-text: #15181c;--color-secondary: #646b73;--color-muted: #858d96;--color-border: rgb(21 24 28 / 10%);--color-border-strong: rgb(21 24 28 / 14%);--color-accent: #4f6ef7;--color-accent-dark: #3553d6;--color-accent-soft: #e8eeff;--color-ink-soft: #293140;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 2.5rem;--text-hero: 4rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-section: clamp(72px, 10vw, 128px);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--shadow-soft: 0 28px 80px rgb(21 24 28 / 12%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:1.65;background:radial-gradient(circle at 54% 18%,rgb(232 238 255 / 56%),transparent 320px),linear-gradient(180deg,rgb(255 255 255 / 64%),transparent 460px),var(--color-bg)}a{color:inherit;text-decoration:none}img{max-width:100%}a:focus-visible,.button:focus-visible{outline:3px solid rgb(78 124 246 / 24%);outline-offset:4px}.site-header{position:sticky;top:0;z-index:20;width:100%;min-height:68px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid rgb(21 24 28 / 8%);background:#f8f7f4d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-inner,.hero-inner{width:min(1200px,calc(100% - 48px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-link{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--color-text);line-height:1}.brand-mark{width:34px;height:34px;display:block}.brand-name{color:var(--color-text);font-size:1.125rem;font-weight:700;letter-spacing:0}.header-nav{display:flex;align-items:center;gap:4px}.header-nav a{padding:8px 10px;border-radius:999px;color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.header-nav a:hover{color:var(--color-text);background:#ffffff9e}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 15px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);background:#ffffffb3;font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:0 8px 28px #15181c0d}.header-cta:hover{border-color:#15181c2e;background:#fff}.hero-section{min-height:calc(100svh - 68px);padding:78px 0 82px;display:grid;align-items:center;overflow:hidden}.hero-inner{display:grid;grid-template-columns:minmax(0,.98fr) minmax(410px,.92fr);gap:72px;align-items:center}.hero-copy{max-width:640px}.eyebrow,.section-eyebrow,.proof-label{margin:0 0 14px;color:var(--color-accent-dark);font-size:.8125rem;font-weight:var(--weight-semibold);letter-spacing:0}.hero-copy h1{max-width:640px;margin:0;color:var(--color-text);font-size:var(--text-hero);font-weight:680;line-height:1.05;letter-spacing:0}.hero-subtitle{max-width:590px;margin:22px 0 0;color:var(--color-secondary);font-size:1.125rem;font-weight:var(--weight-normal);line-height:1.64}.hero-support{max-width:560px;margin:14px 0 0;color:var(--color-muted);font-size:.8125rem;line-height:1.72}.hero-actions{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.15}.button-primary{color:#fff;background:var(--color-text);box-shadow:0 14px 34px #15181c24}.button-primary:hover{background:#2a3034}.button-secondary{border:1px solid var(--color-border);color:var(--color-secondary);background:#ffffff8a}.button-disabled{cursor:default}.hero-visual{min-width:0;width:100%;max-width:560px;justify-self:end}.desktop-frame{border:1px solid var(--color-border-strong);border-radius:24px;background:#15181c;box-shadow:var(--shadow-soft);overflow:hidden}.desktop-menubar{height:40px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgb(255 255 255 / 8%);color:#ffffffa8;background:#ffffff0f}.window-controls{display:flex;gap:7px}.window-controls span{width:9px;height:9px;border-radius:50%;background:#ff5f57}.window-controls span:nth-child(2){background:#ffbd2e}.window-controls span:nth-child(3){background:#28c840}.menu-spacer{flex:1}.menu-item{min-height:24px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;color:#ffffffb8;background:#ffffff0f;font-size:var(--text-xs);font-weight:var(--weight-medium)}.tray-chip{width:30px;height:24px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#ffffff1c}.tray-chip img{width:18px;height:18px;color:#fff}.menu-time{font-size:var(--text-xs);font-weight:var(--weight-medium)}.desktop-canvas{position:relative;min-height:382px;padding:32px;background:radial-gradient(circle at 54% 38%,rgb(79 110 247 / 19%),transparent 160px),linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(135deg,#20242a,#15181c 58%,#23272d);background-size:auto,44px 44px,44px 44px,auto}.friend-overlays{position:absolute;top:46px;right:38px;bottom:38px;left:38px}.friend-unit{position:absolute;display:grid;justify-items:center;gap:12px}.friend-unit--primary{left:50%;top:48%;transform:translate(-58%,-50%);z-index:3}.friend-unit--secondary{right:6%;top:43%;transform:translateY(-50%);z-index:2}.friend-unit--tertiary{left:11%;bottom:9%;z-index:1;opacity:.78}.status-bubble{position:relative;width:max-content;min-width:168px;max-width:210px;padding:12px 14px 13px;display:grid;gap:7px;border:1px solid rgb(255 255 255 / 70%);border-radius:17px;color:#253140;background:#fcfdfff2;box-shadow:0 14px 34px #00000029,0 2px 7px #12182012,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-bubble:after{content:"";position:absolute;left:50%;bottom:-4px;width:9px;height:9px;border:1px solid rgb(255 255 255 / 60%);border-top:0;border-left:0;border-radius:2px 0 3px;background:#fcfdffed;transform:translate(-50%) rotate(45deg)}.status-bubble--right:after{left:62%}.status-badge{width:max-content;min-height:17px;padding:3px 7px;border-radius:999px;color:#2f3846;background:#eef4ff;font-size:.6875rem;font-weight:var(--weight-semibold);line-height:1.1}.status-badge--available{color:#eff4ff;background:#3e5fd8}.status-badge--sleepy{color:#3b4350;background:#edf1f7}.status-bubble strong{color:#25313d;font-size:.9375rem;font-weight:var(--weight-semibold);line-height:1.22;overflow-wrap:anywhere}.companion{position:relative;width:108px;height:98px;border:1px solid rgb(255 255 255 / 28%);border-radius:40% 48% 44% 42%;box-shadow:0 24px 30px #00000038,inset 0 1px #ffffff57}.companion--blue{background:linear-gradient(145deg,#86a0ff,#4f6ef7 58%,#2f4275)}.companion--slate{width:94px;height:86px;background:linear-gradient(145deg,#e6ecf6,#a9b5c6 60%,#677385)}.companion--soft{width:78px;height:72px;background:linear-gradient(145deg,#fff,#dbe4f2 62%,#a4b1c3)}.companion-ear{position:absolute;top:9px;width:24px;height:24px;border-radius:9px 12px 8px;background:inherit;border:1px solid rgb(255 255 255 / 18%);transform:rotate(45deg)}.companion-ear--left{left:15px}.companion-ear--right{right:15px}.companion-eye{position:absolute;top:45%;width:8px;height:8px;border-radius:50%;background:#f8faff;box-shadow:0 0 0 1px #15181c0a}.companion--slate .companion-eye,.companion--soft .companion-eye{background:#283140}.companion-eye--left{left:35%}.companion-eye--right{right:35%}.companion-mouth{position:absolute;left:50%;top:60%;width:19px;height:9px;border-bottom:3px solid #f8faff;border-radius:0 0 999px 999px;transform:translate(-50%)}.companion--slate .companion-mouth,.companion--soft .companion-mouth{border-bottom-color:#283140}.desktop-dock{position:absolute;left:50%;bottom:24px;z-index:0;width:150px;height:30px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgb(255 255 255 / 8%);border-radius:999px;background:#ffffff0f;transform:translate(-50%)}.desktop-dock span{width:10px;height:10px;border-radius:50%;background:#ffffff2e}.section{padding:var(--space-section) 0}.section-header{max-width:660px}.section-header--center{margin:0 auto;text-align:center}.section-header h2,.final-cta h2{margin:0;color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.12;letter-spacing:0}.section-header p:not(.section-eyebrow),.final-cta p{max-width:64ch;margin:18px 0 0;color:var(--color-secondary);font-size:var(--text-base);line-height:1.72}.section-header--center p:not(.section-eyebrow),.final-cta p{margin-left:auto;margin-right:auto}.product-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#ffffff61}.product-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);gap:64px;align-items:start}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.proof-card,.feature-item,.step-card,.roadmap-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffb3}.proof-card{min-height:230px;padding:24px}.proof-card h3{margin:28px 0 0;color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.22;letter-spacing:0}.proof-card p{margin:12px 0 0;color:var(--color-secondary);font-size:var(--text-sm);line-height:1.7}.feature-list{margin-top:42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-item{min-height:188px;padding:22px;display:grid;grid-template-columns:34px 1fr;gap:16px}.feature-icon{width:28px;height:28px;border:1px solid rgb(78 124 246 / 24%);border-radius:9px;background:linear-gradient(135deg,rgb(78 124 246 / 16%),transparent),var(--color-accent-soft)}.feature-item h3,.step-card h3,.roadmap-item h3{margin:0;color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.28;letter-spacing:0}.feature-item p,.step-card p,.roadmap-item p{margin:10px 0 0;color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:1.7}.steps-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step-card{padding:24px}.step-card span{display:inline-flex;margin-bottom:28px;color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.roadmap-section{background:#fbfaf7}.roadmap-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(460px,1fr);gap:64px;align-items:start}.roadmap-list{display:grid;gap:10px}.roadmap-item{padding:18px 20px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px 18px;align-items:start}.roadmap-item span{width:max-content;padding:5px 9px;border-radius:999px;color:var(--color-muted);background:#161a1d0d;font-size:var(--text-xs);font-weight:var(--weight-medium)}.roadmap-item--completed span{color:#296f57;background:#4bbf9324}.roadmap-item--current span{color:var(--color-accent-dark);background:var(--color-accent-soft)}.roadmap-item h3{grid-column:2}.roadmap-item p{grid-column:2;margin-top:-2px}.final-cta{padding:var(--space-section) 0}.final-cta-inner{padding:64px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);text-align:center;box-shadow:0 18px 60px #161a1d12}.final-cta img{width:48px;height:48px;margin-bottom:18px}.final-cta h2{max-width:680px;margin-left:auto;margin-right:auto}.site-footer{padding:36px 0 44px;border-top:1px solid var(--color-border)}.footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.site-footer p{margin:12px 0 0;color:var(--color-secondary);font-size:var(--text-sm)}.footer-links{display:flex;align-items:center;gap:16px;color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.footer-links a:hover{color:var(--color-text)}@media (max-width: 980px){:root{--text-hero: 3.5rem;--text-2xl: 2.25rem}.section-inner,.hero-inner{width:min(100% - 36px,1200px)}.site-header{padding:0 18px}.header-nav{display:none}.hero-inner,.product-grid,.roadmap-grid{grid-template-columns:1fr}.hero-section{min-height:auto;padding:64px 0 74px}.hero-inner{gap:48px}.hero-copy{max-width:760px}.hero-visual{max-width:620px;justify-self:start}.desktop-canvas{min-height:370px}}@media (max-width: 720px){:root{--text-hero: 2.375rem;--text-2xl: 1.875rem}body{font-size:.975rem}.section-inner,.hero-inner{width:min(100% - 28px,1200px)}.site-header{min-height:64px;padding:0 14px}.brand-mark{width:31px;height:31px}.brand-name{font-size:1rem}.header-cta{min-height:36px;padding:0 12px;font-size:var(--text-xs)}.hero-section{min-height:auto;padding:48px 0 56px}.hero-copy h1{line-height:1.05;letter-spacing:0}.hero-subtitle{font-size:var(--text-base);line-height:1.62}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.desktop-frame{border-radius:22px}.desktop-canvas{min-height:344px;padding:22px}.friend-overlays{top:36px;right:18px;bottom:28px;left:18px}.friend-unit--primary{left:28%;top:42%;transform:translate(-50%,-50%)}.friend-unit--secondary{right:1%;top:70%;transform:translateY(-50%)}.friend-unit--tertiary{display:none}.status-bubble{min-width:128px;max-width:146px;padding:10px 11px 11px;border-radius:15px}.status-bubble strong{font-size:.8125rem}.status-badge{font-size:.625rem}.companion{width:82px;height:76px}.companion--slate{width:74px;height:68px}.companion-ear{top:7px;width:18px;height:18px}.companion-eye{width:7px;height:7px}.desktop-dock{width:124px;height:28px}.proof-grid,.feature-list,.steps-grid{grid-template-columns:1fr}.proof-card,.feature-item,.step-card,.roadmap-item{border-radius:18px}.feature-item{min-height:auto}.roadmap-item{grid-template-columns:1fr}.roadmap-item h3,.roadmap-item p{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}