:root {
  --paper: #fff9ef;
  --paper-deep: #f6ecdc;
  --sheet: #fffefa;
  --ink: #123052;
  --muted: #53677b;
  --rule: #d7e2ec;
  --blue: #176fc9;
  --blue-deep: #0b559f;
  --blue-wash: #eaf4ff;
  --gold: #f5b82e;
  --gold-wash: #fff3c9;
  --coral: #b94743;
  --green: #47a06c;
  --radius: 18px;
  --shadow: 0 28px 70px rgba(27, 57, 88, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", system-ui, sans-serif; font-size: 16px; line-height: 1.55; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E"); z-index: 20; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 10px 14px; background: var(--ink); color: white; transform: translateY(-150%); border-radius: 8px; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }

.site-header { max-width: 1440px; margin: 0 auto; padding: 24px clamp(24px, 5vw, 76px); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-family: "Young Serif", Georgia, serif; font-size: 30px; letter-spacing: -.035em; }
.brand img { width: 48px; height: 48px; object-fit: contain; }
nav { display: flex; align-items: center; gap: clamp(16px, 2.5vw, 36px); }
nav a { text-decoration: none; font-weight: 600; font-size: 14px; }
nav a:not(.button):hover { color: var(--blue-deep); }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; padding: 0 23px; border: 0; border-radius: 13px; background: var(--blue); color: white; box-shadow: 0 7px 18px rgba(47, 134, 233, .22); text-decoration: none; font-weight: 700; cursor: pointer; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.button:hover { background: var(--blue-deep); transform: translateY(-2px); box-shadow: 0 11px 24px rgba(47, 134, 233, .25); }
.button-small { min-height: 44px; padding: 0 18px; }

