/* Marketing website only. Uses its established palette and font; never OS tokens. */
.public-page{--site-ui-gap:24px;--site-ui-radius:20px;--site-eyebrow-gap:8px;--site-intro-gap:12px}
.public-page main .site-section-heading.site-section-heading{display:block;max-inline-size:none;text-align:start;margin:0 0 32px;padding:0}
.public-page main .site-section-heading.site-section-heading>:is(.site-eyebrow,.eyebrow,.page-name-badge,.sh8-eyebrow,.ac87-eyebrow){display:block;width:fit-content;font-size:.8125rem;line-height:1.6;letter-spacing:normal;margin:0 0 var(--site-eyebrow-gap);padding:0;background:transparent;border:0;color:var(--accent)}
.public-page main .site-section-heading.site-section-heading h2{font-size:clamp(1.65rem,2.4vw,2.3rem);line-height:1.55;margin:0;max-inline-size:900px;text-align:start}
.public-page main .site-section-heading.site-section-heading>:is(p,.site-section-intro,.ac87-prose){margin:var(--site-intro-gap) 0 0;max-inline-size:800px;text-align:start;color:var(--muted)}
.public-page main .site-section-heading.site-section-heading .site-section-intro p{margin:0 0 12px}
.public-page main .site-section-heading.site-section-heading .site-section-intro p:last-child{margin-bottom:0}
.public-page main .site-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--site-ui-gap);margin-block:28px 0;padding:0;min-width:0;clear:both}
.public-page main .site-feature-grid>.site-feature{padding:28px;min-width:0;border:1px solid var(--line);border-radius:var(--site-ui-radius);background:var(--panel);box-shadow:none;text-align:start}
.public-page main .site-feature-grid>.site-feature h3{font-size:1.25rem;line-height:1.65;margin:0;color:var(--text)}
.public-page main .site-feature-grid>.site-feature p{margin:12px 0 0;color:var(--muted);font-size:1rem;line-height:1.85}
.public-page main .site-feature-grid>.site-feature::before,.public-page main .site-feature-grid>.site-feature::after{content:none}
.public-page main .site-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--site-ui-gap);margin-top:28px}
.public-page main .site-case-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--site-ui-radius);overflow:hidden;background:var(--panel);text-align:start}
.public-page main .site-case-card>.site-case-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;margin:0}
.public-page main .site-case-copy{padding:24px;display:flex;flex:1;flex-direction:column;gap:16px;min-width:0}
.public-page main .site-case-copy>h3{margin:0;font-size:1.25rem;line-height:1.65}
.public-page main .site-case-copy>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.85}
.public-page main .site-case-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:.8125rem}
.public-page main .site-case-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto}
.public-page main .site-case-details{padding:0;border:0;background:transparent}
.public-page main .site-case-details>summary{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;color:var(--accent);cursor:pointer}
.public-page main .site-case-details:not([open]) .cs-when-open,.public-page main .site-case-details[open] .cs-when-closed{display:none}
.public-page main .site-case-details .cs-story-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
.public-page main .site-case-details h4{margin:0 0 8px}
/* Exactly two CTA sizes. Legacy names stay as adapters until their owning form is edited. */
.public-page :is(.site-cta,.ac87-button,.hc871-button,.sc81-cta,.button:not(.ui988-workspace-icon,.ui9822-assessment),.actions>a.text-link,.hc871-actions>a.text-link){display:inline-flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;min-height:52px;padding:12px 24px;border:0;border-radius:100px;background:var(--accent);color:var(--ink);font:inherit;font-size:1rem;font-weight:500;line-height:1.6;text-decoration:none;white-space:normal;text-align:center;box-shadow:none;transition:filter .18s,transform .18s}
.public-page :is(.site-cta,.ac87-button,.hc871-button,.sc81-cta):hover{filter:brightness(.96);transform:translateY(-1px)}
.public-page :is(.site-cta,.ac87-button,.hc871-button,.sc81-cta):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.public-page .site-cta-arrow{width:20px;height:20px;flex:0 0 20px;stroke-width:1.7}
html[dir=ltr] .public-page .site-cta-arrow{transform:scaleX(-1)}
@media(max-width:900px){.public-page main .site-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.public-page main :is(.site-feature-grid,.site-case-grid){grid-template-columns:1fr}.public-page main .site-feature-grid>.site-feature{padding:22px}.public-page main .site-case-copy{padding:22px}.public-page main .site-section-heading.site-section-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.public-page :is(.site-cta,.ac87-button,.hc871-button,.sc81-cta){transition:none;transform:none}}

.public-page .site-cta.site-cta-primary{min-height:52px;padding:12px 24px;background:var(--accent);color:var(--ink);border:0;box-shadow:none;font-size:1rem;line-height:1.6}

