/* Landing page layout · lp- classes are page layout only. Components (pc-) live in ../components. */
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lp{background-color:var(--ground);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;letter-spacing:-.005em;overflow-x:clip}
.lp-wrap{max-width:var(--content-max);margin:0 auto;padding-left:clamp(20px,5vw,56px);padding-right:clamp(20px,5vw,56px)}
.lp-skip{position:absolute;left:16px;top:-60px;z-index:50;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:var(--r-button)}
.lp-skip:focus{top:16px;color:var(--ink)}
.lp-orange{color:var(--orange)}
.lp-lilac{color:var(--band-4)}

/* top bar, header, sticky nav */
.lp-top{position:absolute;left:0;right:0;top:0;z-index:5;padding-top:16px}
.lp-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:20px}
.lp-wordmark{display:inline-flex;align-items:center;gap:8px;color:var(--text);font:700 22px/1 var(--font-wordmark);letter-spacing:-.03em}
.lp-wordmark:hover{color:var(--text)}
.lp-wordmark img{width:20px;height:20px}
.lp-sticky .lp-wordmark{font-size:18px}
.lp-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;font-size:13px}
.lp-nav a{color:rgba(245,245,245,.75)}
.lp-nav a:hover{color:var(--text)}
.lp-sticky{position:fixed;left:0;right:0;top:0;z-index:20;background:var(--ground-deep);border-bottom:1px solid var(--hairline);transform:translateY(-110%);transition:transform var(--dur-slow) var(--ease-out)}
.lp-sticky.is-shown{transform:none}
.lp-sticky__inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:12px;padding-bottom:12px}
.lp-nav .lp-sticky__cta{font:500 13px var(--font-body);color:var(--ink);background:var(--paper);border-radius:var(--r-pill);padding:8px 16px;white-space:nowrap}
.lp-nav .lp-sticky__cta:hover{color:var(--ink);background:var(--orange)}
@media (max-width:760px){.lp-nav a:not(.lp-sticky__cta){display:none}}

/* hero (2c) content */
.lp-hero .pc-scrub__title h1{font-family:var(--font-display);font-weight:700;font-size:clamp(56px,10vw,112px);line-height:.94;letter-spacing:-.045em;margin:0}
.lp-hero__tag{display:flex;flex-direction:column;align-items:flex-end;gap:20px;max-width:560px;text-align:right}
.lp-hero__tag .pc-beta{align-self:flex-end}
.lp-hero__tag p{margin:0;font-size:17px;line-height:1.55;color:rgba(245,245,245,.85);text-wrap:pretty}
@media (max-width:640px){.pc-scrub__title,.pc-scrub__tag{left:20px;right:20px;bottom:48px}.lp-hero__tag{align-items:flex-start;text-align:left}.lp-hero__tag .pc-beta,.lp-hero__tag .lp-actions{align-self:flex-start;justify-content:flex-start}.pc-scrub__tag h2{text-align:left}}

