/* Shared site chrome always retains the homepage identity. */
.concept-i .header-wrap { --heading:"Cal Sans","Arial Black",sans-serif; --body:"Google Sans Flex","Google Sans",Arial,sans-serif; --blue:#4285f4; --red:#ea4335; --yellow:#fbbc05; --green:#34a853; --action:#195fce; --ink:#17181c; --muted:#656972; --line:#e4e7ec; --soft:#f6f7f9; --heading-accent:#4285f4; --cta-bg:#d93025; --cta-hover:#b3261e; --cta-ink:#fff; color:#202124; font-family:var(--body); }
.service-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr); align-items:center; gap:64px; text-align:left; }
.concept-i:is(.claude-theme,.chatgpt-theme) .service-hero-copy h1 { font-size:clamp(40px,4.2vw,64px); text-align:left; margin:20px 0 24px; }
.concept-i:is(.claude-theme,.chatgpt-theme) .service-hero-copy :is(.gpt-lead,.gpt-intro,.claude-lead,.claude-hero-description) { margin-left:0; margin-right:0; text-align:left; }
.service-hero-copy .gpt-question-links,.service-hero-copy .claude-hero-notes { justify-content:flex-start; }
.service-map { --visual-ink:#0d0d0d; --visual-muted:#626262; --visual-line:#dedede; --visual-paper:#fff; --visual-tint:#f1f1f1; padding:30px; border:1px solid var(--visual-line); border-radius:28px; background:var(--visual-tint); color:var(--visual-ink); box-shadow:0 18px 55px #17181c08; }
.claude-service-map { --visual-ink:#98472f; --visual-muted:#706359; --visual-line:#ded0c2; --visual-paper:#fffdf8; --visual-tint:#eee5da; border-radius:16px; }
.service-map-label { font:600 13px/1.5 var(--body); letter-spacing:.07em; text-transform:uppercase; color:var(--visual-muted); margin-bottom:24px; }
.service-glyph { display:inline-grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:14px; background:#eee; color:#0d0d0d; }
.service-glyph svg { width:25px; height:25px; display:block; }
.claude-theme .service-glyph { background:#eee1d3; color:#98472f; border-radius:50%; }
.service-map .service-glyph { background:var(--visual-paper); color:var(--visual-ink); }
.service-question,.service-folio-head { display:flex; align-items:center; gap:18px; }
.concept-i .service-question p,.concept-i .service-folio-head p { font-size:25px; line-height:1.3; letter-spacing:-.025em; margin:0; color:var(--visual-ink); }
.service-folio-head { padding-bottom:26px; border-bottom:1px solid var(--visual-line); }
.claude-service-map .service-folio-head p { font-family:var(--heading); }
.service-connector { width:1px; height:28px; background:var(--visual-line); margin:auto; position:relative; }
.service-connector::after { content:""; position:absolute; width:6px; height:6px; border-right:1px solid var(--visual-line); border-bottom:1px solid var(--visual-line); bottom:1px; left:-3px; transform:rotate(45deg); }
.service-source-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.service-source-grid > div { background:var(--visual-paper); border:1px solid var(--visual-line); border-radius:18px; padding:20px 16px; }
.service-source-grid .service-glyph { margin-bottom:12px; background:var(--visual-tint); }
.service-map strong { display:block; font:600 16px/1.4 var(--body); }
.service-map span:not(.service-glyph) { display:block; font-size:14px; color:var(--visual-muted); margin-top:6px; line-height:1.5; }
.service-map-output { display:flex; gap:14px; align-items:center; padding:20px; border:1px solid var(--visual-line); border-radius:16px; background:var(--visual-paper); }
.service-map-output .service-glyph { background:var(--visual-tint); }
.service-map-caption { font-size:13px; color:var(--visual-muted); margin:20px 0 0; }
.service-folio-row { display:flex; gap:16px; align-items:center; padding:18px 0; border-bottom:1px solid var(--visual-line); }.claude-service-map .service-map-output { margin-top:24px; }
:is(.gpt-three,.claude-three,.gpt-delivery,.claude-delivery) article > .service-glyph { margin-bottom:24px; }
.concept-i .claude-delivery article > .service-glyph { display:inline-grid; letter-spacing:0; padding:0; }
.gpt-delivery article { padding:30px; border:1px solid #e3e3e3; border-radius:24px; background:#fafafa; }.gpt-delivery { gap:20px; }
.claude-delivery article { position:relative; box-shadow:0 12px 30px #302e2905; }
.service-evidence-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 36px; }
.service-evidence-flow > div { padding:22px 18px; background:#fff; border:1px solid #dedede; border-radius:18px; position:relative; }
.service-evidence-flow strong { display:block; font:600 16px/1.4 var(--body); margin:16px 0 8px; }.service-evidence-flow span:not(.service-glyph) { font:400 14px/1.5 var(--body); color:#626262; }
.service-evidence-flow > div:not(:last-child)::after { content:'→'; position:absolute; right:-17px; top:48%; color:#777; }
.claude-theme .service-evidence-flow { grid-template-columns:1fr; gap:14px; }.claude-theme .service-evidence-flow > div { background:#fcfaf5; border-color:#ded0c2; display:grid; grid-template-columns:48px 1fr; gap:2px 16px; align-items:center; }.claude-theme .service-evidence-flow .service-glyph { grid-row:1/3; }.claude-theme .service-evidence-flow strong { margin:0; }.claude-theme .service-evidence-flow > div::after { display:none; }
@media(max-width:1000px) { .service-hero-grid { gap:32px; grid-template-columns:1fr 1fr; }.service-map { padding:24px; } }
@media(max-width:760px) { .service-hero-grid { grid-template-columns:1fr; }.service-map { max-width:580px; width:100%; margin:10px auto 0; }.service-evidence-flow { grid-template-columns:1fr; gap:14px; }.service-evidence-flow > div:not(:last-child)::after { display:none; }.gpt-delivery article { padding:24px; } }
@media(max-width:380px) { .service-map { padding:20px; }.service-source-grid { grid-template-columns:1fr; }.service-map-output { padding:16px; }.concept-i .service-question p,.concept-i .service-folio-head p { font-size:22px; } }
.concept-i:is(.claude-theme,.chatgpt-theme) .i-brand .brand-lockup small i { background:#ea4335; }
/* The shared mega menu owns its palette independently of service-page themes. */
.concept-i .header-wrap .cloud-menu { --menu-color:#4285f4 !important; --menu-ink:#195fce !important; --menu-pastel:#e8f0fe !important; --menu-button:#1a73e8 !important; --menu-button-hover:#155fc0 !important; --menu-button-ink:#fff !important; }
.concept-i .header-wrap :is(.cloud-menu[data-category="1"],#cloud-tab-1,#cloud-panel-1) { --menu-color:#ea4335 !important; --menu-ink:#b3261e !important; --menu-pastel:#fce8e6 !important; --menu-button:#d93025 !important; --menu-button-hover:#b3261e !important; --menu-button-ink:#fff !important; }
.concept-i .header-wrap :is(.cloud-menu[data-category="2"],#cloud-tab-2,#cloud-panel-2) { --menu-color:#fbbc05 !important; --menu-ink:#795600 !important; --menu-pastel:#fef7e0 !important; --menu-button:#fbbc05 !important; --menu-button-hover:#e4aa00 !important; --menu-button-ink:#202124 !important; }
.concept-i .header-wrap :is(.cloud-menu[data-category="3"],#cloud-tab-3,#cloud-panel-3) { --menu-color:#34a853 !important; --menu-ink:#188038 !important; --menu-pastel:#e6f4ea !important; --menu-button:#188038 !important; --menu-button-hover:#12652b !important; --menu-button-ink:#fff !important; }
.concept-i .header-wrap :is(#cloud-tab-0,#cloud-panel-0) { --menu-color:#4285f4 !important; --menu-ink:#195fce !important; --menu-pastel:#e8f0fe !important; --menu-button:#1a73e8 !important; --menu-button-hover:#155fc0 !important; --menu-button-ink:#fff !important; }
.concept-i .header-wrap .cloud-category > i:first-child,.concept-i .header-wrap .cloud-feature > i { color:var(--menu-color); }
.concept-i .header-wrap .cloud-feature { background:var(--menu-pastel); }
.concept-i .header-wrap .cloud-feature .action-button { --cta-bg:var(--menu-button); --cta-hover:var(--menu-button-hover); --cta-ink:var(--menu-button-ink); background:var(--menu-button); color:var(--menu-button-ink); border-color:var(--menu-button); }
.concept-i .header-wrap .cloud-feature .action-button:hover { background:var(--menu-button-hover); border-color:var(--menu-button-hover); }
.concept-i .header-wrap .cloud-category:is(:hover,:focus-visible,[aria-selected="true"]),.concept-i .header-wrap .cloud-service:is(:hover,:focus-visible,[aria-current="page"]) { color:var(--menu-ink); background:var(--menu-pastel); }
.concept-i .header-wrap .cloud-service[aria-current="page"] { box-shadow:none; }
.concept-i .header-wrap .cloud-service[aria-current="page"] strong { color:var(--menu-ink); }
.concept-i .header-wrap .cloud-service[aria-current="page"]::after { content:"Current page"; display:inline-block; margin-top:7px; font:600 12px/1.4 var(--body); color:var(--menu-ink); }
/* Keep FAQ content inset from its tinted panel at every viewport. */
.concept-i.chatgpt-theme .faq-section.shell-wide { width:min(1390px,calc(100% - 48px)); padding:clamp(40px,6vw,80px) clamp(24px,5vw,72px); border-radius:28px; margin-block:24px; }
.concept-i.chatgpt-theme .faq-section .faq-list { width:100%; max-width:1010px; margin-inline:auto; }
.concept-i.chatgpt-theme .faq-list summary { font-size:clamp(18px,2vw,24px); padding-block:24px; gap:20px; }
.concept-i.chatgpt-theme .faq-list summary > span { flex-shrink:0; }
.concept-i.chatgpt-theme .faq-list details > div { padding-right:32px; }
@media(max-width:600px) { .concept-i.chatgpt-theme .faq-section.shell-wide { width:calc(100% - 32px); padding:36px 22px; border-radius:20px; }.concept-i.chatgpt-theme .faq-list details > div { padding-right:0; } }
/* Platform sculptures are accents; Allure's shared identity stays unchanged. */
.platform-mark-3d { display:block; height:auto; aspect-ratio:1; object-fit:contain; pointer-events:none; user-select:none; }
.service-map:has(.platform-mark-hero) { position:relative; margin-top:42px; padding-top:40px; }
.platform-mark-hero { position:absolute; width:150px; right:14px; top:-80px; transform:rotate(9deg); }
.service-map:has(.platform-mark-hero) .service-map-label { padding-right:100px; min-height:40px; }
.claude-service-map .platform-mark-hero { transform:rotate(-12deg); right:8px; }
.platform-mark-heading { position:relative; }
.platform-mark-detail { width:108px; margin:0 0 20px; transform:rotate(-16deg); }
.gpt-section-head .platform-mark-detail { margin-inline:auto; }
.platform-accent-close { position:relative; }
.platform-accent-close .platform-mark-close { position:absolute; width:145px; right:2%; top:30px; transform:rotate(17deg); }
.claude-theme .platform-accent-close .platform-mark-close { right:auto; left:1%; transform:rotate(-15deg); }
@media(max-width:1100px) { .platform-accent-close .platform-mark-close { position:static; width:95px; margin:0 auto 24px; }.claude-theme .platform-accent-close .platform-mark-close { position:static; } }
@media(max-width:600px) { .platform-mark-hero { width:115px; top:-57px; right:12px; }.service-map:has(.platform-mark-hero) { margin-top:35px; padding-top:30px; }.service-map:has(.platform-mark-hero) .service-map-label { padding-right:75px; }.platform-mark-detail { width:88px; } }