/* Secondary CTA: translucent glass on both themes; independent from OS buttons. */
.public-page{--site-secondary-ink:var(--text);--site-secondary-glass:color-mix(in srgb,var(--text) 7%,transparent);--site-secondary-hover:color-mix(in srgb,var(--text) 12%,transparent)}
.public-page :is(.ui91-hero-wide,.home-hero,.home-opening,.ac87-hero,.hc871-hero,.hc871,.dp92-hero,.rv83-hero,.review-hero,.story-hero){--site-secondary-ink:#f8f8ff;--site-secondary-glass:rgba(248,248,255,.10);--site-secondary-hover:rgba(248,248,255,.17)}
html:root .public-page :is(.site-cta.site-cta-secondary,.site-cta-secondary,.ac87-secondary,.hc871-secondary,.button.quiet:not(.ui9822-assessment),.actions>a.text-link,.hc871-actions>a.text-link){min-height:48px;padding:10px 22px;border:0;border-radius:100px;background:var(--site-secondary-glass);color:var(--site-secondary-ink);box-shadow:0 7px 24px #0101380a;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);font-size:1rem;line-height:1.6;transition:background-color .2s,box-shadow .2s,transform .2s}
html:root .public-page :is(.site-cta.site-cta-secondary,.site-cta-secondary,.ac87-secondary,.hc871-secondary,.button.quiet:not(.ui9822-assessment),.actions>a.text-link,.hc871-actions>a.text-link):hover{background:var(--site-secondary-hover);color:var(--site-secondary-ink);filter:none;box-shadow:0 9px 28px #01013812}
html:root .public-page :is(.site-cta.site-cta-secondary,.site-cta-secondary,.ac87-secondary,.hc871-secondary,.button.quiet:not(.ui9822-assessment),.actions>a.text-link,.hc871-actions>a.text-link):focus-visible{outline:0;box-shadow:0 0 14px 4px color-mix(in srgb,var(--accent) 30%,transparent),0 0 24px color-mix(in srgb,var(--accent) 25%,transparent)}
@media(prefers-reduced-motion:reduce){.public-page :is(.site-cta-secondary,.ac87-secondary,.hc871-secondary,.button.quiet){transition:none;transform:none}}
@media(forced-colors:active){.public-page :is(.site-cta-secondary,.ac87-secondary,.hc871-secondary,.button.quiet):focus-visible{outline:2px solid Highlight;outline-offset:3px}}

/* Quiet utility actions use the same surface without inheriting CTA dimensions. */
html:root .public-page :is(a.quiet,button.quiet):not(.site-cta,.ui9822-assessment){border:0;background:var(--site-secondary-glass);color:var(--site-secondary-ink);box-shadow:0 5px 20px #0101380a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html:root .public-page :is(a.quiet,button.quiet):not(.site-cta,.ui9822-assessment):hover{background:var(--site-secondary-hover);color:var(--site-secondary-ink);filter:none}

html:root .public-page :is(a.quiet,button.quiet):not(.site-cta,.ui9822-assessment):focus-visible{outline:0;background:var(--site-secondary-hover);box-shadow:0 0 14px 4px color-mix(in srgb,var(--accent) 30%,transparent)}
@media(forced-colors:active){html:root .public-page :is(a.quiet,button.quiet):not(.site-cta,.ui9822-assessment):focus-visible{outline:2px solid Highlight;outline-offset:3px}}

/* One public HeroHeading treatment, including STRATA. Keep the existing Plex family. */
.public-page[data-cc949-page] :is(h1.site-hero-title,#home-title,#ac87-title){font-family:Plex,"IBM Plex Sans Arabic",Tahoma,sans-serif;font-style:normal;font-weight:500;font-size:clamp(2.125rem,4vw,4rem);line-height:1.45;letter-spacing:normal;text-wrap:balance;overflow-wrap:break-word}

/* Home headline: two balanced lines in its actual copy column, not the viewport.
   Keep the shared family, weight and leading. Locale ratios account for the
   existing translations; allow reflow with enlarged text rather than clipping. */
.public-page[data-cc949-page] .home-hero #home-copy{container-type:inline-size}
.public-page[data-cc949-page] .home-hero #home-title{font-size:clamp(1.125rem,8.8cqi,4rem);max-inline-size:100%;white-space:normal;text-wrap:balance}
.public-page[data-cc949-page]:lang(en) .home-hero #home-title{font-size:clamp(1.125rem,6.5cqi,4rem)}
.public-page[data-cc949-page]:lang(tr) .home-hero #home-title{font-size:clamp(1.125rem,6.15cqi,4rem)}