[x-cloak]{display:none!important}*{box-sizing:border-box}body{margin:0}img{max-width:100%}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}.product-tour{max-width:1120px;margin:auto;padding:48px 16px;color:#e2e8f0}.tour-heading{max-width:660px;margin-bottom:24px}.tour-heading h2{font-size:clamp(26px,5vw,40px);line-height:1.15;margin:12px 0}.tour-kicker{color:#7dd3fc;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.tour-muted{color:#a8b7cd;font-size:13px;line-height:1.6}.tour-layout{display:grid;gap:24px;align-items:start}.tour-steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tour-steps button,.tour-button{border:1px solid #334155;background:#172337;color:#e2e8f0;border-radius:12px;padding:11px 13px;font:inherit;font-size:13px;cursor:pointer}.tour-steps button[aria-current=step],.tour-primary{background:linear-gradient(110deg,#0369a1,#4f46e5);border-color:#38bdf8;color:white}.tour-phone{width:100%;max-width:410px;margin:auto;background:#0f172a;border:1px solid #42516a;border-radius:28px;padding:16px;box-shadow:0 20px 65px #02061780;min-width:0}.tour-statusbar{display:flex;justify-content:space-between;font-size:11px;color:#9eacc0;margin-bottom:18px}.tour-phone h3{font-size:20px;margin:12px 0}.tour-phone h4{font-size:15px;line-height:1.5;margin:0 0 8px}.tour-card{background:#1e293ba8;border:1px solid #334155;border-radius:16px;padding:14px;margin:12px 0;overflow-wrap:anywhere}.tour-card p{font-size:13px;line-height:1.65;margin:8px 0}.tour-meta{font-size:11px;color:#a8b7cd;line-height:1.6}.tour-tag{color:#7dd3fc;font-size:11px}.tour-row{display:flex;align-items:center;gap:10px;min-width:0}.tour-row>div{min-width:0;flex:1}.tour-avatar{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;flex-shrink:0;color:#0f172a;font-weight:700;font-size:13px;border:3px solid #ffffff22}.tour-person{width:100%;text-align:left;background:none;border:0;color:inherit;padding:10px 0;cursor:pointer}.tour-person+.tour-person{border-top:1px solid #334155}.tour-chip{display:inline-block;border-radius:20px;background:#0c4a6e66;color:#7dd3fc;padding:5px 9px;font-size:11px}.tour-good{color:#6ee7b7}.tour-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.tour-stats>div{background:#1e293b;border-radius:12px;text-align:center;padding:10px 4px;font-size:11px;color:#a8b7cd}.tour-stats strong{display:block;color:#e2e8f0;font-size:20px;margin-bottom:4px}.tour-photo{width:100%;border-radius:12px;display:block;margin:10px 0;aspect-ratio:16/10;object-fit:cover}.tour-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tour-album img{aspect-ratio:1;object-fit:cover;border-radius:8px}.tour-media{padding:16px;border-radius:12px;background:linear-gradient(120deg,#0c4a6e,#312e81);font-size:13px;margin:10px 0}.tour-input{display:block;width:100%;padding:12px;background:#0f172a;border:1px solid #475569;border-radius:10px;color:#e2e8f0;font:inherit;font-size:13px;margin:8px 0}.tour-choice{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:13px}.tour-choice input{accent-color:#38bdf8;width:18px;height:18px}.tour-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #334155;padding-top:14px;margin-top:16px}.tour-bottom button{font-size:12px}.tour-aside{padding:8px 0}.tour-aside h3{font-size:22px}.tour-note{border-left:2px solid #38bdf8;padding:0 0 0 14px;color:#a8b7cd;font-size:13px;line-height:1.7}.tour-offer{background:linear-gradient(110deg,#0c4a6e55,#4338ca44);border:1px solid #4f6694;border-radius:16px;padding:16px;margin:16px 0;font-size:14px;line-height:1.6}.tour-plans{display:grid;gap:12px}.tour-plan{margin:0}.tour-plan ul{padding-left:18px;font-size:13px;line-height:1.9}.tour-plan strong{font-size:24px}.tour-settings details{border-bottom:1px solid #334155;padding:13px 0}.tour-settings summary{cursor:pointer;font-size:14px}.tour-preview-label{font-size:11px;color:#c4b5fd}.tour-phone button:disabled{opacity:.45;cursor:default}.tour-sos{background:#7f1d1d;border-color:#f87171;width:100%;padding:22px}.tour-memory{border-left:2px solid #94a3b8;padding-left:12px}.tour-profile-actions{display:flex;flex-wrap:wrap;gap:6px}@media(min-width:800px){.tour-layout{grid-template-columns:minmax(0,1fr) 410px}.tour-phone{grid-column:2;grid-row:1}.tour-aside{grid-column:1;grid-row:1;position:sticky;top:96px;padding-right:36px}.tour-steps{max-width:530px}.tour-plans-wide{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.tour-phone{padding:12px;border-radius:20px}.tour-card{padding:11px}.tour-steps button{padding:9px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:430px){header a[href="#top"] svg{width:62px}header a[href="#early-access"]{font-size:12px;padding:9px 8px}header .flex-shrink-0{gap:5px}#early-access>.max-w-3xl>.glass{padding:20px}#values{overflow:hidden}}

.tour-phone{display:flex;flex-direction:column;height:760px;max-height:calc(100svh - 96px);min-height:500px;scroll-margin-top:88px}.tour-phone>div[x-show]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.tour-statusbar,.tour-phone>.tour-row,.tour-bottom{flex-shrink:0}.tour-phone>.tour-row{padding-bottom:10px}.tour-phone .tour-person.tour-card{background:#1e293ba8;padding:12px;border:1px solid #334155}.tour-phone h4{font-weight:650}.tour-phone>div[x-show]{padding-right:3px}

/* The annotations are notifications from the mock app, so they stay tucked
   into the device boundary instead of occupying unrelated Hero space. */
.hero-composition{position:relative;isolation:isolate;width:min(100%,560px);min-width:0;margin:0 auto;padding:88px 0 76px}
.hero-composition .phone-frame{position:relative;z-index:1;margin:0 auto;max-width:100%}
.hero-capsule,.hero-delivered{position:absolute;z-index:2;width:min(220px,calc(100% - 24px));padding:13px 16px;border-radius:16px;box-shadow:0 14px 34px #02061780}
.hero-capsule{left:0;top:16px}
.hero-delivered{right:0;bottom:16px;width:min(204px,calc(100% - 24px))}
@media(min-width:1200px){
  .hero-grid{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}
  .hero-composition{width:min(100%,640px);padding:24px 0}
  .hero-capsule,.hero-delivered{width:190px}
  .hero-capsule{left:calc(50% - 316px);top:74px}
  .hero-delivered{left:calc(50% + 126px);right:auto;bottom:94px}
}

/* Explicit columns and wrapping destinations: no clipping or horizontal tabs. */
.product-tour .tour-layout{grid-template-columns:minmax(0,1fr);gap:28px}
.product-tour .tour-aside{min-width:0;overflow:visible;padding:0;position:static}
.product-tour .tour-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;min-width:0;gap:8px;margin:18px 0 24px;overflow:visible}
.product-tour .tour-steps button{width:100%;min-height:44px;min-width:0;padding:10px 12px;white-space:normal;text-align:left;font-size:12px;font-weight:500;line-height:1.4;border-color:#33415599;background:#152033}
.product-tour .tour-steps button[aria-current=step]{background:#123b56;border-color:#38bdf899;color:#e0f2fe;box-shadow:inset 3px 0 #38bdf8}
.product-tour .tour-steps button:hover{border-color:#7dd3fc}
@media(min-width:800px){
  .product-tour .tour-layout{grid-template-columns:minmax(0,1fr) 410px;gap:40px}
  .product-tour .tour-aside{grid-column:1;grid-row:1}
  .product-tour .tour-phone{grid-column:2;grid-row:1}
}
@media(min-width:1100px){.product-tour .tour-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* On narrow screens the selected app screen must lead. The explanation is
   intentionally the next block, so changing a tab keeps the screen and its
   meaning in one uninterrupted reading order. */
@media(max-width:799px){
  .product-tour .tour-aside{display:contents}
  .product-tour .tour-phone{grid-column:1;grid-row:1}
  .product-tour .tour-explainer{grid-column:1;grid-row:2}
  .product-tour .tour-aside>.tour-kicker{grid-column:1;grid-row:3;margin-top:4px}
  .product-tour .tour-steps{grid-column:1;grid-row:4;margin-top:0}
}

/* Quiet type hierarchy, with a distinct action area. */
.product-tour h2{font-weight:750;letter-spacing:-.035em}
.product-tour .tour-kicker,.tour-voices .tour-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.6}
.tour-explainer{padding:24px;background:#14203399;border:1px solid #334155aa;border-radius:20px}
.tour-explainer-label{margin:0;color:#7dd3fc;font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.7;text-transform:uppercase}
.tour-explainer h3{margin:12px 0 16px;font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.025em;color:#f1f5f9}
.tour-explainer .tour-muted{margin:0;max-width:42ch;font-size:15px;line-height:1.75;color:#cbd5e1}
.tour-explainer .tour-note{margin:20px 0 0;padding:16px 0 0;border-left:0;border-top:1px solid #33415588;max-width:48ch;color:#94a3b8;font-size:12px;line-height:1.7}
.tour-explainer-cta{display:inline-flex;align-items:center;gap:20px;margin-top:28px;padding:12px 18px;font-size:13px;font-weight:600;text-decoration:none}
.product-tour .tour-phone h3{font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1.3;margin:16px 0 12px}
.product-tour .tour-phone h4{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.5}
.product-tour .tour-phone .tour-card p{font-size:13px;line-height:1.7;color:#cbd5e1}
.product-tour .tour-phone .tour-meta{font-size:11px;line-height:1.6;color:#94a3b8}
.product-tour .tour-phone .tour-avatar{object-fit:cover}
.product-tour .tour-phone>div[x-show]{padding-right:8px;scrollbar-width:thin;scrollbar-color:#64748b55 transparent}
.product-tour .tour-phone>div[x-show]::-webkit-scrollbar{width:4px}
.product-tour .tour-phone>div[x-show]::-webkit-scrollbar-track{background:transparent}
.product-tour .tour-phone>div[x-show]::-webkit-scrollbar-thumb{background:#64748b55;border-radius:999px}
.tour-plan .tour-row{align-items:center}
.tour-plan .tour-row>.tour-plan-icon{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#0c4a6e55;color:#7dd3fc}
.tour-plan .tour-row>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-tour .tour-plan h4{margin:0;font-size:13px}
.tour-plan strong{font-size:15px;font-weight:600;color:#bae6fd;white-space:nowrap}
.tour-plan ul{padding-left:16px;font-size:11px;line-height:1.65;margin:12px 0 0;color:#b7c5d8}
.tour-plan{padding:12px;border-radius:14px}
.tour-trust-note{display:flex;gap:12px;align-items:flex-start;margin:20px 0 12px;padding:16px;border:1px solid #34534c;border-radius:14px;background:#15322c44;color:#cdebe1;font-size:12px;line-height:1.6}
.tour-trust-note i{color:#88cbb7;margin-top:3px}
.tour-trust-note strong{font-size:12px;font-weight:600}
.tour-trust-note p{margin:4px 0 0;color:#a6c1b8;font-size:12px;line-height:1.6}

/* Voices uses a single, replaceable author portrait and three short benefits. */
.tour-voices{max-width:1120px;margin:36px auto 64px;padding:40px 16px;border-top:1px solid #253247}
.tour-voices-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.tour-voices-portrait{margin:0;position:relative;overflow:hidden;border-radius:22px;border:1px solid #334155;background:#152033}
.tour-voices-portrait img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 28%}
.tour-voices-portrait figcaption{padding:18px 20px}
.tour-voices-portrait span{display:block;font-size:10px;letter-spacing:.06em;color:#94a3b8}
.tour-voices-portrait strong{display:block;margin-top:8px;font-size:17px;font-weight:600}
.tour-voices-portrait p{font-size:12px;line-height:1.6;color:#a8b7cd;margin:8px 0 0}
.tour-voices-content{min-width:0}
.tour-voices h2{font-size:clamp(30px,4vw,40px);font-weight:650;line-height:1.15;letter-spacing:-.035em;margin:12px 0 18px}
.tour-voices-content>.tour-muted{font-size:14px;line-height:1.75;max-width:52ch;margin:0}
.tour-voices-grid{display:grid;gap:0;margin-top:24px}
.tour-voices-grid article{padding:18px 0;border-top:1px solid #33415588}
.tour-voices-index{color:#7dd3fc;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}
.tour-voices-grid h3{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:8px 0}
.tour-voices-grid p{font-size:13px;line-height:1.65;color:#a8b7cd;max-width:52ch;margin:0}
.tour-voices-note{font-size:11px;line-height:1.7;color:#94a3b8;max-width:58ch;margin:14px 0 0}
@media(min-width:800px){
  .tour-voices-layout{grid-template-columns:320px minmax(0,1fr);gap:56px}
  .tour-voices-portrait img{height:400px}
}
@media(max-width:360px){
  .tour-explainer{padding:20px}
  .tour-explainer .tour-muted{font-size:14px}
  .tour-explainer h3{font-size:25px}
  .tour-plan .tour-row{gap:7px}
  .tour-plan strong{font-size:14px}
}