*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--cenno-font-family-default);font-size:var(--cenno-type-body);line-height:var(--cenno-font-leading-body);font-weight:var(--cenno-font-weight-body);background:var(--cenno-color-flow-ambient);-webkit-font-smoothing:antialiased}code,pre{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.skip{position:absolute;left:-200vw;top:0;background:var(--cenno-color-paper);color:var(--cenno-color-flow-ambient);padding:var(--cenno-space-1) var(--cenno-space-2);z-index:10}.skip:focus{left:0}.panel{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--cenno-space-4),8vh,var(--cenno-space-5)) clamp(var(--cenno-space-3),7vw,calc(var(--cenno-space-5) * 2));color:var(--cenno-color-text-default)}.panel[data-flow=mood]{background:var(--cenno-color-flow-mood)}.panel[data-flow=question]{background:var(--cenno-color-flow-question)}.panel[data-flow=ema]{background:var(--cenno-color-flow-ema)}.panel[data-flow=reminder]{background:var(--cenno-color-flow-reminder)}.panel[data-flow=ambient]{background:var(--cenno-color-flow-ambient)}.panel[data-flow=paper]{background:var(--cenno-color-paper);color:var(--cenno-color-flow-ambient)}.panel-body{max-width:62rem;width:100%;margin-inline:auto}h1{font-size:clamp(var(--cenno-type-question-l),8.5vw,96px);line-height:var(--cenno-font-leading-question-l);font-weight:var(--cenno-font-weight-question);letter-spacing:var(--cenno-font-tracking-default);margin:var(--cenno-space-4) 0 var(--cenno-space-3);text-wrap:balance}h2{font-size:clamp(calc(var(--cenno-type-question-m) * 1.45),5vw,64px);line-height:var(--cenno-font-leading-question-l);font-weight:var(--cenno-font-weight-question);margin:var(--cenno-space-2) 0 var(--cenno-space-4);text-wrap:balance;max-width:24ch}h3{font-size:var(--cenno-type-question-m);line-height:var(--cenno-font-leading-question-m);font-weight:var(--cenno-font-weight-question);margin-bottom:var(--cenno-space-1)}.caption,.fine,figcaption,.code-label{font-size:var(--cenno-type-caption);line-height:var(--cenno-font-leading-caption);font-weight:var(--cenno-font-weight-caption);letter-spacing:var(--cenno-font-tracking-caption);text-transform:uppercase}.caption{color:var(--cenno-color-text-dim)}.panel[data-flow=paper] .caption{color:#14171a99}.lede{font-size:var(--cenno-type-question-m);line-height:var(--cenno-font-leading-question-m);max-width:34ch}.strip{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--cenno-space-3) clamp(var(--cenno-space-3),7vw,calc(var(--cenno-space-5) * 2))}#hero{position:relative}.lockup{display:inline-flex;align-items:center;gap:var(--cenno-space-1);font-weight:var(--cenno-font-weight-question);letter-spacing:var(--cenno-font-tracking-caption)}.strip-link{color:inherit;font-size:var(--cenno-type-caption);letter-spacing:var(--cenno-font-tracking-caption);text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--cenno-color-line);padding-bottom:2px}.strip-link:hover{border-bottom-color:currentColor}.mark-xl{width:clamp(48px,6vw,72px);height:auto}.hero-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(var(--cenno-space-4),6vw,calc(var(--cenno-space-5) * 1.5));align-items:center;max-width:72rem}.hero-copy .fine{margin-top:var(--cenno-space-3);color:var(--cenno-color-text-dim)}@media(max-width:960px){.hero-body{grid-template-columns:minmax(0,1fr)}}.demo{display:grid;gap:var(--cenno-space-2);max-width:440px;width:100%}.demo-term{background:var(--cenno-color-flow-ambient);color:var(--cenno-color-text-default);border-radius:var(--cenno-radius-control);padding:var(--cenno-space-2) var(--cenno-space-3);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:var(--cenno-type-caption);line-height:1.7;font-variant-numeric:tabular-nums;min-height:calc(var(--cenno-type-caption) * 1.7 * 4 + var(--cenno-space-2) * 2);overflow:hidden}.demo-term p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-dim{color:var(--cenno-color-text-dim)}.demo-panel{border-radius:var(--cenno-radius-control);padding:var(--cenno-space-2) var(--cenno-space-3) var(--cenno-space-3);color:var(--cenno-color-text-default);box-shadow:0 24px 64px #14171a4d;min-height:230px;display:flex;flex-direction:column;transition:background-color .45s var(--ease-out-quart)}.demo-panel[data-flow=question]{background:var(--cenno-color-flow-question)}.demo-panel[data-flow=ema]{background:var(--cenno-color-flow-ema)}.demo-panel[data-flow=mood]{background:var(--cenno-color-flow-mood);border:1px solid var(--cenno-color-line)}.demo-panel[data-flow=reminder]{background:var(--cenno-color-flow-reminder)}.demo-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--cenno-type-caption);letter-spacing:var(--cenno-font-tracking-caption);color:var(--cenno-color-text-dim);margin-bottom:var(--cenno-space-2)}.demo-brand{display:inline-flex;align-items:center;gap:6px}.demo-q{font-size:var(--cenno-type-question-m);line-height:var(--cenno-font-leading-question-m);font-weight:var(--cenno-font-weight-question);margin-bottom:var(--cenno-space-3)}.demo-controls{display:flex;flex-wrap:wrap;gap:var(--cenno-space-1);margin-bottom:var(--cenno-space-3)}.demo-chip{min-height:44px;padding:var(--cenno-space-1) var(--cenno-space-3);border-radius:var(--cenno-radius-pill);border:1px solid var(--cenno-color-line);background:transparent;color:var(--cenno-color-text-default);font-family:inherit;font-size:var(--cenno-type-body);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.demo-scale .demo-chip{min-width:44px;padding-inline:0}.demo-chip:hover{border-color:currentColor}.demo-chip-solid,.demo-chip-picked{background:var(--cenno-color-text-default);color:var(--cenno-color-flow-ambient);border-color:var(--cenno-color-text-default)}.demo-dots{display:flex;gap:var(--cenno-space-1);justify-content:center;margin-top:auto}.demo-dot{width:6px;height:6px;border-radius:var(--cenno-radius-pill);background:var(--cenno-color-text-default);opacity:.4}.demo-dot-on{opacity:1}.demo-hint{color:var(--cenno-color-text-dim)}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-swap .demo-q,.demo-swap .demo-controls{animation:demo-rise .35s var(--ease-out-quart) both}@media(prefers-reduced-motion:reduce){.demo-panel{transition:none}.demo-swap .demo-q,.demo-swap .demo-controls{animation:none}}.cta-row{display:flex;flex-wrap:wrap;gap:var(--cenno-space-2);align-items:center;margin-top:var(--cenno-space-4)}.btn{display:inline-flex;align-items:center;gap:var(--cenno-space-1);min-height:44px;padding:var(--cenno-space-1) var(--cenno-space-3);border-radius:var(--cenno-radius-pill);font-size:var(--cenno-type-body);font-weight:var(--cenno-font-weight-question);text-decoration:none;cursor:pointer;transition:transform .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-quart),opacity .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #14171a29}.btn:active{transform:translateY(-1px) scale(.975);transition-duration:.12s}.btn-solid{background:var(--cenno-color-text-default);color:var(--cenno-color-flow-ambient);border:0}.btn-ghost{background:transparent;color:inherit;border:1px solid var(--cenno-color-line);font-weight:var(--cenno-font-weight-body)}.btn-ghost:hover{border-color:currentColor}.copy code{font-size:15px}.copy-hint{font-size:var(--cenno-type-caption);letter-spacing:var(--cenno-font-tracking-caption);text-transform:uppercase;color:var(--cenno-color-text-dim)}.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--cenno-space-4);align-items:start;margin-block:var(--cenno-space-4)}.shot-offset{margin-top:var(--cenno-space-5)}.shots img{width:100%;height:auto;display:block;border-radius:var(--cenno-radius-control);box-shadow:0 24px 64px #14171a2e}figcaption{margin-top:var(--cenno-space-2);color:#14171a99}.etym{max-width:52ch;color:#14171abf}.steps{list-style:none;padding:0;display:grid;gap:var(--cenno-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.steps p{color:var(--cenno-color-text-dim);max-width:36ch}.steps code{font-size:15px;color:var(--cenno-color-text-default)}.step-n{display:block;font-size:var(--cenno-type-caption);letter-spacing:var(--cenno-font-tracking-caption);color:var(--cenno-color-text-dim);border-top:1px solid var(--cenno-color-line);padding-top:var(--cenno-space-2);margin-bottom:var(--cenno-space-2)}.voice-points{list-style:none;padding:0;margin-top:var(--cenno-space-4);display:grid;gap:var(--cenno-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.voice-points li{border-top:1px solid var(--cenno-color-line);padding-top:var(--cenno-space-2)}.voice-points h3{margin-bottom:var(--cenno-space-1)}.voice-points p{color:var(--cenno-color-text-dim);max-width:36ch}.voice-points code{font-size:15px;color:var(--cenno-color-text-default)}.voices{margin:var(--cenno-space-4) 0 0}.voices figcaption{color:var(--cenno-color-text-dim);margin-bottom:var(--cenno-space-2)}.voice-grid{display:grid;gap:var(--cenno-space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.voice-chip{display:flex;align-items:center;gap:var(--cenno-space-2);padding:var(--cenno-space-2) var(--cenno-space-3);border:1px solid var(--cenno-color-line);border-radius:var(--cenno-radius-control);background:#ffffff0f;color:inherit;font:inherit;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.voice-chip:hover{background:#ffffff1f}.voice-chip .voice-play{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--cenno-color-paper);color:var(--cenno-color-flow-ambient);font-size:11px}.voice-chip.is-playing{border-color:var(--cenno-color-paper);background:#ffffff29}.voice-chip.is-playing .voice-play:after{content:""}.voice-chip.is-playing .voice-play{font-size:0}.voice-chip.is-playing .voice-play:before{content:"❚❚";font-size:10px}.voice-chip.is-error .voice-play{background:#d66}.voice-label{font-size:15px}.voice-note{margin-top:var(--cenno-space-2);color:var(--cenno-color-text-dim);max-width:44ch}.companion-shots{display:flex;flex-wrap:wrap;gap:var(--cenno-space-4);align-items:flex-end;margin:var(--cenno-space-4) 0}.device{margin:0}.device img{display:block;height:auto;border-radius:22px;box-shadow:0 18px 50px #00000047;background:#00000026}.device--phone img{width:clamp(180px,42vw,260px)}.device--watch img{width:clamp(130px,30vw,190px);border-radius:34px}.device figcaption{margin-top:var(--cenno-space-2);color:var(--cenno-color-text-dim);font-size:15px}.companion-points{margin-top:var(--cenno-space-3)}.secondscreen{margin:var(--cenno-space-4) 0 0}.secondscreen-strip{display:grid;gap:var(--cenno-space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.secondscreen-strip img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--cenno-color-line);box-shadow:0 10px 30px #00000029}.secondscreen figcaption{margin-top:var(--cenno-space-2);color:var(--cenno-color-text-dim);font-size:15px}.beta-block{margin-top:var(--cenno-space-5);padding:var(--cenno-space-4);border:1px solid var(--cenno-color-line);border-radius:var(--cenno-radius-control);background:#ffffff12}.beta-block h3{margin-bottom:var(--cenno-space-1)}.beta-block p{color:var(--cenno-color-text-dim);max-width:48ch}.beta-block .cta-row{margin-top:var(--cenno-space-3)}.beta-block .fine{margin-top:var(--cenno-space-2)}.beta-block .fine a{color:inherit}.slide{display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;border-radius:18px;padding:clamp(20px,3vw,32px);min-height:180px;position:relative;overflow:hidden;border:1px solid rgb(0 0 0 / 8%);transition:transform .18s ease,box-shadow .18s ease}.slide:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000038}.slide-no{font-family:var(--cenno-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.62;margin-bottom:auto}.slide-h{font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1.05;letter-spacing:-.01em;font-size:clamp(26px,3.4vw,40px);margin:.5em 0 .3em}.slide-sub{font-size:14px;opacity:.78;max-width:32ch}.slide--feature{margin:var(--cenno-space-4) 0 var(--cenno-space-3);min-height:clamp(280px,34vw,420px);box-shadow:0 20px 56px #00000042}.slide--feature .slide-h{font-size:clamp(40px,6vw,76px)}.slide--feature .slide-sub{font-size:16px;max-width:44ch}.slide-strip{display:grid;gap:var(--cenno-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.slide--coral{background:linear-gradient(155deg,#ff7a68,#ff5a46);color:#fff}.slide--ink{background:#14171a;color:#f3efea}.slide--teal{background:linear-gradient(155deg,#129e8c,#0e7c6b);color:#fff}.slide--paper{background:#faf8f5;color:#14171a;border-color:#0000001f}.slide--paper .slide-no{opacity:.5}.slide--coral .slide-no,.slide--teal .slide-no,.slide--ink .slide-no{color:#ffffffd9}.code-pair{display:grid;gap:var(--cenno-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-bottom:var(--cenno-space-3)}.code-block pre{background:#14171a40;border-radius:var(--cenno-radius-control);padding:var(--cenno-space-3);overflow-x:auto;font-size:15px;line-height:1.6}.code-label{margin-bottom:var(--cenno-space-1);color:var(--cenno-color-text-dim)}.code-note{margin-top:var(--cenno-space-2);color:var(--cenno-color-text-dim);max-width:40ch}.panel a:not(.btn){color:inherit}.panel a.btn-solid{color:var(--cenno-color-flow-ambient)}.claims{list-style:none;padding:0;display:grid;gap:var(--cenno-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.claims p{color:var(--cenno-color-text-dim);max-width:36ch}.claims code{color:var(--cenno-color-text-default);font-size:15px}.panel[data-flow=paper] .claims p{color:#14171abf}.panel[data-flow=paper] .claims code{color:var(--cenno-color-flow-ambient)}.panel[data-flow=paper] .code-note{color:#14171abf}.dev-cta{margin-top:var(--cenno-space-4)}.agent-lede{margin-bottom:var(--cenno-space-4)}.recipes{display:flex;flex-direction:column;gap:var(--cenno-space-4);margin-bottom:var(--cenno-space-3)}.recipe{border-top:1px solid var(--cenno-color-line);padding-top:var(--cenno-space-3);display:flex;flex-direction:column;gap:var(--cenno-space-2)}.recipe-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cenno-space-3)}.recipe-meta{display:flex;flex-direction:column;gap:var(--cenno-space-1)}.recipe-label{color:var(--cenno-color-text-dim)}.recipe-desc{font-size:var(--cenno-type-body);color:var(--cenno-color-text-dim);max-width:52ch}.recipe pre{background:#14171a40;border-radius:var(--cenno-radius-control);padding:var(--cenno-space-3);overflow-x:auto;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.recipe-copy{flex-shrink:0;min-height:36px;padding:4px var(--cenno-space-2);font-size:var(--cenno-type-caption);align-self:flex-start}.agents-skill-note{max-width:56ch}.ship-body{text-align:center}.ship-q{margin-inline:auto}.ship-body .cta-row{justify-content:center}.ship-body .fine{margin-top:var(--cenno-space-3);color:var(--cenno-color-text-dim);text-transform:none;letter-spacing:0}.footer{margin-top:calc(var(--cenno-space-5) * 1.5);padding-top:var(--cenno-space-4);border-top:1px solid var(--cenno-color-line);display:grid;gap:var(--cenno-space-3);text-align:left}.builtby p:last-child{max-width:56ch;margin-top:var(--cenno-space-1)}.footer a{color:inherit}.footer-meta{color:var(--cenno-color-text-dim);font-size:var(--cenno-type-caption);letter-spacing:var(--cenno-font-tracking-caption);text-transform:uppercase}.dots{position:fixed;bottom:0;left:50%;translate:-50% 0;display:flex;z-index:5}.dot{display:grid;place-items:center;width:calc(8px + var(--cenno-space-1) * 2);min-width:24px;height:44px}.dot:before{content:"";width:8px;height:8px;border-radius:var(--cenno-radius-pill);background:var(--cenno-color-text-default);opacity:.4;transition:opacity .3s,transform .3s}.dot.on:before{opacity:1;transform:scale(1.25)}.dots-ink .dot:before{background:var(--cenno-color-flow-ambient)}.dot:focus-visible{outline:2px solid currentColor;outline-offset:3px}:root{--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}@keyframes draw-arc{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes land-dot{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mark-arc{stroke-dasharray:100;animation:draw-arc .7s var(--ease-out-expo) .15s both}.mark-dot{transform-box:fill-box;animation:land-dot .45s var(--ease-out-quart) .65s both}.enter{animation:rise .6s var(--ease-out-quart) both}.enter-1{animation-delay:.25s}.enter-2{animation-delay:.4s}.enter-3{animation-delay:.55s}.enter-4{animation-delay:.7s}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out-quart),transform .6s var(--ease-out-quart)}.reveal.in{opacity:1;transform:none}[data-stagger]>*{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease-out-quint),transform .55s var(--ease-out-quint);transition-delay:calc(var(--i, 0) * 65ms)}[data-stagger].in>*{opacity:1;transform:none}@keyframes voice-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 5px #ffffff24}}.voice-chip.is-playing .voice-play{animation:voice-pulse 1.5s var(--ease-out-quart) infinite}.copy-hint{transition:color .2s var(--ease-out-quart)}@media(prefers-reduced-motion:reduce){.mark-arc,.mark-dot,.enter{animation:none}.reveal,[data-stagger]>*{opacity:1;transform:none;transition:none}.voice-chip.is-playing .voice-play{animation:none}.btn,.dot,.slide,.voice-chip{transition:none}.btn:hover,.slide:hover{transform:none}}@media(scripting:none){.reveal,[data-stagger]>*{opacity:1;transform:none}}@media(max-width:640px){.shot-offset{margin-top:0}.panel{padding-bottom:calc(var(--cenno-space-5) + var(--cenno-space-3))}}