:root {
  color-scheme: light dark;
  --bg: #f6f7f9;
  --surface: rgba(255,255,255,.78);
  --surface-solid: #ffffff;
  --text: #111318;
  --muted: #626a76;
  --line: rgba(17,19,24,.09);
  --accent: #456d8b;
  --accent-strong: #2f566f;
  --shadow: 0 20px 60px rgba(24,32,44,.08);
  --radius: 26px;
  --max: 1120px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d1014;
    --surface: rgba(22,26,32,.82);
    --surface-solid: #161a20;
    --text: #f6f7f9;
    --muted: #a8b0ba;
    --line: rgba(255,255,255,.10);
    --accent: #7fa9c7;
    --accent-strong: #a5c5da;
    --shadow: 0 24px 70px rgba(0,0,0,.26);
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top,#fff 0,var(--bg) 42%) fixed;color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
@media (prefers-color-scheme: dark){body{background:radial-gradient(circle at top,#18202a 0,var(--bg) 42%) fixed}}
a{color:inherit;text-decoration:none} a:hover{color:var(--accent-strong)}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-weight:780;letter-spacing:-.03em;font-size:1.08rem}

.brand-lockup{display:inline-flex;align-items:center;gap:10px}
.brand-logo{display:block;width:auto;height:42px;max-width:min(310px,46vw);object-fit:contain;flex:0 1 auto}
.brand-mark{display:block;width:36px;height:36px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 8px rgba(0,90,190,.10))}
footer .brand-mark{width:32px;height:32px}
@media(prefers-color-scheme:dark){header .brand-logo{background:rgba(255,255,255,.94);padding:5px 9px;border-radius:10px}}
nav{display:flex;align-items:center;gap:22px;font-size:.94rem;color:var(--muted)}
.lang{padding:.44rem .7rem;border:1px solid var(--line);border-radius:999px}
.hero{padding:120px 0 78px}.eyebrow{color:var(--accent-strong);font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin:.2em 0 .28em;max-width:950px}
.lead{font-size:clamp(1.16rem,2.4vw,1.55rem);color:var(--muted);max-width:720px;margin:0 0 34px}
.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:.84rem 1.1rem;border-radius:999px;background:var(--text);color:var(--bg);font-weight:700}.button:hover{opacity:.86;color:var(--bg)}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
section{padding:64px 0}.section-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 16px}.section-copy{color:var(--muted);max-width:720px;margin:0 0 30px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.card{grid-column:span 6;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.card.full{grid-column:1/-1}.card h2,.card h3{margin:.2rem 0 .5rem;letter-spacing:-.03em}.card p{color:var(--muted);margin:.4rem 0 0}.app-icon{width:76px;height:76px;border-radius:20px;background:linear-gradient(145deg,#dfe5ea,#8ea7b9);display:grid;place-items:center;font-weight:900;font-size:2rem;color:#263746;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);margin-bottom:22px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pill{font-size:.82rem;color:var(--muted);padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px}
.prose{max-width:820px}.prose h1{font-size:clamp(2.4rem,5vw,4.8rem);margin-bottom:.35em}.prose h2{margin-top:2.3rem;font-size:1.45rem;letter-spacing:-.025em}.prose p,.prose li{color:var(--muted)}.prose strong{color:var(--text)}.notice{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin:22px 0}.small{font-size:.9rem;color:var(--muted)}
footer{padding:60px 0 44px;border-top:1px solid var(--line);margin-top:60px}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.92rem}
@media(max-width:760px){nav a:not(.lang){display:none}.hero{padding-top:86px}.card{grid-column:1/-1}.footer-grid{align-items:flex-start;flex-direction:column}.container{width:min(calc(100% - 28px),var(--max))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Apexcreations product presentation */
.hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:64px;align-items:center;padding:108px 0 72px}
.hero-split h1{font-size:clamp(3.5rem,7vw,6.6rem);max-width:820px}
.hero-accent{color:#087df3}
.hero-art{position:relative;display:grid;place-items:center;min-height:430px}
.hero-art::before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,132,255,.20),rgba(0,132,255,0) 68%);filter:blur(4px)}
.hero-app-icon{position:relative;width:min(100%,430px);height:auto!important;aspect-ratio:auto;object-fit:contain;display:block;filter:drop-shadow(0 28px 34px rgba(0,90,190,.18))}
.button.primary-blue{background:linear-gradient(180deg,#1992ff,#0878ee);color:#fff;box-shadow:0 10px 28px rgba(0,122,255,.20)}
.button.primary-blue:hover{color:#fff;transform:translateY(-1px)}
.featured-app{display:grid;grid-template-columns:220px minmax(0,1.15fr) minmax(280px,.85fr);gap:34px;align-items:center;padding:34px}
.product-icon{width:100%;max-width:190px;height:auto!important;aspect-ratio:auto;object-fit:contain;display:block;filter:drop-shadow(0 16px 20px rgba(0,90,190,.14))}
.app-title{font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 8px}
.app-subtitle{font-size:1.15rem;color:var(--muted);margin:0 0 12px}
.feature-list{border-left:1px solid var(--line);padding-left:30px;display:grid;gap:22px}
.feature-item{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}
.feature-symbol{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(0,122,255,.09);color:#087df3;font-weight:800;font-size:1.15rem}
.feature-item strong{display:block;margin-bottom:2px}.feature-item span{color:var(--muted);font-size:.92rem}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.info-tile{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);display:flex;gap:16px;align-items:flex-start;min-height:150px}
.info-tile .feature-symbol{flex:0 0 46px}.info-tile p{margin:3px 0;color:var(--muted);font-size:.93rem}.info-tile a{color:#087df3;font-weight:650}
.support-mail{color:#087df3;font-weight:700;overflow-wrap:anywhere}
.app-page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:56px;align-items:center;padding:96px 0 62px}
.app-page-hero>div{min-width:0}
.app-page-hero h1{font-size:clamp(3rem,5.4vw,5.6rem);max-width:100%;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.app-page-icon{display:block;width:100%;max-width:390px;height:auto!important;aspect-ratio:auto;object-fit:contain;justify-self:center;filter:drop-shadow(0 24px 30px rgba(0,90,190,.18))}
@media(max-width:900px){.hero-split,.app-page-hero{grid-template-columns:1fr}.hero-art{min-height:300px}.hero-app-icon{max-width:330px}.featured-app{grid-template-columns:150px 1fr}.feature-list{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.info-grid{grid-template-columns:1fr}}
@media(max-width:620px){.featured-app{grid-template-columns:1fr}.product-icon{max-width:130px}.hero-split{padding-top:70px;gap:24px}.hero-art{min-height:230px}.hero-app-icon{max-width:250px}.app-page-hero{padding-top:70px;gap:20px}.app-page-icon{max-width:260px}}

@media(max-width:620px){.brand-logo{height:34px;max-width:210px}.footer-brand .brand-mark{width:30px;height:30px}}

/* Unified Apexcreations theme — system light/dark, no scripts or external fonts. */
:root{--bg:#f4f7f8;--surface:rgba(255,255,255,.88);--surface-solid:#fff;--text:#172b36;--muted:#526873;--line:#d8e3e7;--accent:#007e8b;--accent-strong:#006d79;--shadow:0 18px 55px rgba(19,60,72,.055);--radius:24px;--max:1120px}
body{background:radial-gradient(ellipse at 90% 0,rgba(25,184,184,.10),transparent 45%),var(--bg)}
header{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.nav{min-height:84px;gap:24px}.brand-logo{height:auto;width:268px;max-width:100%;padding:0;background:none;border-radius:0}.brand-lockup{max-width:100%}
header nav{gap:23px}header nav a{padding:10px 0}header nav .lang{padding:7px 12px}header nav a[aria-current=page]{color:var(--accent-strong);font-weight:700}
.language-row{display:flex;justify-content:flex-end;padding-top:24px}.page-languages,.policy-languages{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem}.page-languages a,.gloopspire-policy .policy-languages a{min-height:44px;display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.page-languages a[aria-current=page],.gloopspire-policy .policy-languages a[aria-current=page]{background:var(--text);color:var(--bg);border-color:var(--text)}
.eyebrow{color:var(--accent-strong);letter-spacing:.14em;font-size:.75rem}.hero-accent{color:var(--accent-strong)}
h1{letter-spacing:-.055em;line-height:1.04}h1,h2,h3{text-wrap:balance}.lead{line-height:1.65}.hero-split{padding:70px 0 78px;gap:56px}.hero-split h1{font-size:clamp(3.2rem,6.5vw,6.2rem)}
.hero-art:before{background:radial-gradient(circle,rgba(0,170,176,.17),transparent 68%)}
.button{border-radius:14px;min-height:48px;padding:13px 21px}.button.primary-blue{background:var(--accent-strong);box-shadow:0 8px 24px rgba(0,126,139,.15)}.button.secondary{background:var(--surface)}.actions-spaced{margin-top:22px}
.card{padding:32px}.featured-app{padding:38px;gap:30px}.feature-symbol{background:rgba(0,150,160,.1);color:var(--accent-strong)}.info-tile a,.support-mail{color:var(--accent-strong)}.info-tile{border-radius:20px}
.prose{max-width:860px}.prose h1{font-size:clamp(2.2rem,5.4vw,4.6rem);overflow-wrap:anywhere}.prose h2{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:1.35rem;line-height:1.4}.prose h3{line-height:1.45}.prose p,.prose li{line-height:1.85}.prose p a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.notice{border-left:3px solid var(--accent);border-radius:0 16px 16px 0;padding:20px 24px;background:var(--surface-solid)}
.policy-identity{display:flex;align-items:center;gap:24px;margin:16px 0 24px}.policy-identity>div{min-width:0}.policy-app-icon{width:96px;height:auto;flex-shrink:0}.policy-identity h1{margin:8px 0 0}.policy-contents{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gloopspire-policy .policy-terms h2{border-top:0;padding-top:0}.gloopspire-policy .policy-languages{gap:8px}.gloopspire-policy .policy-languages a{border-radius:12px}
footer{margin-top:64px;background:var(--surface)}.footer-grid{align-items:center}.footer-brand{margin-bottom:12px}.footer-links a{padding:7px 0}
a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:5px}.card[href]:hover,.info-tile[href]:hover{border-color:var(--accent)}section[id],h2[id]{scroll-margin-top:140px}
@media(prefers-color-scheme:dark){:root{--bg:#0c151b;--surface:rgba(20,35,44,.92);--surface-solid:#14232c;--text:#edf5f7;--muted:#acbfc8;--line:#2a404c;--accent:#55d5d0;--accent-strong:#70dfda;--shadow:0 20px 60px rgba(0,0,0,.15)}body{background:radial-gradient(ellipse at 90% 0,rgba(24,123,132,.13),transparent 45%),var(--bg)}header .brand-logo{background:none;padding:0;border-radius:0}.button.primary-blue{background:#83e0da;color:#09292d}.button.primary-blue:hover{color:#09292d}.feature-symbol{background:rgba(83,213,208,.10)}}
@media(max-width:900px){.nav{flex-wrap:wrap;gap:0;padding-top:14px;padding-bottom:10px}.nav>.brand{max-width:100%}header nav{width:100%;flex-wrap:wrap;gap:6px 22px;margin-top:8px}header nav a:not(.lang){display:inline-flex}header nav a{font-size:.88rem;min-height:44px;align-items:center}.hero-split{gap:26px}.hero-art{min-height:260px}.featured-app{grid-template-columns:130px 1fr}.feature-list{grid-column:1/-1}.prose h1{font-size:clamp(2.1rem,6vw,4rem)}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.brand-logo{width:236px;max-width:100%;height:auto}.hero-split{padding:48px 0}.hero-split h1{font-size:clamp(2.9rem,12vw,4rem)}section{padding:40px 0}.hero-art{min-height:220px}.card,.featured-app{padding:24px}.featured-app{grid-template-columns:1fr}.policy-identity{gap:16px;align-items:flex-start}.policy-app-icon{width:64px}.policy-identity h1{font-size:clamp(1.8rem,7vw,2.6rem)}.policy-identity .eyebrow{font-size:.65rem}.gloopspire-policy .policy-identity h1{font-size:2.6rem}.language-row{justify-content:flex-start;padding-top:20px}.footer-links{gap:8px 20px}.footer-grid{align-items:flex-start}.prose h2{font-size:1.2rem}.lead{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.brand-picture{display:block;flex-shrink:0}.logo-picture{width:268px;max-width:100%}.mark-picture{width:36px}.mark-picture img{max-width:100%}@media(max-width:620px){.logo-picture{width:236px}}

/* Equal presentation for both products on DE and EN pages. */
.portfolio-hero{padding:76px 0 48px}.portfolio-hero h1{font-size:clamp(3.2rem,7vw,6.4rem)}.portfolio-hero .lead{max-width:760px}.portfolio-section{padding-top:36px}.portfolio-section .section-title{margin:12px 0 30px;font-size:clamp(1.8rem,4vw,2.8rem)}
.app-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.app-product{display:flex;flex-direction:column;min-width:0;grid-column:auto}.app-product-top{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.app-product h2{font-size:clamp(1.6rem,2.6vw,2.15rem);overflow-wrap:anywhere;line-height:1.2;margin:10px 0}.app-product .app-tagline{font-size:1.05rem;color:var(--text);margin:0 0 12px}.app-product>.actions{margin-top:auto;padding-top:28px}.catalog-icon{display:block;width:128px;height:128px;object-fit:contain;flex-shrink:0}.catalog-title{font-size:clamp(2.6rem,6vw,5rem);margin:20px 0}
.app-page-hero{grid-template-columns:minmax(0,1fr) 320px}.app-page-icon{width:300px;height:300px!important;max-width:100%;aspect-ratio:1;object-fit:contain}.policy-back{display:inline-flex;min-height:44px;align-items:center;color:var(--accent-strong);margin-bottom:20px}.gloopspire-card-heading h2{border:0;padding:0;margin:0}.gloopspire-card-icon{width:80px;height:80px;object-fit:contain}.policy-app-icon{width:96px;height:96px;object-fit:contain}
@media(max-width:900px){.app-page-hero{grid-template-columns:1fr}.app-page-icon{width:260px;height:260px!important}.app-product{padding:24px}}
@media(max-width:680px){.app-catalog{grid-template-columns:1fr}.portfolio-hero{padding:48px 0 28px}.catalog-icon{width:112px;height:112px}.app-product h2{font-size:1.85rem}.app-page-icon{width:220px;height:220px!important}.policy-app-icon{width:64px;height:64px}}
