.mockup-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4vw;background:#1c2132;border-bottom:1px solid #c4a1f355;font:10px Manrope,sans-serif;color:#c3b1dc}.mockup-bar>span{font-size:8px;letter-spacing:1.5px;white-space:nowrap}.mockup-bar nav{display:flex;gap:23px}.mockup-bar a{padding:5px 0;color:#ece5f8}.mockup-bar a:hover{color:#d9ff65}.context-teaser{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:75px 6vw 65px;align-items:center;background:#0c1220;border-block:1px solid #ffffff13;overflow:hidden}.teaser-copy{max-width:490px}.teaser-copy .eyebrow{font-size:9px;color:#b79ce8}.teaser-copy h2{font-size:clamp(32px,3.4vw,51px);line-height:1.13;letter-spacing:-2px;font-weight:600;margin:25px 0}.teaser-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#b99be9}.teaser-copy>p{font-size:13px;line-height:1.9;color:#b0aec3;max-width:420px}.teaser-copy>a{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:12px;color:#d9ff65;border-bottom:1px solid #d9ff6555;padding:15px 0;margin-top:12px}.teaser-stage{position:relative;aspect-ratio:540/310;perspective:1000px;max-width:600px}.teaser-window{position:absolute;left:4%;top:8%;width:72%;height:78%;background:#1b2437;border:1px solid #b29ad95c;border-radius:9px;padding:11px;transform:rotateY(-9deg) rotateZ(-3deg);box-shadow:-5px 5px 0 #2b3044,0 28px 40px #0008}.teaser-window-top{height:22px;display:flex;justify-content:space-between;align-items:start;color:#a2a9c1;font-size:6px}.teaser-window-top strong{font-size:15px;letter-spacing:-1px;color:#f3eefb}.teaser-window-top strong span{color:#b99be9}.teaser-art{position:relative;height:calc(100% - 22px);border-radius:4px;background:linear-gradient(90deg,#14122855,#14122811),url('assets/hero-desktop.webp') center/cover}.teaser-logo{position:absolute;top:14%;left:10%;border:1px solid #c2a2f5;border-radius:3px;padding:9px 11px;color:#f5eee4;font:clamp(16px,2vw,27px) Georgia,serif}.teaser-pin{position:absolute;right:-7px;top:-7px;width:16px;height:16px;border-radius:50%;background:#c5a1f6;color:#171828;display:grid;place-items:center;font:8px Manrope,sans-serif}.teaser-art-caption{position:absolute;left:10%;bottom:14%;font-size:10px;letter-spacing:2px;color:#f5eee4}.teaser-comment{position:absolute;width:47%;top:45%;right:1%;background:linear-gradient(140deg,#2b3449,#182538);border:1px solid #b998ed99;border-radius:8px;box-shadow:0 15px 30px #0007;padding:15px;transform:rotateZ(2deg)}.teaser-person{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c6a1f5;color:#201530;font-size:9px;margin-right:8px}.teaser-comment>span:not(.teaser-person){font-size:8px;color:#bba6dd}.teaser-comment>p{font-size:12px;line-height:1.5;margin:13px 0}.teaser-comment .teaser-context{display:block;border-top:1px solid #ffffff15;padding-top:10px;font-size:9px!important;color:#d2b4fa!important}.teaser-line{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.teaser-caption{position:absolute;bottom:0;right:0;font-size:6px;letter-spacing:1.4px;color:#a190bf}.learning-showcase{background:#0a101b;isolation:isolate;position:relative;padding:80px 5vw;overflow:hidden}.learning-showcase:before{content:'';position:absolute;inset:25% -15% 0 10%;z-index:-1;background:radial-gradient(ellipse at 55% 40%,#6d4ba41c,transparent 65%);pointer-events:none}.learning-heading{text-align:center;margin-bottom:60px}.learning-heading .eyebrow{font-size:9px;color:#bda1ef}.learning-heading h2{font-size:clamp(38px,4.8vw,71px);letter-spacing:-3px;line-height:1.08;font-weight:600;margin:25px 0}.learning-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#b99be9}.learning-heading>p{font-size:13px;line-height:1.9;color:#b1adc3}.learning-composition{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center;perspective:1500px}.type-stage{position:relative;padding:15px 0 90px}.type-window{border:1px solid #a48bc360;border-radius:13px;background:linear-gradient(145deg,#263044,#101b2b);padding:20px;box-shadow:-6px 8px 0 #292b42,-8px 10px 0 #544e6b66,0 35px 60px #0008;transform:rotateY(7deg) rotateX(4deg) rotateZ(-1.5deg)}.type-window-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#8f9bb5;font-size:7px;letter-spacing:1px}.type-window-bar strong{font-size:21px;letter-spacing:-1px;color:#f5effb;font-weight:600}.type-window-bar strong>span{font-size:13px;color:#c6a3f6;vertical-align:top}.type-window-bar small{font-size:6px;letter-spacing:1.4px;font-weight:400;margin-left:12px;color:#b8abc9}.type-controls{display:flex;gap:10px;margin-bottom:15px}.type-controls button{background:transparent;border:1px solid #a38bc54a;padding:9px 14px;border-radius:5px;color:#bda9da;font:11px Manrope,sans-serif;cursor:pointer;min-height:38px}.type-controls button[aria-pressed=true]{background:#c5a2f3;color:#20162c;border-color:#c5a2f3}.type-art{height:330px;border-radius:7px;background:radial-gradient(ellipse at top,#fcf8ef,#e9decb);color:#151b22;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.type-art-kicker{position:absolute;top:25px;left:20px;right:20px;text-align:center;font-size:7px;letter-spacing:1.5px;color:#746c64}.type-letters{display:flex;align-items:center;justify-content:center;font:170px/.9 Georgia,serif;letter-spacing:-14px;margin-right:14px;padding-bottom:30px}.type-letters>span{display:inline-block;transition:transform 1.3s cubic-bezier(.23,.7,.25,1)}.type-letters>span+span{transform:translateX(25px)}.type-art[data-mode=adjusted] .type-letters>span+span{transform:translateX(-6px)}.type-word{font:61px/1 Georgia,serif;letter-spacing:9px;transition:letter-spacing 1.3s cubic-bezier(.23,.7,.25,1);padding-bottom:30px;padding-left:9px}.type-art[data-mode=adjusted] .type-word{letter-spacing:2px;padding-left:2px}.type-gap{position:absolute;bottom:68px;display:flex;flex-direction:column;align-items:center;gap:12px}.type-gap i{display:block;height:10px;width:60px;border:1px solid #a36ae4;border-top:0;transition:width 1.3s cubic-bezier(.23,.7,.25,1)}.type-art[data-mode=adjusted] .type-gap i{width:29px}.type-art[data-term=tracking] .type-gap i{width:240px}.type-art[data-term=tracking][data-mode=adjusted] .type-gap i{width:200px}.type-gap span{font-size:7px;letter-spacing:1px;color:#9275a7}.type-art-foot{position:absolute;bottom:20px;font-size:6px;letter-spacing:1px;color:#8d8376;text-align:center;left:15px;right:15px}.type-playbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.type-playbar button{background:none;color:#c8acee;border:1px solid #ad8edc44;border-radius:4px;padding:10px 12px;min-height:39px;font:10px Manrope,sans-serif;cursor:pointer}.type-playbar .type-play{border-color:transparent;color:#d9ff65;padding-left:0}.type-playbar>div{display:flex;gap:6px}.type-playbar button[aria-pressed=true]{background:#b79ad626;color:#f0e4ff;border-color:#b79ad6}.type-source{position:absolute;bottom:12px;left:10%;width:90%;display:flex;gap:12px;align-items:center;transform:rotateZ(2deg);background:linear-gradient(120deg,#2d354b,#18263a);border:1px solid #b797df88;box-shadow:0 18px 35px #0006;padding:18px;border-radius:9px;z-index:3}.source-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#bf9dee;color:#24182e;font-size:11px}.type-source strong{font-size:12px;font-weight:400;display:block;line-height:1.5}.type-source div>span{font-size:9px;color:#a4a4bf;display:block;margin-top:7px}.source-mark{position:absolute;left:-9px;bottom:100px;transform:rotateZ(-5deg);background:#c8a4f1;color:#281935;border:1px solid #e3c6ff;border-radius:7px;box-shadow:0 15px 30px #0004;padding:12px 18px;z-index:4}.source-mark span{font-size:6px;letter-spacing:.5px;display:block}.source-mark strong{font:21px Georgia,serif;display:block;margin:10px 0}.learning-card{background:linear-gradient(145deg,#233046,#111e30);border:1px solid #8f78ab88;border-radius:12px;padding:28px;box-shadow:0 25px 60px #0005;transform:rotateY(-3deg) rotateZ(1deg)}.learning-card-top{display:flex;justify-content:space-between;align-items:center;color:#bc9feb;font-size:8px;letter-spacing:1px;gap:15px}.learning-badge{font-size:6px;letter-spacing:1px;color:#c3b6d8;border:1px solid #c2a5e43d;padding:6px 7px;border-radius:30px;white-space:nowrap}.learning-term{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:23px 0 15px;font-weight:600}.learning-definition{font-size:14px;line-height:1.8;color:#c4c3d6;margin:0 0 23px}.learning-insight,.learning-owner{display:flex;gap:14px;margin:19px 0;padding-top:18px;border-top:1px solid #ffffff12}.learning-insight>span,.learning-owner>span{color:#c3a0f0;font-size:23px;line-height:1}.learning-card h4{font-size:11px;font-weight:600;margin:0 0 8px}.learning-card .learning-insight p,.learning-card .learning-owner p{font-size:11px;line-height:1.8;color:#aeb4cd;margin:0}.learning-question{padding:17px;background:#c7a6ef1c;border:1px solid #be9be34a;border-radius:7px;margin-top:22px}.learning-question>span{font-size:7px;letter-spacing:1.2px;color:#c9a9f2}.learning-question>p{font-size:13px;line-height:1.7;color:#eee2ff;margin:11px 0 0}.learning-use{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;background:#d9ff65;color:#182218;border:0;border-radius:5px;padding:15px 17px;font:600 11px Manrope,sans-serif;margin:17px 0 0;cursor:pointer}.learning-use>span{font-size:20px}.learning-note{font-size:9px;line-height:1.8;color:#95a4bc;margin:14px 0 0}.learning-draft{margin-top:18px}.learning-draft label{display:block;font-size:12px;color:#dfcaef;margin-bottom:10px}.learning-draft textarea{width:100%;background:#091723;color:#f3e8ff;border:1px solid #b197d459;border-radius:5px;padding:12px;font:12px/1.8 Manrope,sans-serif;resize:vertical}.learning-draft>span{display:block;font-size:9px;color:#a8b6c9;margin-top:10px}.learning-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:40px auto 0;max-width:1280px;padding-top:20px;border-top:1px solid #ffffff14;color:#8b8aa2}.learning-footer>span{font-size:7px;letter-spacing:1px}.learning-footer>p{font-size:9px;line-height:1.8}.learning-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:65px auto 0;max-width:1280px}.learning-benefits>div{border-top:1px solid #a786cf44;padding-top:20px}.learning-benefits>div>span{font-size:8px;letter-spacing:1px;color:#c4a4eb}.learning-benefits h3{font-size:27px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:20px 0 16px}.learning-benefits p{font-size:11px;color:#a4abc0;line-height:1.8;max-width:310px}.learning-showcase button:focus-visible,.context-teaser a:focus-visible{outline:2px solid #d9ff65;outline-offset:5px}.learning-showcase [hidden]{display:none!important}
@media(max-width:1050px){.context-teaser{padding-inline:4vw;gap:25px}.learning-composition{gap:25px;grid-template-columns:1.1fr 1fr}.learning-card{padding:22px}.type-word{font-size:43px;letter-spacing:8px}.type-window{padding:15px}.type-letters{font-size:140px}.type-window-bar small{display:none}.type-playbar{gap:8px}.type-playbar button{font-size:9px;padding:9px}.source-mark{left:-5px;padding:10px 12px}.learning-term{font-size:29px}}
@media(max-width:760px){.mockup-bar{display:block;padding:12px 20px}.mockup-bar nav{gap:9px 17px;flex-wrap:wrap;margin-top:10px}.mockup-bar nav a{font-size:9px}.context-teaser{grid-template-columns:1fr;padding:45px 22px;gap:28px}.teaser-copy h2{font-size:37px}.teaser-copy>p{font-size:12px}.teaser-stage{width:100%;max-width:540px;justify-self:center}.teaser-comment{padding:12px}.teaser-comment>p{font-size:11px}.teaser-comment>span:not(.teaser-person){font-size:7px}.teaser-window-top strong{font-size:14px}.teaser-logo{font-size:23px}.teaser-art-caption{font-size:7px}.teaser-caption{font-size:5px}.learning-showcase{padding:50px 22px}.learning-heading{margin-bottom:35px;text-align:left}.learning-heading h2{font-size:42px;letter-spacing:-2px}.learning-heading>p{font-size:12px}.learning-heading p br{display:none}.learning-composition{display:block}.type-stage{max-width:600px;margin:auto;padding-bottom:90px}.type-window{transform:rotateY(3deg) rotateZ(-1deg);padding:15px}.type-art{height:300px}.type-letters{font-size:155px}.type-word{font-size:clamp(31px,7.7vw,55px);letter-spacing:7px}.type-controls button{font-size:11px;min-height:40px}.type-playbar button{font-size:10px;min-height:44px;padding-inline:10px}.type-source{left:5%;width:95%;padding:15px;bottom:10px}.type-source strong{font-size:11px}.type-source div>span{font-size:8px}.source-mark{bottom:106px;left:-4px;padding:10px 12px}.source-mark strong{font-size:18px}.source-mark span{font-size:5px}.learning-card{margin-top:20px;transform:none;padding:23px}.learning-term{font-size:31px}.learning-definition{font-size:13px}.learning-card .learning-insight p,.learning-card .learning-owner p{font-size:12px}.learning-card h4{font-size:12px}.learning-question>p{font-size:13px}.learning-note{font-size:10px}.learning-use{font-size:11px;min-height:48px}.learning-footer{display:block;margin-top:30px}.learning-footer>span{font-size:6px;line-height:1.8}.learning-footer>p{font-size:9px}.learning-benefits{grid-template-columns:1fr;gap:25px;margin-top:35px}.learning-benefits h3{font-size:28px;margin:15px 0}.learning-benefits h3 br{display:none}.learning-benefits p{font-size:12px;max-width:100%}.type-art-kicker{font-size:6px;letter-spacing:1px}.type-gap span{font-size:6px}.type-art-foot{font-size:5px}.type-gap i{width:50px}.type-art[data-term=tracking] .type-gap i{width:200px}.type-art[data-term=tracking][data-mode=adjusted] .type-gap i{width:175px}}
@media(prefers-reduced-motion:reduce){.type-letters>span,.type-word,.type-gap i{transition:none}.type-window,.learning-card{transform:none}}
/* Keep the selected-context note clear of the playback controls. */
.source-mark{bottom:190px}
@media(max-width:760px){.source-mark{bottom:190px}}

