/* Quiet movement, legible surfaces, and real content on every landing page. */
.page-hero{position:relative;isolation:isolate}.page-hero:after{content:'';position:absolute;inset:10% 3% 5%;z-index:-1;border:1px dashed #00000016;border-radius:40px;pointer-events:none}.page-hero .sprite-team img{animation:office-guide-float 6s ease-in-out infinite}.page-hero .sprite-team img:nth-child(2n){animation-delay:-2s}.page-hero .sprite-team img:nth-child(3n){animation-delay:-4s}.card{transition:transform .25s,border-color .25s,box-shadow .25s}.card:focus-within{border-color:#000000;box-shadow:0 8px 24px #0000000b}.card-character{transition:transform .3s}.card:hover .card-character{transform:translateY(-4px) rotate(-5deg)}.guide-handoff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.guide-handoff>div{position:relative;display:flex;align-items:center;gap:12px;background:#000000;color:#ffffff;border-radius:20px;padding:24px}.guide-handoff>div:not(:last-child):after{content:'→';position:absolute;right:-21px;color:#000000;font-size:21px}.guide-handoff img{flex-shrink:0;image-rendering:pixelated}.guide-handoff span{color:#c0ff72;font:11px monospace}.guide-handoff strong{font-size:14px;line-height:1.5}.guide-boundaries{border:1px solid #00000025;border-radius:24px;padding:32px!important;background:#ffffff}.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-links a{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:20px;border:1px solid #00000022;border-radius:18px;text-decoration:none;color:#000000;background:#ffffff;transition:background .2s,transform .2s}.guide-links a:hover{background:#c0ff72;transform:translateY(-2px)}.workspace-guides{padding-top:40px;padding-bottom:40px}.page-hero .actions{justify-content:center}.guide-handoff img{animation:office-guide-float 6s ease-in-out infinite}@keyframes office-guide-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:760px){.guide-handoff{grid-template-columns:1fr;gap:16px}.guide-handoff>div{padding:18px}.guide-handoff>div:not(:last-child):after{content:'↓';right:24px;bottom:-20px}.guide-links{grid-template-columns:1fr}.page-hero:after{inset:10% 0 0;border-radius:24px}.guide-boundaries{padding:22px!important}}@media(prefers-reduced-motion:reduce){.page-hero .sprite-team img,.guide-handoff img{animation:none}.card,.card-character,.guide-links a{transition:none}}

.hero-team-preview{margin:16px 0 18px;padding:14px 16px;border:1px solid #00000018;background:#ffffff;border-radius:18px}.hero-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.hero-preview-top>span{font:9px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#000000}.hero-preview-top>div{display:flex;gap:4px}.hero-preview-top button{display:grid;place-items:center;min-height:30px;min-width:30px;background:#ffffff;border:1px solid #00000020;border-radius:9px;padding:4px 8px;font:11px system-ui;color:#000000;cursor:pointer}.hero-preview-top button:hover{background:#c0ff72}.hero-preview-top button:focus-visible{outline:2px solid #000000;outline-offset:2px}.hero-team-preview>strong{display:block;color:#000000;font-size:13px;margin-bottom:12px}.hero-preview-lines{display:grid;gap:9px;min-height:88px}.hero-preview-line{display:flex;align-items:flex-start;gap:9px;opacity:0;transform:translateY(5px);transition:opacity .45s,transform .45s}.hero-preview-line.arrived{opacity:1;transform:translateY(0)}.hero-preview-line img{flex-shrink:0;image-rendering:pixelated;margin-top:4px}.hero-preview-line>span{display:grid;gap:3px;color:#000000;font:12px/1.5 system-ui}.hero-preview-line b{color:#000000;font-size:10px;font-weight:600}.task-composer .hero-team-preview{box-shadow:inset 0 1px 0 #ffffff}@media(max-width:500px){.hero-team-preview{padding:12px;margin:12px 0 16px}.hero-preview-line>span{font-size:11px}.hero-preview-lines{min-height:86px}.hero-preview-top>span{font-size:8px}.hero-preview-top button{min-height:32px}}@media(prefers-reduced-motion:reduce){.hero-preview-line{transition:none;opacity:1;transform:none}}