.hero { max-width: 1440px; min-height: 750px; margin: 0 auto; padding: 70px clamp(24px, 5vw, 76px) 88px; display: grid; grid-template-columns: minmax(390px, .82fr) minmax(620px, 1.35fr); align-items: center; gap: clamp(40px, 6vw, 92px); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .chapter { margin: 0 0 22px; color: var(--blue-deep); text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 700; }
.hero h1, section h2 { margin: 0; font-family: "Young Serif", Georgia, serif; font-weight: 400; letter-spacing: -.035em; line-height: .98; }
.hero h1 { font-size: clamp(64px, 6.9vw, 108px); }
.hero h1 em, section h2 em { color: var(--blue); font-style: normal; }
.hero-lede { max-width: 630px; margin: 30px 0; color: #344d67; font-size: clamp(19px, 1.7vw, 25px); line-height: 1.45; }
.hero-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.text-link { padding: 12px 3px; color: var(--ink); font-weight: 700; text-underline-offset: 5px; }
.hero-notes { display: flex; gap: 24px; margin: 48px 0 0; padding: 0; list-style: none; }
.hero-notes li { display: flex; align-items: flex-start; gap: 10px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.hero-notes b { color: var(--ink); font-weight: 700; }
.note-icon { color: var(--coral); font-size: 30px; line-height: 1; }

.product-scene { position: relative; min-width: 0; padding: 35px 24px 28px; }
.demo-label { position: absolute; right: 26px; top: 0; margin: 0; color: var(--muted); text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 700; }
.app-window { position: relative; z-index: 2; overflow: hidden; border-radius: 18px; background: white; box-shadow: var(--shadow); transform: rotate(.35deg); }
.window-bar { height: 37px; display: flex; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid var(--rule); background: #f8fafc; }
.window-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--coral); }
.window-bar i:nth-child(2) { background: var(--gold); }.window-bar i:nth-child(3) { background: var(--green); }
.window-bar span { margin-left: auto; margin-right: auto; color: #91a0ae; font-size: 9px; letter-spacing: .08em; }
.app-shell { display: grid; grid-template-columns: 118px 1fr; height: 520px; }
.demo-rail { display: flex; flex-direction: column; gap: 5px; padding: 15px 10px 13px; border-right: 1px solid var(--rule); background: #fbfdff; }
.demo-brand { display: flex; align-items: center; gap: 6px; margin: 0 4px 14px; font-family: "Young Serif", Georgia, serif; font-size: 15px; }
.demo-brand img { width: 27px; height: 27px; }
.demo-nav { display: flex; gap: 8px; min-height: 34px; align-items: center; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #587086; font-size: 11px; text-align: left; cursor: pointer; }
.demo-nav:hover, .demo-nav.is-active { background: var(--blue-wash); color: var(--blue-deep); font-weight: 700; }
.demo-rail-space { flex: 1; }
.demo-settings { color: var(--muted); font-size: 10px; padding: 8px; }
.demo-content { min-width: 0; padding: 13px 14px 15px; background: #fff; }
.demo-topline { height: 45px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid var(--rule); }
.demo-topline > div { display: grid; grid-template-columns: 26px 1fr; align-items: center; }
.demo-topline b { font-size: 13px; }.demo-topline small { grid-column: 2; color: var(--muted); font-size: 9px; }.sun { grid-row: span 2; color: var(--gold); font-size: 20px; }.avatar { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: var(--blue); color: white; font-size: 10px; }
.demo-pane { display: none; height: calc(100% - 45px); padding-top: 12px; }
.demo-pane.is-active { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1.65fr 1fr; gap: 10px; animation: pane-in .32s ease both; }
.list-sheet { grid-column: span 1; border: 1px solid var(--rule); border-radius: 10px; padding: 10px; min-width: 0; }
.private-sheet { grid-column: 1 / 2; }.house-sheet { grid-column: 2 / 4; }
.sheet-heading { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.sheet-heading h2 { font-family: "DM Sans", sans-serif; font-size: 12px; letter-spacing: 0; }
.sheet-heading h2 span { display: inline-block; margin-left: 4px; padding: 2px 5px; border-radius: 4px; background: var(--blue-wash); color: var(--blue-deep); font-size: 7px; vertical-align: 2px; }.house-sheet .sheet-heading h2 span { background: var(--gold-wash); color: #916400; }
.sheet-heading button { border: 0; background: none; color: var(--blue-deep); font-size: 8px; }
.list-sheet ul { margin: 7px 0 0; padding: 0; list-style: none; }
.list-sheet li { display: grid; grid-template-columns: 13px 1fr auto; gap: 7px; align-items: start; padding: 8px 0; border-top: 1px solid #eef2f5; }
.list-sheet li i { width: 11px; height: 11px; margin-top: 2px; border: 1.5px solid #9eacb9; border-radius: 3px; }.list-sheet li i.checked { border-color: var(--blue); background: var(--blue); box-shadow: inset 0 0 0 2px white; }
.list-sheet li b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }.list-sheet li small { display: block; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.list-sheet time { color: var(--coral); font-size: 7px; }
.mini-sheet { min-width: 0; overflow: hidden; border: 1px solid var(--rule); border-radius: 9px; padding: 10px; font-size: 9px; }.mini-sheet > b { font-size: 10px; }.mini-sheet p { margin: 7px 0 0; color: var(--muted); }.mini-sheet p span, .mini-sheet p time { display: inline-block; min-width: 33px; color: var(--ink); font-weight: 700; }.mini-board p { font-family: "Young Serif", serif; font-size: 9px; color: var(--ink); }
.field-note { position: absolute; z-index: 3; color: var(--blue-deep); font-family: "Young Serif", Georgia, serif; font-size: 14px; font-style: italic; line-height: 1.25; transform: rotate(3deg); }.note-top { top: -6px; right: -22px; width: 108px; padding: 18px 13px; background: #fff4d5; box-shadow: 0 10px 18px rgba(55, 65, 75, .1); }.note-bottom { right: -12px; bottom: 3px; max-width: 150px; text-align: right; font-family: "DM Sans", sans-serif; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.note-bottom span { font-size: 20px; }
.demo-chat-pane.is-active { grid-template-columns: 120px 1fr; grid-template-rows: 1fr; }
.channel-list { display: flex; flex-direction: column; gap: 6px; padding-right: 10px; border-right: 1px solid var(--rule); font-size: 10px; }.channel-list b { margin-bottom: 8px; }.channel-list span { padding: 7px; border-radius: 6px; color: var(--muted); }.channel-list span.is-active { background: var(--blue-wash); color: var(--blue-deep); font-weight: 700; }
.messages { display: flex; flex-direction: column; gap: 17px; padding: 10px 14px; }.messages > div { display: flex; gap: 10px; }.message-avatar { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: white; font-size: 9px; font-weight: 700; }.message-avatar.blue { background: var(--blue); }.message-avatar.coral { background: var(--coral); }.message-avatar.gold { background: #c18b0d; }.messages p { margin: 0; font-size: 9px; }.messages p b { display: block; font-size: 9px; }.messages time { margin-left: 5px; color: var(--muted); font-size: 7px; font-weight: 400; }.messages label { display: flex; justify-content: space-between; margin-top: auto; padding: 10px 12px; border: 1px solid var(--rule); border-radius: 9px; color: #91a0ae; font-size: 8px; }.messages label span { color: var(--blue-deep); }
.demo-week-pane.is-active { display: block; }.week-heading { display: flex; justify-content: space-between; padding: 4px 2px 14px; }.week-heading b { font-size: 12px; }.week-heading span { color: var(--muted); font-size: 9px; }.week-days { display: grid; grid-template-columns: repeat(5, 1fr); height: 300px; border: 1px solid var(--rule); border-radius: 10px; overflow: hidden; }.week-days article { padding: 10px 7px; border-left: 1px solid var(--rule); }.week-days article:first-child { border-left: 0; }.week-days b { color: var(--muted); font-size: 8px; }.week-days strong { display: block; margin: 3px 0 13px; font-size: 12px; }.week-days p { padding: 7px; border-radius: 6px; font-size: 9px; line-height: 1.25; }.event { background: var(--blue-wash); box-shadow: inset 0 3px var(--blue); }.gold-event { background: var(--gold-wash); box-shadow: inset 0 3px var(--gold); }.coral-event { background: #fff0ef; box-shadow: inset 0 3px var(--coral); }.task-event { color: var(--muted); background: #f5f7f9; }

.intro { padding: 90px 24px 125px; text-align: center; background: var(--sheet); border-top: 1px solid var(--rule); }
.rule-label { display: flex; max-width: 1100px; align-items: center; gap: 18px; margin: 0 auto 38px; color: var(--blue-deep); font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.rule-label span { height: 1px; flex: 1; background: #9bc4f2; }
.intro h2, .spaces h2, .assistant-section h2, .safety h2, .early-access h2, .faq h2 { font-size: clamp(46px, 5.2vw, 78px); }
.intro > p:last-child { max-width: 760px; margin: 30px auto 0; color: var(--muted); font-size: 20px; }

.tool-story { max-width: 1240px; margin: 0 auto; padding: 125px clamp(24px, 5vw, 70px); }
.tool-story article { display: grid; grid-template-columns: .65fr 1fr 1.1fr; gap: clamp(28px, 5vw, 80px); align-items: center; padding: 76px 0; border-top: 1px solid var(--rule); }.tool-story article:last-child { border-bottom: 1px solid var(--rule); }
.chapter { align-self: start; margin-top: 7px; }
.tool-story h2 { font-size: clamp(38px, 4.2vw, 62px); }
.tool-story article > p:not(.chapter) { color: var(--muted); font-size: 18px; }
.paper-list, .mini-flow, .day-strip { min-height: 240px; padding: 26px; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--sheet); box-shadow: 0 16px 40px rgba(27, 57, 88, .08); }
.paper-list > div { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--rule); }.paper-list > div:last-child { border: 0; }.paper-list i { width: 19px; height: 19px; flex: 0 0 auto; border: 1.5px solid #a2afbb; border-radius: 5px; }.paper-list i.done { background: var(--blue); border-color: var(--blue); box-shadow: inset 0 0 0 4px white; }.paper-list span { font-weight: 600; }.paper-list small { display: block; margin-top: 3px; color: var(--muted); font-weight: 400; }.paper-note span::before { content: "▤"; margin-right: 12px; color: var(--gold); }
.mini-flow { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 50px auto 1fr; gap: 12px; align-items: center; }.flow-node { grid-column: 1 / -1; justify-self: center; padding: 11px 15px; border: 2px solid var(--ink); border-radius: 8px; background: white; font-weight: 700; }.mini-flow i { grid-column: 1 / -1; justify-self: center; width: 1px; height: 45px; background: var(--ink); }.blue-node, .gold-node { grid-column: auto; border-color: var(--blue); color: var(--blue-deep); }.gold-node { border-color: var(--gold); color: #7a5600; }.mini-flow small { grid-column: 1 / -1; align-self: end; justify-self: end; color: var(--muted); }
.day-strip { display: grid; grid-template-columns: auto 1fr; gap: 0; align-content: center; }.day-strip b, .day-strip span { padding: 13px 10px; border-bottom: 1px solid var(--rule); }.day-strip b { color: var(--blue-deep); }

.spaces { padding: 130px max(24px, calc((100vw - 1240px) / 2)); display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(50px, 7vw, 110px); align-items: center; background: #eaf4ff; }
.spaces-copy > p:not(.eyebrow) { max-width: 580px; margin: 30px 0; color: #4c6278; font-size: 19px; }.spaces-copy ul { padding: 0; list-style: none; }.spaces-copy li { margin: 13px 0; color: #415970; }.spaces-copy li span { color: var(--green); font-weight: 700; }
.space-diagram { display: grid; grid-template-columns: 1fr 118px 1fr; align-items: center; }
.space-card { min-height: 350px; padding: 34px 28px; border-radius: var(--radius); background: var(--sheet); box-shadow: 0 20px 45px rgba(27, 57, 88, .12); }.space-card h3 { margin: 0 0 28px; font-family: "Young Serif", Georgia, serif; font-size: 34px; font-weight: 400; }.space-card p { margin: 0; padding: 14px 0; border-top: 1px solid var(--rule); color: #4c6278; }.space-kicker { display: block; margin-top: 7px; color: var(--blue-deep); font-family: "DM Sans", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }.ours { transform: translateY(26px); }.ours .space-kicker { color: #8d6500; }
.space-path { position: relative; z-index: 2; text-align: center; color: var(--blue-deep); font-size: 10px; font-weight: 700; }.space-path::before, .space-path::after { content: ""; position: absolute; top: 38px; width: 38px; border-top: 2px dashed var(--blue); }.space-path::before { left: -15px; }.space-path::after { right: -15px; }.space-path img { position: relative; z-index: 2; width: 74px; margin: 0 auto 8px; filter: drop-shadow(0 8px 10px rgba(23, 105, 198, .18)); }

.assistant-section { max-width: 1240px; margin: 0 auto; padding: 150px clamp(24px, 5vw, 70px); display: grid; grid-template-columns: 1.18fr .82fr; gap: clamp(50px, 7vw, 100px); align-items: center; }
.assistant-window { padding: 26px; border: 1px solid var(--rule); border-radius: var(--radius); background: white; box-shadow: var(--shadow); }
.assistant-header { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--rule); }.assistant-header img { width: 32px; }.assistant-header span { color: var(--green); font-size: 11px; font-weight: 700; }
.prompt { max-width: 78%; margin: 28px 0 24px auto; padding: 16px 18px; border-radius: 15px 15px 3px 15px; background: var(--blue); color: white; }
.reply { display: flex; gap: 12px; max-width: 88%; }.reply p { margin: 0; padding: 16px 18px; border-radius: 3px 15px 15px 15px; background: var(--blue-wash); }.tiny-bird { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--paper); }.tiny-bird img { width: 27px; }
.assistant-results { display: flex; gap: 8px; margin: 20px 0 0 46px; flex-wrap: wrap; }.assistant-results span { padding: 7px 10px; border: 1px solid var(--rule); border-radius: 7px; color: var(--muted); font-size: 10px; }
.assistant-copy p:not(.chapter) { color: var(--muted); font-size: 19px; }.assistant-copy .early-note { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--rule); font-size: 13px; }

.safety { padding: 120px max(24px, calc((100vw - 1240px) / 2)); background: var(--ink); color: white; }
.safety .eyebrow { color: #94c7ff; }.safety > div:first-child { display: grid; grid-template-columns: .4fr 1fr; align-items: start; gap: 40px; }.safety h2 { max-width: 920px; }
.safety-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 80px; background: rgba(255,255,255,.22); }.safety-points article { padding: 40px; background: var(--ink); }.safety-points article > span { display: block; color: var(--gold); font-size: 28px; }.safety-points h3 { margin: 18px 0 10px; font-size: 25px; }.safety-points p { margin: 0; color: #b9c8d6; }

.early-access { max-width: 1240px; margin: 130px auto; padding: 80px clamp(26px, 6vw, 85px); display: grid; grid-template-columns: 160px 1fr; gap: 10px 45px; align-items: center; border-radius: 28px; background: #dceeff; box-shadow: inset 0 0 0 1px rgba(47,134,233,.15); }
.cta-bird { grid-row: 1 / 3; }.cta-copy p:not(.eyebrow) { max-width: 680px; color: #466078; font-size: 18px; }.early-access h2 { font-size: clamp(44px, 5vw, 70px); }
.signup-form { grid-column: 2; max-width: 720px; margin-top: 24px; }.signup-form label { display: block; margin-bottom: 8px; font-weight: 700; font-size: 13px; }.signup-row { display: flex; gap: 10px; }.signup-row input[type=email] { min-width: 0; height: 54px; flex: 1; padding: 0 16px; border: 1px solid #abc8e3; border-radius: 12px; background: white; color: var(--ink); }.signup-row input::placeholder { color: #8596a7; }.signup-row .button { white-space: nowrap; }.honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }.form-note, .form-status { margin: 10px 0 0; color: #5c7185; font-size: 12px; }.form-status { min-height: 20px; font-weight: 700; }.form-status[data-state=success] { color: #226641; }.form-status[data-state=error] { color: #9e3333; }

.faq { max-width: 1100px; margin: 0 auto; padding: 60px 24px 140px; }.faq > h2 { max-width: 700px; margin-bottom: 55px; }.faq-list { border-top: 1px solid var(--rule); }.faq details { border-bottom: 1px solid var(--rule); }.faq summary { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 21px; font-weight: 700; list-style: none; }.faq summary::-webkit-details-marker { display: none; }.faq summary::after { content: "+"; color: var(--blue); font-family: "DM Sans", sans-serif; font-size: 28px; font-weight: 400; }.faq details[open] summary::after { content: "−"; }.faq details p { max-width: 770px; margin: -5px 0 28px; color: var(--muted); font-size: 17px; }

footer { padding: 40px max(24px, calc((100vw - 1240px) / 2)); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; border-top: 1px solid var(--rule); background: var(--sheet); }.footer-brand { font-size: 24px; }.footer-brand img { width: 42px; height: 42px; }footer p { color: var(--muted); }footer > div { display: flex; gap: 22px; }footer a { text-underline-offset: 4px; }

.privacy-page { max-width: 820px; margin: 0 auto; padding: 80px 24px 130px; }.privacy-page h1 { margin: 0 0 24px; font-family: "Young Serif", serif; font-weight: 400; font-size: clamp(52px, 7vw, 82px); line-height: 1; }.privacy-page h2 { margin-top: 46px; font-size: 28px; letter-spacing: -.025em; }.privacy-page p, .privacy-page li { color: var(--muted); font-size: 17px; }.privacy-page .updated { color: var(--blue-deep); font-size: 13px; font-weight: 700; }

@keyframes pane-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

@media (max-width: 1080px) {
  .site-header nav a:not(.button) { display: none; }
  .hero { min-height: 0; grid-template-columns: 1fr; padding-top: 55px; }.hero-copy { max-width: 760px; }.hero h1 { font-size: clamp(62px, 10vw, 96px); }.product-scene { max-width: 850px; width: 100%; margin: 0 auto; }
  .tool-story article { grid-template-columns: .45fr 1fr; }.tool-story article > :last-child { grid-column: 2; }
  .spaces { grid-template-columns: 1fr; }.spaces-copy { max-width: 800px; }
  .assistant-section { grid-template-columns: 1fr; }.assistant-copy { grid-row: 1; max-width: 760px; }
}

@media (max-width: 720px) {
  body { font-size: 15px; }
  .site-header { padding: 15px 18px; }.brand { font-size: 25px; }.brand img { width: 40px; height: 40px; }.button-small { min-height: 42px; padding: 0 14px; }nav { gap: 8px; }
  .hero { padding: 32px 18px 64px; gap: 28px; }.hero h1 { font-size: clamp(52px, 14vw, 68px); }.hero-lede { margin: 20px 0; font-size: 18px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button, .hero-actions .text-link { width: 100%; text-align: center; }.hero-notes { display: none; }.product-scene { padding: 25px 0 50px; }.demo-label { right: 0; }.field-note { display: none; }
  .app-shell { grid-template-columns: 74px 1fr; height: 430px; }.demo-rail { padding: 10px 6px; }.demo-brand b, .demo-nav { font-size: 0; }.demo-brand { justify-content: center; }.demo-brand img { width: 29px; }.demo-nav { justify-content: center; min-height: 40px; }.demo-nav span { font-size: 15px; }.demo-settings { overflow: hidden; font-size: 0; text-align: center; }.demo-settings::before { content: "⚙"; font-size: 15px; }.demo-content { padding: 10px 8px; }.demo-topline b { font-size: 10px; }.demo-topline small { font-size: 7px; }.sun { font-size: 16px; }.avatar { width: 25px; height: 25px; }.demo-pane.is-active { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 6px; }.private-sheet { grid-column: 1; }.house-sheet { grid-column: 2; }.mini-sheet { padding: 7px; }.mini-chat { grid-column: 1 / -1; }.mini-calendar, .mini-board { display: none; }.list-sheet { padding: 7px; }.list-sheet li { grid-template-columns: 10px 1fr; padding: 7px 0; }.list-sheet li time { display: none; }.list-sheet li b { font-size: 7px; }.list-sheet li small { font-size: 6px; }.sheet-heading h2 { font-size: 8px; }.sheet-heading button { display: none; }.sheet-heading h2 span { display: block; width: max-content; margin: 2px 0 0; }.demo-chat-pane.is-active { grid-template-columns: 75px 1fr; }.channel-list { font-size: 7px; }.messages { padding: 6px; gap: 10px; }.week-days article { padding: 7px 3px; }.week-days p { padding: 4px; font-size: 6px; }
  .intro { padding: 72px 20px 82px; }.intro h2, .spaces h2, .assistant-section h2, .safety h2, .early-access h2, .faq h2 { font-size: 45px; }.intro > p:last-child { font-size: 17px; }
  .tool-story { padding: 70px 20px; }.tool-story article { grid-template-columns: 1fr; padding: 58px 0; gap: 20px; }.tool-story article > :last-child { grid-column: 1; }.tool-story h2 { font-size: 39px; }.tool-story article > p:not(.chapter) { font-size: 16px; }.paper-list, .mini-flow, .day-strip { min-height: 0; }
  .spaces { padding: 85px 20px; gap: 42px; }.spaces-copy > p:not(.eyebrow) { font-size: 17px; }.space-diagram { grid-template-columns: 1fr; gap: 14px; }.space-card { min-height: 0; padding: 25px 22px; }.space-path { display: flex; align-items: center; justify-content: center; gap: 10px; }.space-path::before, .space-path::after { display: none; }.space-path img { width: 54px; margin: 0; transform: rotate(90deg); }.ours { transform: none; }
  .assistant-section { padding: 90px 20px; }.assistant-window { padding: 17px; }.prompt { max-width: 92%; }.reply { max-width: 100%; }.assistant-results { margin-left: 0; }.assistant-copy p:not(.chapter) { font-size: 17px; }
  .safety { padding: 85px 20px; }.safety > div:first-child { grid-template-columns: 1fr; gap: 10px; }.safety-points { grid-template-columns: 1fr; margin-top: 50px; }.safety-points article { padding: 32px 8px; }
  .early-access { margin: 70px 16px; padding: 48px 22px; grid-template-columns: 1fr; text-align: center; }.cta-bird { grid-row: auto; }.cta-bird img { width: 118px; margin: 0 auto; }.signup-form { grid-column: 1; width: 100%; text-align: left; }.signup-row { flex-direction: column; }.signup-row .button { width: 100%; }
  .faq { padding: 55px 20px 90px; }.faq summary { min-height: 72px; font-size: 19px; }.faq details p { font-size: 15px; }
  footer { grid-template-columns: 1fr; text-align: center; }footer .brand { justify-self: center; }footer > div { justify-content: center; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}