/* Part two: a quiet, screen-recording-style product demonstration. */
[hidden] { display: none !important; }
button,input,textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible { outline: 2px solid var(--acid); outline-offset: 5px; }
.demo-invitation { min-height: 80vh; padding: 12vh 8vw; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.invitation-line { position:absolute; top:0; height:15vh; width:10px; border-inline:1px solid var(--acid); }
.demo-invitation h2 { margin:0 0 16px; font:700 clamp(44px,7vw,104px)/1 "Basement Grotesque",sans-serif; letter-spacing:-.045em; }
.demo-start { color:var(--acid); background:none; border:0; border-bottom:1px solid #496321; padding:14px 0; font-size:clamp(25px,4vw,58px); letter-spacing:-.04em; }
.demo-start span { display:inline-block; margin-left:20px; transition:transform .25s; }.demo-start:hover span { transform:translate(4px,-4px); }
.demo-invitation p { color:#949a95; margin:24px 0 38px; font-size:15px; }.quiet-link { color:#a4aaa5; font-size:14px; text-underline-offset:5px; }
.beta-section { max-width:1250px; margin:auto; padding:150px 7vw 100px; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; scroll-margin-top:30px; }
.beta-v { width:80px; fill:none; stroke:var(--paper); stroke-width:5; stroke-linecap:square; margin-bottom:30px; }.beta-heading h2 { margin:0; font:700 clamp(40px,4.5vw,67px)/1.02 "Basement Grotesque",sans-serif; letter-spacing:-.04em; }.beta-heading h2 span{color:var(--acid)}.beta-heading p { color:#b7bcb8; font-size:19px; line-height:1.5; }
.beta-form label { display:flex; flex-direction:column; gap:10px; font-size:14px; color:#c8cec9; margin-bottom:26px; }.form-pair { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.beta-form input,.beta-form textarea { width:100%; min-width:0; background:#111514; color:#f0f3ef; border:1px solid #39403c; border-radius:3px; padding:14px; font-size:16px; }.beta-form textarea { resize:vertical; min-height:120px; }.beta-form .form-note { color:#89938c; font-size:12px; line-height:1.6; }.beta-submit { width:100%; display:flex; justify-content:space-between; padding:17px 20px; background:var(--paper); color:#111; border:0; border-radius:3px; font-weight:600; }.beta-submit:disabled{opacity:.6;cursor:wait}.form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }#beta-error {color:#ffb4ab;font-size:14px}.beta-success {align-self:center}.beta-success h3{font-size:34px;line-height:1.12;color:var(--acid)}.beta-success p{line-height:1.6;color:#bec6bf}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #252c28;padding:30px 7vw;color:#838c85}.demo-footer>span{letter-spacing:.2em;font-size:13px}.demo-footer small{font-size:11px}.demo-footer button{background:none;border:0;color:#bbc4bd}
body.demo-open { overflow:hidden; }.demo-player { position:fixed; z-index:500; inset:0; background:#050606; display:grid; grid-template-rows:62px minmax(0,1fr) 58px 42px; color:#eceeed; font-family:"Segoe UI",Arial,sans-serif; }
.playback-bar {display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #222625;gap:14px}.playback-brand{font-size:13px;letter-spacing:.18em;font-weight:600;white-space:nowrap}.playback-brand small{color:#78827c;letter-spacing:.09em;margin-left:20px;font-size:10px}.playback-actions{display:flex;align-items:center;gap:10px}.playback-actions button,.playback-bottom button{border:0;background:none;color:#c9cdca;padding:9px;font-size:12px}.playback-actions button[aria-pressed=true]{color:var(--acid)}#demo-close{font-size:25px}.demo-screen{position:relative;overflow:hidden;background:#060808}.demo-workspace{height:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;padding:24px;opacity:0;transition:opacity 1s}.voctral-window,.teams-window{border:1px solid #343c36;border-radius:7px;overflow:hidden;min-width:0;display:flex;flex-direction:column;background:#101412;position:relative;transition:opacity 1.7s}.voctral-window{border-color:#536c35;box-shadow:inset 0 0 0 1px #253519}.app-chrome{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#171c19;padding:0 16px;font-size:11px}.app-chrome strong{letter-spacing:.14em}.app-chrome>span{font-size:10px;color:#aab9a4}.app-chrome i,.canvas-status i{display:inline-block;width:5px;height:5px;background:var(--acid);border-radius:50%;margin-right:6px}.window-dots{color:#919a94!important}.knowledge-events{height:58px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #2b332e}.knowledge-events>span{font-size:8px;letter-spacing:.1em;color:#838e86}.event-track{display:flex;align-items:center;flex:1;max-width:240px}.event-track i{width:6px;height:6px;border:1px solid #667067;border-radius:50%;flex-shrink:0;transition:background .4s}.event-track i.occurred{background:#b8c4ba}.event-track i.active{background:var(--acid);border-color:var(--acid)}.event-track b{height:1px;flex:1;background:#333d36}.knowledge-events small{font-size:9px;color:#91a08f}.canvas-area{position:relative;flex:1;min-height:0;background-image:radial-gradient(#2b352e .6px,transparent .6px);background-size:22px 22px;overflow:hidden}.canvas-heading{position:absolute;top:17px;left:20px;right:18%;display:flex;justify-content:space-between;gap:10px;color:#707f74;font-size:10px}.canvas-heading small{font-size:9px}.canvas-status{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid #28332b;color:#91a28f;font-size:9px}.canvas-status>span:last-child{color:#96aa87}.graph-edges{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#64725e;stroke-width:1;opacity:.65;pointer-events:none}
.context-card{position:absolute;width:26%;padding:16px;border:1px solid #465149;border-radius:5px;background:#191f1b;box-shadow:0 10px 30px #0005;opacity:0;transform:translateY(9px);transition:top .85s cubic-bezier(.22,.7,.2,1),left .85s cubic-bezier(.22,.7,.2,1),width .85s,opacity .6s,transform .85s,border-color .3s;z-index:2;pointer-events:none}.context-card.shown{opacity:1;transform:none}.context-card h3{margin:0 0 10px;font-size:clamp(14px,1.2vw,19px);line-height:1.25;font-weight:600;letter-spacing:-.025em}.context-card p{font-size:clamp(11px,.9vw,14px);line-height:1.5;color:#b5c0b8;margin:0 0 10px}.card-kicker{font-size:8px;letter-spacing:.11em;color:#86978a;margin-bottom:12px;display:flex;justify-content:space-between}.card-kicker span{font-size:8px;letter-spacing:0}.card-source{font-size:8px;color:#889c8c;border-top:1px solid #343f37;padding-top:9px;line-height:1.4}.card-susan{left:24%;top:19%;width:46%}.profile-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.profile-heading img{width:49px;height:49px;border-radius:4px;object-fit:cover}.profile-heading h3{margin-bottom:4px}.profile-heading p{margin:0;font-size:11px}.profile-company{font-weight:600}.pronunciation{padding:10px;background:#242d25;color:#d8e2d7!important}.pronunciation strong{letter-spacing:.09em;color:#e6f8da}.profile-detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .7s,opacity .6s}.card-susan.expanded .profile-detail{max-height:110px;opacity:1}.card-susan.aside{left:3%;top:7%;width:24%;padding:10px;opacity:.7}.card-susan.aside .profile-heading img{width:24px;height:24px}.card-susan.aside h3{font-size:11px}.card-susan.aside .profile-company,.card-susan.aside .pronunciation,.card-susan.aside .card-source,.card-susan.aside .profile-heading p,.card-susan.aside .card-kicker{display:none}.card-susan.aside .profile-heading{margin:0;gap:7px}
.card-traverse{left:30%;top:9%;width:43%}.card-wings{left:3%;top:45%;width:24%}.card-bay{left:30%;top:45%;width:24%}.card-dunes{left:57%;top:45%;width:24%}.dunes-expanded{max-height:0;overflow:hidden;opacity:0;transition:max-height .8s,opacity .6s}.dunes-expanded img{width:100%;height:150px;object-fit:cover;border-radius:3px;margin-bottom:9px}.card-dunes.hovered{border-color:#b5c4b6;transform:translateY(-3px);box-shadow:0 0 0 1px #647160}.card-dunes.expanded{left:30%;top:35%;width:49%;z-index:4;border-color:#acbca6}.card-dunes.expanded .dunes-expanded{max-height:310px;opacity:1}.card-dunes .interest-label{display:none}.card-dunes.expanded .interest-label{display:inline}.topic-tree.dunes-focus .card-bay{left:3%;top:67%;width:24%;opacity:.6}.topic-tree.dunes-focus .card-wings{top:32%;opacity:.55}.card-bay .active-label{display:none}.topic-tree.bay-focus .card-bay{left:27%;top:28%;width:48%;border-color:#83977b}.topic-tree.bay-focus .card-bay .active-label{display:inline}.topic-tree.bay-focus .card-traverse{left:34%;top:7%;width:39%;padding:10px;opacity:.65}.topic-tree.bay-focus .card-traverse p,.topic-tree.bay-focus .card-traverse .card-source{display:none}.topic-tree.bay-focus .card-traverse h3{font-size:12px;margin:0}.topic-tree.bay-focus .card-traverse .card-kicker{margin-bottom:5px}.topic-tree.bay-focus .card-wings{left:3%;top:27%;width:20%;opacity:.38;padding:10px}.topic-tree.bay-focus .card-wings h3{font-size:11px}.topic-tree.bay-focus .card-dunes{left:3%;top:62%;width:20%;padding:10px;opacity:.45}.topic-tree.bay-focus .card-dunes h3{font-size:11px}.card-fishing{left:29%;top:60%;width:45%}.fish-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.fish-list span{font-size:11px;border:1px solid #49564b;padding:5px 7px;border-radius:3px;color:#cbd6ca}.card-fishing.refined #trout-fact{border-color:#9cb28e;color:#e0f5d4}.card-fishing.refined #fish-updated{color:#bcd6a9}.topic-tree{position:absolute;inset:0;transition:transform 1s cubic-bezier(.3,.6,.3,1),opacity .8s}.topic-tree.parked{transform:translate(74%,4%) scale(.07);transform-origin:50% 30%;opacity:0}.parked-area{position:absolute;right:0;top:0;bottom:0;width:16%;border-left:1px solid #29372d;background:#0e1410e8;padding:18px 8px;color:#6f8173;font-size:8px;z-index:6}.parked-area>span{font-size:8px;letter-spacing:.12em}.parked-topic{opacity:0;transform:translateY(8px);padding:12px 7px;margin-top:16px;border:1px solid #53624f;background:#1a241b;border-radius:4px;transition:opacity .7s,transform .7s}.parked-topic.visible{opacity:1;transform:none}.parked-topic strong{display:block;font-size:10px;color:#cbd5c8;line-height:1.4}.parked-topic small{display:block;margin-top:6px;font-size:8px;color:#82947f}#parked-empty{margin-top:22px;font-size:8px}.card-reporting{left:25%;top:15%;width:48%}.card-migration{left:5%;top:55%;width:35%}.card-questions{left:44%;top:55%;width:36%}
.teams-window{background:#202020;border-color:#424242}.teams-chrome{height:42px;flex-shrink:0;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#292929;font-size:11px}.teams-chrome strong{font-weight:500}.meeting-title{padding:16px;font-size:12px;color:#d4d4d4;display:flex;justify-content:space-between}.meeting-title span{color:#929292;font-size:11px}.participant-grid{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:4px 16px 16px}.participant{min-height:0;flex:1;position:relative;display:grid;place-content:center;border:1px solid #404040;border-radius:6px;background:#2c2c2c;transition:border-color .2s,box-shadow .2s}.participant>img{width:clamp(64px,9vw,125px);height:clamp(64px,9vw,125px);border-radius:50%;object-fit:cover;filter:saturate(.68)}.participant>div{position:absolute;left:11px;right:11px;bottom:10px;display:flex;justify-content:space-between;font-size:11px}.participant.active{border-color:#c0c0c0;box-shadow:inset 0 0 0 1px #8e8e8e}.speaker-bars{visibility:hidden;font-size:13px;font-style:normal}.participant.active .speaker-bars{visibility:visible}.participant-susan{display:none}.susan-joined .participant-susan{display:grid}.susan-joined .participant>img{width:clamp(52px,6.5vw,95px);height:clamp(52px,6.5vw,95px)}.teams-toolbar{height:58px;display:flex;align-items:center;justify-content:center;gap:24px;background:#292929}.teams-toolbar>span{font-size:18px;display:flex;flex-direction:column;align-items:center;gap:5px}.teams-toolbar small{font-size:8px;color:#bfbfbf}.teams-toolbar .leave-call{background:#873a3a;padding:5px 14px;border-radius:5px}.join-toast{position:absolute;top:80px;left:12px;right:12px;background:#3a3a3a;border:1px solid #666;padding:12px;border-radius:5px;font-size:11px;opacity:0;transform:translateY(-10px);transition:.5s;z-index:8}.join-toast.visible{opacity:1;transform:none}
.incoming-call{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:410px;max-width:90%;padding:28px;background:#242424;border:1px solid #555;border-radius:9px;text-align:center;opacity:0;transition:opacity .6s;box-shadow:0 25px 80px #000}.teams-word{font-size:12px;display:block;text-align:left;margin-bottom:28px}.incoming-call>img{height:100px;width:100px;border-radius:50%;object-fit:cover}.incoming-call h3{font-size:23px;margin:20px 0 8px}.incoming-call p{font-size:12px;color:#aaa}.call-choices{display:flex;justify-content:center;gap:12px;margin-top:28px;font-size:13px}.call-choices span{padding:12px 18px;border-radius:4px}.decline-call{background:#404040}.accept-call{background:#dedede;color:#111}.demo-pointer{position:absolute;z-index:30;left:0;top:0;opacity:0;pointer-events:none;transition:transform .95s cubic-bezier(.3,.65,.2,1),opacity .3s}.demo-pointer svg{width:23px;height:29px;fill:#fafafa;stroke:#151515;stroke-width:1.7;filter:drop-shadow(1px 2px 3px #000)}.demo-pointer i{position:absolute;left:-10px;top:-10px;width:30px;height:30px;border:1px solid #fff;border-radius:50%;opacity:0}.demo-pointer.click i{animation:pointer-click .5s ease-out}@keyframes pointer-click{from{transform:scale(.3);opacity:.8}to{transform:scale(1.2);opacity:0}}
.demo-caption {display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 24px;font-size:clamp(13px,1.2vw,18px);line-height:1.35;background:#050606;color:#f1f1f1}.demo-caption strong{color:#a7b99d;margin-right:10px;font-size:.8em}.playback-bottom{display:flex;align-items:center;gap:16px;padding:0 26px;color:#8d9690;font-size:11px}.playback-bottom progress{flex:1;height:2px;border:0;background:#303733;accent-color:#b3c4a9}.playback-bottom progress::-webkit-progress-bar{background:#303733}.playback-bottom progress::-webkit-progress-value{background:#b3c4a9}.closing-copy{position:absolute;inset:0;display:grid;place-content:center;padding:10%;font:700 clamp(28px,4vw,66px)/1.1 "Basement Grotesque",sans-serif;text-align:center;opacity:0;transition:opacity .9s;pointer-events:none}.closing-copy.visible{opacity:1}.demo-ending{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none}.ending-v{width:150px;height:130px;fill:none;stroke:#edf3e8;stroke-width:4}.ending-v path{opacity:0;transform:translateY(40px)}.ending-v path:nth-child(even){transform:translateY(-40px)}.demo-ending.assemble{opacity:1}.demo-ending.assemble path{animation:v-return 1.5s cubic-bezier(.2,.7,.2,1) forwards}.demo-ending.assemble path:nth-child(2){animation-delay:.15s}.demo-ending.assemble path:nth-child(3){animation-delay:.3s}.demo-ending.assemble path:nth-child(4){animation-delay:.45s}@keyframes v-return{to{opacity:1;transform:none}}.demo-ending strong{font-size:32px;letter-spacing:.2em;margin-top:20px}.demo-ending p{color:var(--acid);font-size:24px}.demo-player.is-paused *{animation-play-state:paused!important}.demo-player #demo-error{position:absolute;inset:auto 20px 80px;background:#322222;padding:20px;text-align:center;z-index:40;font-size:14px}
@media(max-width:900px){.playback-brand small{display:none}.demo-workspace{padding:10px;gap:8px}.context-card{padding:11px}.knowledge-events small{display:none}.card-kicker{font-size:7px;gap:5px}.profile-heading{gap:7px}.profile-heading img{width:35px;height:35px}.canvas-heading small{display:none}.beta-section{gap:40px;padding-inline:6vw}.context-card p{font-size:11px}}
@media(max-width:650px){.beta-section{grid-template-columns:1fr;padding:80px 7vw;gap:30px}.form-pair{grid-template-columns:1fr;gap:0}.demo-footer{flex-wrap:wrap}.demo-footer small{order:3;flex-basis:100%}.demo-player{grid-template-rows:48px minmax(0,1fr) 62px 34px}.playback-bar{padding:0 8px;gap:4px}.playback-brand{font-size:10px}.playback-actions{gap:0}.playback-actions button{font-size:10px;padding:8px 6px}#demo-skip{font-size:0}#demo-skip::after{content:'Signup ↗';font-size:10px}.demo-workspace{display:flex;flex-direction:column;padding:6px;gap:7px}.teams-window{order:0;height:142px;flex-shrink:0}.voctral-window{order:1;flex:1;min-height:0}.teams-chrome{height:25px;font-size:10px;padding:0 9px}.meeting-title{position:absolute;right:8px;top:7px;padding:0;font-size:0}.meeting-title span{font-size:8px}.participant-grid{flex-direction:row;padding:6px;gap:5px}.participant>img,.susan-joined .participant>img{width:43px;height:43px}.participant>div{bottom:4px;left:5px;right:5px;font-size:8px}.teams-toolbar{height:20px;gap:25px}.teams-toolbar>span{font-size:11px}.teams-toolbar small{display:none}.teams-toolbar .leave-call{padding:0 12px}.join-toast{top:28px;font-size:10px;padding:6px}.app-chrome{height:28px;font-size:9px;padding:0 9px}.app-chrome>span{font-size:8px}.knowledge-events{height:30px;padding:0 8px;gap:10px}.knowledge-events>span{font-size:6px}.canvas-heading{top:8px;left:10px;font-size:8px}.canvas-status{height:24px;font-size:7px;padding:0 7px}.context-card{padding:9px;border-radius:4px}.context-card h3{font-size:12px;line-height:1.2;margin-bottom:7px}.context-card p{font-size:10px;line-height:1.4;margin-bottom:7px}.card-kicker{font-size:6px;margin-bottom:7px}.card-kicker span{font-size:6px}.card-source{font-size:6px;padding-top:6px}.card-susan{left:5%;top:16%;width:74%}.card-susan.aside{left:3%;top:6%;width:31%;padding:5px}.card-susan.aside h3{font-size:8px}.card-susan.aside .profile-heading img{width:19px;height:19px}.profile-heading img{width:40px;height:40px}.profile-heading h3{font-size:15px}.card-traverse{left:37%;top:6%;width:44%}.card-traverse h3{font-size:11px}.card-traverse p{font-size:9px}.card-wings{left:3%;top:36%;width:36%}.card-bay{left:42%;top:36%;width:38%}.card-dunes{left:13%;top:68%;width:59%}.card-dunes.expanded{left:5%;top:32%;width:75%}.dunes-expanded img{height:100px;margin-bottom:6px}.topic-tree.dunes-focus .card-bay{opacity:0}.topic-tree.dunes-focus .card-wings{opacity:0}.topic-tree.bay-focus .card-traverse{left:36%;top:5%;width:45%;padding:6px}.topic-tree.bay-focus .card-traverse h3{font-size:10px}.topic-tree.bay-focus .card-bay{left:20%;top:24%;width:60%}.topic-tree.bay-focus .card-wings{left:2%;top:25%;width:16%;padding:4px;opacity:.35}.topic-tree.bay-focus .card-wings h3{font-size:7px}.topic-tree.bay-focus .card-wings p,.topic-tree.bay-focus .card-wings .card-source,.topic-tree.bay-focus .card-wings .card-kicker{display:none}.topic-tree.bay-focus .card-dunes{left:2%;top:58%;width:16%;padding:4px;opacity:.4}.topic-tree.bay-focus .card-dunes h3{font-size:7px}.topic-tree.bay-focus .card-dunes .card-source,.topic-tree.bay-focus .card-dunes .card-kicker{display:none}.card-fishing{left:21%;top:56%;width:59%}.fish-list{gap:4px;margin:6px 0}.fish-list span{font-size:9px;padding:3px}.parked-area{padding:9px 4px}.parked-area>span{font-size:6px}.parked-topic{padding:8px 3px}.parked-topic strong{font-size:8px}.parked-topic small{font-size:6px}#parked-empty{font-size:6px}.card-reporting{left:10%;top:14%;width:67%}.card-migration{left:3%;top:53%;width:37%}.card-questions{left:43%;top:53%;width:37%}.card-migration h3,.card-questions h3{font-size:11px}.card-migration p,.card-questions p{font-size:9px}.demo-caption{font-size:12px;padding:4px 12px}.playback-bottom{padding:0 12px;gap:10px;font-size:9px}.demo-pointer svg{width:17px;height:22px}}
@media(prefers-reduced-motion:reduce){.context-card,.topic-tree,.demo-pointer{transition-duration:.01ms!important}.ending-v path{opacity:1;transform:none}}

.teams-toolbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.teams-chrome>span{letter-spacing:2px}@media(max-width:650px){.teams-toolbar svg{width:12px;height:12px}.teams-chrome>span{display:none}}
@media(max-width:650px) and (max-height:740px){
 .demo-player{grid-template-rows:44px minmax(0,1fr) 48px 30px}
 .teams-window{height:110px}.teams-chrome{height:22px}.teams-toolbar{height:17px}
 .participant>img,.susan-joined .participant>img{width:32px;height:32px}
 .app-chrome{height:26px}.knowledge-events{height:24px}.canvas-status{height:20px}
 .dunes-expanded img{height:80px}
}
@media(max-height:540px){.demo-screen{overflow:auto}.demo-workspace{min-height:590px}}
.topic-tree.dunes-focus .card-traverse p,.topic-tree.dunes-focus .card-traverse .card-source{display:none}
/* Expanded conversation: anchored tree, local priority changes, readable memory. */
.technical-card{left:4%;top:28%;width:74%;transition:top .65s,left .65s,width .65s,opacity .25s,transform .35s;background:#1a1d1b;padding:20px}
.technical-card h3{font-size:20px;line-height:1.22;margin-bottom:12px}
.technical-card ul,.technical-card ol{padding-left:18px;margin:12px 0;color:#d0d5d1;font-size:15px;line-height:1.65}
.technical-card p{font-size:16px;line-height:1.45}
.technical-card .card-kicker{font-size:9px;margin-bottom:10px}
.technical-card .card-source{font-size:10px}
.technical-card.compact{width:35%;padding:12px 14px;background:#151a17}
.technical-card.compact h3{font-size:14px;margin:0}
.technical-card.compact .technical-detail{display:none}
.technical-card.compact .card-kicker{font-size:8px;margin-bottom:6px}
#card-reporting{left:4%;top:9%;width:74%;padding:14px 18px;border-color:#708264}
#card-reporting h3{font-size:18px;margin:0}#card-reporting .technical-detail{display:none}
.answer-no{display:block;font-size:70px;line-height:1;margin:0 0 15px;letter-spacing:-.05em}
.security-answer{display:block;font-size:29px;line-height:1.12;margin-bottom:18px;letter-spacing:-.02em}
.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-columns>div+div{border-left:1px solid #465047;padding-left:20px}.comparison-columns h4{font-size:11px;letter-spacing:.1em;margin:8px 0}.comparison-columns ul{padding-left:15px;font-size:14px}
.technical-card .recommendation{border-top:1px solid #485248;padding-top:12px;font-size:14px;margin-bottom:0}
.technical-card.answer-focus{border-color:#b2bdaf;box-shadow:0 12px 45px #0008}
.research-status{position:absolute;left:5%;top:23%;font-size:11px;color:#acb6ad;opacity:0;transition:opacity .2s}.research-status.shown{opacity:1}
.answer-reason,.answer-no~ul,.answer-no~.card-source{transition:opacity .2s}.answer-first .answer-reason,.answer-first ul,.answer-first .card-source{opacity:0}.answer-reason-only ul,.answer-reason-only .card-source{opacity:0}.answer-facts .card-source{opacity:0}
.technical-card ol li{margin-bottom:10px;transition:opacity .2s}.technical-card ol li.pending{opacity:0}
.demo-workspace{transition:opacity .7s,grid-template-columns .8s}.demo-workspace.emphasis{grid-template-columns:minmax(0,2.15fr) minmax(0,.85fr)}
.topic-tree.gathering .context-card:not(.card-traverse){left:34%;top:9%;width:36%;transform:scale(.85);opacity:0}.topic-tree.gathering .card-traverse{z-index:4}
.context-card.shown{transition-timing-function:cubic-bezier(.22,.7,.2,1)}
@media(max-width:900px){.technical-card{padding:15px}.technical-card h3{font-size:17px}.technical-card p,.technical-card ul,.technical-card ol{font-size:13px}.technical-card.compact h3{font-size:12px}.answer-no{font-size:52px}.security-answer{font-size:24px}}
@media(max-width:650px){.demo-workspace.emphasis{grid-template-columns:1fr}.technical-card{left:3%;width:78%;top:27%;padding:13px}.technical-card h3{font-size:16px}.technical-card p,.technical-card ul,.technical-card ol{font-size:12px;line-height:1.5}.technical-card.compact{padding:8px;width:37%}.technical-card.compact h3{font-size:11px}.technical-card.compact .card-kicker{font-size:6px;letter-spacing:.02em}#card-reporting{left:3%;top:9%;width:78%;padding:10px}#card-reporting h3{font-size:15px}.answer-no{font-size:47px;margin-bottom:10px}.security-answer{font-size:22px}.comparison-columns{gap:10px}.comparison-columns>div+div{padding-left:10px}.comparison-columns h4{font-size:9px}.comparison-columns ul{font-size:11px;padding-left:10px}.technical-card .recommendation{font-size:11px}.technical-card .card-source{font-size:9px}.technical-card ol li{margin-bottom:8px}}
@media(max-width:650px) and (max-height:740px){.technical-card{top:26%;padding:10px}.technical-card h3{font-size:14px;margin-bottom:8px}.technical-card ul,.technical-card ol,.technical-card p{font-size:11px;line-height:1.4;margin-top:7px;margin-bottom:7px}.technical-card .card-kicker{font-size:7px;margin-bottom:6px}.answer-no{font-size:36px;margin-bottom:6px}.security-answer{font-size:18px;margin-bottom:8px}.technical-card.compact h3{font-size:10px}.technical-card.compact{padding:7px}.technical-card .card-source{padding-top:6px;font-size:8px}.comparison-columns ul{font-size:10px}#card-reporting h3{font-size:13px}}
#card-watch.compact .technical-detail{display:block}#card-watch.compact p{font-size:11px;margin:7px 0 0;line-height:1.4}.answer-first h3{opacity:0}
@media(max-width:650px){#card-watch.compact p{font-size:9px}}
@media(max-width:650px) and (max-height:740px){.topic-tree:not(.dunes-focus):not(.bay-focus) .card-dunes{top:76%}}
.teams-window{transition:opacity 1.7s,transform .8s cubic-bezier(.22,.7,.2,1)}
@media(min-width:651px){.demo-workspace.joining .teams-window{transform:translateX(-55%) scale(.96)}}
/* One continuous signal arrives before the invitation can appear. */
.demo-invitation h2{opacity:0;transform:translateY(24px);transition:opacity .3s,transform .5s}
.demo-invitation.signal-arrived h2{opacity:1;transform:none}
.demo-invitation .demo-start{position:relative;border-bottom:0;visibility:hidden}
.demo-invitation.invitation-assembled .demo-start{visibility:visible}
.demo-start .assemble-mask{display:inline-block;overflow:clip;vertical-align:bottom;margin:0}
.demo-start .assemble-piece{display:inline-block;margin:0;opacity:0;transform:translate(-110%,35%);transition:transform .85s cubic-bezier(.2,.78,.18,1),opacity .5s}
.demo-start .assemble-mask:nth-child(2) .assemble-piece{transform:translate(110%,-35%);transition-delay:.1s}
.invitation-assembled .demo-start .assemble-piece{opacity:1;transform:none}
.demo-start .assemble-arrow{opacity:0;transform:translate(-18px,18px);transition:opacity .3s .7s,transform .5s .7s}
.invitation-assembled .assemble-arrow{opacity:1;transform:none}
.demo-start::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#496321;transform:scaleX(0);transform-origin:left;transition:transform .65s .8s}
.invitation-assembled .demo-start::after{transform:scaleX(1)}
.demo-start:hover .assemble-piece{transform:none}
.invitation-assembled .demo-start:hover .assemble-arrow{transform:translate(4px,-4px);transition-delay:0s}
.demo-invitation>p,.demo-invitation>.quiet-link{opacity:0;transition:opacity .5s 1s}
.invitation-assembled>p,.invitation-assembled>.quiet-link{opacity:1}
@media(prefers-reduced-motion:reduce){.demo-invitation h2,.demo-invitation>p,.demo-invitation>.quiet-link{opacity:1;transform:none}.demo-invitation .demo-start{visibility:visible}.demo-start .assemble-piece,.demo-start .assemble-mask:nth-child(2) .assemble-piece,.demo-start .assemble-arrow{opacity:1;transform:none}.demo-start::after{transform:scaleX(1)}}
.demo-start:hover .assemble-mask{transform:none}
.invitation-assembled .demo-start .assemble-mask:nth-child(2) .assemble-piece{transform:none;opacity:1}
.beta-entry #brand-intro,.beta-entry .scroll-story,.beta-entry .demo-invitation{display:none}
.beta-entry body{overflow:auto}
.still-confused{display:inline-flex;align-items:center;gap:22px;color:var(--acid);font-size:clamp(23px,2.4vw,34px);text-decoration:none;border-bottom:1px solid #496321;padding:15px 0;margin-top:15px;letter-spacing:-.035em}
.still-confused span{transition:transform .25s}.still-confused:hover span{transform:translate(4px,-4px)}