/* buttons */
.lp-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.lp-actions--start{justify-content:flex-start}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;font:600 14px var(--font-body);border-radius:var(--r-button);padding:12px 18px;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast),border-color var(--dur-fast)}
.lp-btn--solid{color:var(--ink);background:var(--paper)}
.lp-btn--solid:hover{color:var(--ink);background:#fff}
.lp-btn--ghost{color:var(--text);background:transparent;border-color:rgba(245,245,245,.3);font-weight:500}
.lp-btn--ghost:hover{color:var(--text);background:rgba(245,245,245,.06);border-color:rgba(245,245,245,.6)}
.lp-btn--sm{font:500 13px var(--font-mono);padding:8px 14px}
.lp-btn--sm.lp-btn--solid:hover{background:var(--yellow)}
.lp-btn--xs{font:500 11px var(--font-mono);padding:6px 10px;border-radius:var(--r-chip)}
.lp-textbtn{font:500 12px var(--font-mono);color:var(--orange);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lp-textbtn:hover{color:var(--orange-hover)}
.lp-note{font-size:13px;color:var(--text-secondary)}

/* section rhythm and headings */
.lp-main{padding-top:144px;padding-bottom:160px;display:flex;flex-direction:column;gap:176px}
@media (max-width:640px){.lp-main{padding-top:88px;gap:112px}}
.lp-section{display:flex;flex-direction:column;gap:40px}
.lp-has-motion .lp-reveal{opacity:0;transform:translate3d(0,16px,0);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.lp-has-motion .lp-reveal.is-in{opacity:1;transform:translate3d(0,0,0)}
.lp-btn{transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.lp-btn:hover{transform:translateY(-2px)}
.lp-trust__tile,.lp-plan{transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.lp-has-motion .lp-trust__tile.is-in:hover,.lp-has-motion .lp-plan.is-in:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.lp-has-motion .lp-reveal{opacity:1;transform:none;transition:none}.lp-btn:hover,.lp-has-motion .lp-trust__tile.is-in:hover,.lp-has-motion .lp-plan.is-in:hover{transform:none}}
.lp-head{display:flex;flex-direction:column;gap:14px;max-width:760px}
.lp-head--wide{max-width:820px}
.lp-head--rule{border-top:1px solid rgba(18,18,18,.14);padding-top:40px}
.lp-eyebrow{font:400 11px var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--orange)}
.lp-eyebrow--muted{color:var(--text-secondary)}
.lp-eyebrow--paper{color:var(--orange-on-paper)}
.lp-h2{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.04em;margin:0;text-wrap:balance}
.lp-h3{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;margin:0}
.lp-intro{margin:0;font-size:15px;line-height:1.6;color:var(--text-body);max-width:56ch;text-wrap:pretty}
.lp-lead{margin:0;font-size:19px;line-height:1.55;color:rgba(245,245,245,.78);max-width:52ch;text-wrap:pretty}
.lp-num{font:400 11px var(--font-mono);letter-spacing:var(--track-label);color:var(--orange-on-paper)}

/* intro (2f) */
.lp-intro-block{display:flex;flex-direction:column;gap:20px}
.lp-intro-block .lp-lead{margin-top:24px}
.lp-rule{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid rgba(224,121,47,.5);font:400 11px var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--orange)}
.lp-rule span+span{color:var(--text-secondary)}
.lp-quad{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px;margin-top:40px}
.lp-quad__item{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(245,245,245,.16);color:inherit}
.lp-quad__item.is-focal{border-top:2px solid var(--orange);padding-top:15px}
.lp-quad__item:hover{color:inherit}
.lp-quad__item:hover .lp-quad__name{color:var(--orange)}
.lp-quad__name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.03em;transition:color var(--dur-fast)}
.lp-quad__text{font-size:14px;line-height:1.55;color:rgba(245,245,245,.68)}
.lp-quad__item .pc-beta{margin-top:6px}

/* paper bands (problem, theory, founders) */
.lp-paper{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--paper);color:var(--ink)}
.lp-paper__inner{max-width:var(--content-max);margin:0 auto;padding:128px clamp(20px,5vw,56px);display:flex;flex-direction:column;gap:48px}
@media (max-width:640px){.lp-paper__inner{padding-top:88px;padding-bottom:88px}}
.lp-paper .lp-intro{color:rgba(18,18,18,.78);font-size:17px;max-width:58ch}
.lp-paper .lp-intro--small{font-size:15px;color:rgba(18,18,18,.72)}
.lp-paper .pc-label{color:rgba(18,18,18,.55)}
.lp-paper__strip{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid rgba(18,18,18,.14);padding-bottom:14px;font:400 10px var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:rgba(18,18,18,.55)}
.lp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px}
.lp-col{border-top:1px solid rgba(18,18,18,.16);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.lp-col h3{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;margin:0}
.lp-col p{margin:0;font-size:15px;line-height:1.6;color:rgba(18,18,18,.72)}
.lp-foot{margin:0;font-size:14px;color:rgba(18,18,18,.6);border-top:1px solid rgba(18,18,18,.14);padding-top:20px}

/* refraction fabric */
.lp-fabric{border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--ground-deep);padding:28px 32px;display:flex;flex-direction:column;gap:16px}
@media (max-width:640px){.lp-fabric{padding:20px}}
.lp-fabric__head{display:flex;justify-content:space-between;font:400 11px var(--font-mono);letter-spacing:.12em;color:rgba(245,245,245,.5)}
.lp-fabric__svg{width:100%;height:auto;display:block}
.lp-fabric__draw{stroke-dasharray:100 100;animation:lp-band 6s var(--ease-out) infinite}
.lp-fabric__draw:nth-of-type(2n){animation-delay:.15s}
.lp-fabric__ray{stroke-dasharray:100 100;animation:lp-ray 6s var(--ease-out) infinite}
@keyframes lp-band{0%{stroke-dashoffset:100}35%{stroke-dashoffset:0}80%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes lp-ray{0%{stroke-dashoffset:100}30%,100%{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.lp-fabric__draw,.lp-fabric__ray{animation:none;stroke-dasharray:none}}
.lp-fabric__foot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-top:1px solid var(--hairline);padding-top:16px}
.lp-fabric__foot h2{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;margin:0}
.lp-fabric__foot p{margin:0;font-size:13px;color:rgba(245,245,245,.65);max-width:44ch}

/* theory figures */
.lp-theory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(18,18,18,.14);border:1px solid rgba(18,18,18,.14);border-radius:var(--r-panel);overflow:hidden}
@media (max-width:900px){.lp-theory{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lp-theory__cell{margin:0;background:var(--paper);padding:20px;display:flex;flex-direction:column;gap:14px}
.lp-theory__fig{width:100%;height:auto;display:block}
.lp-theory__cell figcaption{display:flex;flex-direction:column;gap:6px}
.lp-theory__cell b{font-family:var(--font-display);font-size:18px;letter-spacing:-.02em}
.lp-theory__cell figcaption span{font-size:12px;line-height:1.5;color:rgba(18,18,18,.65)}
.lp-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:rgba(18,18,18,.6)}
.lp-legend span{display:flex;align-items:center;gap:8px}
.lp-legend__swatch{width:10px;height:10px;background:var(--yellow);border:1px solid var(--ink)}
.lp-quote{margin:0;padding-top:24px;border-top:1px solid rgba(18,18,18,.14);display:flex;flex-direction:column;gap:10px;max-width:72ch}
.lp-quote p{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.3;letter-spacing:-.02em}

/* products: 3d with flip cards */
.lp-products .pc-hscroll__track{align-items:flex-start}
.lp-flip{flex:none;width:340px;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start}
@media (max-width:420px){.lp-flip{width:300px}}
.lp-flip__btn{all:unset;display:block;width:100%;height:500px;perspective:1200px;cursor:pointer;border-radius:var(--r-panel)}
.lp-flip__btn:focus-visible{box-shadow:var(--focus-ring)}
.lp-flip__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform 600ms var(--ease-out)}
.lp-flip__btn[aria-pressed="true"] .lp-flip__inner{transform:rotateY(180deg)}
.lp-flip__front{transition:visibility 0s 300ms}
.lp-flip__btn[aria-pressed="true"] .lp-flip__back{visibility:visible}
.lp-flip__btn[aria-pressed="true"] .lp-flip__front{visibility:hidden}
.lp-flip__front,.lp-flip__back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lp-flip__front{width:auto;height:auto}
.lp-flip__front .po{margin-bottom:auto;color:var(--text)}
.lp-flip__hint{font:400 11px var(--font-mono);letter-spacing:.12em;color:var(--orange);margin-top:8px}
.lp-flip__back{visibility:hidden;transition:visibility 0s 300ms;transform:rotateY(180deg);border-radius:var(--r-panel);border:1px solid rgba(245,245,245,.18);background:var(--paper);color:var(--ink);overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:22px 24px}
.lp-flip__back::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--band)}
.lp-flip__backhead{display:flex;align-items:center;gap:12px;margin-top:6px}
.lp-flip__backhead .po{color:var(--ink)}
.lp-flip__mark{font:700 20px var(--font-wordmark);letter-spacing:-.03em}
.lp-flip__label{font:400 10px var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:rgba(18,18,18,.55);border-bottom:1px solid rgba(18,18,18,.14);padding-bottom:8px}
.lp-flip__specs{display:flex;flex-direction:column}
.lp-flip__specs span{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid rgba(18,18,18,.10);font-size:15px;line-height:1.4}
.lp-flip__specs i{font-style:normal;color:var(--orange-on-paper)}
.lp-flip__more{font-size:12px;color:var(--orange)}
@media (prefers-reduced-motion:reduce){.lp-flip__inner{transition:none}}

