/* Approved black / violet / gold art direction, 19 October 2026.
   Only the DigitMoi homepage is styled here. Mini-sites keep their own theme. */
.home-immersive{--gold:var(--brand-gold,#ebc979);background:#08070b;color:var(--ink)}
.home-immersive .home-entry{position:relative;padding-top:32px}
.home-entry-heading{position:relative;z-index:2;margin-bottom:23px}
.home-entry-heading .eyebrow{color:var(--gold,#ebca85);letter-spacing:.22em;font-size:11px;margin-bottom:14px}
.home-immersive .home-entry h1{font-size:clamp(45px,5.8vw,84px);font-weight:700;line-height:1.08;letter-spacing:-.055em;margin-bottom:16px}
.home-entry h1 span,.home-modern .home-value h2 span,.home-launch h2>span{background:linear-gradient(105deg,#b982ff 10%,#d0a2ef 52%,#f2d38c 96%);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-entry-heading>p:last-child{font-size:clamp(15px,1.5vw,20px);color:#c2bccf}
.home-experience{position:relative;isolation:isolate}
.home-experience:before{content:'';position:absolute;z-index:-1;inset:6% -5% 12%;background:radial-gradient(ellipse at 73% 50%,#7622ba24,transparent 55%);pointer-events:none}
.experience-tabs{max-width:580px;gap:5px;margin-bottom:18px;padding:5px;border:1px solid #b78cdb33;border-radius:50px;background:#0f0c15e8}
.home-immersive .experience-tabs>button{border:1px solid transparent;border-radius:50px!important;min-height:44px;padding:8px 12px;font-size:13px;color:#b9b1c9;transition:color .15s,border-color .15s,background .15s}
.experience-tabs>button[aria-selected=true]{border-color:#e6c27c;color:#fff4d9;background:linear-gradient(145deg,#3d2c2044,#171016);box-shadow:0 0 18px #e0b96d18,inset 0 0 14px #b88f4b0b}
.experience-tab-icon{width:22px;height:22px;background:none;color:inherit}
.experience-tab-icon svg{width:16px;height:16px}
.experience-tab-line{display:none}
.experience-stage{height:clamp(450px,38vw,540px);border-radius:20px;border:1px solid #e4c28b24;background:#0b090e;box-shadow:0 28px 65px #0008;--scene-ink:#ead4a6;--scene-paper:#111014;--scene-border:#bb9559}
.experience-stage:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 90px #07060c77}
.experience-photo{object-position:center;transform:none!important;filter:brightness(.84) saturate(.85);transition:filter .3s;transform-origin:center}
.home-experience:is([data-step=zoom],[data-step=site]) .experience-photo{filter:brightness(.76) saturate(.85)}
.experience-shade,.home-experience:is([data-step=zoom],[data-step=site]) .experience-shade{background:linear-gradient(90deg,#08060c17,transparent 50%,#15092122),linear-gradient(0deg,#08060bcc,transparent 35%);transition:none}
.home-experience:not([data-demo=restaurant]) .experience-photo{filter:brightness(.26) saturate(.45)}
.experience-filaments{position:absolute;inset:22% 17% 15% 23%;z-index:1;width:60%;height:60%;pointer-events:none;filter:drop-shadow(0 0 7px #b26aff88)}
.experience-filaments path{fill:none;stroke-width:1.6;stroke-linecap:round}
.experience-filaments .filament-fine{stroke-width:.7;opacity:.65}
.home-experience[data-step=scanning] .experience-filaments{filter:drop-shadow(0 0 10px #be79ff)}
.experience-card{border-radius:8px;box-shadow:0 15px 42px #0009,0 0 0 1px #e7c48277;filter:drop-shadow(0 0 18px #ddbd6820)}
.experience-card>img{border-radius:8px}
.home-experience:is([data-step=zoom],[data-step=site]) .experience-card{box-shadow:0 15px 42px #0009,0 0 0 1px #e7c48277}
.experience-card:after{inset:27% 23% 34%}
.home-experience[data-step=scanning] .experience-card:after{border-color:#efd294;box-shadow:0 0 24px #b568fb99}
.experience-card-tag,.home-experience:is([data-step=zoom],[data-step=site]) .experience-card-tag{display:none}
.experience-phone{border-color:#29212a;box-shadow:0 0 0 1.5px #d4ad6c,3px 0 0 3px #785b3b,0 0 30px #9148d645,0 22px 50px #000b;background:#111014}
.experience-phone-address{background:#151016;color:#ecd8b1}
.experience-phone-home{background:#c3ac89}
.experience-camera{background:#100c16}
.experience-camera-qr{border-color:#e3bd76}
.experience-camera-qr i{background:#cf88ff;box-shadow:0 0 16px #bf70ff}
.experience-shutter{background:#e8cb8f;border-color:#e8cb8f}
.experience-caption,.home-experience:is([data-step=zoom],[data-step=site]) .experience-caption{left:6%;bottom:10%;max-width:45%;color:#f4eee6}
.experience-kicker{color:#f1cf8b;font-size:9px;letter-spacing:.18em}
.experience-caption>p,.home-experience:is([data-step=zoom],[data-step=site]) .experience-caption>p{font-size:clamp(20px,2.25vw,30px);line-height:1.2;letter-spacing:-.03em;margin:9px 0 0;max-width:390px;text-shadow:0 2px 16px #000}
.experience-caption-note{display:none!important}
.experience-steps,.home-experience:is([data-step=zoom],[data-step=site]) .experience-steps{bottom:14px;color:#b3a9bd;font-size:10px}
.experience-steps>[aria-current=step],.home-experience:is([data-step=zoom],[data-step=site]) .experience-steps>[aria-current=step]{color:#efd599}
.home-entry-actions{display:flex;justify-content:center;gap:16px;position:relative;z-index:5;margin:22px 0 8px}
.home-entry-actions .button{font-size:14px;min-height:50px;padding:14px 25px;min-width:225px;justify-content:space-between}
.home-entry-actions .button.violet{background:linear-gradient(115deg,#f3d28a,#d9a752);border-color:#f2d18b}
.home-entry-actions .button.outline{border-color:#ac6de9;color:#d5a8ff;background:#100b17}
.home-entry-actions .button.outline:hover{background:#21152e}
.experience-controls{margin-top:2px;min-height:32px}
.experience-controls>p{font-size:11px}
.experience-controls button{color:#c5b9d3;font-size:11px}
.experience-controls button:hover{color:#efd599}
.experience-disclosure{color:#a49aaa;font-size:10px}
.home-value{text-align:center;padding-block:54px 6px}
.home-value>.eyebrow{color:var(--gold);margin-bottom:14px;letter-spacing:.2em}
.home-modern .home-value h2{font-weight:700;font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;margin-bottom:27px}
.home-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}
.home-value-grid>div{display:flex;align-items:center;gap:18px;background:linear-gradient(145deg,#19151f,#0d0b10);border:1px solid #b7a0c640;border-radius:12px;padding:24px;box-shadow:inset 0 1px #ffffff06}
.home-value-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #bf92e12e;border-radius:12px;background:#a251d80c;color:#c98afc}
.home-value-icon svg{width:28px;height:28px;stroke-width:1.5}
.home-value-grid>div:nth-child(2) .home-value-icon{color:#e5c27e}
.home-value-grid strong{display:block;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:6px;color:#f2edf6}
.home-value-grid p{font-size:12px;color:#b9b0c4;line-height:1.7;margin:0}
.home-immersive .home-launch{padding-top:54px}
.launch-pack{border:1px solid #bb945e5e;background:radial-gradient(ellipse at 10% 35%,#54267425,transparent 60%),linear-gradient(135deg,#16111d,#0e0b13);box-shadow:0 20px 60px #0005;border-radius:18px;padding:44px}
.launch-badge{background:#cf9e4220;color:#ebcc8e;border:1px solid #d8ac6244;font-size:10px}
.home-immersive .home-launch h2{font-weight:600;font-size:clamp(34px,4.2vw,54px)}
.launch-price strong{color:#f2d495;font-weight:600}
.launch-audit-offer{border-color:#aa72da40;background:#a05cdb10;color:#dcc0f3}
.launch-audit-offer small{color:#bcb0c9}
.launch-included>li>svg,.launch-guarantees svg{color:#e3bd7a}
.launch-orbit{background:radial-gradient(ellipse,#9f55d525,transparent 70%)}
.launch-orbit:before{background:#c79c662b}
.launch-screen{border-color:#403343;box-shadow:0 0 0 1px #bc955d,0 16px 40px #0008;background:#111014}
.launch-screen-top{background:#241b2d;color:#e8d6bb}
.launch-visual-caption{color:#bdb2c9}
.launch-visual-caption button{color:#d4adf3}
.launch-qr-label{background:#21172ce8;color:#e8d9f4;border-color:#cba5ea35}
.launch-shop{filter:brightness(.7)}
.launch-super{filter:drop-shadow(0 6px 13px #9c5fda33)}
.home-services-heading .eyebrow{color:var(--gold)}
.hsv-card{border-color:#ba9bd53d;background:linear-gradient(145deg,#17121e,#0f0c14);color:#f1ecf5;box-shadow:0 15px 40px #0004}
.hsv-visual{background:radial-gradient(ellipse at 50% 55%,#38244277,#100d16 70%);border-bottom-color:#b78dd02e}
.hsv-visual-tag{color:#c4accf}
.home-services .hsv-card h3{color:#f0e9f7;font-weight:600}
.hsv-description{color:#c0b5cb}
.hsv-price,.hsv-detail,.hsv-card-caption{color:#b4a5bf}
.hsv-price>strong{color:#f0d393}
.hsv-price .hsv-free{color:#cf9bff}
.hsv-cta{background:#1b1325;border-color:#9e6acc70;color:#e3b5ff!important;font-size:12px;min-height:46px}
.hsv-cta:hover{background:#2a1b39;border-color:#ca9af5}
.hsv-replay{color:#b9a6c8}
.hsv-printer{background:linear-gradient(145deg,#3c2d48,#1a1422);border-color:#ad87c24d;box-shadow:inset 0 1px #dfcaeb44,0 15px 25px #0007}
.hsv-printer-brand{color:#e4c5f6}
.hsv-printer-brand img{display:none}
.hsv-printer-light{background:#eacb86;box-shadow:0 0 8px #eacb86}
.hsv-disclosure{color:#a496ae}
.home-short-contact{padding-block:48px;margin-top:35px;position:relative}
.home-short-contact .eyebrow,.home-questions .eyebrow{color:var(--gold)}
.home-immersive .home-short-contact h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.03em}
.home-questions .faq-list summary{color:#eee5f5;font-size:15px}
.home-questions .faq-list details p{color:#bcb0c9;font-size:14px}
.home-final{border:1px solid #d4b0785e;background:radial-gradient(ellipse at 90% 50%,#8f42d42b,transparent 70%),#15101d;border-radius:16px;margin-bottom:45px}
.home-final .eyebrow{color:#eac987}
.home-modern .home-final h2{color:#f2eaf7;font-weight:600}
@media(min-width:1200px){.home-immersive .wrap{max-width:1360px;width:calc(100% - 96px)}}
@media(max-width:1000px){.home-value-grid>div{padding:21px 17px;gap:12px}.home-value-icon{width:40px;height:40px}.home-value-grid strong{font-size:13px}.launch-pack{padding:30px;gap:24px}}
@media(max-width:700px){
 .home-immersive .home-entry{padding-top:25px}
 .home-entry-heading{margin-bottom:22px}
 .home-entry-heading .eyebrow{font-size:8px!important;letter-spacing:.14em!important;margin-bottom:14px}
 .home-immersive .home-entry h1{font-size:clamp(38px,9.7vw,62px);letter-spacing:-.055em!important;line-height:1.08;margin-bottom:15px}
 .home-entry-heading>p:last-child{font-size:14px;max-width:300px;margin-inline:auto;line-height:1.6}
 .experience-tabs{gap:0;padding:4px;margin-bottom:15px}
 .home-immersive .experience-tabs>button{font-size:11px;padding:8px 5px;gap:5px;min-height:42px}
 .experience-tab-icon{width:17px;height:17px}
 .experience-tab-icon svg{width:14px;height:14px}
 .experience-stage{height:480px;border-radius:14px}
 .experience-photo{height:100%;object-position:center}
 .experience-filaments{inset:20% 3% 30% 10%;width:86%;height:50%}
 .experience-caption,.home-experience:is([data-step=zoom],[data-step=site]) .experience-caption{left:6%;bottom:7%;max-width:88%}
 .experience-caption>p,.home-experience:is([data-step=zoom],[data-step=site]) .experience-caption>p{font-size:21px;max-width:290px;margin:0}
 .experience-caption .experience-kicker{display:none}
 .experience-card-tag{font-size:10px;bottom:-23px}
 .experience-steps{font-size:9px!important;gap:7px}
 .home-entry-actions{gap:10px;margin-top:18px;flex-wrap:wrap}
 .home-entry-actions .button{min-width:0;flex:1;font-size:12px;padding:13px 12px;gap:8px;min-height:48px}
 .home-entry-actions .button svg{width:16px}
 .experience-controls>p{font-size:10px;max-width:200px}
 .experience-controls button{font-size:10px}
 .experience-disclosure{font-size:9px}
 .home-value{padding-top:38px}
 .home-value>.eyebrow{font-size:9px}
 .home-modern .home-value h2{font-size:32px;line-height:1.15;margin-bottom:23px}
 .home-value-grid{grid-template-columns:1fr;gap:11px}
 .home-value-grid>div{padding:19px;gap:16px}
 .home-value-grid strong{font-size:15px;margin-bottom:3px}
 .home-value-grid p{font-size:12px}
 .home-value-icon{width:45px;height:45px}
 .home-immersive .home-launch{padding-top:35px}
 .launch-pack{padding:27px 22px;border-radius:14px}
 .home-immersive .home-launch h2{font-size:36px}
 .launch-audit-offer{padding:14px 12px}
 .home-services{padding-top:40px}
 .home-services-heading>p{font-size:13px}
 .home-short-contact{padding-block:30px;margin-top:15px}
 .home-questions .faq-list summary{font-size:14px}
 .home-questions .faq-list details p{font-size:13px}
 .home-final{margin-bottom:26px}
}
@media(max-width:360px){.home-immersive .home-entry h1{font-size:35px}.experience-stage{height:450px}.home-entry-actions .button{flex-basis:100%;justify-content:center}.experience-controls>p{max-width:157px}.home-value-grid>div{padding:16px}}
@media(prefers-reduced-motion:reduce){.experience-photo,.experience-filaments{transition:none!important;filter:none}.experience-photo{filter:brightness(.78)}}