.landing{--landing-gutter:32px;--landing-width:1100px}.site-header,.site-footer,.meeting-scene,.meeting-flow{width:calc(100% - 2 * var(--landing-gutter));max-width:var(--landing-width);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:120px;display:flex}.site-header nav{align-items:center;gap:var(--space-5);display:flex}.sketch-nav-link{flex-direction:column;justify-content:flex-end;align-items:center;width:96px;min-height:80px;font-size:12px;display:flex;position:relative}.sketch-nav-link>.sketch-illustration{width:76px;height:57px;margin-bottom:-16px;transform:rotate(-7deg)}.sketch-nav-link:nth-child(2)>.sketch-illustration{transform:rotate(7deg)}.sketch-nav-link>span{background:var(--canvas);min-height:32px;box-shadow:var(--shadow-card);white-space:nowrap;border-radius:999px;place-items:center;padding:6px 12px;transition:background-color .12s ease-out;display:grid;position:relative}.sketch-nav-link--cta>span{background:var(--yellow);color:var(--ink);font-weight:550}.meeting-hero{text-align:center;max-width:820px;margin-inline:auto;padding:20px 24px 32px}.hero-context{align-items:center;gap:var(--space-2);color:var(--muted);font-size:12px;display:inline-flex}.meeting-hero h1{font-family:var(--font-display);letter-spacing:-.055em;margin-top:20px;font-size:clamp(44px,5.6vw,72px);font-weight:400;line-height:1.04}.hero-title-line{white-space:nowrap;justify-content:center;align-items:baseline;display:inline-flex}.hero-typewriter{text-align:left;display:inline-block}.hero-typewriter-text:after{content:"";vertical-align:-.035em;background:currentColor;width:.035em;height:.78em;margin-left:.055em;display:inline-block}@media (prefers-reduced-motion:no-preference){.hero-typewriter-text:after{animation:.7s step-end infinite hero-typewriter-caret}}@keyframes hero-typewriter-caret{50%{opacity:0}}.meeting-hero-description{max-width:500px;color:var(--muted);margin:20px auto;font-size:16px;line-height:1.65}.hero-action{border-radius:999px;min-height:44px;padding-inline:24px}.hero-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.meeting-scene{scroll-margin-top:24px}.meeting-scene-stage{isolation:isolate;aspect-ratio:1100/580;border-radius:var(--radius-feature);background:var(--scene-surface);position:relative;overflow:hidden}.desk-backdrop{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.scene-call{z-index:2;width:29%;position:absolute;top:17%;left:6%;transform:rotate(-5deg)}.scene-portraits{gap:var(--space-2);padding:var(--space-3) var(--space-3) 0;grid-template-columns:1fr 1fr;display:grid}.scene-person{background:var(--blue-soft);border-radius:8px;position:relative;overflow:hidden}.scene-person--alex{background:var(--pink-soft)}.scene-person>.participant-portrait{object-fit:cover;height:104px}.scene-person>span{background:var(--canvas);border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;bottom:6px;left:7px}.scene-conversation{gap:var(--space-3);padding:var(--space-4);display:grid}.scene-message{max-width:94%}.scene-message>span{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.scene-message p{background:var(--paper);border-radius:12px 12px 12px 2px;padding:9px 12px;font-size:12px;line-height:1.55}.scene-message--alex{justify-self:end}.scene-message--alex>span{text-align:right}.scene-message--alex p{background:var(--yellow-soft);border-radius:12px 12px 2px}.scene-board{z-index:3;width:55%;position:absolute;top:13%;left:39%;transform:rotate(3deg)}.scene-connector{z-index:4;width:180px;position:absolute;top:5%;left:28%}.scene-connector>span{font-family:var(--font-drawn);margin-left:23px;font-size:25px;display:block;transform:rotate(7deg)}.scene-connector>svg{width:100%;margin-top:-10px;display:block}.scene-paper-label{font-family:var(--font-drawn);font-size:27px;position:absolute;bottom:3%;left:43%;transform:rotate(-3deg)}.scene-paper-label>svg{width:110px;position:absolute;top:-27px;right:-95px;transform:rotate(-35deg)}.meeting-flow{margin-block:72px;scroll-margin-top:32px}.meeting-flow-heading{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.meeting-flow-heading h2{font-family:var(--font-display);letter-spacing:-.045em;font-size:40px;font-weight:400}.meeting-flow-heading>span{font-family:var(--font-drawn);color:var(--muted);font-size:24px;transform:rotate(-3deg)}.meeting-flow-grid{gap:var(--space-5);grid-template-columns:1.12fr 1fr;display:grid}.illustrated-step{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-5);border-radius:var(--radius-dialog);background:var(--canvas);box-shadow:var(--shadow-card);grid-template-columns:168px 1fr;display:grid}.illustrated-step:first-child{gap:var(--space-5);padding:var(--space-6);grid-row:span 2;grid-template-columns:1fr}.illustrated-step-art{place-items:center;min-width:0;display:grid}.illustrated-step-art>.sketch-illustration{max-width:190px}.illustrated-step:first-child .illustrated-step-art{background:var(--scene-surface);border-radius:16px;padding:24px 16px}.illustrated-step:first-child .sketch-illustration{max-width:248px}.step-index{font-family:var(--font-mono);color:var(--muted);font-size:11px}.illustrated-step h3{letter-spacing:-.03em;margin-top:10px;font-size:22px;font-weight:500}.illustrated-step p{color:var(--muted);max-width:330px;margin-top:10px;font-size:13px;line-height:1.65}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-5);border-top:1px solid var(--line);min-height:88px;color:var(--muted);font-size:12px;display:flex}.site-footer>span:first-child{color:var(--ink);font-weight:550}.site-footer>a{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}@media (hover:hover){.sketch-nav-link:hover>span{background:var(--yellow-soft)}.sketch-nav-link--cta:hover>span{background:var(--action-hover)}.site-footer>a:hover{text-underline-offset:4px;text-decoration:underline}}@media (width<=1000px){.scene-call{width:31%;top:14%;left:5%}.scene-portraits{padding:8px 8px 0}.scene-person>.participant-portrait{height:76px}.scene-conversation{gap:10px;padding:12px}.scene-message p{padding:8px 10px;font-size:11px}.scene-board{width:56%;left:39%}.scene-paper-label{font-size:24px;bottom:2%}.scene-connector{width:140px;top:4%}.illustrated-step{grid-template-columns:120px 1fr;gap:12px;padding:20px}.illustrated-step h3{font-size:20px}}@media (width<=900px){.meeting-scene-stage{align-items:center;gap:var(--space-5);aspect-ratio:auto;grid-template-columns:.95fr 1.05fr;padding:40px 28px 48px;display:grid}.scene-call,.scene-board{width:100%;position:relative;inset:auto}.scene-call{transform:rotate(-2deg)}.scene-board{transform:rotate(2deg)}.scene-connector,.scene-paper-label{display:none}.scene-person>.participant-portrait{height:90px}.scene-message p{font-size:12px}}@media (width<=760px){.landing{--landing-gutter:24px}.site-header{min-height:104px}.site-header nav{gap:12px}.meeting-hero{padding-top:16px}.meeting-flow{margin-block:48px}.meeting-flow-grid{gap:16px}.illustrated-step{grid-template-columns:1fr;gap:8px}.illustrated-step:first-child{padding:24px}.illustrated-step:not(:first-child) .sketch-illustration{max-width:130px}.illustrated-step p{font-size:12px}.meeting-flow-heading h2{font-size:34px}.meeting-flow-heading>span{font-size:21px}.site-footer>span:nth-child(2){display:none}}@media (width<=640px){.meeting-scene-stage{border-radius:var(--radius-dialog);grid-template-columns:1fr;gap:20px;padding:24px 20px}.scene-call,.scene-board{transform:none}.scene-person>.participant-portrait{height:110px}.scene-conversation{gap:12px;padding:16px}.meeting-flow-grid{grid-template-columns:1fr}.illustrated-step:first-child{grid-row:auto;grid-template-columns:120px 1fr;gap:20px;padding:20px}.illustrated-step:first-child .illustrated-step-art{background:0 0;padding:0}.illustrated-step:not(:first-child){grid-template-columns:120px 1fr;gap:20px}.illustrated-step h3{font-size:19px}.illustrated-step p{margin-top:8px;font-size:12px}.illustrated-step .sketch-illustration{max-width:120px}}@media (width<=480px){.landing{--landing-gutter:16px}.site-header{gap:8px;min-height:88px}.site-header nav{gap:4px}.site-header .brand-name{font-size:16px}.sketch-nav-link{width:76px;min-height:64px;font-size:12px}.sketch-nav-link>.sketch-illustration{width:58px;height:43px;margin-bottom:-12px}.sketch-nav-link>span{min-height:28px;padding:5px 8px}.meeting-hero{padding:16px 16px 28px}.meeting-hero h1{margin-top:18px;font-size:43px}.meeting-hero-description{margin-block:18px;font-size:14px}.desktop-break{display:none}.hero-actions{gap:var(--space-2)}.hero-action{padding-inline:var(--space-4)}.meeting-scene-stage{padding:20px 16px}.scene-person>.participant-portrait{height:100px}.scene-message p{font-size:12px}.scene-conversation{padding:12px}.meeting-flow{margin-block:40px}.meeting-flow-heading{margin-bottom:20px}.meeting-flow-heading h2{font-size:32px}.meeting-flow-heading>span{display:none}.illustrated-step,.illustrated-step:first-child,.illustrated-step:not(:first-child){grid-template-columns:92px 1fr;gap:16px;padding:16px}.illustrated-step h3{margin-top:6px;font-size:17px}.illustrated-step p{margin-top:6px;font-size:12px}.site-footer{gap:12px;font-size:11px}}@media (width<=360px){.site-header .brand-name{font-size:15px}.meeting-hero h1{font-size:38px}}@media (prefers-reduced-motion:no-preference){.meeting-scene[data-scene-entered] .scene-message{animation:.25s cubic-bezier(0,0,.2,1) both scene-message-in}.meeting-scene[data-scene-entered] .scene-message--alex{animation-delay:.35s}.meeting-scene[data-scene-entered] .illustrated-board-cursor{animation:.5s cubic-bezier(.4,0,.2,1) 1.8s both scene-cursor-settle}}@keyframes scene-message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-cursor-settle{0%{opacity:0;transform:translate(-24px,-12px)}30%{opacity:1}to{opacity:1;transform:translate(0)}}