@charset "UTF-8";
:root{--ink:#17182b;--muted:#656777;--violet:#5145de;--line:#e5e5ed;--pale:#f5f5fb;--white:#fff;--radius:12px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--violet);outline-offset:6px}::selection{background:#dcd8ff}h1,h2,h3,p{margin:0}p{font-size:1rem;line-height:1.75}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:3rem;font-weight:750;letter-spacing:-.075em;line-height:1}.brand-dot{color:var(--violet)}nav{display:flex;gap:36px;font-size:.9375rem;font-weight:500}nav a:hover,.text-link:hover{color:var(--violet)}.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;min-height:54px;padding:16px 24px;border:1px solid transparent;border-radius:7px;font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--violet);color:white}.button-primary:hover{background:#4034bf}.button-outline{border-color:var(--line);background:#fff}.button-outline:hover{background:var(--pale)}.button-small{min-height:44px;padding:12px 18px;gap:26px}.button span,.text-link span{font-size:1.25rem}.hero{padding-top:86px;padding-bottom:86px;display:grid;grid-template-columns:.9fr 1.15fr;gap:60px;align-items:center}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.12em;line-height:1.5;display:flex;align-items:center;gap:12px}.small-rule{width:23px;height:2px;background:var(--violet)}h1{font-size:clamp(3.4rem,5.9vw,5.5rem);letter-spacing:-.065em;line-height:1.04;font-weight:600;margin-top:26px}.violet{color:var(--violet)}.hero-description{max-width:460px;font-size:1.125rem;color:var(--muted);margin-top:28px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:33px}.release-note{font-size:.8125rem;line-height:1.65;color:var(--muted)}.hero-visual{position:relative;min-width:0;background:#efedf9;padding:26px 18px 22px;border-radius:16px}.visual-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#625a91;font-size:.6875rem;letter-spacing:.08em;font-weight:600;margin:0 8px 23px}.caption-number{font-size:.625rem;white-space:nowrap}.workspace{display:grid;grid-template-columns:53px 1fr;min-height:385px;background:#fff;border:1px solid #dfdcec;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px -25px #33267a55}.workspace-sidebar{background:#f8f8fc;border-right:1px solid var(--line);padding:16px 8px;display:flex;align-items:center;flex-direction:column;gap:12px}.mini-logo{font-size:1.7rem;letter-spacing:-.12em;font-weight:700;margin-bottom:10px;color:var(--violet)}.sidebar-symbol{font-size:1.2rem;display:grid;place-items:center;width:33px;height:33px;color:#7b7c8d}.sidebar-symbol.selected{background:#e9e6fc;color:var(--violet);border-radius:6px}.sidebar-bottom{margin-top:auto;font-size:.625rem;padding:7px;background:#e8e9f0;border-radius:50%;color:#636473}.workspace-main{min-width:0}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:.6875rem;color:#767784}.workspace-top b{font-weight:500;color:var(--ink)}.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eeeafc;color:#6157a0;font-size:.625rem}.workspace-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:26px 20px 20px}.micro-label{font-size:.5625rem;letter-spacing:.1em;color:#898897;margin-bottom:7px;line-height:1.4}.workspace-heading h2{font-size:1.35rem;font-weight:600;letter-spacing:-.04em}.today{font-size:.625rem;color:#7b798a;border:1px solid var(--line);border-radius:5px;padding:5px 9px}.work-tabs{margin:0 20px;display:flex;gap:20px;border-bottom:1px solid var(--line);font-size:.625rem;color:#92909f}.work-tabs>span{padding-bottom:11px}.work-tabs .active{color:var(--violet);border-bottom:2px solid var(--violet)}.work-tabs b{font-weight:500;background:#f0edfc;padding:2px 5px;border-radius:3px;margin-left:5px}.task-row{margin:0 20px;padding:16px 0;border-bottom:1px solid #f1f0f5;display:flex;align-items:center;gap:12px}.task-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font-size:1rem}.purple-icon{background:#efebfe;color:#7961d4}.blue-icon{background:#eaf0ff;color:#5578b7}.green-icon{background:#e6f4f0;color:#2e8e74}.task-row strong{font-size:.6875rem;font-weight:550;display:block;line-height:1.4}.task-row div>span{font-size:.625rem;color:#898795;display:block;margin-top:4px}.task-label{margin-left:auto;font-size:.5625rem;white-space:nowrap;color:#91733a;background:#faf3e6;padding:4px 7px;border-radius:4px}.muted-label{background:#f0eef8;color:#766891}.context-card{margin:18px 20px;padding:13px;display:flex;gap:11px;align-items:center;border-radius:7px;background:#f3f1fc}.context-symbol{color:var(--violet);font-size:1.5rem}.context-card strong{font-size:.6875rem;font-weight:550;color:#4b4087}.context-card p{font-size:.625rem;line-height:1.6;color:#8a82a5;margin-top:3px}.visual-foot{display:flex;justify-content:space-between;gap:12px;font-size:.5625rem;color:#7d759b;margin:19px 6px 0}.section{padding-top:100px;padding-bottom:100px}.platform-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.4fr;gap:90px}.section-intro h2,.approach-heading h2,.closing h2{font-weight:550;font-size:clamp(2.4rem,3.5vw,3.5rem);letter-spacing:-.055em;line-height:1.12;margin-top:22px}.section-intro>p:last-child{color:var(--muted);margin-top:24px;max-width:340px}.module-list article{padding:25px 0;display:flex;gap:20px;align-items:baseline;border-top:1px solid var(--line)}.module-list article:first-child{padding-top:4px;border:0}.module-list article:last-child{padding-bottom:0}.module-number{font-size:.75rem;color:#9692ac}.module-list h3{font-size:1.375rem;font-weight:550;letter-spacing:-.03em;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.module-list p{color:var(--muted);font-size:.9375rem;line-height:1.65;max-width:370px;margin-top:9px}.module-list small{font-size:.625rem;letter-spacing:0;font-weight:500;background:var(--pale);padding:4px 7px;border-radius:4px;color:#787283}.module-tag{margin-left:auto;font-size:.6875rem;color:#868292;white-space:nowrap}.approach-section{background:#19172e;color:white}.approach-section .eyebrow{color:#a49ae3}.approach-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:end}.approach-heading>p{color:#b6b2c7;max-width:440px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.principles article{border-top:1px solid #454155;padding-top:25px}.principles article>span{font-size:.6875rem;letter-spacing:.08em;color:#ada4e1}.principles h3{font-size:1.25rem;font-weight:500;letter-spacing:-.025em;margin-top:25px}.principles p{font-size:.9375rem;color:#b6b2c7;line-height:1.75;margin-top:13px}.closing{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:center}.closing .eyebrow{color:var(--violet)}.closing-copy{max-width:380px}.closing-copy p{color:var(--muted);margin:17px 0 24px}.coming-soon{font-size:.75rem;font-weight:550;color:var(--violet);border:1px solid #d7d2f5;padding:6px 11px;border-radius:5px}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:.9375rem;font-weight:600}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px}.footer .wordmark{font-size:2.4rem}.footer>span{font-size:.8125rem;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:16px}
@media(min-width:1450px){.hero{padding-block:110px}.hero-visual{padding:30px 22px 24px}.workspace{min-height:410px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}.hero-actions{gap:15px;flex-wrap:wrap}.caption-number,.task-label{display:none}.platform-section{gap:50px}.module-tag{display:none}.approach-heading,.closing{gap:50px}.principles{gap:30px}}
@media(max-width:800px){.header{height:90px}.hero{grid-template-columns:1fr;gap:55px;padding-block:65px}.hero-copy{max-width:600px}h1{font-size:4.8rem}.hero-description{max-width:520px}.hero-visual{max-width:650px;width:100%;padding:25px}.workspace{grid-template-columns:55px 1fr}.workspace-heading h2{font-size:1.6rem}.task-row strong{font-size:.875rem}.task-row div>span,.work-tabs,.context-card strong{font-size:.75rem}.workspace-top,.context-card p,.today,.visual-foot{font-size:.6875rem}.micro-label{font-size:.625rem}.section{padding-block:65px}.platform-section{grid-template-columns:1fr;gap:40px}.section-intro>p:last-child{max-width:520px}.module-list p{max-width:520px}.approach-heading,.closing{grid-template-columns:1fr;gap:24px}.approach-heading>p{max-width:550px}.principles{gap:24px}.closing-copy{max-width:480px}.footer>span:nth-child(2){max-width:260px}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.header{height:80px}nav{gap:18px;font-size:.8125rem}.header>.button{display:none}.wordmark{font-size:2.7rem}.hero{padding-block:48px;gap:44px}h1{font-size:clamp(3.6rem,15vw,4.8rem);margin-top:22px}.eyebrow{font-size:.625rem;letter-spacing:.08em}.hero-description{font-size:1rem;margin-top:23px}.hero-actions{gap:18px;margin-top:26px}.release-note{font-size:.75rem}.button{gap:20px;padding-inline:18px}.hero-visual{padding:18px 10px;border-radius:11px}.visual-caption{font-size:.5625rem;margin:0 6px 17px}.workspace{grid-template-columns:36px 1fr;min-height:340px}.workspace-sidebar{padding-inline:4px;gap:9px}.sidebar-symbol{width:26px;height:26px;font-size:1rem}.mini-logo{font-size:1.35rem}.sidebar-bottom{font-size:.5625rem;padding:5px}.workspace-top{padding:11px}.workspace-heading{padding:22px 11px 18px}.workspace-heading h2{font-size:1.15rem}.micro-label{font-size:.5rem}.work-tabs{margin-inline:11px;gap:12px;font-size:.625rem}.task-row{margin-inline:11px;padding-block:15px;gap:8px}.task-icon{height:25px;width:25px;font-size:.875rem}.task-row strong{font-size:.6875rem}.task-row div>span{font-size:.5625rem}.context-card{margin:15px 10px;padding:10px;gap:7px}.context-card strong{font-size:.625rem}.context-card p{font-size:.5625rem}.visual-foot{font-size:.5rem;gap:15px;margin-top:15px}.visual-foot>span{max-width:50%}.section{padding-block:52px}.section-intro h2,.approach-heading h2,.closing h2{font-size:2.5rem}.module-list article{gap:13px}.module-list h3{font-size:1.2rem}.module-list p{font-size:.9375rem}.principles{grid-template-columns:1fr;gap:32px;margin-top:40px}.principles h3{margin-top:17px}.principles p{margin-top:8px}.footer{flex-wrap:wrap;padding-block:25px;gap:18px}.footer>span:nth-child(2){order:3;max-width:none;width:100%;font-size:.75rem}.footer>span:last-child{margin-left:auto}}
/* Keep illustration captions legible instead of shrinking an application screenshot. */
.visual-caption,.caption-number,.sidebar-bottom,.workspace-top,.avatar,.micro-label,.today,.work-tabs,.task-row strong,.task-row div>span,.task-label,.context-card strong,.context-card p,.visual-foot,.module-list small,.module-tag,.principles article>span{font-size:.75rem}
@media(max-width:540px){.visual-foot{flex-direction:column;gap:5px}.visual-foot>span{max-width:none}.today{display:none}.workspace-top>span:first-child{font-size:.75rem}.task-row strong{line-height:1.5}.eyebrow{font-size:.75rem}.context-card{align-items:flex-start}.hero-actions{align-items:flex-start}.micro-label{line-height:1.6}.workspace-heading h2{line-height:1.35}.sidebar-bottom{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Motion follows the reading order; interactions keep the existing layout stable. */
.header-actions{display:flex;align-items:center;gap:12px}
@media(max-width:800px){.header-actions .meet-link{display:none}}
@media(max-width:540px){.header{gap:16px}.header nav{margin-left:auto}.header nav a[href="#approach"]{display:none}.header-actions .login-link{min-height:44px;padding:10px 14px;gap:10px;font-size:.8125rem}}
@media(max-width:360px){.header nav{display:none}.header-actions{margin-left:auto}}
.hero-visual{background:radial-gradient(ellipse at 85% 5%,#d9d3ff 0,transparent 60%),linear-gradient(145deg,#f4f2ff,#eae7f7);border:1px solid #e5e0f7}
.workspace{box-shadow:0 24px 55px -28px #33267a60;transition:box-shadow .45s ease}
.button span,.text-link span{transition:transform .25s ease}
.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
nav a{position:relative;padding-block:8px}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}
.module-list article{position:relative;transition:background .3s ease,box-shadow .3s ease}
.module-number{transition:color .3s ease}
.approach-section{background:radial-gradient(ellipse at 90% 0%,#302658 0,transparent 65%),#19172e}
.principles article{position:relative;transition:border-color .3s ease}
.principles article::before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#a89aff,#7560e8);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
@media(hover:hover) and (pointer:fine){
  .hero-visual:hover .workspace{box-shadow:0 28px 65px -22px #33267a65}
  .module-list article:hover{background:#f7f6ff;box-shadow:16px 0 #f7f6ff,-16px 0 #f7f6ff}
  .module-list article:hover .module-number{color:var(--violet)}
  .principles article:hover::before{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){.button:hover,.button:hover span,.text-link:hover span{transform:none}}

/* Outlined Bia wordmark retains its intrinsic proportions. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0}
.wordmark img{display:block;width:116px;height:auto}
.footer .wordmark img{width:100px}
.workspace-sidebar .mini-logo{display:block;width:28px;height:28px;margin-bottom:10px;flex-shrink:0}
@media(max-width:540px){.header .wordmark img{width:88px}.workspace-sidebar .mini-logo{width:24px;height:24px}}
