/* Homepage only. Keep white reading surfaces and the original illustration roots. */
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis]{background:#122b43;border-radius:24px;box-shadow:0 22px 48px -24px #122b4360;overflow:visible}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ie-phone-intro{padding:10px 16px 20px;color:#fff}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ie-kicker{margin:0 0 9px;color:#bdd1ff;font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:1.25px}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] #ie-phone-title{color:#fff;font:700 clamp(24px,2.2vw,30px)/1.12 'Inter Tight',Arial,sans-serif;letter-spacing:-.65px;margin:0;max-width:370px}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ie-phone-hint{color:#bdd1ff;font:500 12px/1.6 Manrope,Arial,sans-serif;margin:9px 0 0}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ai-phone{box-shadow:inset 0 0 0 1px #354b60;background:#fff}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .phone-app-heading strong{font-weight:700}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .phone-comparison button[aria-pressed=true]{background:#122b43;color:#fff;font-weight:700;box-shadow:0 2px 6px #122b4320}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .phone-assistants button[aria-pressed=true]{color:#1548c4;font-weight:700;border-bottom-width:3px}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ai-example-navigation{padding:10px 8px 0;gap:10px;color:#bdd1ff}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] #ai-example-count{color:#bdd1ff}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ai-example-navigation button{color:#fff;font-weight:600}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ai-example-navigation #ai-next-example{color:#fff;background:#2158db;border:1px solid #2158db;border-radius:8px;padding:8px 10px;min-height:40px}
#gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ai-example-navigation button:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* The navy heading joins the pale diagram without narrowing its flow layout. */
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading{background:#122b43;border-top:4px solid #2158db;border-radius:24px 24px 0 0;padding:28px 30px;margin-bottom:0;align-items:center;gap:32px}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .ie-network-label{margin:0 0 12px;color:#bdd1ff;font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:1.25px}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-eyebrow{color:#bdd1ff}
#gta-maple-intelligence #search-network[data-illustration-emphasis] #search-network-title{color:#fff;font-weight:700}
#gta-maple-intelligence #search-network[data-illustration-emphasis] #search-network-title span{color:#bdd1ff}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading>p{color:#fff;margin:0}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading a{color:#bdd1ff;text-decoration-thickness:1px;text-underline-offset:3px}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-map{border:2px solid #122b43;border-top:0;border-radius:0 0 22px 22px;box-shadow:0 18px 40px -26px #122b4355}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-timeline button[aria-pressed=true]{background:#122b43;color:#fff;border-color:#122b43;font-weight:700}
#gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-timeline button[aria-pressed=true]:after{background:#bdd1ff}

/* Stacked scenes lead down into the phone, including on small screens. */
@media(max-width:1199px){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation{display:grid;background:#edf3ff;color:#122b43;border-radius:12px;padding:12px 16px;margin-bottom:40px}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation-pointer{left:50%;right:auto;top:auto;bottom:-34px;width:40px;height:28px;transform:translateX(-50%) rotate(90deg);stroke:#bdd1ff;stroke-width:2;pointer-events:none}
}
/* Match the phone's inner edges and keep the mobile story compact. */
@media(max-width:800px){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation{width:calc(100% - 12px);margin:0 6px 16px}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation-pointer{display:none}
}
@media(max-width:380px){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation{width:calc(100% - 10px);margin-inline:5px}
}
@media(max-width:500px){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation .ai-visual{width:76px;height:90px}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .hero-situation #ai-situation-title{max-width:none}
}
@media(max-width:980px){
  #gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading{padding:24px;gap:20px}
  #gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading>p{margin-top:16px}
}
@media(max-width:600px){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis]{border-radius:22px;box-shadow:0 18px 36px -24px #122b4360}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ie-phone-intro{padding:12px 14px 18px}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] #ie-phone-title{font-size:27px;max-width:330px}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ai-example-navigation{padding:8px 5px 1px}
  #gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading{padding:22px 20px;border-radius:20px 20px 0 0}
  #gta-maple-intelligence #search-network[data-illustration-emphasis] #search-network-title{font-size:30px;line-height:1.13}
  #gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading>p{font-size:13px;line-height:1.75}
}
@media(max-width:360px){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] #ie-phone-title{font-size:25px}
  #gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading{padding:20px 16px}
  #gta-maple-intelligence #search-network[data-illustration-emphasis] #search-network-title{font-size:27px}
}
@media(forced-colors:active){
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis]{outline:2px solid CanvasText;box-shadow:none}
  #gta-maple-intelligence #ai-search-studio[data-illustration-emphasis] .ie-phone-intro,
  #gta-maple-intelligence #search-network[data-illustration-emphasis] .sn-heading{border:1px solid CanvasText}
}
