@font-face{font-family:GDAtomManrope;src:url('../r11/manrope-regular.ttf')}@font-face{font-family:GDAtomManrope;src:url('../r11/manrope-bold.ttf');font-weight:700}
.gdatom-app{--ink:#280d3f;--purple:#70359a;--violet:#a234fd;--lavender:#f1eaf6;--paper:#faf7fd;--muted:#614d6b;--line:#ded0e7;margin:0;width:100%;max-width:none!important;background:#fff;color:var(--ink);font:16px/1.6 GDAtomManrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:clip}.gdatom-app *{box-sizing:border-box}.gdatom-app img{display:block;max-width:100%}.gdatom-app h1,.gdatom-app h2,.gdatom-app h3,.gdatom-app p{margin:0}.gdatom-app h1,.gdatom-app h2,.gdatom-app h3{font-weight:500;line-height:1.09;letter-spacing:-.055em}.gdatom-app h1{font-size:clamp(47px,6.3vw,100px);max-width:800px}.gdatom-app h2{font-size:clamp(38px,4.2vw,68px);max-width:850px}.gdatom-app h3{font-size:clamp(25px,2.4vw,37px)}.gdatom-app p{line-height:1.7}.gdatom-app .app-section{padding:clamp(78px,8vw,125px) max(24px,calc((100vw - 1240px)/2))}.gdatom-app .app-eyebrow,.gdatom-app .app-card-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8d42c1}.gdatom-app .app-heading{max-width:950px;margin-bottom:clamp(36px,5vw,70px)}.gdatom-app .app-heading .app-eyebrow{margin-bottom:22px}.gdatom-app .app-lede{max-width:760px;margin-top:25px;color:var(--muted);font-size:clamp(17px,1.5vw,20px)}.gdatom-app .app-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 25px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,background .2s;margin-top:30px}.gdatom-app .app-button:hover{background:#6b2e95;transform:translateY(-2px)}.gdatom-app .app-button-light{background:#fff;color:var(--ink)}.gdatom-app .app-button-light:hover{background:#ead8f5;color:var(--ink)}.gdatom-app :focus-visible{outline:3px solid #b664f1;outline-offset:4px}.gdatom-app .app-example[hidden]{display:none!important}
/* Asymmetric headline and media placement is adapted from GetLayers ai-studio-hero; the flowing light field is a lightweight local interpretation of Laminar. */
.gdatom-app .app-hero{position:relative;padding:0!important;background:#280d3f;color:#fff;isolation:isolate;overflow:hidden}.gdatom-app .app-hero:before{content:"";position:absolute;inset:-28% -15% 95px;z-index:-1;background:radial-gradient(ellipse at 17% 35%,#8942c5aa,transparent 48%),radial-gradient(ellipse at 83% 60%,#b771e844,transparent 45%),radial-gradient(ellipse at 50% 15%,#512471,transparent 58%);filter:blur(28px);animation:app-flow 14s ease-in-out infinite alternate;pointer-events:none}@keyframes app-flow{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}.gdatom-app .app-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,80px);min-height:690px;padding:90px max(24px,calc((100vw - 1240px)/2)) 95px}.gdatom-app .app-hero-copy{position:relative;z-index:1}.gdatom-app .app-hero .app-eyebrow{color:#e6bbff;margin-bottom:26px}.gdatom-app .app-hero-lede{max-width:580px;margin-top:30px;color:#e8d9f3;font-size:clamp(18px,1.5vw,21px);line-height:1.68}.gdatom-app .app-hero-media{position:relative;min-width:0;padding:22px 0 22px 30px}.gdatom-app .app-hero-media:before{content:"";position:absolute;inset:0 12% 0 0;border:1px solid #b979db88;border-radius:28px;transform:translate(14px,14px);pointer-events:none}.gdatom-app .app-hero-photo{aspect-ratio:1.15;overflow:hidden;border-radius:24px;background:#593877;box-shadow:0 30px 75px #1a082a7a;animation:app-photo-enter 1.2s cubic-bezier(.2,.7,.2,1) both}.gdatom-app .app-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.gdatom-app .app-hero-copy{animation:app-copy-enter .85s ease-out both}@keyframes app-photo-enter{from{opacity:.2;transform:translateY(35px) scale(.96)}to{opacity:1;transform:none}}@keyframes app-copy-enter{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:none}}
.gdatom-app .app-tech-strip{position:relative;display:grid;grid-template-columns:225px minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px max(24px,calc((100vw - 1240px)/2));background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.gdatom-app .app-tech-strip p{font-size:13px;font-weight:700;line-height:1.35}.gdatom-app .app-tech-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.gdatom-app .app-tech-track{list-style:none;padding:0;margin:0;display:flex;align-items:center;width:max-content;gap:58px;animation:app-belt 26s linear infinite}.gdatom-app .app-tech-track li{flex:none;display:grid;place-items:center;width:105px;height:42px}.gdatom-app .app-tech-track img{max-width:100%;max-height:36px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75}.gdatom-app .app-tech-strip:hover .app-tech-track,.gdatom-app .app-tech-strip:focus-within .app-tech-track,.gdatom-app .app-tech-strip.is-paused .app-tech-track{animation-play-state:paused}@keyframes app-belt{to{transform:translateX(calc(-50% - 29px))}}.gdatom-app .app-tech-pause{border:1px solid #bca4ce;border-radius:999px;background:transparent;color:var(--ink);padding:9px 15px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.gdatom-app .app-solutions{background:#fff}.gdatom-app .app-solution-list{border-top:1px solid var(--line)}.gdatom-app .app-solution{display:grid;grid-template-columns:.8fr 1fr;gap:30px;align-items:end;padding:39px 12px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.gdatom-app .app-solution:hover{background:#f8f2fc;padding-left:28px}.gdatom-app .app-solution .app-card-kicker{margin-bottom:12px}.gdatom-app .app-solution>p{max-width:530px;font-size:18px;color:var(--muted)}.gdatom-app .app-solution:nth-child(2){background:#f3eafb;border-radius:22px;border-bottom:0;margin:8px 0;padding:43px 30px}
.gdatom-app .app-method{background:#f1eaf6}.gdatom-app .app-step-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.gdatom-app .app-step-list li{border-top:2px solid #9e68bb;padding-top:26px}.gdatom-app .app-step-mark{display:block;width:18px;height:18px;margin-bottom:48px;border-radius:50%;background:#a234fd;box-shadow:0 0 0 7px #dec8ed}.gdatom-app .app-step-list h3{font-size:clamp(23px,2vw,30px);margin-bottom:17px}.gdatom-app .app-step-list p{color:var(--muted)}
.gdatom-app .app-foundations{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px);background:#fff}.gdatom-app .app-foundations .app-heading{position:sticky;top:40px;margin-bottom:0;align-self:start}.gdatom-app .app-detail-list{border-top:1px solid var(--line)}.gdatom-app .app-detail{padding:25px 0 29px;border-bottom:1px solid var(--line)}.gdatom-app .app-detail h3{font-size:clamp(23px,2vw,30px);margin-bottom:12px}.gdatom-app .app-detail p{color:var(--muted)}
.gdatom-app .app-industries{background:#280d3f;color:#fff}.gdatom-app .app-industries .app-eyebrow{color:#dba9fa}.gdatom-app .app-industries .app-lede,.gdatom-app .app-industries .app-use p{color:#dfcee9}.gdatom-app .app-industries-top{display:grid;grid-template-columns:1fr .9fr;gap:6vw;align-items:center;margin-bottom:55px}.gdatom-app .app-industries-top .app-heading{margin-bottom:0}.gdatom-app .app-industries-image{aspect-ratio:1.55;overflow:hidden;border-radius:22px;background:#4d2963}.gdatom-app .app-industries-image img{width:100%;height:100%;object-fit:cover}.gdatom-app .app-use-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ffffff55}.gdatom-app .app-use{padding:28px 25px 32px 0;border-bottom:1px solid #ffffff55}.gdatom-app .app-use:nth-child(odd){border-right:1px solid #ffffff55}.gdatom-app .app-use:nth-child(even){padding-left:30px}.gdatom-app .app-use h3{font-size:clamp(23px,2vw,30px);margin-bottom:12px}.gdatom-app .app-use p{max-width:460px}
.gdatom-app .app-proof{background:#faf7fd}.gdatom-app .app-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gdatom-app .app-proof-card{min-width:0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.gdatom-app .app-proof-media{height:240px;background:#ece1f4;display:grid;place-items:center;overflow:hidden}.gdatom-app .app-proof-media img{width:100%;height:100%;object-fit:cover}.gdatom-app .app-proof-0 .app-proof-media img{object-fit:contain;padding:65px;background:#d9c4e9}.gdatom-app .app-proof-copy{padding:26px 28px 35px}.gdatom-app .app-proof-copy .app-card-kicker{margin-bottom:12px}.gdatom-app .app-proof-copy h3{font-size:30px;margin-bottom:16px}.gdatom-app .app-proof-copy>p:last-of-type{color:var(--muted)}.gdatom-app .app-proof-copy a{display:inline-block;color:#542177;font-weight:700;text-underline-offset:4px;margin-top:22px}
.gdatom-app .app-faqs{background:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw}.gdatom-app .app-faq-list{border-top:1px solid var(--line)}.gdatom-app .app-faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.gdatom-app .app-faq-list summary{list-style:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;font-size:21px;font-weight:700;line-height:1.4}.gdatom-app .app-faq-list summary::-webkit-details-marker{display:none}.gdatom-app .app-faq-list .app-plus{font-size:25px;font-weight:400}.gdatom-app .app-faq-list details[open] .app-plus{transform:rotate(45deg)}.gdatom-app .app-faq-list details p{margin-top:18px;max-width:700px;color:var(--muted)}
.gdatom-app .app-contact{background:#361154;color:#fff}.gdatom-app .app-contact .app-eyebrow{color:#d9acfa}.gdatom-app .app-contact .app-lede{color:#e1cfee}
@media(max-width:1000px){.gdatom-app .app-hero-inner{min-height:600px}.gdatom-app .app-tech-strip{grid-template-columns:185px minmax(0,1fr)}.gdatom-app .app-tech-pause{grid-column:2;justify-self:end}.gdatom-app .app-step-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.gdatom-app .app-proof-grid{grid-template-columns:1fr 1fr}.gdatom-app .app-proof-card:first-child{grid-column:span 2}.gdatom-app .app-proof-card:first-child{display:grid;grid-template-columns:1fr 1fr}.gdatom-app .app-proof-card:first-child .app-proof-media{height:100%}}
@media(max-width:760px){.gdatom-app .app-section{padding:72px 24px}.gdatom-app .app-hero{padding:0!important}.gdatom-app .app-hero-inner{grid-template-columns:1fr;padding:74px 24px 70px;gap:42px;min-height:0}.gdatom-app h1{font-size:clamp(48px,10vw,74px)}.gdatom-app .app-hero-media{padding:0 15px 15px 0}.gdatom-app .app-hero-media:before{transform:translate(14px,14px)}.gdatom-app .app-hero-photo{aspect-ratio:1.36}.gdatom-app .app-tech-strip{grid-template-columns:1fr auto;gap:15px;padding:23px 24px}.gdatom-app .app-tech-window{grid-column:1/-1;grid-row:2}.gdatom-app .app-tech-pause{grid-column:2;grid-row:1}.gdatom-app .app-tech-strip p{max-width:210px}.gdatom-app .app-heading{margin-bottom:35px}.gdatom-app .app-solution{grid-template-columns:1fr;gap:14px;padding:29px 0}.gdatom-app .app-solution:hover{padding-left:0}.gdatom-app .app-solution:nth-child(2){padding:30px 22px}.gdatom-app .app-solution>p{font-size:16px}.gdatom-app .app-step-list{grid-template-columns:1fr 1fr;gap:30px 20px}.gdatom-app .app-step-mark{margin-bottom:30px}.gdatom-app .app-foundations,.gdatom-app .app-faqs{display:block}.gdatom-app .app-foundations .app-heading{position:static;margin-bottom:35px}.gdatom-app .app-industries-top{grid-template-columns:1fr;gap:35px}.gdatom-app .app-use-list{grid-template-columns:1fr}.gdatom-app .app-use,.gdatom-app .app-use:nth-child(even){padding:22px 0;border-right:0}.gdatom-app .app-proof-grid{grid-template-columns:1fr}.gdatom-app .app-proof-card:first-child{grid-column:auto;display:block}.gdatom-app .app-proof-card:first-child .app-proof-media{height:240px}.gdatom-app .app-faqs .app-heading{margin-bottom:35px}}
@media(max-width:480px){.gdatom-app .app-step-list{grid-template-columns:1fr}.gdatom-app .app-step-list li{padding-top:19px}.gdatom-app .app-step-mark{margin-bottom:20px}.gdatom-app .app-proof-media{height:200px}}
@media(prefers-reduced-motion:reduce){.gdatom-app .app-hero:before,.gdatom-app .app-hero-photo,.gdatom-app .app-hero-copy,.gdatom-app .app-tech-track{animation:none!important}.gdatom-app .app-button,.gdatom-app .app-solution{transition:none}}
body:has(.gdatom-app) .wp-block-post-title{display:none}body:has(.gdatom-app) .wp-block-post-content{max-width:none!important;padding-left:0!important;padding-right:0!important}body:has(.gdatom-app) .wp-block-group:has(> .wp-block-post-content){padding-top:0!important;padding-bottom:0!important}

/* Service-page refinements: numbered process and editable invitation CTA. */
.gdatom-app .app-tech-strip{grid-template-columns:225px minmax(0,1fr)}
.gdatom-app .app-step-mark{width:auto;height:auto;border-radius:0;background:transparent;box-shadow:none;color:#8b28d2;font-size:34px;font-weight:700;line-height:1.1;letter-spacing:-.03em}
.gdatom-app .app-proof-cta:not([href]){display:none}
.gdatom-app .app-proof-copy .app-proof-cta[href]{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:999px;background:#542177;color:#fff;font-size:14px;line-height:1.4;text-decoration:none;transition:background-color .18s ease}
.gdatom-app .app-proof-copy .app-proof-cta:hover{background:#38144f}
.gdatom-app .app-proof-copy .app-proof-cta:focus-visible,.gdatom-app .app-tech-window:focus-visible{outline:3px solid #a234fd;outline-offset:4px}
@media(max-width:1000px){.gdatom-app .app-tech-strip{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:760px){.gdatom-app .app-tech-strip{grid-template-columns:1fr}.gdatom-app .app-tech-window{grid-column:1;grid-row:2}}

/* Optional industry-service links. Empty editorial fields remain hidden. */
.gdatom-app .app-service-link:not([href]){display:none}
.gdatom-app .app-solution-copy>p{max-width:530px;font-size:18px;color:var(--muted)}
.gdatom-app .app-service-link[href]{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:11px 20px;margin-top:20px;border:1px solid #9c72b6;border-radius:999px;background:#fff;color:#542177;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.gdatom-app .app-service-link:hover{background:#f3eafb}
.gdatom-app .app-service-link:focus-visible{outline:3px solid #a234fd;outline-offset:4px}
@media(max-width:760px){.gdatom-app .app-solution-copy>p{font-size:16px}}

/* Keep the complete introduction together beneath the theme's sticky header. */
.gdatom-app .app-foundations .app-heading{position:static;top:auto}
.gdatom-app .app-foundations-intro{position:sticky;top:calc(112px + var(--wp-admin--admin-bar--height,0px));align-self:start}
@media(max-width:1000px),(max-height:700px){.gdatom-app .app-foundations-intro{position:static}}

/* An optional industry composition; nine-section service pages remain unchanged. */
.gdatom-app:has(.app-sectors) .app-hero-inner{grid-template-columns:1.2fr .8fr;gap:48px;min-height:610px;padding-top:76px;padding-bottom:78px}
.gdatom-app:has(.app-sectors) .app-hero h1{font-size:clamp(46px,5vw,78px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.gdatom-app:has(.app-sectors) .app-hero-photo{aspect-ratio:1.06}
.gdatom-app .app-sectors{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#eee7f4;overflow:hidden}
.gdatom-app .app-sectors .app-heading{margin-bottom:32px}
.gdatom-app .app-sectors h2{font-size:clamp(38px,3.7vw,57px)}
.gdatom-app .app-sector-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.gdatom-app .app-sector-nav[hidden],.gdatom-app .app-sector-status[hidden]{display:none}
.gdatom-app .app-sector-nav button{font:inherit;font-size:14px;line-height:1.35;text-align:left;border:1px solid #d0bcde;border-radius:12px;background:#ffffff80;color:#542177;padding:13px 15px;cursor:pointer;transition:background .2s,color .2s}
.gdatom-app .app-sector-nav button[aria-pressed=true]{background:#542177;color:#fff;border-color:#542177}
.gdatom-app .app-sector-nav button:hover{background:#e0d0ee;color:#280d3f}
.gdatom-app .app-sector-stage{min-width:0;padding:12px 22px 12px 0}
.gdatom-app .app-sector-deck{display:grid;gap:20px}
.gdatom-app .app-sector-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:330px;padding:42px;border:1px solid #ffffff80;border-radius:26px;background:linear-gradient(145deg,#3f185b,#241030);color:#fff;box-shadow:0 24px 55px #2d103b22}
.gdatom-app .app-sector-card:before{content:"";position:absolute;width:260px;height:260px;right:-140px;top:-100px;border:1px solid #d1a5f14d;border-radius:50%;box-shadow:0 0 0 36px #c18bea0a,0 0 0 72px #c18bea08;z-index:-1;pointer-events:none}
.gdatom-app .app-sector-card:nth-child(even){background:linear-gradient(145deg,#6d3d89,#351746)}
.gdatom-app .app-sector-card .app-card-kicker{color:#dab5f5;margin-bottom:30px;font-size:11px}
.gdatom-app .app-sector-card h3{font-size:clamp(31px,3vw,45px);max-width:430px;letter-spacing:-.045em;line-height:1.14}
.gdatom-app .app-sector-body{font-size:17px;line-height:1.7;color:#e4d4ef;max-width:420px;margin-top:24px}
.gdatom-app .app-sector-link:not([href]){display:none}
.gdatom-app .app-sector-link[href]{display:inline-flex;align-items:center;margin-top:25px;color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:14px;font-weight:700}
.gdatom-app .app-sector-status{font-size:12px;letter-spacing:.04em;color:#6b527b;margin-top:40px}
.gdatom-app .app-sectors.is-enhanced .app-sector-deck{position:relative;min-height:390px;gap:0}
.gdatom-app .app-sectors.is-enhanced .app-sector-card{grid-area:1/1;align-self:center;min-height:390px;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .4s;transform-origin:50% 85%}
.gdatom-app .app-sectors.is-enhanced .app-sector-card[aria-hidden=true]{pointer-events:none}
@media(max-width:1000px){.gdatom-app .app-sectors{gap:35px}.gdatom-app .app-sector-card{padding:30px}.gdatom-app .app-sector-nav{grid-template-columns:1fr}.gdatom-app .app-sector-nav button{padding:10px 13px}}
@media(max-width:760px){.gdatom-app:has(.app-sectors) .app-hero-inner{grid-template-columns:1fr;gap:38px;padding:64px 24px 64px;min-height:0}.gdatom-app:has(.app-sectors) .app-hero h1{font-size:clamp(40px,10.2vw,59px);text-wrap:balance}.gdatom-app:has(.app-sectors) .app-hero-photo{aspect-ratio:1.36}.gdatom-app .app-sectors{grid-template-columns:1fr;gap:42px}.gdatom-app .app-sector-nav{grid-template-columns:1fr 1fr;gap:8px}.gdatom-app .app-sector-nav button{font-size:13px;min-height:52px;padding:11px}.gdatom-app .app-sector-stage{padding:0 16px 0 0}.gdatom-app .app-sector-card{padding:31px 27px;min-height:360px}.gdatom-app .app-sectors.is-enhanced .app-sector-card{min-height:360px}.gdatom-app .app-sectors.is-enhanced .app-sector-deck{min-height:360px}.gdatom-app .app-sector-card h3{font-size:33px}.gdatom-app .app-sector-body{font-size:16px}.gdatom-app .app-sector-status{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.gdatom-app .app-sector-card,.gdatom-app .app-sector-nav button{transition:none!important}}
.gdatom-app .app-sectors[data-motion=none] .app-sector-card,.gdatom-app .app-sectors[data-motion=none] .app-sector-nav button{transition:none!important}
body:has(.gdatom-app) .gdatom-app .app-sector-card h3{color:#fff!important}
.gdatom-app .app-sector-nav button[aria-pressed=true]:hover{background:#542177;color:#fff}

/* Reviewed integrated example; shares the homepage's same-frame dialog behaviour. */
.gdatom-app .app-example{background:#efe7f7;border-block:1px solid #dfd3e7}
.gdatom-app .app-example .app-heading{max-width:820px}
.gdatom-app .demo-access{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;font-size:13px;line-height:1.6}
.gdatom-app .demo-access p{margin:0;max-width:650px;color:var(--muted)}
.gdatom-app .demo-expand,.gdatom-app .demo-close{flex:none;border:1px solid #8f6da5;border-radius:999px;padding:11px 20px;background:#280d3f;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.gdatom-app .demo-expand:hover,.gdatom-app .demo-close:hover{background:#67318d}
.gdatom-app .demo-expand:focus-visible,.gdatom-app .demo-close:focus-visible,.gdatom-app .app-demo-link:focus-visible{outline:3px solid #a234fd;outline-offset:4px}
.gdatom-app .demo-inset{padding:clamp(10px,2.5vw,34px);border:1px solid #dfd3e7;border-radius:24px;background:#e9e0f1;margin:12px 0 0}
.gdatom-app .homepage-demo{display:block;width:100%;aspect-ratio:1656/969;height:auto;max-width:min(1180px,calc((100svh - 190px)*1.709));margin-inline:auto;border:0;border-radius:12px;background:#fdf5f8}
.gdatom-app .demo-dialog{position:fixed;inset:0;width:min(1550px,calc(100vw - 36px));max-width:none;height:min(920px,calc(100dvh - 36px));max-height:none;padding:0;border:1px solid #cab4d9;border-radius:24px;background:#f8f4fb;color:#280d3f;box-shadow:0 35px 110px #1808217a;overflow:hidden}
.gdatom-app .demo-dialog::backdrop{background:#170a25cf;backdrop-filter:blur(5px)}
.gdatom-app .demo-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#fff;border-bottom:1px solid #dfd3e7}
.gdatom-app .demo-dialog-bar h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.gdatom-app .demo-dialog:not(.is-expanded){position:static;inset:auto;display:block;width:100%;max-width:none;height:auto;max-height:none;margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.gdatom-app .demo-dialog:not(.is-expanded) .demo-dialog-bar{display:none}
.gdatom-app .demo-dialog:not(.is-expanded) .demo-inset{margin-top:0}
.gdatom-app .demo-dialog.is-expanded[open]{display:flex;flex-direction:column}
.gdatom-app .demo-dialog.is-expanded .demo-inset{flex:1;min-height:0;height:auto;margin:12px;padding:0;overflow:hidden}
.gdatom-app .demo-dialog.is-expanded .homepage-demo{width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto}
.gdatom-app .app-demo-link{display:inline-block;margin-top:24px;color:var(--ink);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.gdatom-app .demo-access{align-items:flex-start;flex-direction:column;gap:14px}.gdatom-app .demo-inset{padding:10px;border-radius:14px}.gdatom-app .homepage-demo{height:620px;max-width:100%;aspect-ratio:auto}.gdatom-app .demo-dialog{width:100vw;height:100dvh;border-radius:0;border:0}.gdatom-app .demo-dialog-bar{padding:12px 16px}.gdatom-app .demo-dialog-bar h2{font-size:16px}.gdatom-app .demo-dialog.is-expanded .demo-inset{margin:0;border:0;border-radius:0}.gdatom-app .demo-close{padding:9px 14px}}

/* Preview facades reserve space; demo HTML waits until its section is near. */
.gdatom-app .demo-stage{position:relative;aspect-ratio:1656/969;width:100%;max-width:min(1180px,calc((100svh - 190px)*1.709));margin-inline:auto;overflow:hidden;border-radius:12px}
.gdatom-app .demo-stage .homepage-demo{width:100%;height:100%;max-width:none;aspect-ratio:auto;background:transparent;border-radius:0}
.gdatom-app .demo-cover{position:absolute;inset:0;display:grid;place-items:center;background:#e9e0f1}
.gdatom-app .demo-cover[hidden]{display:none!important}
.gdatom-app .demo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.78}
.gdatom-app .demo-launch-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px;padding:22px 26px;border:1px solid #fff9;border-radius:22px;background:#f9f5fbed;box-shadow:0 16px 48px #280d3f1a;text-align:center;backdrop-filter:blur(8px)}
.gdatom-app .demo-launch{border:0;border-radius:999px;padding:15px 24px;background:#280d3f;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.gdatom-app .demo-launch:hover{background:#67318d}.gdatom-app .demo-launch:focus-visible{outline:3px solid #a234fd;outline-offset:4px}
.gdatom-app .demo-load-status{font-size:12px;line-height:1.5;color:#51415e;max-width:280px}
.gdatom-app .demo-dialog.is-expanded .demo-stage{height:100%;max-width:none;aspect-ratio:auto}
.gdatom-app .demo-expand:disabled,.gdatom-app .demo-launch:disabled{cursor:wait;opacity:.7}
@media(max-width:760px){.gdatom-app .demo-stage{height:620px;aspect-ratio:auto;max-width:100%}.gdatom-app .demo-launch-panel{padding:20px;margin:12px}.gdatom-app .demo-poster{object-fit:cover;object-position:center}.gdatom-app .demo-dialog.is-expanded .demo-stage{height:100%}}

/* Shared project logo panels; exact existing logo labels opt in, never photographs. */
.gdatom-app .app-proof-card .app-proof-media:has(> img:is([alt="Sidekik logo"],[alt="TeachKids logo"],[alt="Grenconnect logo"],[alt="Farrells Bookshop logo"])){background:#f0e8f6;min-height:200px}
.gdatom-app .app-proof-card .app-proof-media > img:is([alt="Sidekik logo"],[alt="Farrells Bookshop logo"]){width:148px;height:148px;max-width:72%;padding:0;object-fit:contain;background:transparent}
.gdatom-app .app-proof-card .app-proof-media > img:is([alt="TeachKids logo"],[alt="Grenconnect logo"]){width:76%;height:auto;max-width:280px;max-height:100px;padding:0;object-fit:contain;background:transparent}

/* Industry demos: static preview, intentional modal launch, no inline runtime. */
.gdatom-app .app-example .demo-preview{margin-top:18px;padding:clamp(16px,2.5vw,32px);border:1px solid #d4bce5;border-radius:20px;background:#e9e0f1;}
.gdatom-app .app-example .demo-image-trigger{display:block;width:100%;margin:0;padding:0!important;border:0!important;border-radius:12px;background:transparent!important;box-shadow:none!important;line-height:0;cursor:zoom-in;}
.gdatom-app .app-example .demo-image-trigger::before,.gdatom-app .app-example .demo-image-trigger::after{display:none!important;}
.gdatom-app .app-example .demo-image-trigger .demo-poster{position:static;display:block;width:100%;height:auto;aspect-ratio:1000/475;object-fit:contain;opacity:1;border-radius:12px;}
.gdatom-app .app-example .demo-image-trigger:focus-visible{outline:3px solid #a234fd;outline-offset:5px;}
.gdatom-app .app-example .demo-dialog:not([open]){display:none!important;}
.gdatom-app .app-example .demo-dialog.is-expanded .demo-inset{padding:12px;margin:0;border:0;border-radius:0;}
.gdatom-app .app-example .demo-dialog-bar{flex:none;}
.gdatom-app .app-example .demo-retry[hidden]{display:none!important;}
.gdatom-app .app-example .demo-stage iframe{display:block;border:0;}
@media(max-width:760px){.gdatom-app .app-example .demo-preview{padding:16px;border-radius:16px;}}
