*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:20;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:.5rem}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:88rem;margin:auto;min-height:6.4rem;padding:1rem clamp(1.25rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:block;width:clamp(10rem,20vw,16rem);flex-shrink:1}.brand .brand-logo{max-width:none}.header-actions{display:flex;align-items:center;gap:1.6rem}.staff-label{font-size:.8rem;color:var(--muted)}.header-login{display:inline-flex;align-items:center;gap:1rem;min-height:2.7rem;border:1px solid var(--control-line);padding:.5rem .85rem;border-radius:.45rem;color:var(--accent);font-size:.86rem;font-weight:750}.header-login:hover{background:var(--selection)}.header-login span{font-size:1.05rem}
.hero{max-width:88rem;margin:auto;padding:clamp(3rem,6.5vw,6.5rem) clamp(1.25rem,4vw,3.5rem) clamp(3rem,6vw,5rem);display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(2rem,5vw,5rem);align-items:center}.hero-copy{max-width:35rem}.eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:var(--accent);margin:0}.eyebrow-mark{display:inline-block;width:.55rem;height:.55rem;background:var(--accent);border-radius:2px;transform:rotate(45deg);margin-right:.45rem}.hero h1{font-size:clamp(2.9rem,5.1vw,5.1rem);line-height:1.04;letter-spacing:-.058em;margin:1.1rem 0 1.5rem;font-weight:760;text-wrap:balance}.hero-lede{max-width:32rem;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.6;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem;margin-top:2.2rem}.primary-action{background:var(--accent);color:#fff;border-radius:.45rem;padding:.95rem 1.25rem;min-height:3.35rem;display:inline-flex;align-items:center;gap:1.7rem;font-weight:750;box-shadow:0 8px 18px rgba(11,32,66,.2)}.primary-action:hover{background:var(--accent-hover)}.text-action{font-size:.86rem;font-weight:700;color:var(--accent);text-decoration:underline;text-decoration-color:var(--brand-silver);text-underline-offset:.3rem}.text-action:hover{color:var(--accent-hover)}.access-note{font-size:.77rem;color:var(--muted);margin:2rem 0 0}.access-note span{color:#39a376;font-size:.7rem;margin-right:.35rem}
.workspace-preview{min-width:0}.preview-frame{background:#fff;border:1px solid var(--line);border-radius:.9rem;box-shadow:0 22px 65px rgba(28,60,104,.14);display:grid;grid-template-columns:9rem minmax(0,1fr);overflow:hidden;min-height:29rem;transform:none}.preview-rail{background:var(--brand-navy);color:var(--brand-silver);padding:1.2rem .6rem;display:flex;flex-direction:column;gap:.38rem}.preview-nav{font-size:.63rem;padding:.55rem .5rem;border-radius:.3rem;white-space:nowrap}.preview-nav.active{background:var(--selection);color:var(--ink);font-weight:750}.preview-content{min-width:0;background:var(--paper)}.preview-top{height:3.2rem;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:1rem}.preview-search{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:.58rem;border-radius:.3rem;padding:.4rem .65rem;width:min(11rem,75%)}.preview-avatar{display:grid;place-items:center;background:var(--brand-navy);color:#fff;border-radius:50%;font-size:.55rem;font-weight:700;width:1.5rem;height:1.5rem}.preview-body{padding:1.7rem 1.4rem}.preview-kicker{font-size:.52rem;color:var(--accent);letter-spacing:.13em;font-weight:800}.preview-body h2{font-size:1.4rem;letter-spacing:-.04em;margin:.35rem 0 .2rem}.preview-body>p{font-size:.7rem;line-height:1.4;color:var(--muted);margin:0 0 1.1rem}.preview-step{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--line);border-radius:.4rem;padding:.7rem .8rem;margin:.6rem 0;min-height:4.2rem}.preview-step.current{border-color:var(--control-line);box-shadow:0 0 0 2px rgba(11,32,66,.08)}.step-index{color:var(--accent);font-size:.66rem;font-weight:800}.preview-step>span:nth-child(2){display:flex;flex-direction:column;gap:.15rem;min-width:0}.preview-step strong{font-size:.72rem}.preview-step small{font-size:.61rem;color:var(--muted)}.step-check,.step-dots{margin-left:auto;color:#278c64;font-size:.8rem}.step-dots{color:var(--accent)}.preview-caption{text-align:right;color:var(--muted);font-size:.72rem;margin:.75rem .2rem 0}
.available-tools{background:#fff;border-top:1px solid var(--line);padding:clamp(3rem,5vw,5rem) clamp(1.25rem,4vw,3.5rem);display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,6rem)}.available-tools>*{width:100%;max-width:40rem}.section-intro{justify-self:end}.section-intro h2{font-size:clamp(1.8rem,2.7vw,2.6rem);letter-spacing:-.04em;line-height:1.15;margin:.8rem 0}.section-intro>p:last-child{color:var(--muted);font-size:.92rem;line-height:1.5}.tool-list{justify-self:start}.tool-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:1rem;border-top:1px solid var(--line);padding:1.4rem 0}.tool-row:last-child{border-bottom:1px solid var(--line)}.tool-number{font-size:.7rem;color:var(--accent);font-weight:800;padding-top:.35rem}.tool-row h3{font-size:1.12rem;letter-spacing:-.02em;margin:0 0 .35rem}.tool-row p{color:var(--muted);font-size:.88rem;line-height:1.5;margin:0;max-width:31rem}.tool-arrow{color:var(--brand-silver);font-size:1.2rem}.site-footer{background:var(--brand-navy);color:var(--brand-silver);display:flex;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1.25rem,4vw,3.5rem);font-size:.7rem;letter-spacing:.08em}
@media(max-width:58rem){.hero{grid-template-columns:1fr;gap:3rem}.hero-copy{max-width:44rem}.workspace-preview{max-width:40rem;width:100%;justify-self:center}.available-tools{grid-template-columns:1fr}.section-intro,.tool-list{justify-self:center;max-width:44rem}}
@media(max-width:36rem){.header-inner{min-height:5rem}.staff-label{display:none}.header-login{min-height:2.5rem;gap:.4rem;font-size:.78rem}.hero{padding-top:3.4rem}.hero h1{font-size:clamp(2.65rem,11vw,3.6rem)}.hero-actions{align-items:stretch;gap:1rem}.primary-action{width:100%;justify-content:space-between}.text-action{padding:.4rem 0}.preview-frame{grid-template-columns:6rem minmax(0,1fr);min-height:23rem}.preview-rail{padding:.8rem .3rem}.preview-nav{font-size:.43rem;padding:.45rem .2rem}.preview-top{height:2.5rem}.preview-body{padding:1rem .8rem}.preview-body h2{font-size:1rem}.preview-step{gap:.4rem;padding:.5rem;min-height:3.7rem}.preview-step strong{font-size:.61rem}.preview-step small{font-size:.5rem}.step-index{font-size:.56rem}.available-tools{padding-top:3rem;padding-bottom:3rem}.site-footer{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tool-status{align-self:start;color:var(--muted);background:var(--selection);border-radius:.25rem;padding:.3rem .45rem;font-size:.56rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.login-dialog{width:min(calc(100% - 2rem),29rem);max-height:min(90vh,45rem);padding:0;border:1px solid var(--line);border-radius:.75rem;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(7,26,57,.3)}.login-dialog::backdrop{background:rgba(8,22,43,.72)}.login-dialog-top{min-height:4.2rem;background:var(--brand-navy);display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.3rem}.login-dialog-close{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:.3rem;background:transparent;color:var(--brand-white);font:inherit;font-size:1.65rem;cursor:pointer}.login-dialog-close:hover{background:var(--accent-hover)}.login-dialog-body{padding:clamp(1.5rem,5vw,2.5rem)}.login-dialog h2{font-size:clamp(2rem,7vw,2.6rem);letter-spacing:-.05em;line-height:1.1;margin:.45rem 0 .35rem}.login-dialog-body>p:not(.eyebrow){line-height:1.5}.login-dialog #login-intro{color:var(--muted);margin:0 0 1.5rem}.login-dialog form{display:grid;gap:.55rem}.login-dialog label{font-size:.85rem;font-weight:700;margin-top:.5rem}.login-dialog input:not([type=hidden]){width:100%;min-height:3rem;border:1px solid var(--control-line);border-radius:.4rem;padding:.7rem .8rem;background:#fff;color:var(--ink);font:inherit}.login-dialog input:focus-visible,.login-dialog button:focus-visible,.login-dialog a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.login-dialog form button{min-height:3rem;margin-top:.9rem;border:0;border-radius:.4rem;background:var(--accent);color:#fff;font:inherit;font-weight:750;cursor:pointer}.login-dialog form button:hover{background:var(--accent-hover)}.login-dialog form button:disabled{opacity:.65;cursor:wait}.login-status{color:var(--muted);font-size:.9rem}.login-error{border-left:4px solid #ad3333;padding:.7rem .85rem;background:#fff1f1;color:#8b2424;font-size:.87rem}.login-fallback{font-size:.86rem}.login-fallback a{color:var(--accent);text-decoration:underline;text-underline-offset:.2rem}.login-dialog [hidden]{display:none}

/* Both the illustration and the sign-in dialog reuse the original white artwork. */
.preview-rail .brand-logo{margin:.3rem .25rem 1.5rem;width:calc(100% - .5rem)}
.login-dialog-brand{width:min(12rem,70%)}
.login-dialog-top{min-height:5rem}
.login-dialog-close{width:2.75rem;height:2.75rem;flex:none}
.footer-brand{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-weight:700;letter-spacing:.01em;color:var(--brand-white)}
.footer-workspace{color:var(--brand-silver);font-weight:500}
.site-footer{align-items:center}
@media(max-width:36rem){.header-inner{gap:1rem}.brand{width:11rem}.preview-rail .brand-logo{margin:0 0 1rem;width:100%}.site-footer{align-items:flex-start;flex-direction:column}.footer-brand{font-size:.8rem}}