/* Home has a full-width background and a constrained content layer. No viewport-width breakout. */
.home-stage{position:relative;isolation:isolate;width:100%;background:linear-gradient(112deg,var(--paper) 12%,color-mix(in srgb,var(--accent) 8%,var(--paper)) 63%,color-mix(in srgb,var(--primary) 12%,var(--paper)) 100%);border-bottom:1px solid var(--line)}
.home-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.home-glow{position:absolute;width:65%;height:80%;border-radius:50%;filter:blur(60px);opacity:.65}.home-glow-blue{right:-20%;top:-15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 30%,transparent),transparent 68%)}.home-glow-green{right:4%;bottom:-35%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 28%,transparent),transparent 64%)}.home-gridlines{position:absolute;inset:0 0 0 40%;opacity:.42;background-image:linear-gradient(color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 80% 40%,#000,transparent 72%)}
.home-inner.container{width:min(1440px,calc(100% - 96px));display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:68px;align-items:center;padding-top:68px;padding-bottom:64px;min-height:670px}
.home-copy{min-width:0;position:relative;z-index:2}.home-copy .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.7px;margin-bottom:23px;max-width:520px}.eyebrow-line{display:block;width:27px;height:2px;flex-shrink:0;background:var(--accent)}.home-copy h1{font-size:clamp(44px,4.4vw,64px);font-weight:650;line-height:1.035;letter-spacing:-.055em;max-width:680px;margin:0 0 28px;text-wrap:balance}.home-copy h1>span{display:block}.home-copy .headline-lead{color:var(--ink)}.home-copy .headline-accent{color:var(--accent-ink);background:linear-gradient(110deg,var(--primary-ink),var(--accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em}.home-copy .intro{max-width:555px;font-size:16px;line-height:1.8;margin-bottom:29px}.home-copy .hero-actions{gap:10px 22px;align-items:center}.home-copy .hero-actions .button{font-size:13px;padding:16px 20px;min-height:52px;gap:12px}.home-copy .hero-actions .button.text{padding-inline:0}.home-copy .people-note{margin-top:30px;gap:11px}.home-copy .portrait-stack{--portrait-size:58px}.home-copy .people-link{font-size:11px}
.showcase-scene{position:relative;min-width:0;perspective:1600px;isolation:isolate;padding:16px 0;--pointer-x:65%;--pointer-y:35%;--tilt-x:0deg;--tilt-y:0deg}.showcase-tilt{position:relative;z-index:2;transition:transform .45s cubic-bezier(.2,.75,.25,1);will-change:auto}.showcase-aura{position:absolute;inset:-50px -20px;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent) 20%,transparent),transparent 63%);pointer-events:none;z-index:-1}.connection-traces{position:absolute;width:108%;height:120%;left:-4%;top:-10%;pointer-events:none;z-index:-1;color:var(--accent);opacity:.45}.connection-traces path{stroke:currentColor;stroke-width:1;stroke-dasharray:5 10}.connection-traces .trace-b{opacity:.45}.connection-traces .trace-c{stroke:var(--primary);opacity:.6}.connection-traces circle{fill:var(--accent);stroke:var(--paper);stroke-width:3}
.workspace-frame{position:relative;background:var(--white);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:var(--radius);box-shadow:0 28px 65px -20px color-mix(in srgb,var(--ink) 28%,transparent),0 3px 8px color-mix(in srgb,var(--ink) 5%,transparent);padding:0;overflow:hidden}
.workspace-bar{display:flex;align-items:center;gap:10px;padding:16px 19px 13px}.workspace-symbol{display:grid;place-items:center;width:34px;height:34px;background:var(--soft);color:var(--accent-ink);border:1px solid var(--line);border-radius:var(--radius)}.workspace-symbol svg{width:18px;height:18px}.workspace-name{font-size:15px;font-weight:700;letter-spacing:-.3px;line-height:1.4}.workspace-name small{display:block;font-size:7px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.preview-label{margin-left:auto;color:var(--muted);font-size:9px;font-weight:500}
.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 16px 11px;padding:4px;gap:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.showcase-tabs button{min-height:38px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;background:transparent;border-radius:var(--radius);font-size:11px;font-weight:650;color:var(--muted);padding:8px 10px;transition:background .2s,box-shadow .2s,color .2s}.showcase-tabs svg{width:15px;height:15px}.showcase-tabs button[aria-selected=true]{background:var(--white);border-color:var(--line);color:var(--ink);box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 6%,transparent)}.showcase-tabs button[aria-selected=true] svg{color:var(--accent-ink)}.showcase-pane{min-width:0}.showcase-image-link{display:block;position:relative;margin:0 10px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white)}.showcase-image{width:100%;height:auto;aspect-ratio:1.44;object-fit:contain;background:var(--white)}.showcase-expand{display:grid;place-items:center;position:absolute;right:9px;bottom:9px;width:32px;height:32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:0 3px 10px color-mix(in srgb,var(--ink) 10%,transparent);transition:background .2s,transform .2s}.showcase-expand svg{width:16px;height:16px}.showcase-image-link:hover .showcase-expand{background:var(--soft);transform:scale(1.05)}.showcase-image-link:focus-visible{outline-offset:-4px}
.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 17px;font-size:10px;font-weight:550;color:var(--ink);min-height:46px}.showcase-caption a{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:var(--radius);color:var(--accent-ink);background:var(--soft)}.showcase-caption svg{width:16px;height:16px}.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 50%,var(--paper));font-size:9px;color:var(--muted)}.showcase-footer span:first-child{display:flex;align-items:center;gap:6px;font-weight:650;color:var(--ink)}.showcase-footer svg{color:var(--accent);width:15px;height:15px}
.home-flow{position:relative;background:color-mix(in srgb,var(--white) 72%,transparent);border-top:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));backdrop-filter:blur(12px)}.home-flow-inner.container{width:min(1440px,calc(100% - 96px));display:grid;grid-template-columns:220px 1fr;align-items:center;gap:44px;padding-block:22px}.home-flow-inner>p{font-size:12px;font-weight:550;line-height:1.55;margin:0;color:var(--muted)}.home-flow-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.home-flow-links a{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;font-weight:650;min-height:46px}.flow-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 7%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--radius);transition:background .2s,transform .2s}.flow-icon svg{width:17px;height:17px}.flow-arrow{margin-left:auto;color:var(--muted);opacity:.65}.flow-arrow svg{width:14px;height:14px}.home-flow-links a:hover{color:var(--primary-ink)}.home-flow-links a:hover .flow-icon{background:var(--white);transform:translateY(-3px)}
.motion-enabled .showcase-scene{animation:home-scene-in .95s .12s backwards}.motion-enabled .showcase-scene.is-interacting .showcase-tilt{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .16s linear}.motion-enabled .showcase-scene .showcase-tilt{transform:rotateX(0deg) rotateY(-2deg)}.motion-enabled .home-glow-blue{animation:home-light-in 4s ease-out both}.motion-enabled .home-glow-green{animation:home-light-in 4s .15s ease-out both}.motion-enabled .connection-traces{animation:home-trace-in 3.8s .2s both}.motion-enabled .home-flow-links a{animation:site-arrive .7s .3s backwards}.motion-enabled .home-flow-links a:nth-child(2){animation-delay:.4s}.motion-enabled .home-flow-links a:nth-child(3){animation-delay:.5s}.motion-enabled .home-flow-links a:nth-child(4){animation-delay:.6s}
.motion-enabled .showcase-pane:not([hidden]){animation:home-preview-in .25s backwards}
@keyframes home-preview-in{from{opacity:0}to{opacity:1}}
@keyframes home-scene-in{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0) rotate(0deg)}}@keyframes home-light-in{from{opacity:0;transform:translate3d(50px,20px,0) scale(.85)}to{opacity:.65;transform:translate3d(0,0,0) scale(1)}}@keyframes home-trace-in{from{opacity:0;stroke-dashoffset:90;transform:scale(.97)}to{opacity:.45;stroke-dashoffset:0;transform:scale(1)}}
@media(min-width:1800px){.home-inner.container{padding-top:78px;padding-bottom:74px;gap:86px}.home-copy h1{font-size:66px}.home-copy .intro{font-size:17px}.home-copy .portrait-stack{--portrait-size:62px}}
@media(max-width:1200px){.home-inner.container{gap:36px;width:calc(100% - 64px);grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);padding-block:52px}.home-copy h1{font-size:50px}.home-copy .intro{font-size:14px}.home-copy .hero-actions{gap:8px 16px}.home-copy .hero-actions .button{font-size:12px;padding:14px 15px;min-height:48px}.home-copy .hero-actions .button.text{padding-inline:0}.home-copy .portrait-stack{--portrait-size:52px}.home-flow-inner.container{width:calc(100% - 64px);grid-template-columns:180px 1fr;gap:26px}.home-flow-links{gap:20px}.connection-traces{width:108%;left:-4%}}
@media(max-width:900px){.home-inner.container{grid-template-columns:1fr;gap:38px;padding-block:52px}.home-copy{max-width:720px}.home-copy h1{font-size:60px;max-width:700px}.home-copy .intro{font-size:16px;max-width:640px}.showcase-scene{width:100%;max-width:720px;justify-self:center;padding:0}.home-gridlines{inset:35% 0 0}.home-glow{width:100%;height:60%}.home-glow-blue{top:35%;right:-25%}.home-copy .portrait-stack{--portrait-size:58px}.home-copy .hero-actions .button{font-size:13px;padding:16px 20px}.home-copy .hero-actions .button.text{padding-inline:0}.home-flow-inner.container{grid-template-columns:1fr;gap:12px;padding-block:20px}.home-flow-inner>p br{display:none}.home-flow-inner>p{font-size:11px}.home-flow-links{gap:20px}.motion-enabled .showcase-scene .showcase-tilt{transform:none}}
@media(max-width:600px){.home-inner.container{width:calc(100% - 40px);padding-top:43px;padding-bottom:34px;gap:35px;min-height:0}.home-copy .eyebrow{font-size:8px;letter-spacing:1.2px;gap:9px;margin-bottom:20px}.eyebrow-line{width:20px}.home-copy h1{font-size:clamp(39px,10.8vw,52px);line-height:1.06;letter-spacing:-.05em;margin-bottom:22px;text-wrap:initial}.home-copy .intro{font-size:14px;line-height:1.8;margin-bottom:24px}.home-copy .hero-actions{gap:8px 16px}.home-copy .hero-actions .button{font-size:12px;min-height:48px;padding:14px 16px}.home-copy .hero-actions .button.text{padding-inline:0}.home-copy .people-note{margin-top:24px}.home-copy .portrait-stack{--portrait-size:min(53px,calc((100vw - 48px)/5.6))}.home-copy .people-link{font-size:10px}.connection-traces{display:none}.showcase-aura{inset:-20px -10px}.workspace-bar{padding:12px 12px 10px;gap:8px}.workspace-symbol{width:30px;height:30px}.workspace-name{font-size:13px}.workspace-name small{font-size:6px;letter-spacing:1.2px}.preview-label{font-size:8px}.showcase-tabs{margin:0 10px 8px;padding:3px;gap:3px}.showcase-tabs button{min-height:38px;font-size:10px;padding:7px 6px;gap:6px}.showcase-tabs svg{width:13px;height:13px}.showcase-image-link{margin-inline:7px}.showcase-caption{padding:8px 11px;font-size:9px;min-height:43px}.showcase-footer{padding:10px 12px;font-size:8px}.showcase-expand{width:30px;height:30px;right:6px;bottom:6px}.home-flow-inner.container{width:calc(100% - 40px);gap:10px}.home-flow-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}.home-flow-links a{font-size:11px}.flow-icon{width:32px;height:32px}.home-gridlines{background-size:42px 42px}}
@media(prefers-reduced-motion:reduce){.showcase-tilt,.showcase-scene{transform:none!important}.home-glow{filter:blur(50px)}}
html:not(.motion-enabled) .showcase-tilt{transform:none!important}