:root{color-scheme:light;--ink:#292937;--muted:#666878;--red:#f31531;--line:#e5e3ed;--paper:#f7f6fb;--blue:#18b9d7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100svh;background:radial-gradient(circle at 76% 38%,rgba(48,191,220,.13),transparent 27rem),radial-gradient(circle at 12% 100%,rgba(125,106,180,.12),transparent 30rem),var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(41,41,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(41,41,55,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}a{color:inherit}.page-shell{width:min(1240px,calc(100% - 72px));min-height:100svh;margin:auto;display:grid;grid-template-rows:auto 1fr auto;position:relative}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{display:block;width:136px;height:auto}.building{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #dddbe7;border-radius:999px;background:rgba(255,255,255,.68);font-size:12px;font-weight:750;letter-spacing:.03em}.building i{width:8px;height:8px;border-radius:50%;background:#31ae75;box-shadow:0 0 0 5px rgba(49,174,117,.12)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:76px;align-items:center;padding:68px 0 72px}.hero-copy{max-width:690px}.eyebrow{margin:0 0 22px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:700px;margin:0;font-size:clamp(52px,5.2vw,78px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--red);font-style:normal}.lead{max-width:640px;margin:28px 0 0;color:var(--muted);font-size:19px;line-height:1.62}.founder-invite{max-width:650px;margin-top:38px;padding:22px 22px 22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(41,41,55,.07);backdrop-filter:blur(10px)}.founder-invite p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.founder-invite .invite-label{margin-bottom:4px;color:var(--ink);font-size:17px;font-weight:800}.cta{min-height:52px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:11px;flex:none;border-radius:10px;background:var(--red);color:white;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 10px 24px rgba(243,21,49,.23);transition:transform .18s ease,background .18s ease}.cta:hover{background:#d80d27;transform:translateY(-2px)}.cta:focus-visible{outline:3px solid rgba(243,21,49,.28);outline-offset:4px}.cta svg{width:18px;height:18px}.teaser-visual{position:relative;min-height:570px;border:1px solid rgba(215,213,226,.86);border-radius:34px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(234,244,249,.9) 68%,rgba(226,223,241,.95));box-shadow:0 28px 80px rgba(41,41,55,.12)}.teaser-visual:before{content:"";position:absolute;inset:28px;border:1px dashed rgba(41,41,55,.14);border-radius:50%}.visual-glow{position:absolute;left:50%;top:48%;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(36,194,221,.31),rgba(36,194,221,0) 68%)}.visual-kicker{position:absolute;z-index:3;top:24px;left:30px;margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.visual-kicker span{color:var(--red);margin-right:7px}.robot{position:absolute;z-index:2;left:50%;bottom:22px;width:min(84%,440px);height:auto;transform:translateX(-50%);filter:drop-shadow(0 24px 18px rgba(41,41,55,.12))}.role{position:absolute;z-index:4;padding:11px 15px;border:1px solid rgba(218,216,228,.92);border-radius:10px;background:rgba(255,255,255,.92);font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(41,41,55,.09);backdrop-filter:blur(8px)}.role:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--red)}.role-marketing{left:22px;top:135px;transform:rotate(-4deg)}.role-followup{right:22px;top:188px;transform:rotate(4deg)}.role-operations{left:27px;top:300px;transform:rotate(3deg)}.visual-note{position:absolute;z-index:5;right:24px;bottom:25px;margin:0;padding:13px 15px;border-radius:11px;background:rgba(41,41,55,.9);color:white;font-size:12px;line-height:1.45;box-shadow:0 10px 25px rgba(41,41,55,.2)}footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#777888;font-size:12px}
.visual-kicker{display:flex;align-items:center;gap:10px}.visual-kicker span{width:7px;height:7px;margin:0;background:var(--red);transform:rotate(45deg)}
@media(max-width:1000px){.page-shell{width:min(100% - 48px,760px)}.site-header{height:94px}.hero{grid-template-columns:1fr;gap:44px;padding:58px 0}.hero-copy{max-width:none}.hero h1{max-width:720px}.lead{max-width:680px}.founder-invite{max-width:none}.teaser-visual{min-height:520px}.robot{width:min(74%,420px)}}
@media(max-width:620px){.page-shell{width:calc(100% - 32px)}.site-header{height:82px}.brand img{width:112px}.building{padding:8px 10px;font-size:10px}.hero{gap:34px;padding:46px 0 42px}.eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:47px;line-height:1;letter-spacing:-.05em}.lead{font-size:17px;line-height:1.55;margin-top:23px}.founder-invite{margin-top:30px;padding:20px;display:block}.founder-invite .invite-label{font-size:18px}.founder-invite p{font-size:14px}.cta{width:100%;margin-top:17px;padding:0 14px}.teaser-visual{min-height:455px;border-radius:25px}.teaser-visual:before{inset:20px}.visual-kicker{top:21px;left:22px;font-size:10px}.role{padding:8px 10px;font-size:10px}.role-marketing{left:12px;top:102px}.role-followup{right:11px;top:143px}.role-operations{left:14px;top:232px}.robot{width:90%;bottom:18px}.visual-note{right:13px;bottom:14px;font-size:10px;padding:10px 11px}footer{min-height:98px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}}
@media(max-width:380px){.hero h1{font-size:41px}.teaser-visual{min-height:420px}.visual-note{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Open, looping AI-task visual */
.cta{font-weight:600;letter-spacing:.005em}
.teaser-visual{min-height:570px;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.teaser-visual:before{display:none}
.visual-glow{top:53%;width:390px;height:390px;background:radial-gradient(circle,rgba(36,194,221,.24),rgba(36,194,221,0) 68%)}
.visual-kicker{z-index:5;top:24px;left:50%;width:max-content;transform:translateX(-50%)}
.robot{z-index:3;bottom:8px;width:min(72%,390px);transform:none;animation:robot-float 4.2s ease-in-out infinite}
.task-list{position:absolute;z-index:4;inset:86px 0 44px}
.task{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:10px;background:rgba(255,255,255,.9);color:var(--red);font-size:12px;font-weight:750;box-shadow:0 10px 26px rgba(41,41,55,.09);backdrop-filter:blur(8px);animation:task-complete 7.2s ease-in-out infinite}
.task span{position:relative;width:17px;height:17px;flex:none;border:2px solid currentColor;border-radius:4px}
.task span:after{content:"";position:absolute;left:3px;top:0;width:6px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(.6);animation:check-appear 7.2s ease-in-out infinite}
.task-one{left:2px;top:42px;animation-delay:0s}.task-two{right:4px;top:92px;animation-delay:.6s}.task-three{left:-8px;top:176px;animation-delay:1.2s}.task-four{right:-4px;top:230px;animation-delay:1.8s}.task-five{left:14px;top:318px;animation-delay:2.4s}.task-six{right:2px;top:362px;animation-delay:3s}
.task-one span:after{animation-delay:0s}.task-two span:after{animation-delay:.6s}.task-three span:after{animation-delay:1.2s}.task-four span:after{animation-delay:1.8s}.task-five span:after{animation-delay:2.4s}.task-six span:after{animation-delay:3s}
@keyframes robot-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-12px)}}
@keyframes task-complete{0%,16%{color:var(--red);transform:translateY(0)}22%,78%{color:#249c68;transform:translateY(-2px)}88%,100%{color:var(--red);transform:translateY(0)}}
@keyframes check-appear{0%,16%{opacity:0;transform:rotate(45deg) scale(.6)}22%,78%{opacity:1;transform:rotate(45deg) scale(1)}88%,100%{opacity:0;transform:rotate(45deg) scale(.6)}}
@media(max-width:1000px){.teaser-visual{min-height:540px}.robot{width:min(62%,390px)}.task-list{inset-inline:9%}}
@media(max-width:620px){.teaser-visual{min-height:475px}.visual-kicker{top:10px;left:50%;font-size:10px}.visual-glow{top:54%;width:300px;height:300px}.robot{width:76%;bottom:2px}.task-list{inset:58px 0 28px}.task{gap:6px;padding:8px 9px;font-size:9px}.task span{width:14px;height:14px}.task span:after{left:3px;top:0;width:5px;height:8px}.task-one{left:0;top:28px}.task-two{right:0;top:73px}.task-three{left:-2px;top:139px}.task-four{right:-2px;top:190px}.task-five{left:5px;top:268px}.task-six{right:0;top:311px}}
@media(max-width:380px){.teaser-visual{min-height:440px}.robot{width:80%}.task-five{top:252px}.task-six{top:292px}}
@media(prefers-reduced-motion:reduce){.robot{animation:none;transform:translateX(-50%)}.task,.task span:after{animation:none;color:#249c68}.task span:after{opacity:1;transform:rotate(45deg) scale(1)}}
