/* One-page AI-Office landing page, with the demo and calls to action first. */
.simple-landing{background:#fff;color:#0b1733}
.simple-landing .landing-header{max-width:1200px;height:94px;padding:0 32px;gap:24px;border-bottom:1px solid #edf0f6}
.simple-landing .brand-accent{color:#2454eb}
.simple-landing .landing-demo-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#52627d;font-size:13px;font-weight:600;white-space:nowrap}
.simple-landing .landing-demo-link:hover{color:#2454eb}
.simple-landing .landing-demo-link span{color:#2454eb;font-size:19px}
.simple-landing .landing-hero{padding:64px 24px 42px}
.simple-landing .landing-hero h1{font-size:clamp(40px,5.2vw,68px);max-width:1040px;margin:22px auto 24px;letter-spacing:-2.8px;line-height:1.1}
.simple-landing .landing-hero .lead{max-width:660px;margin:0 auto;color:#64718a;font-size:18px;line-height:1.75}
.simple-landing .landing-demo{max-width:1080px;margin:0 auto;padding:0 24px;scroll-margin-top:24px}
.simple-landing .landing-video-caption{text-align:center;font-size:11px;line-height:1.6;color:#7a869a;margin:16px 0 0}
.simple-landing .landing-start{text-align:center;padding:46px 24px 66px}
.simple-landing .landing-start h2{font-size:clamp(26px,3vw,34px);letter-spacing:-1px;margin:0 0 12px}
.simple-landing .landing-start p{font-size:15px;line-height:1.7;color:#64718a;margin:0 0 24px}
.simple-landing .landing-start-button{min-width:230px;min-height:58px;border-radius:7px;box-shadow:0 7px 20px #2454eb20;font-size:16px;gap:28px}
.simple-landing .landing-footer{max-width:1136px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:25px 0 30px;gap:20px;border-top:1px solid #e5eaf2;font-size:11px;color:#7a869a}
.simple-landing .landing-footer>span{font-size:13px;font-weight:700;color:#52627d}
.simple-landing .landing-footer p{margin:0}
.simple-landing a:focus-visible{outline:3px solid #7098ff;outline-offset:5px;border-radius:4px}
@media(max-width:1200px){.simple-landing .landing-footer{margin:0 32px}}
@media(max-width:760px){
 .simple-landing .landing-header{height:78px;padding:0 22px;gap:14px}
 .simple-landing .landing-hero{padding:46px 22px 32px}
 .simple-landing .landing-hero .eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.8}
 .simple-landing .landing-hero h1{font-size:clamp(37px,6.3vw,48px);letter-spacing:-1.8px;margin:19px auto 20px}
 .simple-landing .landing-hero .lead{font-size:16px;max-width:520px;line-height:1.75}
 .simple-landing .landing-demo{padding:0 20px}
 .simple-landing .landing-start{padding:38px 22px 48px}
 .simple-landing .landing-footer{margin:0 22px;padding:23px 0;gap:12px}
}
@media(max-width:420px){
 .simple-landing .brand{font-size:21px;letter-spacing:-.9px}
 .simple-landing .brand img{width:32px;height:36px;margin-right:5px}
 .simple-landing .landing-demo-link{font-size:11px;gap:6px}
 .simple-landing .landing-header{padding:0 18px}
 .simple-landing .landing-demo{padding:0 16px}
 .simple-landing .landing-hero{padding-left:18px;padding-right:18px}
 .simple-landing .landing-hero h1{font-size:36px;letter-spacing:-1.7px}
 .simple-landing .landing-start-button{width:100%;max-width:320px}
 .simple-landing .landing-footer{flex-wrap:wrap;margin:0 20px}
}
@media(prefers-reduced-motion:reduce){.simple-landing .btn{transition:none}.simple-landing .btn:hover{transform:none}}

.simple-landing .landing-nav{display:flex;gap:28px;align-items:center}
.simple-landing .landing-info-link{font-size:13px;color:#52627d;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.simple-landing .landing-info-link:hover{color:#2454eb}
.simple-landing .demo-cover{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#0b1733;border:1px solid #27385a;box-shadow:0 24px 70px #152e6320}
.simple-landing .demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b1733}
.simple-landing .demo-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:white;display:grid;place-items:center;cursor:pointer}
.simple-landing .demo-play[hidden],.simple-landing .demo-video-error[hidden]{display:none}
.simple-landing .demo-play-control{position:relative;display:grid;place-items:center;font-size:15px;font-weight:700;text-shadow:0 2px 10px #0b1733}
.simple-landing .demo-play-circle{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#fff;color:#2454eb;border:5px solid #087cff;box-shadow:0 0 0 7px #087cff40,0 10px 32px #0b173350;transition:transform .18s,background .18s}
.simple-landing .demo-play-circle svg{width:40px;height:40px;margin-left:5px}
.simple-landing .demo-play:hover .demo-play-circle{transform:scale(1.06);background:#edf2ff}
.simple-landing .demo-play:focus-visible{outline:3px solid #7098ff;outline-offset:-6px;border-radius:16px}
.simple-landing .demo-video:focus-visible{outline:3px solid #7098ff;outline-offset:-4px}
.simple-landing .demo-video-error{text-align:center;font-size:13px;color:#52627d;margin:12px 0 0}
.simple-landing .demo-video-error a{color:#2454eb;text-decoration:underline;text-underline-offset:3px}
.simple-landing .landing-start .actions{margin:0 auto;max-width:640px}
.simple-landing .portal-showcase{width:calc(100% - 48px);max-width:1136px;padding-left:0;padding-right:0}
.simple-landing #your-ai-office,.simple-landing #business-brain{scroll-margin-top:28px}
.simple-landing .brain-section#business-brain{border-top:1px solid #e5eaf2}
.simple-landing .brain-section#business-knowledge{padding-top:0}
.simple-landing .landing-final{background:#edf2ff;border-top:1px solid #e0e7f4}
.simple-landing .landing-footer{border-top:0}
.simple-landing button:focus-visible,.simple-landing summary:focus-visible{outline:3px solid #7098ff;outline-offset:4px}
@media(max-width:760px){
 .simple-landing .landing-nav{gap:16px}
 .simple-landing .landing-info-link{font-size:12px}
 .simple-landing .demo-cover{border-radius:12px}
 .simple-landing .portal-showcase{width:calc(100% - 40px)}
 .simple-landing .landing-start .actions{gap:12px}
}
@media(max-width:520px){
 .simple-landing .landing-info-link{display:none}
 .simple-landing .landing-start-button{width:100%;max-width:320px}
}

@media(max-width:760px){
 .simple-landing .demo-play-circle{width:64px;height:64px;border-width:4px;box-shadow:0 0 0 5px #087cff40,0 8px 22px #0b173350}
 .simple-landing .demo-play-circle svg{width:30px;height:30px;margin-left:3px}
 .simple-landing .demo-play-control{font-size:12px}
}
@media(max-width:420px){
 .simple-landing .demo-play-circle{width:52px;height:52px}
 .simple-landing .demo-play-circle svg{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.simple-landing .demo-play-circle{transition:none}.simple-landing .demo-play:hover .demo-play-circle{transform:none}}

.simple-landing .demo-play-control [data-play-label]{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap}