:root{color-scheme:dark;--bg:#0b0b0c;--panel:#141416;--line:#29292d;--text:#f4f4f5;--muted:#a6a6af;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:2px solid #a5d8ff;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:clamp(46px,6.6vw,78px);line-height:1.02;font-weight:720}h2{font-size:clamp(32px,4.2vw,46px);line-height:1.13}h3{font-size:19px;line-height:1.35;letter-spacing:-.02em}main{max-width:1100px;margin:auto;padding:0 24px}section{padding:76px 0;text-align:center}.lead{color:var(--muted);font-size:18px;max-width:660px;margin:20px auto 0}.meta,.small-note,.demo-note{font-size:13px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#b9b9c0;margin-bottom:18px}.text-link{text-decoration:underline;text-underline-offset:4px}.text-link:hover{color:#fff}.skip-link{position:absolute;left:16px;top:-80px;z-index:5;background:#fff;color:#000;padding:10px 16px;border-radius:10px}.skip-link:focus{top:10px}
.nav{max-width:1150px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand-face{display:inline-grid;place-items:center;width:40px;height:30px;border-radius:9px;background:#000;border:1px solid #28282a}.brand-face .companion-sprite{width:28px}.nav nav,footer nav{display:flex;gap:25px;align-items:center;font-size:14px;color:var(--muted)}.nav nav a:hover,footer a:hover{color:#fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#fff;color:#111;padding:13px 23px;border:1px solid #fff;border-radius:999px;font-weight:650;line-height:1.4;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px);background:#e5e5e8}.btn.small{padding:9px 16px;font-size:13px;color:#111}.btn.ghost{background:transparent;color:#eee;border-color:#494950}.btn.ghost:hover{background:#252528}.quiet-button{border:1px solid #38383d;border-radius:999px;color:#d0d0d7;background:transparent;padding:6px 13px;font-size:13px;line-height:1.5}.quiet-button:hover{background:#26262b;color:#fff}
.hero{padding-top:50px;padding-bottom:40px}.hero h1{max-width:840px;margin:auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px}.hero-actions .text-link{font-size:14px;text-decoration:none}.hero-meta{margin-top:15px}.notch-demo{position:relative;isolation:isolate;width:min(860px,100%);height:316px;margin:42px auto 0;border:1px solid #303035;border-radius:23px;background:radial-gradient(ellipse at 50% 0,#383841,transparent 72%),linear-gradient(135deg,#1f2229,#17181d 55%,#232127);overflow:hidden;text-align:left}.menubar{height:31px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;color:#c7c7cd;font-size:11px;font-weight:600;border-bottom:1px solid #ffffff05}.desktop-note{position:absolute;left:27px;bottom:67px;font-size:15px;line-height:1.5;color:#ffffff45;letter-spacing:-.02em}.island{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;display:flex;gap:24px;align-items:center;background:#000;border-radius:0 0 29px 29px;padding:42px 33px 25px;box-shadow:0 14px 42px #0006;max-width:calc(100% - 24px)}.island-left{position:relative;display:flex;flex-direction:column;align-items:center;flex:none}.momo{display:block;background:transparent;border:0;padding:0;border-radius:12px;line-height:0;--face-width:180px}.companion-sprite{display:block;width:var(--face-width,70px);aspect-ratio:2/1;background-image:url('assets/companion-atlas.png');background-size:800% 1200%;background-repeat:no-repeat;background-position:var(--frame-x,0%) var(--mood-y,0%);transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .2s ease-out}.companion-sprite[data-mood="focused"]{--mood-y:9.090909%}.companion-sprite[data-mood="sleepy"]{--mood-y:18.181818%}.companion-sprite[data-mood="asleep"]{--mood-y:27.272727%}.companion-sprite[data-mood="surprised"]{--mood-y:36.363636%}.companion-sprite[data-mood="proud"]{--mood-y:45.454545%}.companion-sprite[data-mood="worried"]{--mood-y:54.545455%}.companion-sprite[data-mood="hot"]{--mood-y:63.636364%}.companion-sprite[data-mood="thinking"]{--mood-y:72.727273%}.companion-sprite[data-mood="sad"]{--mood-y:81.818182%}.companion-sprite[data-mood="loving"]{--mood-y:90.909091%}.companion-sprite[data-mood="wink"]{--mood-y:100%}.name{display:none;font-size:12px;color:#b2b2b9;margin-top:10px}.island.open{width:650px;padding:40px 25px 24px;align-items:flex-start}.island.open .momo{--face-width:124px}.island.open .name{display:block}.island.open .panel{flex:1;min-width:0}.tabs{display:flex;gap:5px;margin-bottom:18px}.tabs button{background:#17171a;border:1px solid transparent;color:#a9a9af;font-size:12px;border-radius:999px;padding:5px 12px}.tabs button[aria-selected="true"]{background:#303035;color:#fff}.focus{display:flex;gap:18px;align-items:center}.ring{width:90px;height:90px;flex:none;display:grid;place-items:center;border:5px solid #242428;border-radius:50%;font-size:22px;font-variant-numeric:tabular-nums}.label{font-size:13px;font-weight:600;color:#e2e2e6;margin-bottom:9px}.demo-pill{display:inline-block;padding:5px 10px;background:#ebebed;border-radius:99px;color:#161618;font-size:11px;font-weight:650}.small-note{font-size:11px;margin-top:10px}.file-row,.copy-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:#141417;color:#dddde3;font-size:12px;margin-top:6px}.file-row span:last-child,.copy-row span:last-child{margin-left:auto;color:#9898a4;font-size:10px}.demo-caption{position:absolute;bottom:16px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#afafb9;font-size:13px}.demo-caption button{background:#17171c}.bubble{position:absolute;top:100%;margin-top:15px;background:white;color:#111;font-size:13px;font-weight:650;line-height:1.4;padding:6px 12px;border-radius:12px;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .18s}.bubble.show{opacity:1}.island.open .bubble{display:none}.demo-controls{width:min(860px,100%);display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px auto 22px;font-size:13px;color:var(--muted)}.demo-controls>div{display:flex;gap:7px}.mood-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:770px;margin:0 auto}.mood-row button{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;background:#151518;color:#bebec7;transition:background .15s}.mood-row button:hover{border-color:#61616c;color:#fff}.mood-row button[aria-pressed="true"]{background:#f0f0f3;border-color:#f0f0f3;color:#151518}.demo-note{margin:20px auto 0;max-width:650px;font-size:12px}
.section-heading{max-width:660px;margin:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px;text-align:left}.grid article{background:linear-gradient(135deg,#18181b,#111113);border:1px solid #27272c;border-radius:var(--radius);padding:26px;transition:border-color .2s}.grid article:hover{border-color:#50505a}.card-face,.feature-icon{display:grid;place-items:center;width:86px;height:57px;background:black;border-radius:13px;margin-bottom:26px}.card-face .companion-sprite{width:65px}.feature-icon{color:#f4f4f5}.feature-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.grid h3{margin-bottom:12px}.grid p{color:var(--muted);font-size:15px;line-height:1.65}.pricing{padding-top:54px}.purchase-card{display:grid;grid-template-columns:1fr 1.3fr;max-width:820px;margin:35px auto 0;border:1px solid #36363d;background:linear-gradient(140deg,#1c1c20,#111113);border-radius:27px;text-align:left;padding:38px;gap:45px}.purchase-face{display:grid;place-items:center;background:#000;width:110px;height:72px;border-radius:17px;margin-bottom:25px}.purchase-face .companion-sprite{width:87px}.purchase-intro h3{font-size:16px;letter-spacing:0}.price{font-size:45px;font-weight:720;letter-spacing:-.06em;line-height:1.4;margin:4px 0}.purchase-details{display:flex;flex-direction:column;justify-content:center;gap:21px}.purchase-details ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px;color:#d6d6dd}.purchase-details li{padding-left:22px;position:relative}.purchase-details li::before{content:'✓';position:absolute;left:0;color:#9e9ea8}.purchase-actions{display:flex;flex-wrap:wrap;gap:12px}.purchase-actions .btn{width:100%;font-size:14px}.availability{font-size:13px;line-height:1.6;color:#b4b4be;border-left:2px solid #5c5c69;padding-left:13px}.faq{max-width:740px;margin:auto;text-align:left}.faq h2{text-align:center;margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:550;list-style-position:outside;margin-left:18px;padding-left:5px}.faq details p{margin:12px 0 0 23px;color:var(--muted);font-size:15px}.faq p a,.page p a{text-decoration:underline;text-underline-offset:3px}footer{max-width:1150px;margin:auto;padding:40px 24px;display:flex;justify-content:space-between;gap:25px;align-items:center;color:var(--muted);border-top:1px solid #222226;font-size:12px}footer .brand{color:#ddd;font-size:14px}footer nav{gap:18px;font-size:13px}.page{max-width:760px;margin:0 auto;padding:55px 24px 90px;text-align:left}.page h1{font-size:42px;margin-bottom:25px}.page h2{font-size:23px;line-height:1.3;margin:36px 0 12px;letter-spacing:-.025em}.page p,.page li{color:var(--muted);font-size:16px}.page li{margin-bottom:9px}.page ol,.page ul{padding-left:22px}.page strong{color:#e5e5eb}.page .lead{margin:0}.page .btn{margin-top:20px}.page code{font-size:13px;overflow-wrap:anywhere;background:#202024;padding:3px 5px;border-radius:4px}.page .eyebrow{font-size:11px;margin-bottom:18px}.page .activation-face{background:#000;border-radius:22px;width:180px;padding:22px;margin-bottom:30px}.activation-face .companion-sprite{width:136px}.page .notice{padding:18px 20px;background:#18181b;border:1px solid var(--line);border-radius:14px;margin-top:24px}.page .contact{display:inline-block;color:white}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav{gap:18px}.purchase-card{gap:25px;padding:28px}footer{flex-wrap:wrap}.desktop-note{font-size:13px}}
@media(max-width:600px){main{padding:0 18px}.nav{padding:18px}.nav nav a:not(.btn){display:none}.nav .brand{font-size:15px}.brand-face{width:35px;height:27px}.btn.small{padding:8px 12px;font-size:12px}section{padding:50px 0}.hero{padding-top:35px}.hero .eyebrow{font-size:10px}.lead{font-size:16px}.desktop-break{display:none}.hero-actions{gap:18px}.hero-actions .btn{font-size:14px}.hero-meta{font-size:11px}.notch-demo{height:325px;margin-top:30px;border-radius:18px}.menubar{font-size:10px;padding:0 13px;justify-content:flex-end}.menubar span:first-child{display:none}.momo{--face-width:158px}.island{padding:42px 25px 23px}.island.open{width:calc(100% - 24px);flex-direction:column;align-items:center;gap:15px;padding:37px 18px 22px}.island.open .momo{--face-width:92px}.island.open .name{display:none}.island.open .panel{width:100%}.notch-demo:has(.island.open){height:360px}.notch-demo:has(.island.open) .desktop-note{display:none}.tabs{justify-content:center;margin-bottom:12px}.focus{gap:14px;justify-content:center}.ring{height:72px;width:72px;font-size:18px;border-width:4px}.label{font-size:12px}.small-note{font-size:10px}.demo-pill{font-size:10px}.desktop-note{left:18px;bottom:68px;font-size:13px}.demo-caption{left:15px;right:15px;font-size:11px}.demo-caption button{font-size:11px}.demo-controls{font-size:12px;align-items:center;margin-bottom:19px}.quiet-button{font-size:11px;padding:6px 10px}.mood-row{gap:6px}.mood-row button{font-size:12px;padding:7px 12px}.demo-note{font-size:11px;max-width:300px}.grid{grid-template-columns:1fr;gap:12px}.grid article{padding:25px}.card-face{margin-bottom:20px}.purchase-card{grid-template-columns:1fr;padding:27px;gap:26px}.purchase-face{float:right;margin:0;width:85px;height:60px}.purchase-face .companion-sprite{width:65px}.purchase-intro h3{font-size:14px;max-width:180px}.price{font-size:40px}.purchase-intro .meta{font-size:12px}.faq details{padding:18px 0}.faq summary{font-size:15px}.faq details p{font-size:14px}footer{align-items:flex-start;gap:18px;padding:30px 18px}footer>span{width:100%;order:3}.page{padding:35px 20px 60px}.page h1{font-size:34px}.page p,.page li{font-size:15px}}
@media(max-width:380px){.hero-actions{flex-direction:column;gap:16px}.hero-actions .btn{white-space:nowrap}.purchase-face{float:none;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body.motion-paused .companion-sprite{transition:none;transform:none}