/* Platform-first hierarchy; keep existing brand, app examples and Cloud contracts. */
#top .platform-intro{padding:72px 0 64px;background:#fff}
#top .platform-intro-grid{width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
#top .platform-category{font-size:18px;color:#355fae;margin:0 0 24px;font-weight:500}
#top .platform-statement h1{font-size:clamp(44px,4.4vw,64px);line-height:1.08;font-weight:500;letter-spacing:-.055em;max-width:none;margin:0 0 28px}
#top .platform-description{font-size:19px;line-height:1.65;color:#404854;max-width:48ch;margin:0}
#top .platform-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:28px 0 20px}
#top .platform-actions .button{padding:14px 20px;font-size:15px;min-height:48px;border-radius:6px;background:#406cc6;color:#fff;border:0}
#top .platform-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;font-weight:600;color:#355fae;text-decoration:underline;text-underline-offset:5px}
#top .platform-footnote{font-size:14px;color:#404854;margin:0;max-width:48ch}
#top .platform-architecture{background:#f1f5fc;padding:24px;border-radius:12px}
#top .architecture-app{background:#fff;padding:24px;border-radius:8px}
#top .platform-architecture h2{font-size:27px;letter-spacing:-.035em;line-height:1.15;font-weight:500;margin:0 0 10px}
#top .platform-architecture p{font-size:15px;color:#404854;line-height:1.6;margin:0}
#top .architecture-app>div{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}
#top .architecture-app a{font-size:14px;min-height:36px;align-content:center;color:#355fae;text-underline-offset:4px}
#top .architecture-connection{padding:14px 0;text-align:center;font-size:13px}
#top .architecture-runtime{display:block;padding:26px 24px;background:#244c94;border-radius:8px;text-decoration:none;color:#fff}
#top .architecture-runtime h2,#top .architecture-runtime p{color:#fff}
#top .architecture-runtime span{display:block;font-size:14px;line-height:1.6;margin-top:16px;color:#e2ebff}
#top .architecture-base{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
#top .architecture-base h3{font-size:16px;letter-spacing:0;font-weight:600;margin:0 0 8px}
#top .architecture-base p{font-size:14px}
#top .architecture-note{font-size:13px;padding-top:22px}
#top .platform-products,#top .engineering-paths{padding-block:64px}
#top .platform-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:36px}
#top .platform-section-heading h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.045em;line-height:1.12;margin:0;max-width:20ch;font-weight:500}
#top .platform-section-heading p{font-size:17px;line-height:1.65;color:#404854;margin:0}
#top .platform-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#top .platform-product-grid article{display:flex;flex-direction:column;align-items:start;background:#f3f6fb;padding:28px;border-radius:10px;min-width:0}
#top .platform-product-grid h3,#top .engineering-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0 0 18px}
#top .platform-product-grid p,#top .engineering-grid p{font-size:16px;line-height:1.65;color:#404854;margin:0 0 18px}
#top .platform-product-grid .platform-link{margin-top:auto}
#top .platform-product-grid .platform-availability{font-size:14px;color:#355fae}
#top .engineering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#top .engineering-grid article{display:flex;flex-direction:column;align-items:start}
#top .engineering-artifact{background:#edf2fb;padding:24px;border-radius:8px;margin:8px 0 18px;width:100%;box-sizing:border-box}
#top .engineering-artifact strong,#top .engineering-artifact span{display:block;font-size:14px;line-height:1.6;margin-bottom:10px;color:#404854}
#top .engineering-artifact strong{font-size:16px;color:#17191e;margin-bottom:18px}
#top .engineering-grid .platform-link{margin-top:auto}
#top .platform-source{font-size:14px;color:#404854;min-height:36px;align-content:center;text-underline-offset:4px}
#top .platform-evidence-note{font-size:14px;line-height:1.65;margin-top:28px;color:#404854;max-width:85ch}
#top .cloud-builder-section{padding:80px 0;background:#f6f8fc;margin:32px 0 64px}
#top .cloud-builder-section .hero-scene{display:block;min-height:0;margin-bottom:30px}
#top .cloud-builder-section .hero-message{text-align:left;max-width:none}
#top .cloud-product-name{font-size:18px;color:#355fae;margin:0 0 18px}
#top .cloud-builder-section h2.lit-slogan{font-size:clamp(36px,4.3vw,60px);letter-spacing:-.045em;line-height:1.1;max-width:24ch;margin:0 0 24px;font-weight:500}
#top .cloud-builder-section .hero-copy{font-size:18px;max-width:65ch;margin:0 0 16px}
#top .cloud-builder-section .builder-runtime{justify-content:flex-start;margin:0 0 24px}
#top .cloud-builder-section .app-launcher{max-width:none;background:#fff;border:0;box-shadow:none;border-radius:12px}
#top .cloud-builder-section .launcher-compose{padding:32px;gap:32px;grid-template-columns:1fr 1fr}
#top .cloud-builder-section .build-workflow{margin-block:28px}
#top .cloud-builder-section .build-options{max-width:none;text-align:left}
#top .cloud-builder-section .build-options h2{font-size:28px;margin-bottom:12px}
#top .cloud-builder-section .build-options p{font-size:16px}
#top .cloud-builder-section .slogan-word{display:inline-block}
#top :is(.platform-intro,.platform-products,.engineering-paths) a:focus-visible{outline:2px solid #406cc6;outline-offset:4px}
@media(max-width:1100px){#top .platform-intro-grid{gap:28px;grid-template-columns:1fr 1fr}#top .platform-statement h1{font-size:48px}#top .platform-product-grid,#top .engineering-grid{gap:20px}#top .platform-product-grid article{padding:22px}#top .platform-product-grid h3,#top .engineering-grid h3{font-size:24px}}
@media(max-width:800px){#top .platform-intro{padding:40px 0}#top .platform-intro-grid{grid-template-columns:1fr;gap:36px}#top .platform-statement h1{font-size:56px}#top .platform-product-grid,#top .engineering-grid{grid-template-columns:1fr;gap:24px}#top .platform-section-heading{grid-template-columns:1fr;gap:20px}#top .platform-product-grid article{padding:28px}#top .engineering-grid article{padding-block:12px}#top .platform-products,#top .engineering-paths{padding-block:40px}#top .cloud-builder-section .launcher-compose{grid-template-columns:1fr}#top .cloud-builder-section{padding:48px 0}#top .platform-description{max-width:60ch}#top .platform-architecture{width:100%}}
@media(max-width:540px){#top .platform-statement h1{font-size:38px;letter-spacing:-.055em}#top .platform-category{font-size:16px;margin-bottom:20px}#top .platform-description{font-size:17px}#top .platform-actions{align-items:stretch;flex-direction:column;gap:10px}#top .platform-actions .platform-link{justify-content:center}#top .platform-architecture{padding:16px}#top .architecture-app,#top .architecture-runtime{padding:22px 18px}#top .platform-architecture h2{font-size:26px}#top .platform-section-heading h2{font-size:34px}#top .cloud-builder-section h2.lit-slogan{font-size:38px}#top .cloud-builder-section .launcher-compose{padding:20px}#top .cloud-builder-section .builder-runtime{align-items:start}#top .platform-product-grid h3,#top .engineering-grid h3{font-size:27px}}

/* Closed optional examples must not leave paintable descendant boxes. */
#top .industry-examples:not([open]) > :not(summary){display:none}
#top .compare-teaser{border-top:0}
#top .desk-preview .sidelabel{color:#4d5c70}

/* The homepage is an overview; detailed building and Runtime flows have their own destinations. */
#top .platform-intro{padding:56px 0 48px}
#top .architecture-runtime{margin-top:16px}
#top .architecture-note{padding-top:18px}
#top #experience{padding-block:48px}
#top .experience-heading{max-width:none;text-align:left;margin:0 0 28px}
#top .experience-heading h2,#top .home-next h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0 0 18px}
#top .experience-heading p,#top .home-next p{font-size:17px;line-height:1.6;margin:0;max-width:65ch}
#top .home-next{padding-block:56px;display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}
#top .home-next-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
#top .home-next .button{background:#406cc6;color:#fff;border:0;padding:14px 20px;min-height:48px}
#top .home-detail-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:16px}
#top .home-detail-links a{font-size:15px;color:#355fae;min-height:36px;align-content:center;text-underline-offset:4px}
@media(max-width:800px){#top .platform-intro{padding-block:36px}#top .platform-intro-grid{gap:28px}#top .home-next{grid-template-columns:1fr;gap:24px;padding-block:40px}#top #experience{padding-block:32px}}

#top .desk-nav-label,#top #desk-ai-summary{color:#4d5c70}

/* Proof follows the opening screen; customer motion is optional. */
#top .platform-intro{min-height:calc(100svh - 80px);display:flex;align-items:center;box-sizing:border-box}
#top .home-trust{padding-block:40px 32px;display:grid;gap:32px}
#top .home-trust-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center}
#top .home-trust-label{font-size:16px;line-height:1.45;font-weight:500;margin:0;color:#404854}
#top .trust-heading{display:grid;gap:8px;justify-items:start}
#top .customer-window{min-width:0;overflow:hidden;padding:8px}
#top .home-customers{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center}
#top .home-customers a{min-height:48px;display:flex;align-items:center;flex:none;text-decoration:none;color:#263549}
#top .customer-equaldocs{gap:10px}
#top .customer-equaldocs img,#top .customer-florus img{width:34px;height:34px;flex:none}
#top .customer-equaldocs span{font-family:Arial,sans-serif;font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-.025em}
#top .customer-wordmark img{max-width:100%;height:auto;object-fit:contain}
#top .customer-florus{gap:8px;font-size:21px;font-weight:600;letter-spacing:-.02em}
#top .home-programs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#top .home-programs a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:44px;color:#404854;font-size:16px;line-height:1.4;text-decoration:none}
#top .program-mark{height:86px;display:flex;align-items:center;max-width:100%}
#top .program-mark img{max-width:100%;height:auto;max-height:86px;object-fit:contain}
#top .home-trust a:hover{text-decoration:underline;text-underline-offset:5px}
#top .home-trust a:focus-visible{outline:2px solid #406cc6;outline-offset:4px}
#top .customer-copy{display:none}
@media(prefers-reduced-motion:no-preference){
 #top .home-trust[data-motion="ready"] .customer-track{display:flex;width:max-content;animation:customer-drift 36s linear infinite}
 #top .home-trust[data-motion="ready"] .home-customers{flex-wrap:nowrap;gap:48px;padding-right:48px}
 #top .home-trust[data-motion="ready"] .customer-copy{display:flex}
 #top .customer-window:hover .customer-track{animation-play-state:paused!important}
 #top .home-trust[data-motion="ready"] .customer-window:focus-within .customer-track{animation:none;width:auto}
 #top .home-trust[data-motion="ready"] .customer-window:focus-within .home-customers{flex-wrap:wrap;padding-right:0;gap:24px 40px}
 #top .home-trust[data-motion="ready"] .customer-window:focus-within .customer-copy{display:none}
}
@keyframes customer-drift{to{transform:translateX(-50%)}}
@media(max-width:1100px){#top .home-trust-row{grid-template-columns:1fr;gap:16px}#top .trust-heading{display:flex;justify-content:space-between;align-items:center}}
@media(max-width:700px){#top .home-trust{padding-block:28px;gap:28px}#top .home-programs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}#top .home-customers{gap:20px 24px}#top .customer-window{padding-inline:4px}}
