/* Real examples lead the editorial hierarchy; CMS content remains the source. */
html[data-theme="gocloud"]{--gc-rule:color-mix(in srgb,var(--ink) 19%,var(--bg));--gc-paper:color-mix(in srgb,var(--bg) 97%,var(--ink))}
html[data-theme="gocloud"] :is(.gp-inner,.gc-header-inner,.gc-footer-inner,.gc-archive,.gc-search){max-width:1200px}
html[data-theme="gocloud"] .gc-header{padding:0 32px;background:var(--bg)}
html[data-theme="gocloud"] .gc-header-inner{min-height:92px;border:0;border-bottom:1px solid var(--gc-rule);border-radius:0;padding:18px 0;background:transparent;margin:auto}
html[data-theme="gocloud"] .gc-logo{width:156px;height:38px}
html[data-theme="gocloud"] nav a{font-family:var(--gc-sans);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
html[data-theme="gocloud"] .gc-header nav ul{gap:1.45rem}
html[data-theme="gocloud"] .gc-desktop-nav a[href$="/start"]{background:var(--ink);color:var(--bg);padding:12px 17px;border-radius:3px}
html[data-theme="gocloud"] .gc-desktop-nav a[href*="#gp-live-showcase"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
html[data-theme="gocloud"] :is(h1,h2){font-weight:400;letter-spacing:-.045em}
html[data-theme="gocloud"] h1{font-size:clamp(3rem,5.8vw,5.75rem);line-height:1.01}
html[data-theme="gocloud"] h2{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.07}
html[data-theme="gocloud"] .gp-hero{padding-block:5rem 4.5rem;background:none}
html[data-theme="gocloud"] .gp-hero .gp-heading{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:3.5rem;row-gap:1.75rem}
html[data-theme="gocloud"] .gp-hero h1{max-width:12ch}
html[data-theme="gocloud"] .gp-hero .gp-text{max-width:36ch;font-size:16px;line-height:1.8}
html[data-theme="gocloud"] .gp-hero .gp-image{max-height:370px;border-radius:0}
html[data-theme="gocloud"] :is(.gp-button,.gc-action,button){font-family:var(--gc-sans);font-size:13px;letter-spacing:0;text-transform:none;font-weight:650;border-radius:3px;padding:15px 22px}
html[data-theme="gocloud"] .gp-section{padding-block:5.5rem}
html[data-theme="gocloud"] .gp-heading{margin-bottom:2.5rem;gap:1.25rem}
html[data-theme="gocloud"] .gp-text{line-height:1.75}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes){background:var(--gc-paper);border-block:1px solid var(--gc-rule);scroll-margin-top:24px}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-heading{max-width:none;display:grid;grid-template-columns:1.1fr 1fr;align-items:end;column-gap:5rem;margin-bottom:3rem}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-heading .gp-text{max-width:43ch;justify-self:end;font-size:14px}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry{position:relative;display:grid;grid-template-columns:1fr;gap:.8rem;align-content:start;padding:0 0 1.4rem;border:0;border-bottom:1px solid var(--gc-rule);background:transparent}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-image{width:100%;aspect-ratio:8/5;object-fit:cover;object-position:top;border:1px solid var(--gc-rule);border-radius:4px;background:var(--bg);margin-bottom:.9rem}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) h3{font-family:var(--gc-display);font-size:2.3rem;font-weight:400;line-height:1.15;letter-spacing:-.025em}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry .gp-text{font-size:14px;max-width:48ch}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry>a{font-family:var(--gc-sans);font-size:13px;font-weight:650;letter-spacing:0;border:0;padding:4px 0;width:auto;justify-self:start;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry>a::before{content:"↗";display:inline-block;margin-inline-end:.65rem;font-size:19px;text-decoration:none}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry>a::after{content:"";position:absolute;inset:0;z-index:1}
html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry:focus-within{outline:2px solid var(--gp-accent);outline-offset:8px}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child{grid-column:1/-1;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:3.5rem;align-content:center;padding-bottom:3rem}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child .gp-image{grid-column:1;grid-row:1/5;margin:0}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child>:not(.gp-image){grid-column:2}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child h3{align-self:end;font-size:3.1rem}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child a{align-self:start}
html[data-theme="gocloud"] #gp-product{padding-block:3.25rem}
html[data-theme="gocloud"] #gp-product .gp-inner{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:4rem}
html[data-theme="gocloud"] #gp-product h2{font-size:clamp(2rem,3.1vw,3rem);max-width:22ch}
html[data-theme="gocloud"] #gp-product .gp-inner::after{max-height:180px;justify-self:end;width:100%}
html[data-theme="gocloud"] .gp-pricing .gp-grid{border-radius:4px;border-color:var(--gc-rule);background:var(--bg)}
html[data-theme="gocloud"] .gp-pricing .gp-entry{padding:3rem}
html[data-theme="gocloud"] .gp-pricing .gp-entry:first-child{background:var(--gc-paper);border-color:var(--gc-rule)}
html[data-theme="gocloud"] .gp-pricing .gp-entry>a{font-family:var(--gc-sans);font-weight:650;font-size:13px;border-radius:3px}
html[data-theme="gocloud"] .gp-faq .gp-inner{column-gap:5rem}
html[data-theme="gocloud"] .gp-faq summary{font-size:15px}
html[data-theme="gocloud"] .gp-cta{padding-block:4.5rem}
html[data-theme="gocloud"] .gp-cta h2{font-size:clamp(2.8rem,5vw,4.5rem);max-width:17ch}
html[data-theme="gocloud"] .gc-footer-inner{padding-block:3rem 2rem}
html[data-theme="gocloud"][dir="rtl"] :is(#gp-live-showcase,#gp-themes) h3{font-family:"Noto Sans Arabic",sans-serif;letter-spacing:0;font-size:1.65rem;line-height:1.5}
html[data-theme="gocloud"][dir="rtl"] #gp-live-showcase .gp-entry:first-child h3{font-size:2rem}
html[data-theme="gocloud"][dir="rtl"] :is(#gp-live-showcase,#gp-themes) .gp-entry>a::before{content:"↖"}
html[data-theme="gocloud"][dir="rtl"] .gp-hero h1{max-width:13ch;line-height:1.4}
@media(prefers-reduced-motion:no-preference){html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-image{transition:filter .25s ease-out}html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-entry:hover .gp-image{filter:brightness(.96)}}
@media(max-width:1100px){html[data-theme="gocloud"] .gc-header nav ul{gap:1rem}html[data-theme="gocloud"] .gp-hero .gp-heading{column-gap:2rem}html[data-theme="gocloud"] .gc-header-inner{gap:1rem}}
@media(max-width:767px){html[data-theme="gocloud"] .gc-header{padding:0 20px}html[data-theme="gocloud"] .gc-header-inner{min-height:74px;padding-block:14px;gap:.65rem}html[data-theme="gocloud"] .gc-logo{width:133px;height:32px}html[data-theme="gocloud"] .gp-section{padding-block:3.5rem}html[data-theme="gocloud"] .gp-hero{padding-block:3rem 2.25rem}html[data-theme="gocloud"] .gp-hero .gp-heading{gap:1.4rem}html[data-theme="gocloud"] h1{font-size:clamp(2.6rem,12vw,3.5rem)}html[data-theme="gocloud"] .gp-hero h1{max-width:12ch}html[data-theme="gocloud"] .gp-hero .gp-text{font-size:15px;max-width:32ch}html[data-theme="gocloud"] .gp-hero .gp-image{max-height:240px;width:100%;margin:0;align-self:center}html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-heading{display:block;margin-bottom:2rem}html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-heading .gp-text{margin-top:1rem;max-width:38ch}html[data-theme="gocloud"] :is(#gp-live-showcase,#gp-themes) .gp-grid{grid-template-columns:1fr;gap:2.25rem}html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child{grid-template-columns:1fr;gap:.8rem;padding-bottom:1.4rem}html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child .gp-image{grid-row:auto;grid-column:1;margin-bottom:.9rem}html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child>:not(.gp-image){grid-column:1}html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child h3{font-size:2.3rem}html[data-theme="gocloud"] #gp-product .gp-inner{grid-template-columns:1fr;gap:1.5rem}html[data-theme="gocloud"] #gp-product .gp-inner::after{max-height:130px;width:250px;justify-self:start}html[data-theme="gocloud"] #gp-product{padding-block:2.5rem}html[data-theme="gocloud"] .gp-pricing .gp-entry{padding:2rem 1.5rem}html[data-theme="gocloud"] .gp-cta{padding-block:3.5rem}html[data-theme="gocloud"][dir="rtl"] .gp-hero h1{font-size:2.7rem}html[data-theme="gocloud"][dir="rtl"] #gp-live-showcase .gp-entry:first-child h3{font-size:1.65rem}}
html[data-theme="gocloud"] .gc-mobile-nav nav a{display:flex;align-items:center;min-height:44px;padding-block:8px;font-size:14px}
html[data-theme="gocloud"] .gc-mobile-nav summary{min-height:44px;display:flex;align-items:center;padding-inline:12px}
html[data-theme="gocloud"] .gc-mobile-nav[open] summary{border-bottom:1px solid var(--gc-rule)}
html[data-theme="gocloud"] .gp-hero h1{font-weight:300}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child{grid-template-rows:1fr auto auto 1fr}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child h3{grid-row:2}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child .gp-text{grid-row:3}
html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child>a{grid-row:4}
html[data-theme="gocloud"] .gc-built-page:not(:has(#gp-live-showcase)) .gp-hero{padding-block:3rem}
html[data-theme="gocloud"] .gc-built-page:not(:has(#gp-live-showcase)) .gp-hero h1{font-size:clamp(2.8rem,4.7vw,4.5rem);max-width:15ch}
html[data-theme="gocloud"] .gc-built-page:not(:has(#gp-live-showcase)) .gp-hero .gp-image{max-height:250px;max-width:370px;justify-self:end}
html[data-theme="gocloud"] .gc-built-page:has(#gp-themes) .gp-hero:not(:has(.gp-image)) .gp-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:end;max-width:none}
html[data-theme="gocloud"] .gc-built-page:has(#gp-themes) .gp-hero:not(:has(.gp-image)) .gp-text{grid-column:2;grid-row:1;justify-self:end;max-width:32ch}
html[data-theme="gocloud"][dir="rtl"] .gp-hero h1{font-weight:400}
@media(max-width:767px){html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child{grid-template-rows:none}html[data-theme="gocloud"] #gp-live-showcase .gp-entry:first-child>:not(.gp-image){grid-row:auto}html[data-theme="gocloud"] .gc-built-page:not(:has(#gp-live-showcase)) .gp-hero h1{font-size:2.8rem}html[data-theme="gocloud"] .gc-built-page:not(:has(#gp-live-showcase)) .gp-hero .gp-image{max-height:170px;width:240px;align-self:flex-start}html[data-theme="gocloud"] .gc-built-page:has(#gp-themes) .gp-hero:not(:has(.gp-image)) .gp-heading{display:flex;gap:1.5rem}html[data-theme="gocloud"] .gc-built-page:has(#gp-themes) .gp-hero:not(:has(.gp-image)) .gp-text{margin:0;max-width:36ch}}
html[data-theme="gocloud"] .gp-hero h1{white-space:pre-line}
html[data-theme="gocloud"] .gc-mobile-nav summary::after{content:"+";margin-inline-start:.65rem;font-size:16px;line-height:1}
html[data-theme="gocloud"] .gc-mobile-nav[open] summary::after{content:"−"}
@media(max-width:360px){html[data-theme="gocloud"] .gc-logo{width:118px}html[data-theme="gocloud"] .gc-header-inner{gap:.4rem}html[data-theme="gocloud"] .gc-mobile-nav summary{font-size:11px;padding-inline:8px}}