/* product demos */
.lp-demo{display:flex;flex-wrap:wrap;gap:56px 72px;align-items:flex-start}
.lp-demo--end{align-items:flex-end}
.lp-demo__copy{flex:5 1 340px;display:flex;flex-direction:column;gap:20px;padding-top:20px}
.lp-demo__copy--top{padding-top:24px}
.lp-demo__copy--low{flex:4 1 340px;padding-top:200px}
.lp-demo--end .lp-demo__copy{flex:4 1 340px;padding-bottom:40px}
.lp-demo .lp-intro{max-width:44ch}
.lp-mark{background:var(--yellow);color:var(--ink);padding:0 .08em}
.lp-app{flex:6 1 360px;border:1px solid rgba(245,245,245,.14);border-radius:16px;background:var(--demo-panel);padding:18px;display:flex;flex-direction:column;gap:14px}
.lp-app--pass{max-width:420px;margin-left:auto;margin-top:120px}
.lp-app--pages{max-width:520px;margin-right:auto}
.lp-app--os{flex:7 1 360px;max-width:580px;margin-left:auto;margin-top:-24px}
.lp-app--zerlo{flex:5 1 360px;max-width:400px;margin-left:6%;margin-top:96px}
@media (max-width:760px){.lp-app--pass,.lp-app--os,.lp-app--zerlo{margin:0}.lp-demo__copy--low{padding-top:0}.lp-demo--flip .lp-app{order:2}}
.lp-app__bar{display:flex;justify-content:space-between;align-items:center}
.lp-app__id{display:flex;align-items:center;gap:10px}
.lp-app__id .po{color:var(--text)}
.lp-app__id div{display:flex;flex-direction:column}
.lp-app__id b{font-size:13px}
.lp-app__id span,.lp-app__meta{font-size:11px;color:rgba(245,245,245,.5)}
.lp-req{border:1px solid rgba(250,240,56,.45);border-radius:10px;overflow:hidden;transition:border-color 300ms}
.lp-app--pass[data-state="ok"] .lp-req{border-color:var(--yellow)}
.lp-app--pass[data-state="no"] .lp-req{border-color:rgba(245,245,245,.2)}
.lp-req__head{display:flex;justify-content:space-between;padding:8px 12px;background:rgba(250,240,56,.08);font:400 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.lp-req__body{padding:14px 12px;display:flex;flex-direction:column;gap:12px}
.lp-req__ask{margin:0;font-size:14px}
.lp-req__facts{margin:0;display:grid;grid-template-columns:96px 1fr;gap:4px 12px;font-size:12px}
.lp-req__facts dt{color:rgba(245,245,245,.5)}
.lp-req__facts dd{margin:0}
.lp-req__actions{display:flex;justify-content:flex-end;gap:8px}
.lp-req__result{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lp-stamp{position:relative;font-size:12px;font-weight:700;color:var(--ink);padding:5px 10px;background:var(--yellow);border-radius:3px 6px 4px 7px}
.lp-log{display:flex;flex-direction:column;gap:6px;font-size:11px;color:rgba(245,245,245,.6)}
.lp-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lp-log__label{font:400 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(245,245,245,.45)}
/* demo show/hide: [data-show] children are visible only in the matching state */
[data-lp="pass-demo"][data-state="open"] [data-show="done"],[data-lp="pass-demo"]:not([data-state="open"]) [data-show="open"],
[data-lp="pages-demo"][data-state="open"] [data-show="done"],[data-lp="pages-demo"]:not([data-state="open"]) [data-show="open"]{display:none}
.lp-doc{border:1px solid rgba(245,245,245,.1);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--demo-well)}
.lp-doc__title{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.lp-doc__text{margin:0;font-size:13px;line-height:1.6;color:rgba(245,245,245,.8)}
.lp-doc__text del{color:rgba(245,245,245,.45)}
.lp-doc__text ins{text-decoration:none;background:rgba(250,240,56,.18);color:var(--yellow)}
.lp-suggest{border:1px solid var(--hairline);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}
.lp-suggest__meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:rgba(245,245,245,.55)}
.lp-suggest__title{font-size:13px}
.lp-seg{display:flex;gap:6px;padding:4px;border:1px solid var(--hairline);border-radius:var(--r-button);align-self:flex-start}
.lp-seg button{font:400 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:6px;border:0;cursor:pointer;background:transparent;color:rgba(245,245,245,.7)}
.lp-seg button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.lp-focus{position:relative;height:260px;border:1px solid rgba(245,245,245,.1);border-radius:10px;background:var(--demo-well);overflow:hidden}
.lp-focus__view{position:absolute;inset:0;display:none}
.lp-app--os[data-mode="far"] [data-view="far"],.lp-app--os[data-mode="near"] [data-view="near"],.lp-app--os[data-mode="inside"] [data-view="inside"]{display:block}
.lp-focus__view svg{position:absolute;inset:0;width:100%;height:100%}
.lp-focus__dot{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:2px;border:1px solid rgba(245,245,245,.5);background:var(--demo-panel)}
.lp-focus__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:3px;background:var(--band-2)}
.lp-focus__caption{position:absolute;left:12px;bottom:10px;font-size:10px;color:rgba(245,245,245,.5)}
.lp-focus__card{position:absolute;transform:translate(-50%,-50%);font-size:11px;padding:6px 9px;border-radius:6px;border:1px solid rgba(245,245,245,.18);background:var(--demo-panel);white-space:nowrap}
.lp-focus__centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:var(--ink);background:var(--band-2);padding:10px 14px;border-radius:var(--r-button);white-space:nowrap}
.lp-focus__inside{padding:16px}
.lp-app--os[data-mode="inside"] .lp-focus__inside{display:flex;flex-direction:column;gap:8px}
.lp-focus__inside b{font-size:15px}
.lp-focus__inside>span{font-size:12px;color:rgba(245,245,245,.6)}
.lp-focus__inside ul{list-style:none;margin:0;padding:0}
.lp-focus__inside li{font-size:12px;display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid rgba(245,245,245,.08)}
.lp-focus__inside li::before{content:"";width:10px;height:10px;border:1px solid rgba(245,245,245,.5);border-radius:2px}
.lp-zerlo{display:grid;grid-template-columns:150px 1fr;gap:12px}
@media (max-width:420px){.lp-zerlo{grid-template-columns:1fr}}
.lp-phone{border:1px solid rgba(245,245,245,.14);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--demo-well)}
.lp-phone__meta{font-size:10px;color:rgba(245,245,245,.5)}
.lp-phone b{font-size:12px}
.lp-chip{font-size:11px;padding:5px 8px;border-radius:var(--r-chip);border:1px solid rgba(245,245,245,.18)}
.lp-phone__submit{font:500 11px var(--font-mono);color:var(--ink);background:var(--yellow);border:0;border-radius:var(--r-chip);padding:7px;cursor:pointer}
.lp-app--zerlo:not([data-state="empty"]) .lp-phone__submit{background:rgba(245,245,245,.4);cursor:default}
.lp-inbox{display:flex;flex-direction:column;gap:8px}
.lp-inbox__new{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-button);border:1px solid var(--yellow)}
.lp-inbox__new b{font-size:12px}
.lp-inbox__new>span:not(.lp-stamp){font-size:11px;color:rgba(245,245,245,.6)}
.lp-inbox__new .lp-btn{align-self:flex-start}
.lp-inbox__old{font-size:11px;padding:10px;border-radius:var(--r-button);border:1px solid rgba(245,245,245,.1);color:rgba(245,245,245,.6)}
.lp-app--zerlo[data-state="empty"] [data-show="new"],.lp-app--zerlo:not([data-state="pending"]) [data-show="pending"],.lp-app--zerlo:not([data-state="reviewed"]) [data-show="reviewed"]{display:none}
.lp-app--zerlo>.lp-textbtn{align-self:flex-start}

