/* SEO + AIO hero: accessible, responsive concept illustration built as live text. */
#hero.aio-hero{min-height:0;padding:56px 0 28px;background:radial-gradient(ellipse at 76% 58%,#1a102d 0,transparent 40%),radial-gradient(ellipse at 20% 62%,#071a32 0,transparent 42%),#020204}
.aio-hero .hero-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px;font-size:14px}
.hero-brand{color:#b2b2bc;font-weight:500}.hero-discipline{color:#e4e9ff;border-left:1px solid #50505b;padding-left:18px;letter-spacing:.08em}.hero-discipline>span{color:#8697e6}
.aio-hero .hero-copy h1{font-size:clamp(38px,4.9vw,70px);line-height:1.3;letter-spacing:-.055em;white-space:normal;margin-bottom:22px}
.ai-headline{background:linear-gradient(105deg,#77bdff 0%,#b3baff 52%,#ddb7fc 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.aio-hero .hero-subtitle{font-size:17px;line-height:1.9;color:#b4b4bf}.aio-hero .hero-actions{margin-top:23px;gap:28px}.mobile-break{display:none}
.discovery-visual{width:min(1000px,calc(100% - 80px));margin:44px auto 0;position:relative}.discovery-panels{display:grid;grid-template-columns:1fr 1fr;gap:64px;position:relative}
.discovery-panel{text-align:left;min-width:0}.discovery-heading{display:flex;align-items:center;gap:14px;margin:0 0 13px;padding:0 5px;font-size:13px;color:#d5d8e5;letter-spacing:0}.channel-mark{font-family:'Montserrat',sans-serif;font-size:23px;font-weight:700;color:#79bdff;letter-spacing:-.04em}.answer-panel .channel-mark{color:#c5a5ff}
.discovery-screen{height:264px;border:1px solid #49669380;border-radius:20px;background:linear-gradient(135deg,#192334e8,#0c111bed);box-shadow:0 15px 70px #1779ff12;padding:23px 26px;overflow:hidden}.answer-panel .discovery-screen{background:linear-gradient(135deg,#211d32ef,#10121ced);border-color:#785c9f80;box-shadow:0 15px 70px #a95cff12}
.mock-query{display:flex;align-items:center;gap:10px;color:#d0d4e2;border-bottom:1px solid #ffffff1f;padding-bottom:14px;font-size:12px;white-space:nowrap;letter-spacing:0}.mock-query svg{width:17px;height:17px;stroke:#89a7d9;fill:none;stroke-width:1.8;flex-shrink:0}.ai-spark{font-size:19px;color:#c5a5ff;line-height:1}.search-result{padding:17px 0 0}.mock-source{display:flex;align-items:center;gap:7px;font-size:10px;color:#c2ccdb;letter-spacing:.02em}.brand-dot{width:14px;height:14px;border-radius:4px;display:inline-block;background:linear-gradient(135deg,#63b1ff,#c296ff);flex-shrink:0;box-shadow:0 0 13px #73a5ff33}.result-title{font-size:16px;font-weight:500;color:#94c0ff;margin:7px 0 12px;letter-spacing:-.02em}.skeleton-line{height:5px;background:#ffffff1c;border-radius:20px;margin:7px 0}.skeleton-line.long{width:94%}.skeleton-line.medium{width:74%}.skeleton-line.short{width:60%}.discovery-chip{display:inline-flex;align-items:center;gap:15px;margin-top:7px;color:#a3c9fd;background:#4c99ff12;border:1px solid #77aaff30;padding:3px 10px;border-radius:7px;font-size:10px}.muted-result{opacity:.5;border-top:1px solid #ffffff12;margin-top:13px;padding-top:7px}.parallel-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);font-size:36px;font-weight:300;color:#99aad3;text-shadow:0 0 24px #8e97fa55}.ai-answer{padding-top:14px}.answer-label{color:#cdb7f4;font-size:11px;display:flex;gap:7px;align-items:center}.ai-answer p{color:#ebebf5;font-size:14px;line-height:1.7;margin:9px 0 12px}.citation-preview{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #b395ee50;background:#aa7ae815;border-radius:8px;color:#dfd1fa;font-size:10px;margin-top:15px}.citation-preview>span:last-child{margin-left:auto}
.discovery-convergence{display:grid;grid-template-columns:1fr 1fr;width:53%;height:35px;margin:auto}.discovery-convergence span{border-left:1px solid #689ee585;border-bottom:1px solid #689ee585;border-radius:0 0 0 16px}.discovery-convergence span+span{border-left:0;border-right:1px solid #b18aea85;border-bottom-color:#b18aea85;border-radius:0 0 16px 0}.discovery-outcome{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;margin:19px auto 0;color:#d0d4e5;font-size:15px;letter-spacing:0}.discovery-outcome:before{content:'';position:absolute;top:-19px;left:50%;height:13px;width:1px;background:#a3abdc}.outcome-dot{width:7px;height:7px;border-radius:50%;background:#a4b5ff;box-shadow:0 0 18px #8497ff}.discovery-outcome strong{color:#fff;font-weight:600}#discovery-caption{font-size:10px;color:#a2a6b9;margin:14px 0 0;line-height:1.8}#discovery-caption>span{display:block;font-size:9px;color:#85899c}.aio-definition{font-size:10px;color:#8f93a6;margin:18px 0 0;letter-spacing:.025em}
.aio-section-lead{font-size:18px;line-height:1.9;color:#b6b6c0;margin:-28px 0 55px;max-width:850px}#why-seo-important .point-icon{font-family:'Montserrat',sans-serif;font-size:15px;letter-spacing:.04em}.why-seo-summary .text-link{display:inline-block;font-size:14px;margin-top:4px}.preview-notice{font-size:12px;line-height:1.8;background:#f0f6fd;border:1px solid #d2e3f5;color:#3d526d;border-radius:12px;padding:14px 16px;margin:0 0 23px}.preview-notice a{color:#0066cc;text-decoration:underline}#send-form:disabled{cursor:not-allowed}
@media(max-width:800px){#hero.aio-hero{padding-top:44px}.aio-hero .hero-copy h1{font-size:46px}.discovery-visual{width:calc(100% - 48px);margin-top:36px}.discovery-panels{gap:36px}.discovery-screen{height:256px;padding:20px 18px}.discovery-heading{font-size:11px;gap:10px}.channel-mark{font-size:21px}.mock-query{font-size:10px}.result-title{font-size:13px}.ai-answer p{font-size:12px}.parallel-mark{font-size:25px}.citation-preview{font-size:9px;gap:6px;padding:9px 7px}.aio-section-lead{font-size:16px}}
@media(max-width:580px){#hero.aio-hero{padding-top:36px;padding-bottom:27px}.aio-hero .hero-copy .eyebrow{font-size:11px;gap:12px;margin-bottom:20px}.hero-discipline{padding-left:12px}.aio-hero .hero-copy h1{font-size:clamp(25px,7vw,40px);line-height:1.4;letter-spacing:-.06em;margin-bottom:19px}.aio-hero .hero-subtitle{font-size:12px;line-height:1.95}.mobile-break{display:block}.aio-hero .hero-actions{flex-direction:column;gap:5px;margin-top:21px}.aio-hero .hero-actions .cta-button{font-size:13px;padding:10px 23px}.aio-hero .text-link{font-size:12px}.discovery-visual{width:calc(100% - 36px);max-width:390px;margin-top:27px}.discovery-panels{grid-template-columns:1fr;gap:35px}.discovery-panel{position:relative}.discovery-heading{font-size:12px;margin-bottom:9px;padding:0 3px}.channel-mark{font-size:21px}.discovery-screen{height:228px;padding:18px 21px;border-radius:17px}.mock-query{font-size:11px;padding-bottom:12px}.result-title{font-size:15px}.search-result{padding-top:13px}.muted-result{display:none}.ai-answer p{font-size:13px;margin-bottom:8px}.citation-preview{font-size:10px;margin-top:12px;padding:7px 10px}.parallel-mark{top:50%;left:50%;transform:translate(-50%,-20%);line-height:1;font-size:25px}.discovery-convergence{width:1px;height:24px;display:block;background:linear-gradient(#709ffa,#c39dff)}.discovery-convergence span{display:none}.discovery-outcome{font-size:12px;gap:8px;margin-top:7px}.discovery-outcome:before{display:none}#discovery-caption{font-size:9px;margin-top:13px}#discovery-caption>span{font-size:8px;max-width:310px;margin:3px auto 0}.aio-definition{font-size:9px;margin-top:14px}.aio-section-lead{font-size:14px;margin:-12px 0 38px}}
