/* Service-specific content, using the homepage's colored surfaces and quiet motion. */
.concept-i .sg-section{--sg-accent:#1a73e8;--sg-soft:#e8f0fe;--sg-ink:#202124;--sg-muted:#4e5b6c;--sg-paper:#fff;--sg-button:#1a73e8;--sg-button-text:#fff;padding:clamp(48px,6vw,92px) 0;font-family:inherit;overflow:clip}
.concept-i .sg-shell{width:calc(100% - 96px);max-width:1390px;margin-inline:auto}
.concept-i .sg-green{--sg-accent:#188038;--sg-soft:#e6f4ea;--sg-button:#188038}
.concept-i .sg-red{--sg-accent:#d93025;--sg-soft:#fce8e6;--sg-button:#d93025}
.concept-i .sg-yellow{--sg-accent:#bd8200;--sg-soft:#fff8df;--sg-button:#fbbc04;--sg-button-text:#202124}
.concept-i .sg-section[data-growth-theme=claude]{--sg-accent:#a64b32;--sg-soft:#eee8dd;--sg-ink:#35332d;--sg-muted:#625e56;--sg-paper:#fbfaf7;--sg-button:#a64b32;--sg-button-text:#fff;background:#f7f4ed}
.concept-i .sg-section[data-growth-theme=chatgpt]{--sg-accent:#087f67;--sg-soft:#e5f3ee;--sg-ink:#161616;--sg-muted:#505853;--sg-button:#171717;--sg-button-text:#fff}
.concept-i .sg-section[data-growth-theme=perplexity]{--sg-accent:#176e72;--sg-soft:#e5f0ef;--sg-ink:#173337;--sg-muted:#4e6567;--sg-button:#176e72;--sg-button-text:#fff}
.concept-i .sg-section[data-growth-theme=bing]{--sg-accent:#087b78;--sg-soft:#e4f4f2;--sg-button:#087b78;--sg-button-text:#fff}
.concept-i .sg-section[data-growth-theme=copilot]{--sg-accent:#1764c0;--sg-soft:#eaf2fc;--sg-button:#1764c0;--sg-button-text:#fff}
.concept-i .sg-section[data-growth-theme=grok]{--sg-accent:#202124;--sg-soft:#f0f1f2;--sg-button:#202124;--sg-button-text:#fff}
.concept-i .sg-section[data-growth-theme=amazon]{--sg-accent:#9e5700;--sg-soft:#fff2dc;--sg-button:#ff9900;--sg-button-text:#171717}
.concept-i .sg-section[data-growth-theme=shopify]{--sg-accent:#356b26;--sg-soft:#edf5df;--sg-button:#193b23;--sg-button-text:#fff}
.concept-i .sg-section[data-growth-theme=haro]{--sg-accent:#174b70;--sg-soft:#eaf1f6;--sg-button:#174b70;--sg-button-text:#fff}
.concept-i .sg-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;position:relative;color:var(--sg-ink)}
.concept-i .sg-section h2{font-family:inherit;font-size:clamp(1.95rem,3.15vw,3.25rem);font-weight:650;line-height:1.12;letter-spacing:-.045em;color:var(--sg-ink);margin:0;max-width:1000px;text-wrap:balance}
.concept-i .sg-section[data-growth-theme=claude] h2{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.035em}
.concept-i .sg-section p{font-size:1.0625rem;line-height:1.75;color:var(--sg-muted);margin:0;max-width:none}
.concept-i .sg-heading{grid-column:1/-1;margin-bottom:12px;position:relative;z-index:1}
.concept-i .sg-tile{padding:32px;border-radius:24px;position:relative;isolation:isolate;background:var(--sg-soft);min-width:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background .35s ease}
.concept-i .sg-lead{grid-column:1/6}
.concept-i .sg-detail{grid-column:6/-1;background:var(--sg-paper);box-shadow:0 4px 28px #20212408}
.concept-i .sg-note{grid-column:1/9;display:flex;align-items:center;gap:18px;padding:16px 0;align-self:center}
.concept-i .sg-note p{font-size:1rem;line-height:1.6;font-weight:550;color:var(--sg-ink)}
.concept-i .sg-note-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sg-soft);color:var(--sg-accent);flex:0 0 44px;transition:transform .35s ease}
.concept-i .sg-note-mark svg{width:20px;height:20px}
.concept-i .sg-actions{grid-column:9/-1;align-self:center;justify-self:end}
.concept-i .sg-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;max-width:100%;padding:13px 22px;border:0;border-radius:999px;background:var(--sg-button);color:var(--sg-button-text);font:600 .875rem/1.45 Inter,Arial,sans-serif;text-decoration:none;white-space:normal;text-align:center;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.concept-i .sg-button>span{font:inherit;color:inherit;width:auto;height:auto;padding:0;background:none}
.concept-i .sg-button svg{width:18px;height:18px;flex:0 0 18px;transition:transform .25s ease}
.concept-i .sg-button:focus-visible{outline:3px solid var(--sg-accent);outline-offset:5px}
.concept-i [data-growth-theme=claude] .sg-button{border-radius:8px}
.concept-i [data-growth-theme=perplexity] .sg-button,.concept-i [data-growth-theme=grok] .sg-button{border-radius:10px}
/* Broad opening composition with an oversized inner corner. */
.concept-i .sg-spotlight .sg-heading{grid-column:1/9;padding:18px 0 26px}
.concept-i .sg-spotlight .sg-lead{grid-column:1/6;border-radius:24px 86px 24px 24px;padding:40px}
.concept-i .sg-spotlight .sg-detail{grid-column:6/-1;margin-top:38px;padding:34px 40px;background:var(--sg-soft);border-radius:24px 24px 24px 86px}
/* Balanced panels, with the lead treatment opening on hover. */
.concept-i .sg-duo .sg-heading{max-width:980px;margin-bottom:26px}
.concept-i .sg-duo .sg-lead{grid-column:1/7;background:var(--sg-soft);padding:42px;border-radius:32px 100px 32px 32px}
.concept-i .sg-duo .sg-detail{grid-column:7/-1;padding:42px;background:var(--sg-soft);border-radius:100px 32px 32px 32px}
.concept-i .sg-duo .sg-tile{height:100%}
/* One unfolding stage, with the supporting explanation set into the surface. */
.concept-i .sg-focus .sg-composition{padding:clamp(30px,4.5vw,64px);border-radius:40px;background:var(--sg-soft);transform:scale(var(--sg-open,1));transform-origin:center center}
.concept-i .sg-focus .sg-heading{grid-column:1/10;margin-bottom:18px}
.concept-i .sg-focus .sg-lead{grid-column:1/6;padding:10px 26px 10px 0;background:transparent}
.concept-i .sg-focus .sg-detail{grid-column:6/-1;background:var(--sg-paper);border-radius:24px;padding:32px}
.concept-i .sg-focus .sg-note-mark{background:var(--sg-paper)}
/* A reading sequence with two wide, offset surfaces. */
.concept-i .sg-steps .sg-heading{grid-column:1/11;margin-bottom:18px}
.concept-i .sg-steps .sg-lead{grid-column:1/10;padding:28px 38px;border-radius:24px}
.concept-i .sg-steps .sg-detail{grid-column:3/-1;padding:28px 38px;background:var(--sg-soft);border-radius:24px}
.concept-i .sg-steps .sg-actions{grid-column:8/-1}
.concept-i .sg-steps .sg-note{grid-column:1/8}
/* Centered framing with a two-part reading field and a concluding note. */
.concept-i .sg-stack .sg-heading{justify-self:center;text-align:center;max-width:990px;margin-bottom:24px}
.concept-i .sg-stack .sg-lead{grid-column:2/7;border-radius:32px;padding:38px}
.concept-i .sg-stack .sg-detail{grid-column:7/12;border-radius:32px;padding:38px;margin-top:42px;background:var(--sg-soft)}
.concept-i .sg-stack .sg-note{grid-column:2/8}
.concept-i .sg-stack .sg-actions{grid-column:8/12}
/* Full-width title stage over a quiet, inset reading area. */
.concept-i .sg-window .sg-heading{padding:42px;background:var(--sg-soft);border-radius:32px 110px 32px 32px;margin-bottom:8px}
.concept-i .sg-window .sg-lead{grid-column:1/6;background:transparent;padding:24px 32px}
.concept-i .sg-window .sg-detail{grid-column:6/-1;padding:24px 32px;background:transparent;box-shadow:none}
.concept-i .sg-window .sg-note{padding-left:32px}
.concept-i .sg-window .sg-actions{padding-right:32px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.concept-i .sg-tile:hover{transform:translateY(-6px);box-shadow:0 16px 38px #20212412}.concept-i .sg-section:hover .sg-note-mark{transform:rotate(-35deg)}.concept-i .sg-button:hover{transform:translateY(-3px);filter:brightness(.95);box-shadow:0 8px 22px #20212416;color:var(--sg-button-text)}.concept-i .sg-button:hover svg{transform:translateX(4px)}.concept-i .sg-duo .sg-tile:hover{background:var(--sg-paper)}.concept-i .sg-steps .sg-tile:hover{transform:translateX(6px)}}
@media(min-width:2200px){.concept-i .sg-shell{max-width:1600px}.concept-i .sg-section{padding-block:96px}.concept-i .sg-section h2{font-size:3.4rem;max-width:1100px}.concept-i .sg-section p{font-size:1.125rem}.concept-i .sg-tile{padding:44px}}
@media(max-width:1000px){.concept-i .sg-shell{width:calc(100% - 56px)}.concept-i .sg-composition{gap:20px}.concept-i .sg-section .sg-tile{padding:28px}.concept-i .sg-section .sg-note{grid-column:1/8;padding-left:0}.concept-i .sg-section .sg-actions{grid-column:8/-1;padding-right:0}.concept-i .sg-stack .sg-lead{grid-column:1/7}.concept-i .sg-stack .sg-detail{grid-column:7/-1}.concept-i .sg-note p{font-size:1rem}.concept-i .sg-section .sg-button{padding-inline:18px}}
@media(max-width:700px){.concept-i .sg-section{padding-block:40px}.concept-i .sg-shell{width:calc(100% - 36px)}.concept-i .sg-composition{display:flex;flex-direction:column;gap:18px}.concept-i .sg-section .sg-heading{padding:0;margin:0 0 8px;text-align:left;width:100%}.concept-i .sg-section h2{font-size:clamp(1.8rem,7.6vw,2.3rem);letter-spacing:-.035em;line-height:1.15}.concept-i .sg-section p{font-size:1rem;line-height:1.7}.concept-i .sg-section .sg-tile{padding:24px;margin:0;width:100%;border-radius:22px}.concept-i .sg-section .sg-note{width:100%;padding:8px 0;gap:14px}.concept-i .sg-section .sg-actions{align-self:flex-start;justify-self:auto;padding:0}.concept-i .sg-section .sg-button{min-height:48px}.concept-i .sg-focus .sg-composition{padding:26px 20px;border-radius:28px;transform:none}.concept-i .sg-focus .sg-lead{padding:0;background:transparent}.concept-i .sg-window .sg-heading{padding:28px 24px;border-radius:24px 64px 24px 24px}.concept-i .sg-window .sg-tile{padding-inline:8px}.concept-i .sg-duo .sg-detail{border-radius:52px 22px 22px 22px}.concept-i .sg-spotlight .sg-lead{border-radius:22px 64px 22px 22px}}
@media(prefers-reduced-motion:reduce){.concept-i .sg-section *{transition:none!important;animation:none!important}.concept-i .sg-composition{transform:none!important}}
/* Branded pages inherit their established palette rather than a second brand definition. */
.concept-i .sg-section:not([data-growth-theme=google]):not([data-growth-theme=gemini]):not([data-growth-theme=claude]):not([data-growth-theme=chatgpt]){--sg-accent:var(--svc-accent,#202124);--sg-soft:var(--svc-soft,#f1f3f4);--sg-paper:var(--svc-paper,#fff);--sg-ink:var(--svc-ink,#202124);--sg-muted:var(--svc-muted,#526173);--sg-button:var(--svc-accent,#202124)}