/* Shared visual system for Wholety marketing. Product screens are real assets. */
.aiaas-page { --ink:#153146; --muted:#526578; --blue:#2457e6; --sea:#2457e6; --cloud:#f6f9fc; --line:#dbe4ec; }
.aiaas-shell { width:min(1280px,calc(100% - 80px)); }
.aiaas-nav,.localized-header { background:rgba(255,255,255,.96);  }
.aiaas-brand { letter-spacing:-.8px; }
.aiaas-mark { background:var(--blue); border-radius:7px; box-shadow:inset 0 0 0 1px #ffffff26; }
.aiaas-nav-inner { gap:24px; min-height:84px; }
.aiaas-links { gap:24px; }
.aiaas-actions { gap:16px; }
.aiaas-button { border-radius:6px; min-height:48px; gap:16px; padding:12px 24px; box-shadow:0 3px 0 #15314610; transition:background .18s,box-shadow .18s; }
.aiaas-button:hover { background:#1c47c5; box-shadow:0 5px 14px #1c47c524; }
.aiaas-button.secondary:hover { background:#f6f9fc; color:var(--blue)!important; }
.brand-hero { background:#f6f9fc; padding:88px 0 0; border-bottom:1px solid var(--line); overflow:hidden; }
.brand-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:center; padding-bottom:80px; }
.brand-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 24px; color:var(--sea); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.5; text-transform:uppercase; }
.brand-eyebrow > span { height:7px; width:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px #2457e610; }
.brand-hero h1 { margin:0 0 26px; font-size:clamp(44px,4.5vw,66px); font-weight:600; letter-spacing:-.035em; line-height:1.07; text-wrap:balance; }
.brand-hero h1 em { font-style:normal; color:var(--blue); }
.brand-lead { color:var(--muted); font-size:18px; line-height:1.8; max-width:520px; margin:0 0 30px; }
.brand-hero .aiaas-ctas { align-items:center; }
.brand-tour-link { display:inline-flex; gap:10px; align-items:center; padding:12px 0; font-size:14px; font-weight:600; }
.brand-tour-link > span { display:grid; place-items:center; width:27px; height:27px; border:1px solid #dbe4ec; border-radius:50%; font-size:9px; }
.brand-tour-link:hover { color:var(--blue); }
.brand-assurance { font-size:12px; color:var(--muted); margin:18px 0 0; }
.brand-product-frame { min-width:0; margin:0; overflow:hidden; border:1px solid #dbe4ec; border-radius:10px; background:white; box-shadow:0 16px 40px #15314612; }
.brand-window-bar { display:flex; align-items:center; gap:18px; padding:14px 18px; background:#fafbfd; border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; }
.brand-window-dots { white-space:nowrap; color:#bbc6d2; letter-spacing:2px; font-size:9px; }
.brand-window-live { margin-left:auto; border:1px solid #dbe4ec; padding:2px 8px; border-radius:20px; font-size:10px; white-space:nowrap; }
.brand-product-frame img { display:block; width:100%; height:auto; }
.brand-product-frame figcaption { display:flex; justify-content:space-between; gap:16px; padding:16px 18px; font-size:11px; border-top:1px solid var(--line); color:var(--muted); }
.brand-product-frame figcaption a { color:var(--blue); font-weight:600; white-space:nowrap; }
.brand-proof-rail { display:flex; align-items:center; gap:42px; border-top:1px solid #dbe4ec; padding:26px 0; }
.brand-proof-rail p { margin:0 auto 0 0; }
.brand-proof-rail p strong { display:block; font-size:14px; font-weight:600; }
.brand-proof-rail p span,.brand-proof-rail div span { display:block; font-size:11px; color:var(--muted); }
.brand-proof-rail div strong { font-size:27px; line-height:1.3; font-weight:600; letter-spacing:-1px; }
.brand-proof-rail > a { font-size:12px; font-weight:600; white-space:nowrap; }
.brand-home .aiaas-section { padding-block:90px; }
.brand-home #product h2 { font-size:clamp(34px,4vw,50px); letter-spacing:-.04em; }
.brand-home #product .aiaas-description { max-width:620px; }
.brand-home #product .aiaas-product { display:block; margin-top:38px; }
.brand-home #product .aiaas-product ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-bottom:28px; }
.brand-home #product .aiaas-product li { padding:30px; border:1px solid var(--line); border-radius:10px; background:#ffffff; color:var(--muted); font-size:14px; }
.brand-home #product .aiaas-product li::before { content:none; }
.brand-home #product .aiaas-product li strong { display:block; font-size:20px; color:var(--ink); margin-bottom:14px; line-height:1.3; }
.brand-home .product-showcase { background:#f6f9fc; border-block:1px solid var(--line); }
.brand-home .brand-demo { padding-block:80px; background:white; }
.brand-demo h2 { margin-bottom:24px; font-size:clamp(32px,4vw,48px); letter-spacing:-.04em; }
.brand-demo .aiaas-workspace { border-radius:10px; box-shadow:0 12px 32px #1531460d; }
.brand-home .migration-home { background:#f6f9fc; }
.brand-home .aiaas-agent-section { background:#f6f9fc; color:var(--ink); }
.brand-home .aiaas-agent-section .aiaas-description,.brand-home .aiaas-agent-list p { color:var(--muted); }
.brand-home .aiaas-agent-list li { background:transparent; border-color:var(--line); }
.brand-home .aiaas-connect-box { background:white; border-color:var(--line); }
.brand-home .aiaas-agent-section .aiaas-button { background:var(--blue); border-color:var(--blue); color:white!important; }
.brand-home .aiaas-agent-section .secondary { background:white; border-color:var(--line); color:var(--ink)!important; }
.aiaas-footer,.localized-footer { background:#f6f9fc; }
.localized-hero { background:#f6f9fc; }
.localized-hero h1 { letter-spacing:-.035em; }
.localized-header { position:sticky; top:0; }
.localized-cards article,.localized-plans article { background:#ffffff; border-radius:10px; }
.localized-plans article:nth-child(2) { background:#f3f7ff; border-color:var(--blue); }
.localized-home .localized-hero { padding:76px 0 0; }
.localized-home .brand-hero-grid { gap:48px; padding-bottom:64px; }
.localized-home .localized-hero h1 { font-family:inherit; font-size:clamp(34px,3.6vw,52px); line-height:1.22; }
.localized-home .localized-hero .aiaas-lead { font-size:17px; line-height:1.85; }
.localized-home .brand-product-frame figcaption { font-size:12px; }
.localized-home .localized-content { padding-block:80px; }
.localized-home .localized-cards { gap:20px; }
.localized-home .localized-cards article { min-width:0; }
.localized-home .localized-number { color:var(--blue); }
.localized-journey { background:#f6f9fc; color:var(--ink); border:1px solid var(--line); border-radius:10px; padding:40px; margin-top:60px; }
.localized-journey h2 { font-size:30px; margin:0 0 18px; }
.localized-journey > p { color:var(--muted); max-width:780px; margin:0 0 26px; }
.localized-journey .aiaas-button { color:white!important; background:var(--blue); border-color:var(--blue); }
.localized-journey .localized-cards article { background:white; border-color:var(--line); }
.localized-journey .localized-cards h2 { font-size:20px; color:var(--ink); }
.localized-journey .localized-cards p { color:#c3d6cb; }
.localized-journey .localized-number { color:var(--blue); }
.localized-journey .localized-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(min-width:1051px) and (max-width:1250px) { .aiaas-nav-inner{gap:16px;} .aiaas-links{gap:14px;} .aiaas-actions{gap:10px;} .aiaas-actions .aiaas-button{padding-inline:14px;} }
@media(max-width:1050px) { .aiaas-shell{width:calc(100% - 48px);} .brand-hero-grid{gap:32px;} .brand-hero h1{font-size:48px;} .brand-proof-rail{gap:26px;} .aiaas-links{display:none;} .aiaas-menu{display:inline-flex;align-items:center;justify-content:center;} .aiaas-actions{margin-left:auto;} .localized-header>div{gap:16px;} .localized-header nav{font-size:13px;} }
@media(max-width:800px) { .brand-hero{padding-top:56px;} .brand-hero-grid,.localized-home .brand-hero-grid{grid-template-columns:1fr;gap:38px;padding-bottom:44px;} .brand-hero-copy{max-width:650px;} .brand-hero h1{font-size:clamp(38px,6.5vw,56px);} .brand-product-frame{transform:none;} .brand-proof-rail{flex-wrap:wrap;gap:24px;} .brand-proof-rail p{width:100%;} .brand-proof-rail > a{margin-left:auto;} .brand-home #product .aiaas-product ul{grid-template-columns:1fr;} .brand-home .aiaas-section{padding-block:60px;} .localized-journey .localized-cards{grid-template-columns:1fr;} .localized-journey{padding:28px;} .localized-home .localized-hero{padding-top:48px;} }
@media(max-width:480px) { .aiaas-shell{width:calc(100% - 36px);} .aiaas-nav-inner{min-height:70px;gap:12px;} .aiaas-brand{font-size:22px;gap:7px;} .aiaas-mark{width:30px;height:30px;font-size:21px;} .aiaas-actions{gap:8px;} .aiaas-actions>.aiaas-button,.aiaas-login{display:none;} .aiaas-actions .marketing-language summary{max-width:130px;} .brand-hero h1{font-size:40px;} .brand-lead{font-size:16px;} .brand-window-bar{gap:9px;padding:12px;font-size:10px;} .brand-window-live{display:none;} .brand-product-frame figcaption{flex-wrap:wrap;padding:12px;font-size:10px;} .brand-proof-rail{gap:22px;} .brand-proof-rail > a{width:100%;margin-left:0;} .localized-home .localized-hero h1{font-size:34px;} .localized-actions{gap:10px;} .localized-journey{padding:22px;} }
@media(prefers-reduced-motion:reduce) { .aiaas-button{transition:none;} }
.brand-home .aiaas-connect-box code { color:var(--ink); }
.brand-home .aiaas-connect-box p { color:#c3d6cb; }
.localized-migration { background:#f6f9fc; color:var(--ink); }
.localized-migration > p,.localized-migration .localized-cards p { color:var(--muted); }
.localized-migration .localized-cards article { background:#ffffff88; border-color:var(--line); }
.localized-migration .localized-cards h2 { color:var(--ink); }
.localized-migration .localized-number { color:var(--blue); }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} }

.localized-example { margin:40px 0; padding:28px; border:1px solid var(--line); border-radius:10px; background:#f6f9fc; line-height:1.85; }
.localized-example h2 { font-size:28px; margin:0 0 20px; }
.localized-example h3 { font-size:22px; margin-top:28px; }
.localized-example a { color:var(--blue); text-decoration:underline; }
.localized-example ul { padding-left:24px; }

.workflow-chain { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
.workflow-step { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding:22px 10px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.workflow-step:not(:last-child)::after { content:'→'; position:absolute; right:-24px; top:94px; width:24px; color:var(--blue); font-size:23px; font-weight:500; }
.workflow-stage { font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); min-height:20px; }
.workflow-icon { display:grid; place-items:center; width:68px; height:68px; border-radius:16px; background:#edf3ff; color:var(--blue); margin:18px 0; }
.workflow-icon svg { width:36px; height:36px; }
.workflow-number { color:var(--blue); font-size:11px; font-weight:700; letter-spacing:.1em; }
.workflow-step h3 { font-size:22px; line-height:1.25; margin:8px 0 12px; }
.workflow-step p { color:var(--muted); font-size:13px; line-height:1.7; margin:0 0 18px; }
.workflow-step .aiaas-inline-link { font-size:13px; margin-top:auto; }
.workflow-insight { margin-top:32px; padding:24px 28px; border:1px solid #c9d8ef; border-radius:12px; display:flex; gap:20px; align-items:center; background:#edf3ff; position:relative; }
.workflow-insight::before { content:''; position:absolute; height:32px; width:1px; background:#c9d8ef; top:-33px; left:50%; }
.workflow-insight svg { width:36px; height:36px; color:var(--blue); flex-shrink:0; }
.workflow-insight strong { font-size:18px; }.workflow-insight p { color:var(--muted); font-size:14px; margin:6px 0 0; }.workflow-insight a { margin-left:auto; font-size:14px; }
.workflow-summary { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; padding-top:28px; line-height:1.7; }
.workflow-summary strong { font-size:18px; }.workflow-summary span { color:var(--muted); font-size:14px; }
@media(max-width:1000px) { .workflow-chain { grid-template-columns:1fr; gap:26px; }.workflow-step { display:grid; grid-template-columns:64px 1fr auto; text-align:left; gap:6px 20px; padding:20px; }.workflow-icon { grid-column:1; grid-row:1/5; margin:0; width:64px; height:64px; }.workflow-stage { grid-column:2; }.workflow-number { display:none; }.workflow-step h3 { grid-column:2; margin:0; }.workflow-step p { grid-column:2; margin:0; }.workflow-step .aiaas-inline-link { grid-column:3; grid-row:1/4; }.workflow-step:not(:last-child)::after { content:'↓'; top:auto; bottom:-27px; left:40px; right:auto; height:26px; text-align:center; }.workflow-insight { margin-top:26px; } }
@media(max-width:620px) { .workflow-step { grid-template-columns:52px 1fr; gap:6px 16px; padding:20px 16px; }.workflow-icon { width:52px; height:52px; }.workflow-icon svg { width:30px; height:30px; }.workflow-step .aiaas-inline-link { grid-column:2; grid-row:auto; margin-top:6px; }.workflow-step h3 { font-size:20px; }.workflow-step:not(:last-child)::after { left:30px; }.workflow-insight { flex-wrap:wrap; padding:20px; }.workflow-insight a { margin-left:56px; } }

.workflow-film { margin:40px 0 0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
.workflow-film video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:#050608; }
.workflow-film figcaption { display:flex; flex-wrap:wrap; gap:8px 24px; padding:20px 24px; align-items:center; }
.workflow-film figcaption span { color:var(--muted); font-size:13px; }
.workflow-transcript { margin-top:16px; color:var(--muted); font-size:14px; line-height:1.8; }
.workflow-transcript summary { cursor:pointer; color:var(--blue); }
.home-cost-calculator { display:block; width:100%; height:760px; margin:28px 0 18px; border:1px solid #dce5ef; border-radius:12px; background:#f6f9fc; }
@media(max-width:760px) { .home-cost-calculator { height:1220px; } }

/* Business tasks connect the Agent demonstration to practical, readable guides. */
.agent-journey { padding:80px 0; border-bottom:1px solid var(--line); }
.agent-journey-heading { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; }
.agent-journey h2 { font-size:clamp(30px,3.5vw,44px); line-height:1.18; letter-spacing:-.03em; margin:0; }
.agent-journey-heading p { color:var(--muted); font-size:16px; line-height:1.8; margin:0; max-width:550px; }
.agent-journey-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; list-style:none; margin:36px 0 0; padding:0; }
.agent-journey-list li { padding-top:24px; border-top:2px solid #c9d8ef; }
.agent-journey h3 { font-size:21px; line-height:1.4; margin:0 0 14px; }
.agent-journey h3 a { color:var(--ink); text-decoration:underline; text-decoration-color:#b3c5e7; text-underline-offset:5px; }
.agent-journey h3 a:hover { color:var(--blue); }
.agent-journey a:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.agent-journey-list p { color:var(--muted); font-size:14px; line-height:1.8; margin:0; }
.agent-journey-list small { display:block; color:var(--muted); font-size:12px; margin-top:12px; }
.agent-journey-next { display:flex; align-items:start; flex-wrap:wrap; gap:16px 36px; margin:30px 0 0; }
.agent-journey-next a { color:var(--blue); font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.agent-journey-next span { color:var(--muted); font-size:12px; line-height:1.8; max-width:520px; }
.localized-home .agent-journey { margin-top:64px; padding:48px 0; }
@media(max-width:800px) {
  .agent-journey { padding:56px 0; }
  .agent-journey-heading,.agent-journey-list { grid-template-columns:1fr; gap:24px; }
  .agent-journey-list { margin-top:28px; }
}

/* Keep the working demonstration in the first view of the homepage. */
.brand-hero.brand-demo-priority,
.localized-home .localized-hero.brand-demo-priority { padding:24px 0 18px; background:#fff; border-bottom:0; }
.brand-home .brand-hero.brand-demo-priority::before,
.localized-home .localized-hero.brand-demo-priority::before { display:none; }
.brand-demo-priority .brand-hero-grid { display:block; max-width:860px; margin:0 auto; padding-bottom:0; }
.brand-demo-priority .brand-hero-copy { max-width:none; text-align:center; }
.brand-demo-priority .brand-eyebrow,
.brand-demo-priority .aiaas-intro { display:none; }
.brand-hero.brand-demo-priority h1,
.localized-home .localized-hero.brand-demo-priority h1 { max-width:860px; margin:0 auto 12px; font-size:clamp(34px,3.5vw,46px); line-height:1.12; letter-spacing:-.035em; }
.brand-demo-priority .brand-lead,
.localized-home .localized-hero.brand-demo-priority .aiaas-lead { max-width:740px; margin:0 auto 16px; font-size:15px; line-height:1.6; }
.brand-demo-priority .aiaas-ctas,
.brand-demo-priority .localized-cta { justify-content:center; align-items:center; margin-top:0; gap:16px; }
.brand-demo-priority .brand-assurance { margin:9px 0 0; font-size:11px; line-height:1.5; }
.brand-demo-priority + .ai-walkthrough { padding:10px 0 42px; }
.brand-demo-priority + .ai-walkthrough .ai-walkthrough-head { margin:0 auto 16px; }
.brand-demo-priority + .ai-walkthrough .ai-walkthrough-kicker { display:none; }
.brand-demo-priority + .ai-walkthrough h2 { font-size:24px; line-height:1.3; letter-spacing:-.025em; }
.brand-plan-summary { background:#f6f9fc; }
.brand-plan-summary .brand-proof-rail { padding:22px 0; border-top:0; }
.brand-secondary-preview { padding:42px 0 64px; background:#f6f9fc; border-block:1px solid var(--line); }
.brand-secondary-preview [data-ai-preview] { width:100%; max-width:760px; margin:0 auto; box-sizing:border-box; box-shadow:none; }
.brand-secondary-preview .native-brief-top strong { font-size:15px; }
@media(max-width:800px) {
  .brand-hero.brand-demo-priority,
  .localized-home .localized-hero.brand-demo-priority { padding:22px 0 16px; }
  .brand-demo-priority .brand-hero-grid { padding-bottom:0; }
  .brand-hero.brand-demo-priority h1,
  .localized-home .localized-hero.brand-demo-priority h1 { font-size:clamp(32px,5.2vw,42px); line-height:1.16; }
  .brand-demo-priority + .ai-walkthrough { padding:10px 0 34px; }
  .brand-demo-priority + .ai-walkthrough h2 { font-size:22px; }
  .brand-secondary-preview { padding:32px 0 44px; }
}
@media(max-width:480px) {
  .brand-hero.brand-demo-priority,
  .localized-home .localized-hero.brand-demo-priority { padding:20px 0 14px; }
  .brand-hero.brand-demo-priority h1,
  .localized-home .localized-hero.brand-demo-priority h1 { font-size:32px; margin-bottom:10px; }
  .brand-demo-priority .brand-lead,
  .localized-home .localized-hero.brand-demo-priority .aiaas-lead { font-size:14px; margin-bottom:14px; }
  .brand-demo-priority .aiaas-ctas,
  .brand-demo-priority .localized-cta { gap:10px; }
  .brand-demo-priority .aiaas-ctas > .aiaas-button,
  .brand-demo-priority .localized-cta > .aiaas-button { min-height:44px; padding:10px 12px; font-size:12px; }
  .brand-demo-priority .brand-tour-link { font-size:13px; }
  .brand-demo-priority + .ai-walkthrough .ai-walkthrough-head { margin-bottom:14px; }
  .brand-demo-priority + .ai-walkthrough h2 { font-size:21px; }
  .brand-plan-summary .brand-proof-rail { gap:18px; padding:20px 0; }
}
.brand-demo-priority .era-chip-row { justify-content:center; margin-top:14px; }
@media(max-width:480px) {
  .localized-home .localized-header > .aiaas-shell { padding-block:12px; gap:8px; align-items:center; }
  .localized-home .localized-header .aiaas-brand { font-size:20px; gap:6px; }
  .localized-home .localized-header .localized-actions { gap:8px; }
  .localized-home .localized-header .localized-actions > a { font-size:12px; }
  .localized-home .localized-header .marketing-language summary { box-sizing:border-box; max-width:96px; padding:7px 8px; font-size:11px; line-height:1.3; white-space:normal; }
  .localized-home .localized-header nav { gap:8px 14px; }
  .localized-home .localized-header nav a { font-size:12px; }
  .localized-home .brand-demo-priority + .ai-walkthrough { scroll-margin-top:30px; }
}