/* suite (3c) */
.lp-suite .pc-stack__stage{display:flex;flex-direction:column;justify-content:center;gap:32px}
.lp-suite__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:center}
@media (max-width:760px){.lp-suite__grid{grid-template-columns:1fr;gap:24px}}

/* principles (2g) */
.lp-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.lp-trio__card{min-height:260px}
.lp-trio__card p{margin:auto 0 0;font-size:14px;line-height:1.55;color:rgba(245,245,245,.7)}
.lp-trio .pc-card-title{line-height:1.05}

/* specs (2d) */
.lp-specs{height:600px}
@media (max-width:899px){.lp-specs{height:auto;padding:24px}.lp-specs .pc-toc__nav{position:static}.lp-specs .pc-toc__article{max-height:560px}}
.lp-spec__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lp-spec__head h3{display:flex;align-items:center;gap:12px;font-size:30px}
.lp-spec__head .po{color:var(--text)}
.pc-toc__article .lp-spec__lead{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25;letter-spacing:-.02em;color:var(--text);max-width:40ch}
.lp-spec__group{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(245,245,245,.08)}
.lp-spec__group b{font-size:14px;color:var(--text)}
.lp-spec__group ul{margin:0;padding:0;list-style:none;columns:2 240px;column-gap:28px}
.lp-spec__group li{break-inside:avoid;font-size:13px;line-height:1.5;color:rgba(245,245,245,.75);padding:3px 0}
.lp-spec__group li::before{content:"– "}
.lp-spec__note{font-size:13px;font-style:italic;color:var(--text-secondary)}

