/* Marc & Friends — a small AI spark, a human point of connection. */
.header .nav{height:86px;gap:22px}
.header .brand-home{display:grid;grid-template-columns:39px auto;grid-template-rows:auto auto;column-gap:11px;row-gap:4px;max-width:255px;align-items:center}
.brand-symbol{grid-column:1;grid-row:1 / span 2;width:39px;height:39px;display:block;border-radius:12px}
.header .brand-home .wordmark{grid-column:2;font-size:22px;line-height:1.15;letter-spacing:-1.1px}
.header .brand-descriptor{grid-column:2;font-size:7px;line-height:1.3;color:#6b7d96;white-space:nowrap;letter-spacing:.015em}
.brand-ai-tag{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:5px;padding:4px 5px;border:1px solid #c8daf8;border-radius:5px;color:#135cce;background:#edf4ff;font-size:8px;line-height:1;letter-spacing:.06em;font-weight:750}
.hero{background:#f8fafd;border-bottom:1px solid #e9edf4;position:relative}
.hero .hero-main{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:50px;padding-top:70px;padding-bottom:52px;min-height:610px}
.hero .hero-copy{text-align:left;position:relative}
.hero .hero-copy .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.13em;color:#4c6a93;margin:0 0 24px}
.hero .hero-copy .eyebrow::before{content:"";width:7px;height:7px;background:#2374ef;border-radius:50%;box-shadow:0 0 0 5px #e7effc}
.hero h1{font-size:clamp(40px,4.45vw,62px);font-weight:650;line-height:1.37;letter-spacing:-.045em;margin:0 0 25px;color:#17243b;max-width:none}
.hero-accent{color:#1764df}
.hero .hero-description{font-size:15px;line-height:1.95;color:#65738a;max-width:570px;margin:0 0 28px}
.hero .hero-description br{display:none}
.hero .hero-actions{gap:12px;justify-content:flex-start}
.hero .hero-actions .button{min-height:50px;padding:14px 20px;border-radius:13px;font-size:12px;box-sizing:border-box}
.hero .hero-actions .quiz-primary{background:#1764df;box-shadow:0 5px 14px #1764df20}
.hero .hero-actions .secondary{background:#fff;border:1px solid #dce4ef;color:#344f72}
.hero .hero-proof{margin:15px 0 18px;font-size:10px;line-height:1.8;color:#7b8aa0}
.hero-quick-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.hero-quick-links .text-link{font-size:12px;line-height:1.6}
.hero .hero-line{color:#216444;font-weight:550}
.hero .micro{font-size:10px;line-height:1.8;margin:22px 0 0;color:#8491a4}
.hero .hero-friends-art{position:relative;isolation:isolate;height:458px;width:100%;margin:0;overflow:hidden;border-radius:30px;background:#15233b;border:1px solid #1c304e;box-shadow:0 22px 55px #1c31551a}
.ai-stage-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(#8eb2e1 1px,transparent 1px),linear-gradient(90deg,#8eb2e1 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 50% 44%,#000,transparent 78%)}
.ai-stage-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 26px 0}
.ai-stage-top>span{font-size:9px;font-weight:600;letter-spacing:.14em;color:#d3e2f7}
.ai-stage-state{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;background:#28426788;color:#b4d9ff;font-size:8px;line-height:1.3;white-space:nowrap}
.ai-stage-state::before{content:"✦";font-size:11px;color:#a5e7d3}
.hero .hero-friend{width:300px;height:300px;left:50%;top:43%;transform:translate(-50%,-50%);z-index:1}
.hero .hero-friend img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 15px 22px #030a1840)}
.ai-stage-label{position:absolute;left:0;right:0;top:304px;text-align:center;z-index:2}
.ai-stage-label strong{display:block;color:#fff;font-size:25px;letter-spacing:-.7px;font-weight:600}
.ai-stage-label strong span{color:#8bbdff;font-size:14px;letter-spacing:.03em;margin-left:5px}
.ai-stage-label p{font-size:10px;line-height:1.7;color:#b6c7df;margin:8px 20px 0}
.hero-capabilities{position:absolute;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;z-index:3}
.hero .orbit-chip{position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:none;min-width:0;padding:12px 11px;background:#ffffff0b;border:1px solid #ffffff15;border-radius:12px;box-shadow:none;transition:background .2s,transform .2s;color:#fff}
.hero .orbit-chip>span{font-size:17px;line-height:1;color:#a5caff;grid-row:auto}
.hero .orbit-chip strong{font-size:9px;line-height:1.35;color:#e5efff;font-weight:550}
.hero .orbit-chip small{display:none}
.hero .orbit-chip:hover{background:#ffffff16;box-shadow:none;transform:translateY(-2px)}
.hero .orbit-chip:focus-visible{outline:2px solid #a5caff;outline-offset:3px}
.hero .hero-foot{border-top:1px solid #e1e8f2;min-height:68px;height:auto;padding-top:18px;padding-bottom:18px;gap:20px}
.hero .hero-foot>span:first-child{font-size:11px;color:#70819a}
.hero .hero-foot>a{font-size:11px;color:#356497;font-weight:500}
.hero .hero-foot .edition{font-size:8px;color:#9aa7b9;letter-spacing:.12em}
.footer-brand img{width:42px;height:42px;border-radius:13px}
.footer-brand .brand-ai-tag{margin-left:1px;font-size:9px;padding:5px 6px}
@media(min-width:1101px) and (max-width:1260px){.header .brand-home .wordmark{font-size:20px}.header .brand-descriptor{font-size:6.5px}.header .nav{gap:16px}.hero .hero-main{gap:35px}.hero h1{font-size:51px}}
@media(max-width:1100px){.header .nav{height:82px}.hero .hero-main{gap:30px;padding-top:50px;min-height:560px}.hero h1{font-size:46px}.hero .hero-description{font-size:14px}.hero .hero-friends-art{height:430px}.ai-stage-top{margin:22px 20px 0;gap:10px}.ai-stage-top>span{font-size:8px}.ai-stage-state{font-size:7px;padding:6px 8px}.hero .hero-friend{width:280px;height:280px;top:42%}.ai-stage-label{top:284px}.ai-stage-label strong{font-size:23px}.hero-capabilities{left:16px;right:16px;bottom:16px;gap:6px}.hero .orbit-chip{padding:10px 9px}.hero .orbit-chip strong{font-size:8px}}
@media(max-width:760px){.header .nav{height:77px;gap:12px}.header .brand-home{grid-template-columns:32px auto;column-gap:8px;row-gap:4px;max-width:208px}.brand-symbol{width:32px;height:32px;border-radius:10px}.header .brand-home .wordmark{font-size:19px;letter-spacing:-.9px}.header .brand-descriptor{font-size:6.5px;max-width:171px;white-space:normal;line-height:1.4}.brand-ai-tag{font-size:7px;padding:3px 4px;margin-left:4px}.hero .hero-main{display:flex;flex-direction:column;gap:30px;min-height:0;padding-top:43px;padding-bottom:32px}.hero .hero-copy{text-align:center;max-width:600px}.hero .hero-copy .eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:.1em}.hero h1{font-size:clamp(34px,6.8vw,45px);line-height:1.45;letter-spacing:-.04em;margin-bottom:20px}.hero .hero-description{font-size:13px;line-height:1.95;margin:0 auto 23px;max-width:485px}.hero .hero-actions{justify-content:center;gap:10px}.hero .hero-actions .button{font-size:12px;min-height:48px;padding:13px 17px}.hero .hero-actions .quiz-primary{width:auto;max-width:none}.hero .hero-proof{font-size:9px;margin:13px 0 18px}.hero-quick-links{align-items:center;gap:11px}.hero-quick-links .text-link{font-size:11px}.hero .micro{font-size:9px;margin-top:20px}.hero .hero-friends-art{height:420px;width:100%;max-width:430px;border-radius:25px}.hero .hero-friend{width:285px;height:285px;top:42%}.ai-stage-top{margin:23px 22px 0}.ai-stage-top>span{font-size:9px}.ai-stage-state{font-size:8px}.ai-stage-label{top:277px}.ai-stage-label strong{font-size:24px}.hero .orbit-chip strong{font-size:9px}.hero .hero-foot{gap:12px;justify-content:center;flex-wrap:wrap;min-height:64px}.hero .hero-foot>span:first-child{display:none}.hero .hero-foot>a{font-size:10px}.hero .hero-foot .edition{display:none}}
@media(max-width:430px){.header .nav{gap:5px}.header .brand-home{grid-template-columns:29px auto;column-gap:7px;max-width:190px}.brand-symbol{width:29px;height:29px;border-radius:9px}.header .brand-home .wordmark{font-size:17px}.header .brand-descriptor{font-size:6px;max-width:153px}.brand-ai-tag{font-size:6px;margin-left:3px;padding:3px}.hero h1{font-size:clamp(31px,8vw,35px)}.hero .hero-copy .eyebrow{font-size:7px;gap:8px}.hero .hero-actions{flex-direction:column}.hero .hero-actions .quiz-primary{width:100%;max-width:340px}.hero .hero-actions .secondary{min-height:43px}.hero .hero-friends-art{height:402px}.ai-stage-top{margin:22px 18px 0;gap:8px}.ai-stage-top>span{font-size:8px;letter-spacing:.1em}.ai-stage-state{font-size:7px;padding:6px 7px}.hero .hero-friend{width:265px;height:265px;top:42%}.ai-stage-label{top:263px}.ai-stage-label strong{font-size:23px}.ai-stage-label p{font-size:9px}.hero-capabilities{left:14px;right:14px;bottom:14px}.hero .orbit-chip{padding:10px 8px}.hero .orbit-chip strong{font-size:8px}.hero .micro{font-size:8px}.hero .hero-foot>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero .orbit-chip{transition:none}.hero .orbit-chip:hover{transform:none}}