/* Campus marketing: isolated from the application and product pages. */
.campus-landing { --cp-ink:var(--ink); --cp-muted:var(--muted); --cp-mint:var(--mint); color:var(--cp-ink); }
.campus-landing .shell { width:min(1180px,calc(100% - 64px)); }
.campus-landing h1,.campus-landing h2,.campus-landing h3 { font-weight:600; }
.campus-landing h2 { font-size:clamp(30px,3.6vw,44px); line-height:1.12; letter-spacing:-1.5px; margin-bottom:0; }
.campus-landing a:focus-visible,.campus-landing button:focus-visible,.campus-landing summary:focus-visible { outline:3px solid #087fa4; outline-offset:5px; }
.campus-landing .button { border-radius:9px; gap:12px; min-height:52px; }
/* All UI icons use the existing Lucide sprite, never font glyphs. */
.cp-icon { display:inline-block; width:18px; height:18px; flex:0 0 auto; vertical-align:middle; fill:none; }
.cp-icon--up { transform:rotate(-90deg); }
.campus-landing .button .cp-icon { width:18px; height:18px; }
.campus-landing .cp-link .cp-icon { width:16px; height:16px; }
.cp-kicker { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:1.5px; margin:0 0 22px; line-height:1.6; }
.cp-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:56px; padding-block:72px 66px; }
.cp-hero .cp-kicker { display:flex; align-items:center; gap:9px; }
.cp-kicker>span { width:7px; height:7px; background:var(--sky); border-radius:50%; }
.cp-hero h1 { font-size:clamp(48px,4.6vw,64px); line-height:1.06; letter-spacing:-3px; margin:0 0 26px; max-width:620px; text-wrap:balance; }
.cp-hero h1 em { font-style:normal; position:relative; white-space:nowrap; z-index:0; }
.cp-hero h1 em::after { content:""; position:absolute; height:16px; background:#cdeef8; bottom:5px; left:-3px; right:-7px; z-index:-1; transform:rotate(-3deg); }
.cp-lead { color:var(--cp-muted); font-size:18px; line-height:1.65; max-width:480px; margin-bottom:28px; }
.cp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:23px; }
.cp-link { display:inline-flex; align-items:center; gap:12px; font-size:14px; font-weight:600; }
.cp-link:hover,.cp-features a:hover,.cp-extra a:hover { text-decoration:underline; text-underline-offset:4px; }
.cp-connect { border-block:1px solid var(--line); padding-block:23px; display:flex; gap:25px; justify-content:space-between; align-items:center; font-size:12px; }
.cp-connect>span { font-weight:600; }
.cp-connect p { display:flex; align-items:center; flex-wrap:wrap; gap:18px; color:var(--cp-muted); margin:0; }
.cp-connect p span { display:inline-flex;align-items:center;gap:8px;white-space:nowrap; }
.cp-connect p img,.cp-connect__web { display:block;width:20px;height:20px;object-fit:contain;flex:none; }
.cp-connect a { font-weight:600; }
.cp-section { padding-block:86px 82px; scroll-margin-top:100px; }
.cp-section__heading { margin-bottom:38px; }
.cp-section__heading .cp-kicker { margin-bottom:16px; }
/* Variant one: illustrations and short benefits, without enclosing cards. */
.cp-benefits__heading { max-width:620px;margin:0 auto 34px;text-align:center; }
.cp-benefits__heading .cp-kicker { color:#087fa4;margin-bottom:16px; }
.cp-benefits__heading>p:last-child { margin:18px auto 0;color:var(--cp-muted);font-size:16px;line-height:1.6; }
.cp-features { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px; }
.cp-feature { display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center; }
.cp-feature__art { display:block;width:100%;height:168px;object-fit:contain;margin:0 0 22px; }
.cp-feature__label { display:block;margin:0 0 10px;color:#087fa4;font-size:10px;font-weight:600;letter-spacing:.9px;line-height:1.6; }
.cp-features h3 { font-size:24px;line-height:1.25;margin:0 0 12px;letter-spacing:-.6px; }
.cp-feature>p { color:var(--cp-muted);font-size:15px;line-height:1.65;margin:0 0 14px;max-width:280px; }
.cp-feature>a { display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:auto;font-size:14px;font-weight:600; }
.cp-feature--free .cp-feature__label { color:var(--cp-muted); }
.cp-feature--free .cp-feature__art { opacity:.85; }
@media(min-width:761px) and (max-width:1000px) { .cp-features { gap:24px; }.cp-features h3 { font-size:22px; }.cp-feature>p { font-size:14px; } }
.cp-plans { background:var(--canvas); padding-block:76px 47px; scroll-margin-top:90px; }
.cp-plans__heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.cp-plans__heading>p { font-size:14px; color:var(--cp-muted); line-height:1.7; margin:0 0 3px; }
.cp-plan-trial { display:flex; align-items:center; justify-content:space-between; gap:16px 28px; flex-wrap:wrap; padding:20px 24px; margin:0 0 22px; border:1px solid var(--line); border-radius:12px; background:var(--sky-pale); }
.cp-plan-trial > div { min-width:0; }
.cp-plan-trial strong { font-size:15px; font-weight:600; }
.cp-plan-trial p { margin:5px 0 0; font-size:14px; line-height:1.6; color:var(--cp-muted); }
.cp-plan-trial a { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:14px; font-weight:600; }
.cp-plan-trial a:hover { text-decoration:underline; text-underline-offset:4px; }
.cp-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:22px; }
.cp-plan { display:flex; flex-direction:column; min-width:0; padding:31px 34px 28px; border:1px solid var(--line); border-radius:15px; background:#fff; scroll-margin-top:100px; }
.cp-plan--plus { background:var(--night); color:#fff; border-color:var(--night); }
.cp-plan__top { display:flex; align-items:center; justify-content:space-between; min-height:36px; gap:12px; margin-bottom:20px; }
.cp-plan__top h3 { font-size:24px; letter-spacing:-.5px; margin:0; }
.cp-plan__top>span { font-size:11px; color:var(--cp-muted); }
.cp-plan__top .cp-plan__badge { font-size:9px; letter-spacing:.6px; padding:7px 9px; border:1px solid #507c90; border-radius:5px; color:var(--sky-pale); }
.cp-plan__price { display:flex; gap:13px; align-items:baseline; margin:0 0 12px; }
.cp-plan__price strong { font-size:48px; line-height:1.05; font-weight:600; letter-spacing:-1.5px; }
.cp-plan__price span { color:var(--cp-muted); font-size:14px; }
.cp-plan__description { font-size:14px; color:var(--cp-muted); max-width:390px; line-height:1.6; margin:0 0 24px; }
.cp-plan--plus .cp-plan__description,.cp-plan--plus .cp-plan__price span { color:#c8dce6; }
.cp-plan .button { width:100%; justify-content:center; }
.cp-button--outline { color:var(--cp-ink); background:transparent; border-color:var(--line); }
.cp-button--outline:hover { color:var(--cp-ink); background:var(--sky-pale); }
.cp-button--mint { color:var(--night); background:var(--sky); border-color:var(--sky); }
.cp-button--mint:hover { color:var(--night); background:#42c5ec; }
.cp-plan ul { padding:23px 0 0; margin:24px 0 22px; border-top:1px solid var(--line); list-style:none; display:grid; gap:14px; font-size:14px; }
.cp-plan__includes { margin:24px 0 0; padding-top:20px; border-top:1px solid var(--line); color:var(--cp-muted); font-size:12px; line-height:1.6; }
.cp-plan--plus .cp-plan__includes { border-color:#395766; color:#c8dce6; }
.cp-plan__includes + ul { margin-top:14px; padding-top:0; border-top:0; }
.cp-plan li strong { font-weight:600; }
.cp-plan--plus ul { border-color:#395766; }
.cp-plan li { display:flex; align-items:baseline; gap:10px; }
.cp-plan li > .cp-icon { width:16px; height:16px; color:#087fa4; transform:translateY(2px); }
.cp-plan--plus li > .cp-icon { color:#73d7f3; }
.cp-plan__footnote { font-size:12px; line-height:1.7; color:var(--cp-muted); margin:0; }
.cp-plan__conditions { margin-top:auto; padding-top:20px; border-top:1px solid var(--line); }
.cp-plan--plus .cp-plan__conditions { border-color:#395766; }
.cp-plan--plus .cp-plan__footnote { color:#c8dce6; }
.cp-plans__note { max-width:700px; margin:23px auto 0; text-align:center; font-size:12px; line-height:1.7; color:var(--cp-muted); }
.cp-extra { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:22px; margin-block:38px 0; padding:27px 30px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.cp-extra__icon { width:45px; height:45px; background:var(--canvas); border-radius:10px; display:grid; place-items:center; }
.cp-extra__icon svg { width:24px; height:24px; }
.cp-extra .cp-kicker { font-size:9px; margin-bottom:8px; letter-spacing:1px; }
.cp-extra h2 { font-size:22px; letter-spacing:-.6px; margin-bottom:9px; }
.cp-extra p:not(.cp-kicker) { max-width:560px; margin:0; font-size:12px; color:var(--cp-muted); line-height:1.65; }
.cp-extra__action { text-align:right; }
.cp-extra__action p { display:flex; flex-direction:column; }
.cp-extra__action strong { color:var(--cp-ink); font-size:29px; letter-spacing:-1px; }
.cp-extra__action p span { font-size:10px; }
.cp-extra__action a { display:inline-block; margin-top:10px; font-size:12px; font-weight:600; }
/* Give the last card room before the footer and keep its actions together. */
.cp-extra--library { margin-bottom:64px; }
.cp-extra--library .cp-extra__action { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.cp-extra--library .cp-extra__action a { min-height:44px; margin-top:0; }
.cp-faq { display:grid; grid-template-columns:1fr 1.3fr; gap:70px; padding-block:85px 70px; }
.cp-faq h2 { margin-bottom:25px; }
.cp-faq__items details { border-bottom:1px solid var(--line); }
.cp-faq__items details:first-child { border-top:1px solid var(--line); }
.cp-faq summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding-block:21px; font-size:15px; font-weight:600; }
.cp-faq summary::-webkit-details-marker { display:none; }
.cp-faq summary > .cp-icon { width:18px; height:18px; color:var(--muted); transition:transform 160ms ease; }
.cp-faq details[open] summary > .cp-icon { transform:rotate(45deg); }
.cp-faq details p { color:var(--cp-muted); font-size:14px; line-height:1.8; margin:0 26px 22px 0; }
.cp-faq details p a { text-decoration:underline; }
.cp-final { text-align:center; padding:47px 20px 58px; border-radius:15px; background:var(--sky-pale); margin-bottom:64px; }
.cp-final .cp-kicker { margin-bottom:15px; }
.cp-final h2 { margin-bottom:25px; }
@media(min-width:1100px) { .cp-hero__copy { padding-block:20px; } }
@media(max-width:1000px) { .cp-hero { gap:35px; } .cp-hero h1 { font-size:54px; } .cp-plan { padding:27px; } .cp-plan__top { flex-wrap:wrap; } .cp-connect { gap:15px; } .cp-connect p { gap:10px; } }
@media(min-width:761px) and (max-width:1000px) {
 .cp-hero { grid-template-columns:1fr; gap:40px; padding-block:48px; }
 .cp-hero h1 { max-width:700px; }
}
@media(max-width:760px) {
 .campus-landing .shell { width:calc(100% - 40px); }
 .cp-hero { grid-template-columns:1fr; padding-block:35px 38px; gap:35px; }
 .cp-hero h1 { font-size:clamp(40px,8.2vw,64px); letter-spacing:-2px; }
 .cp-lead { font-size:16px; max-width:550px; }
 .cp-connect { flex-wrap:wrap; padding-block:20px; } .cp-connect>span { flex-basis:100%; } .cp-connect p { font-size:11px; } .cp-connect a { font-size:11px; }
 .cp-section { padding-block:56px; } .cp-features { grid-template-columns:1fr;gap:28px; }
 .cp-feature { padding-bottom:26px;border-bottom:1px solid var(--line); }.cp-feature:last-child { padding-bottom:0;border-bottom:0; }
 .cp-feature__art { height:145px;margin-bottom:16px; }.cp-features h3 { font-size:24px; }
 .cp-benefits__heading>p:last-child { font-size:15px; }
 .cp-section__heading { margin-bottom:30px; } .campus-landing h2 { letter-spacing:-1px; }
 .cp-plans { padding-block:52px 35px; } .cp-plans__heading { display:block; } .cp-plans__heading>p { margin-top:18px; }
 .cp-plan-trial { padding:18px 20px; gap:8px; margin-bottom:18px; }
 .cp-plan-grid { grid-template-columns:1fr; gap:18px; } .cp-plan { padding:27px 24px; } .cp-plan__description { min-height:0; }
 .cp-plan__top { flex-wrap:nowrap; } .cp-plan__top h3 { font-size:23px; } .cp-plan__top .cp-plan__badge { font-size:8px; }
 .cp-extra { grid-template-columns:1fr; gap:15px; padding:23px; margin-top:25px; } .cp-extra__icon { display:none; }
 .cp-extra h2 { font-size:23px; } .cp-extra__action { text-align:left; } .cp-extra__action p { flex-direction:row; align-items:baseline; gap:12px; }
 .cp-extra--library { margin-bottom:38px; }
 .cp-extra--library .cp-extra__action { align-items:flex-start; }
 .cp-faq { grid-template-columns:1fr; gap:28px; padding-block:55px; } .cp-faq h2 { margin-bottom:18px; }
 .cp-final { margin-bottom:38px; padding:35px 20px; } .cp-final h2 { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .campus-landing * { transition:none!important; animation:none!important; } }
@media(max-width:380px) { .cp-plan__top { flex-wrap:wrap; } }

/* Preserve the shared layout while keeping disclosures visually simple. */
.campus-landing .cp-faq__items details { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.campus-landing .cp-faq__items details:first-child { border-top:1px solid var(--line); }
.campus-landing .cp-faq__items summary { padding:21px 0; }
.campus-landing .cp-faq__items details p { padding:0; }
.campus-landing .cp-plan--plus .cp-plan__footnote { font-size:13px; }

/* Link and demo icons share the same alignment at every breakpoint. */
.cp-connect > a,.cp-extra__action > a,.footer__links a:has(> .cp-icon) { display:inline-flex; align-items:center; gap:8px; }
.cp-connect > a > .cp-icon,.cp-features a > .cp-icon,.cp-extra__action > a > .cp-icon { width:16px; height:16px; margin:0; }
.footer__links a > .cp-icon { width:14px; height:14px; }

/* Keep plan limits and purchase conditions readable on small screens. */
@media(max-width:760px) {
 .cp-plan__top { flex-wrap:wrap; gap:10px; }
 .cp-plan__top .cp-plan__badge { font-size:10px; letter-spacing:.3px; }
 .cp-plan__footnote,.campus-landing .cp-plan--plus .cp-plan__footnote,.cp-plans__note { font-size:14px; }
 .cp-connect p { font-size:13px; gap:10px; }
 .cp-connect a,.cp-features a,.cp-extra__action > a { min-height:44px; align-items:center; font-size:14px; }
 .cp-faq .cp-link { min-height:44px; }
}
@media(max-width:360px) { .cp-hero h1 { font-size:38px; letter-spacing:-1.5px; } }

/* A connected process, kept open like the illustrated benefits above. */
.cp-start{padding-block:28px 68px;scroll-margin-top:100px}
.cp-start .cp-section__heading{text-align:center;margin-bottom:42px}
.cp-start__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:0;padding:0;list-style:none}
.cp-start__steps li{position:relative;min-width:0;text-align:center}
.cp-start__art{display:block;width:100%;height:168px;object-fit:contain;margin:0 auto 22px}
.cp-start__connector{position:absolute;top:73px;left:calc(50% + 112px);width:calc(100% - 176px);display:flex;align-items:center;color:#8ba8b5}
.cp-start__connector::before{content:"";flex:1;height:1px;background:#bfd4de}
.cp-start__connector>.cp-icon{width:22px;height:22px;margin-left:-8px}
.cp-start__number{display:block;margin-bottom:9px;color:var(--cp-muted);font-size:11px;font-weight:600;letter-spacing:1px;line-height:1.5}
.cp-start__steps h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0 0 11px}
.cp-start__steps p{max-width:300px;margin:0 auto;color:var(--cp-muted);font-size:15px;line-height:1.65}
@media(max-width:1000px) and (min-width:761px){.cp-start__steps{gap:32px}.cp-start__connector{left:calc(50% + 88px);width:calc(100% - 144px)}.cp-start__steps h3{font-size:21px}.cp-start__steps p{font-size:14px}}
@media(max-width:760px){
 .cp-start{padding-block:16px 48px}.cp-start .cp-section__heading{margin-bottom:32px}
 .cp-start__steps{grid-template-columns:1fr;gap:46px;max-width:520px;margin-inline:auto}
 .cp-start__art{height:145px;margin-bottom:18px}
 .cp-start__connector{left:calc(50% - 11px);top:auto;bottom:-35px;width:22px;transform:rotate(90deg)}
 .cp-start__connector::before{display:none}.cp-start__connector>.cp-icon{width:22px;height:22px;margin:0}
 .cp-start__number{margin-bottom:5px}.cp-start__steps h3{font-size:22px;margin-bottom:9px}
 .cp-start__steps p{max-width:300px;margin:0 auto;font-size:14px;line-height:1.65}
}

/* Equal plan cards keep price and action rows comparable. */
@media(min-width:761px){
 .cp-plans{padding-block:48px 36px}
}
/* Keep desktop section spacing and actions compact without changing mobile. */
@media(min-width:1001px){
 .cp-hero{padding-block:56px}
 .cp-section{padding-block:64px 48px}
 .campus-landing .research-feature{padding-block:48px}
 .research-feature__actions{display:flex;align-items:flex-start;gap:24px;margin-top:16px}
 .research-feature__actions .research-feature__details{flex:1;min-width:0;margin-top:0}
 .research-feature__actions .research-feature__footer{flex:none;margin-top:0}
 .research-feature__actions .research-feature__footer a{min-height:52px;padding:12px 18px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
 .research-feature__actions .research-feature__footer a:hover{background:var(--sky-pale);text-decoration:none}
 .cp-start{padding-bottom:64px}
 .cp-faq{display:block;padding-block:64px 48px}
 .cp-faq>div:first-child{display:grid;grid-template-columns:1fr auto;gap:0 32px;align-items:end;margin-bottom:32px}
 .cp-faq>div:first-child .cp-kicker{grid-column:1;margin-bottom:16px}
 .cp-faq h2{grid-column:1;margin:0}
 .cp-faq>div:first-child .cp-link{grid-column:2;grid-row:1 / 3;min-height:44px;align-items:center}
 .cp-faq__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;align-items:start}
 .campus-landing .cp-faq__items details:nth-child(2){border-top:1px solid var(--line)}
}

/* Motion progressively reveals the example; the full response works without JS. */
.cp-motion{width:100%;max-width:520px;min-width:0;margin:0 auto}
.cp-motion__window{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 18px 50px -28px #102a3a30}
.cp-motion__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
.cp-motion__bar>span:first-child{display:flex;align-items:center;gap:9px}
.cp-motion__plus{padding:3px 6px;border-radius:5px;background:var(--sky-pale);color:#087fa4;font-size:10px}
.cp-motion__badge{font-size:10px;letter-spacing:.05em;font-weight:600;color:var(--muted)}
.cp-motion img{flex:none}
.cp-motion__body{padding:26px}
.cp-motion__question{width:fit-content;max-width:90%;padding:13px 16px;margin:0 0 24px auto;background:var(--sky-pale);border-radius:16px 16px 3px 16px;font-size:15px;line-height:1.5}
.cp-motion__answer{position:relative;display:flex;align-items:flex-start;gap:12px}
.cp-motion__thinking{position:absolute;top:0;left:42px;display:flex;align-items:center;gap:5px;opacity:0;pointer-events:none;color:var(--muted);font-size:12px;line-height:1.6}
.cp-motion__thinking span{margin-right:5px}
.cp-motion__thinking i{width:4px;height:4px;border-radius:50%;background:currentColor}
.cp-motion__answer>div{flex:1;min-width:0}
.cp-motion__context{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.6}
.cp-motion__answer strong{display:block;font-size:15px;line-height:1.5;font-weight:600}
.cp-motion__steps{display:grid;gap:13px;list-style:none;counter-reset:assignment-steps;margin:17px 0 20px;padding:0}
.cp-motion__steps li{position:relative;padding-left:31px;counter-increment:assignment-steps}
.cp-motion__steps li::before{content:counter(assignment-steps);position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sky-pale);color:#087fa4;font-size:11px;font-weight:600}
.cp-motion__steps b{display:block;font-size:13px;line-height:1.5;font-weight:600}
.cp-motion__steps span{display:block;margin-top:2px;font-size:12px;line-height:1.5;color:var(--muted)}
.cp-motion__sources{display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.cp-motion__sources span{padding:4px 7px;border:1px solid var(--line);border-radius:5px;font-size:10px;color:var(--muted);line-height:1.5}
.cp-motion figcaption{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 16px;padding:12px 4px 0;color:var(--muted);font-size:11px;line-height:1.5}
.cp-motion figcaption>span{flex:1;min-width:200px}
.cp-motion figcaption button{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:-12px;padding:8px 0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.cp-motion figcaption button[hidden]{display:none}
.cp-motion figcaption button:disabled{color:var(--muted);cursor:default}
.cp-motion figcaption button .cp-icon{width:14px;height:14px}
@media(prefers-reduced-motion:reduce){.cp-motion__thinking{display:none}.cp-motion figcaption button{display:none}}
@media(max-width:760px){.cp-motion__body{padding:24px 20px}.cp-motion__bar{padding:16px 20px}}
@media(max-width:360px){.cp-motion__question{max-width:92%;font-size:15px;padding:12px 14px}.cp-motion__answer{gap:9px}.cp-motion__body{padding-inline:17px}}