/* status (3e) */
.lp-status .pc-preview__row a{grid-template-columns:minmax(0,1fr) auto}

/* rules (3b) */
.lp-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 32px;margin-top:24px;border-top:1px solid rgba(245,245,245,.16)}
.lp-rules div{display:flex;flex-direction:column;gap:8px;padding:20px 0}
.lp-rules .pc-label{font-size:11px;color:var(--text-secondary)}
.lp-rules .lp-orange{color:var(--orange)}
.lp-rules p{margin:0;font-size:15px;line-height:1.6;color:rgba(245,245,245,.78);max-width:36ch}

/* founders */
.lp-passports{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px}
.lp-passport{background:#fff;border:1px solid rgba(18,18,18,.14);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.lp-passport__top{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--ink);color:var(--paper);font:400 10px var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase}
.lp-passport__no{color:var(--yellow)}
.lp-passport__body{display:grid;grid-template-columns:112px 1fr;gap:20px;padding:20px 18px}
@media (max-width:420px){.lp-passport__body{grid-template-columns:1fr}}
.lp-passport__photo{width:112px;height:140px;object-fit:cover;border-radius:8px;background:#e8e8e6}
.lp-passport__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.lp-passport__name{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;line-height:1;margin:0}
.lp-passport__role{font-size:12px;color:var(--orange-on-paper);margin-bottom:8px}
.lp-passport__rows{margin:0}
.lp-passport__rows div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid rgba(18,18,18,.10)}
.lp-passport__rows dt{font:400 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(18,18,18,.5);padding-top:2px}
.lp-passport__rows dd{margin:0;font-size:13px;line-height:1.45}
.lp-passport__mrz{padding:10px 18px;border-top:1px dashed rgba(18,18,18,.2);font:400 11px var(--font-mono);letter-spacing:.14em;color:rgba(18,18,18,.45);white-space:nowrap;overflow:hidden}

/* questions (3f) */
.lp-faq{max-width:880px}

/* pricing */
.lp-promises{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.lp-promises li{font-size:16px;font-weight:600;color:var(--ink);background:var(--yellow);padding:6px 10px}
.lp-promises li:not(:first-child){color:var(--text);background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}
.lp-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-panel);overflow:hidden}
@media (max-width:900px){.lp-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.lp-plans{grid-template-columns:1fr}}
.lp-plan{background:var(--sunken);padding:24px;display:flex;flex-direction:column;gap:10px}
.lp-plan__name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.03em}
.lp-plan__sub{font-size:14px;color:rgba(245,245,245,.65)}

