/* Demetra's approved reference composition. No other product family uses this sheet. */
body.demetra-reference{background:#010526;color:#f6f5ff}
.demetra-reference main>section:not(.lead-section){position:relative;isolation:isolate}
.demetra-reference .demetra-shell{max-width:1280px}
.demetra-reference .demetra-section{padding-block:48px}
.demetra-reference main>.demetra-dark{background:radial-gradient(ellipse at 85% 90%,#32159950,transparent 60%),#020729;border-block:1px solid #7051cc44}
.demetra-reference main .demetra-kicker{color:#db9fff;font-size:11px;letter-spacing:.14em;margin-bottom:14px}
.demetra-reference main .demetra-section h2,.demetra-reference .demetra-related>h2{font-size:clamp(30px,3.5vw,48px);margin-bottom:22px;color:#f8f6ff;line-height:1.15}
.demetra-reference .demetra-hero{width:100%;max-width:none;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:20px;min-height:510px;padding:38px max(32px,calc((100% - 1216px)/2)) 24px;background:linear-gradient(90deg,#00042650,transparent 70%),url('assets/faq/environment-1672.webp') center 65%/cover no-repeat;overflow:clip}
.demetra-reference .demetra-hero-copy{position:relative;z-index:2;padding-bottom:50px}
.demetra-reference .demetra-hero h1{font-size:clamp(40px,4.45vw,64px);max-width:550px;line-height:1.08;letter-spacing:-.045em;color:#fbfaff}
.demetra-reference .demetra-hero h1::first-line{color:#ca7aff}
.demetra-reference .demetra-hero .demetra-intro{font-size:17px;color:#d3d7ff;line-height:1.6;margin:24px 0 30px;max-width:490px}
.demetra-reference .demetra-visual{padding:0;width:calc(100% + 36px);margin-inline-start:-24px}
.demetra-reference .demetra-visual::before{inset:5%;background:radial-gradient(ellipse,#7b28fd60,transparent 70%);filter:blur(20px)}
.demetra-reference .demetra-scene{display:block;width:100%;height:auto;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 52% 50%,#000 48%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at 52% 50%,#000 48%,transparent 76%)}
.demetra-reference .demetra-benefits{position:relative;z-index:2;gap:16px;padding-block:0 32px;margin-top:24px;border:0}
.demetra-reference .demetra-benefits article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 14px;align-content:center;padding:20px 18px;border:1px solid #6650d095;border-radius:12px;background:linear-gradient(135deg,#15144cbd,#07103eeb);box-shadow:inset 0 1px 0 #a79aff33}
.demetra-reference .demetra-benefits svg{grid-row:1/3;align-self:center;width:34px;height:34px;margin:0;stroke:#d05bff;filter:drop-shadow(0 0 5px #8123e3)}
.demetra-reference .demetra-benefits article h2{font-size:15px;margin:0;line-height:1.4;color:#faf8ff}
.demetra-reference .demetra-benefits p{font-size:12px;color:#c8ccef;line-height:1.5}
.demetra-reference .demetra-about{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:46px}
.demetra-reference .demetra-about p{font-size:16px;line-height:1.65;color:#cfd3f7;margin:0 0 16px}
.demetra-reference :is(.demetra-receive,.demetra-feature,.demetra-boundaries article,.demetra-audience article,.demetra-related a){position:relative;isolation:isolate;min-width:0;border:1px solid #7252df99;border-radius:13px;background:radial-gradient(ellipse at 90% 0,#4225af65,transparent 75%),linear-gradient(130deg,#171149a6,#02092ed9);box-shadow:inset 0 1px 0 #a386ff33,0 5px 24px #00031f55;overflow:hidden}
.demetra-reference .demetra-receive{padding:28px 30px;min-height:260px}
.demetra-reference .demetra-receive h3{font-size:23px;position:relative;z-index:2;color:#fff}
.demetra-reference main :is(.demetra-receive,.demetra-feature,.demetra-boundaries) li{margin-top:12px;font-size:15px;line-height:1.5;color:#d7dcff;position:relative;z-index:2}
.demetra-reference main :is(.demetra-receive,.demetra-feature,.demetra-boundaries) li::before{content:'✓';display:grid;place-items:center;width:15px;height:15px;top:.18em;border:0;border-radius:3px;background:linear-gradient(145deg,#e6a3ff,#b55cff);color:#251047;font:bold 12px/1 sans-serif;box-shadow:0 0 7px #aa3eff44}
.demetra-reference .demetra-receive li{max-width:74%}
.demetra-reference .demetra-decoration{position:absolute;inset-inline-end:0;bottom:0;width:39%;height:86%;object-fit:contain;mix-blend-mode:screen;opacity:.9;pointer-events:none;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 75%)}
.demetra-reference .demetra-receive .demetra-decoration{height:92%;width:38%}
.demetra-reference .demetra-product-grid{gap:22px;margin-top:20px}
.demetra-reference .demetra-feature{padding:26px;min-height:260px}
.demetra-reference .demetra-feature>svg{width:44px;height:44px;padding:8px;margin:0 14px 20px 0;border:1px solid #9055ee;border-radius:10px;background:#6226bb44;stroke:#e4b0ff;vertical-align:middle;filter:drop-shadow(0 0 6px #a136f044)}
.demetra-reference .demetra-feature h3{display:inline;position:relative;z-index:2;color:#fff;font-size:23px}
.demetra-reference .demetra-feature ul{max-width:82%}
.demetra-reference .demetra-feature .demetra-decoration{width:43%;height:85%;opacity:.65;inset-inline-end:-5px}
.demetra-reference .demetra-feature li{font-size:14px}
.demetra-reference .demetra-boundaries{gap:22px;margin-top:20px}
.demetra-reference .demetra-boundaries article{padding:24px 30px;min-height:190px}
.demetra-reference .demetra-boundaries h3{font-size:23px;color:#fff;margin-bottom:18px}
.demetra-reference .demetra-boundaries li{max-width:65%}
.demetra-reference .demetra-deeper{gap:10px 24px;margin-top:18px;padding:22px 26px;border:1px solid #a35bf6;border-radius:13px;background:linear-gradient(100deg,#160d4699,#29106550);box-shadow:inset 0 1px 0 #b084ff77,0 0 12px #6335b83b}
.demetra-reference .demetra-deeper strong{color:#fff;font-size:18px}
.demetra-reference .demetra-deeper p{color:#cfd3f7;font-size:15px}
.demetra-reference .demetra-deeper a{color:#f3eaff}
.demetra-reference .demetra-audience{gap:14px 20px;margin-top:20px}
.demetra-reference .demetra-audience article{padding:20px 24px;gap:20px;min-height:74px}
.demetra-reference .demetra-audience article>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #7c4adc;border-radius:9px;background:#5020b444;color:#dd8cff}
.demetra-reference .demetra-audience article h3{font-size:15px!important;color:#e7e7ff;line-height:1.5!important}
body.demetra-reference .demetra-launch{width:calc(100% - 64px);max-width:1216px;margin:0 auto;padding:28px 36px;gap:30px;border:1px solid #ab67ff;border-radius:15px;background:radial-gradient(ellipse at 80% 30%,#4f28bd77,transparent 60%),#080a35;box-shadow:inset 0 1px 0 #a394ff66,0 0 16px #802af050}
body.demetra-reference .demetra-launch h2{font-size:38px;color:#fff;margin:0 0 10px!important}
.demetra-reference .demetra-launch p{font-size:15px;line-height:1.6;color:#d2d8fb}
.demetra-reference .demetra-launch>div{max-width:780px}
.demetra-reference .demetra-related{padding-top:32px;padding-bottom:32px}
.demetra-reference .demetra-related a{display:flex;align-items:center;gap:16px;padding:24px;min-height:96px;color:#fff}
.demetra-reference .demetra-related a:hover{border-color:#c886ff;background:#1f125b;box-shadow:0 0 16px #802af050}
.demetra-reference .demetra-related a svg{width:32px;height:32px;margin:0;stroke:#db8aff;flex:none}
.demetra-reference .demetra-related a h3{font-size:18px;margin:0}
.demetra-reference .demetra-related a>span{position:static;margin-inline-start:auto;color:#e7b4ff}
@media(max-width:1000px){.demetra-reference .demetra-benefits{gap:10px}.demetra-reference .demetra-benefits article{padding:16px 12px;grid-template-columns:30px minmax(0,1fr);gap:6px 10px}.demetra-reference .demetra-benefits svg{width:28px}.demetra-reference .demetra-benefits article h2{font-size:13px}.demetra-reference .demetra-about{gap:30px}.demetra-reference .demetra-feature{padding:22px}.demetra-reference .demetra-feature h3{font-size:20px}.demetra-reference .demetra-feature ul{max-width:100%}.demetra-reference .demetra-feature .demetra-decoration{opacity:.25}}
@media(max-width:800px){.demetra-reference .demetra-hero{grid-template-columns:1fr;padding:40px 24px 0;gap:0;min-height:0}.demetra-reference .demetra-hero-copy{padding-bottom:0;max-width:600px}.demetra-reference .demetra-hero h1{font-size:48px}.demetra-reference .demetra-visual{width:min(100%,640px);margin:0 auto}.demetra-reference .demetra-benefits{margin-top:0;grid-template-columns:1fr 1fr;padding-top:16px}.demetra-reference .demetra-about{grid-template-columns:1fr}.demetra-reference .demetra-product-grid{grid-template-columns:1fr}.demetra-reference .demetra-feature{min-height:225px}.demetra-reference .demetra-feature .demetra-decoration{width:32%;opacity:.7}.demetra-reference .demetra-feature ul{max-width:80%}.demetra-reference .demetra-related .demetra-product-grid{grid-template-columns:1fr 1fr 1fr}.demetra-reference .demetra-related a{padding:20px 14px;gap:10px}.demetra-reference .demetra-related a h3{font-size:15px}.demetra-reference .demetra-related a svg{display:none}.demetra-reference .demetra-launch{align-items:flex-start;gap:22px}}
@media(max-width:600px){.demetra-reference .demetra-hero{padding-inline:20px}.demetra-reference .demetra-hero h1{font-size:42px}.demetra-reference .demetra-hero .demetra-intro{font-size:16px}.demetra-reference .demetra-section{padding-block:36px}.demetra-reference .demetra-section h2{font-size:32px}.demetra-reference .demetra-benefits article{grid-template-columns:26px minmax(0,1fr);padding:14px 10px}.demetra-reference .demetra-benefits article h2{font-size:13px}.demetra-reference .demetra-benefits p{font-size:11px}.demetra-reference .demetra-about p{font-size:15px}.demetra-reference .demetra-receive{padding:24px;min-height:245px}.demetra-reference .demetra-receive li{max-width:78%}.demetra-reference .demetra-boundaries,.demetra-reference .demetra-audience{grid-template-columns:1fr}.demetra-reference .demetra-feature{padding:24px;min-height:240px}.demetra-reference .demetra-feature ul{max-width:85%}.demetra-reference .demetra-feature .demetra-decoration{width:38%;opacity:.45}.demetra-reference .demetra-boundaries article{padding:24px}.demetra-reference .demetra-audience article{padding:18px;gap:14px}.demetra-reference .demetra-deeper{padding:20px}.demetra-reference .demetra-deeper a{font-size:13px}.demetra-reference .demetra-related .demetra-product-grid{grid-template-columns:1fr;gap:12px}.demetra-reference .demetra-related a{min-height:74px;padding:18px 22px}.demetra-reference .demetra-related a h3{font-size:18px}.demetra-reference .demetra-related a svg{display:block}body.demetra-reference .demetra-launch{width:calc(100% - 40px);margin-inline:20px;padding:24px;gap:20px}body.demetra-reference .demetra-launch h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.demetra-reference main a{transition:none}}
/* Keep the device crisp and allow only its outer edges to dissolve into the scene. */
.demetra-reference .demetra-hero{background-image:linear-gradient(90deg,#000426d9,#00042666 38%,#00042618 70%),url('assets/faq/environment-1672.webp')}
.demetra-reference .demetra-scene{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent),linear-gradient(transparent,#000 5%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent),linear-gradient(transparent,#000 5%,#000 93%,transparent);-webkit-mask-composite:source-in}
.demetra-reference .demetra-about>div>p:last-child{color:#cfd3f7}
.demetra-reference .demetra-decoration{filter:brightness(1.15)}
.demetra-reference .demetra-audience article>svg{flex:none;width:30px;height:30px;fill:none;stroke:#c763ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #a42beb66)}
.demetra-reference .demetra-audience article>span{width:auto;height:auto;border:0;background:none;font-size:11px}
.demetra-reference .demetra-launch::before{content:'';position:absolute;z-index:-1;inset-inline-end:210px;inset-block:0;width:150px;background:url('assets/demetra/chip.webp') center/contain no-repeat;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 72%)}
@media(min-width:1001px){.demetra-reference .demetra-related a::after{content:'';position:absolute;z-index:-1;inset-inline-end:32px;inset-block:0;width:100px;background:url('assets/products/white-label.webp') center/contain no-repeat;opacity:.5;mix-blend-mode:screen}.demetra-reference .demetra-related a:nth-child(2)::after{background-image:url('assets/products/turnkey.webp')}.demetra-reference .demetra-related a:nth-child(3)::after{background-image:url('assets/products/api.webp')}}
@media(max-width:800px){.demetra-reference .demetra-launch::before{display:none}}
@media(max-width:600px){.demetra-reference .demetra-audience article{gap:12px}.demetra-reference .demetra-audience article>svg{width:26px;height:26px}}
/* Supplied full-width Demetra hero: existing text and conversion path preserved. */
.demetra-reference .demetra-hero{position:relative;isolation:isolate;background:#010526;min-height:540px}
.demetra-reference .demetra-hero .demetra-hero-copy{position:relative;z-index:1}
.demetra-reference .demetra-hero .demetra-visual{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;padding:0;border:0;background:none;pointer-events:none}
.demetra-reference .demetra-hero .demetra-visual:before{display:none}
.demetra-reference .demetra-hero .demetra-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#010526ed,#010526a6 30%,#01052622 52%,transparent 70%)}
.demetra-reference .demetra-hero .demetra-scene{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
html[dir=rtl] .demetra-reference .demetra-hero .demetra-visual:after{background:linear-gradient(270deg,#010526f2,#010526d9 32%,#01052655 60%,#01052633)}
@media(max-width:800px){
.demetra-reference .demetra-hero{min-height:0}
.demetra-reference .demetra-hero .demetra-visual{position:relative;inset:auto;z-index:0;width:calc(100% + 48px);height:auto;aspect-ratio:1.8;margin:20px -24px 0;overflow:hidden}
.demetra-reference .demetra-hero .demetra-scene{width:150%;max-width:none;height:100%;object-fit:cover;object-position:right center;transform:translateX(-33.333%)}
.demetra-reference .demetra-hero .demetra-visual:after,html[dir=rtl] .demetra-reference .demetra-hero .demetra-visual:after{background:linear-gradient(#010526,transparent 20%,transparent 85%,#010526)}
}
@media(max-width:600px){.demetra-reference .demetra-hero .demetra-visual{width:calc(100% + 40px);margin-inline:-20px}}