.guide-opening{padding:105px 6vw 80px;background:radial-gradient(ellipse at 75% 30%,#8562ac38,transparent 50%),#0b101c}.guide-opening h1,.guide-beyond h2,.guide-bridge h2{font-size:clamp(45px,6vw,86px);line-height:1.03;letter-spacing:-.045em;margin:28px 0;font-weight:600}.guide-opening h1 em,.guide-beyond h2 em,.guide-bridge h2 em{font-family:Georgia,serif;font-weight:400;color:#b99be9}.guide-opening p,.guide-beyond>p,.guide-bridge p{font-size:15px;line-height:1.9;color:#b5b3c4;max-width:600px}.guide-opening>a,.guide-beyond>a,.guide-bridge>a{display:inline-block;color:#d9ff65;border-bottom:1px solid #d9ff6577;padding:12px 0;font-size:13px;margin-top:15px}.guide-concept{display:block;font-size:9px;letter-spacing:1.3px;color:#a99abf;margin-top:40px}.guide-beyond{background:#0d1320;padding:90px 6vw}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0}.guide-grid article{border-top:1px solid #b99be95c;padding-top:22px}.guide-grid article span{font-size:9px;letter-spacing:1px;color:#d9ff65}.guide-grid h3{font-size:25px;margin:22px 0 14px}.guide-grid p{font-size:13px;line-height:1.8;color:#b5b3c4;max-width:340px}.guide-bridge{padding:75px 6vw;background:linear-gradient(110deg,#111727,#1a1530);border-block:1px solid #b99be92e}.guide-bridge h2{font-size:clamp(36px,4vw,60px)}@media(max-width:700px){.guide-opening,.guide-beyond,.guide-bridge{padding:50px 20px}.guide-opening h1{font-size:48px}.guide-grid{grid-template-columns:1fr;gap:25px;margin:35px 0}.guide-grid h3{margin:15px 0 10px}.guide-opening p,.guide-beyond>p,.guide-bridge p{font-size:13px}}

.review-summary{padding:75px 5vw}.review-summary .review-feature-intro{padding:0}.review-summary-note{font-size:11px;line-height:1.8;color:#a2a2b7;margin:35px 0 0}.workspace-summary{background:#ede9df;color:#1d2328;padding:75px 6vw}.workspace-summary .eyebrow{color:#7d638f}.workspace-summary h2{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-2px;margin:24px 0}.workspace-summary h2 em{font-family:Georgia,serif;color:#7855a7;font-weight:400}.workspace-summary p{max-width:560px;font-size:13px;line-height:1.9;color:#595b62}.workspace-summary>a{display:inline-block;margin-top:18px;padding:12px 0;color:#433457;border-bottom:1px solid #7855a7;font-size:12px}.guide-next-links{display:flex;gap:30px;flex-wrap:wrap}.guide-next-links a{display:inline-block;color:#d9ff65;border-bottom:1px solid #d9ff6577;padding:12px 0;font-size:13px;margin-top:15px}@media(max-width:700px){.review-summary{padding:50px 20px}.workspace-summary{padding:50px 20px}.review-summary-note{margin-top:22px}.guide-next-links{gap:10px 25px}}

.beta-expectation{font-size:11px!important;line-height:1.7;color:#aaa8bd!important;margin:20px auto 0;max-width:550px}.workflow-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:32px auto 0}.workflow-nav>span{font-size:8px;color:#a295b4;letter-spacing:1px;margin-right:8px}.workflow-nav a{font-size:11px;color:#d3c1e8;border:1px solid #b79ada55;border-radius:5px;padding:10px 13px;min-height:38px}.workflow-nav a:hover,.workflow-nav a:focus-visible{color:#d9ff65;border-color:#d9ff65}.workflow-nav a:focus-visible{outline:2px solid #d9ff65;outline-offset:4px}@media(max-width:700px){.workflow-nav{gap:8px;margin-top:25px}.workflow-nav>span{width:100%;margin:0 0 4px}.workflow-nav a{font-size:10px;padding:10px 12px}.beta-expectation{font-size:11px!important}}