/* footer */
.lp-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:32px;padding-bottom:48px;border-top:1px solid var(--hairline);font-size:12px;color:var(--text-label)}
/* Trust grid · joined hairline grid (guide rule 4), mono mocks, status as dot + word, orange only on the live mark */
.lp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-panel);overflow:hidden}
.lp-trust__tile{background:var(--ground);display:flex;flex-direction:column;gap:24px;padding:28px;min-width:0}
.lp-trust__tile--wide{grid-column:span 2;flex-direction:row;align-items:center;gap:32px;min-height:240px}
.lp-trust__tile--wide .lp-trust__copy{flex:0 0 32%}
.lp-trust__tile--wide .lp-trust__mock{flex:1;min-width:0}
.lp-trust__tile:not(.lp-trust__tile--wide) .lp-trust__mock{min-height:132px;display:flex;flex-direction:column;justify-content:center}
.lp-trust__copy{display:flex;flex-direction:column;gap:8px}
.lp-trust__title{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0}
.lp-trust__copy p{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary);max-width:40ch}
.lp-trust em{font:500 var(--type-label) var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;font-style:normal;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lp-trust em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--idle)}
.lp-trust em.is-ok::before{background:var(--ok)}.lp-trust em.is-no::before{background:var(--blocked)}.lp-trust em.is-ask::before{background:var(--warn)}
/* receipts log */
.lp-tlog{display:flex;flex-direction:column;gap:12px;border-left:1px dashed var(--line-strong);padding-left:20px}
.lp-tlog__live{font:400 var(--type-label) var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-label);display:inline-flex;align-items:center;gap:8px}
.lp-tlog__live i{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:lp-pulse 1.6s var(--ease-out) infinite}
.lp-tlog__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--text);min-height:168px}
.lp-tlog__list li{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.lp-tlog__list li:nth-last-child(-n+2){opacity:.55}
.lp-tlog__list li:last-child{opacity:.3}
.lp-tlog__list li.is-new{animation:lp-enter var(--dur-slow) var(--ease-out)}
@keyframes lp-enter{from{opacity:0;transform:translateY(-6px)}}
@keyframes lp-pulse{0%,100%{opacity:1}50%{opacity:.3}}
/* passports */
.lp-tpass__list{list-style:none;margin:0;padding:0;border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--sunken)}
.lp-tpass__list li{display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;font-size:13px;color:var(--text-body)}
.lp-tpass__list li+li{border-top:1px solid var(--hairline)}
.lp-tpass__list li.is-current{background:var(--raised)}
.lp-tpass__list b{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-tpass__list span{font:400 12px var(--font-mono);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* vault */
.lp-tvault{align-items:center;gap:16px;color:var(--text)}
.lp-tvault .po{--po-face:var(--band-2)}
.lp-tvault__dots{font:500 18px var(--font-mono);letter-spacing:.2em;color:var(--text-secondary);border:1px solid var(--line-control);border-radius:999px;padding:6px 16px;max-width:100%;overflow:hidden}
/* use without seeing */
.lp-tgrant{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:12px 16px;font-size:13px;color:var(--text-body);border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--sunken);padding:16px}
.lp-tgrant span{display:inline-flex;align-items:center;gap:10px}
.lp-tgrant .po{--po-face:var(--band-4)}
/* ask first */
.lp-task{gap:10px;border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--sunken);padding:16px;font-size:13px}
.lp-task__who{display:inline-flex;align-items:center;gap:8px;font:400 var(--type-label) var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-label)}
.lp-task__who .po{--po-face:var(--band-1)}
.lp-task b{font-weight:600;color:var(--text);line-height:1.4}
.lp-task__btns{display:flex;gap:8px;justify-content:flex-end}
.lp-task__btn{font-size:12px;padding:6px 12px;border-radius:var(--r-button);border:1px solid var(--line-control);color:var(--text)}
.lp-task__btn--solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}
/* one account */
.lp-tacct{gap:8px}
.lp-tacct span{font-size:13px;padding:9px 14px;border-radius:var(--r-button);border:1px solid var(--hairline);color:var(--text-secondary);font-family:var(--font-wordmark);font-weight:700}
.lp-tacct span.is-current{border-color:var(--line-control);background:var(--raised);color:var(--text)}
@media (max-width:1100px){.lp-trust{grid-template-columns:repeat(2,1fr)}.lp-trust__tile--wide{flex-direction:column;align-items:stretch}.lp-trust__tile--wide .lp-trust__copy{flex:none}}
@media (max-width:760px){.lp-trust{grid-template-columns:1fr}.lp-trust__tile--wide{grid-column:auto}.lp-trust__tile{padding:22px}}
@media (prefers-reduced-motion:reduce){.lp-tlog__live i{animation:none}}
/* Pass walkthrough video (25 Oct): full width, rounded, below the pass demo */
.lp-video{display:flex;flex-direction:column;gap:32px}
.lp-video__player{width:100%;aspect-ratio:16/9;display:block;background:transparent;border:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
/* The film's background was lifted to the page graphite (#16) so it floats on the page with no frame (Pol, 25 Oct). */
@media (max-width:600px){.lp-video__player{aspect-ratio:390/844;max-height:80vh}}
/* pass scroll story (25 Oct): clips float on the page and autoplay on view */
.lp-story{display:flex;flex-direction:column;gap:96px}
.lp-story__row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.lp-story__row--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.lp-story__row--flip .lp-story__copy{order:2}
.lp-story__title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.03em;margin:0 0 12px}
.lp-story__copy p{margin:0;color:var(--ink-2,rgba(245,245,245,.78));font-size:17px;line-height:1.55;max-width:42ch}
.lp-story__clip{width:100%;aspect-ratio:16/9;display:block;background:transparent;border:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
@media (max-width:760px){.lp-story{gap:64px}.lp-story__row,.lp-story__row--flip{grid-template-columns:1fr;gap:20px}.lp-story__row--flip .lp-story__copy{order:0}}