/* DEMEOS Customer Experience — premium visual system. Customer-facing only. */
:root{--d-ink:#010711;--d-navy:#03152b;--d-blue:#075fd8;--d-electric:#2387ff;--d-gold:#d9ad43;--d-gold-light:#f5d778;--d-silver:#dce8f5;--d-muted:#9db2c9;--d-line:rgba(113,177,255,.32);--d-panel:rgba(3,18,38,.84)}
*{box-sizing:border-box}.customer-body{min-width:0;margin:0;background:var(--d-ink);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.customer-header{position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(217,173,67,.5);background:rgba(1,7,17,.94);backdrop-filter:blur(18px)}.customer-header-inner{width:min(1440px,calc(100% - 48px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between}.customer-brand{display:flex;align-items:center}.customer-brand .demeos-logo{width:112px;height:auto;border-radius:0;filter:drop-shadow(0 0 18px rgba(35,135,255,.25))}.customer-journey-nav{display:flex;gap:2.25rem}.customer-journey-nav a{position:relative;padding:1rem .1rem;color:#eaf3fd;text-decoration:none;font-weight:650;letter-spacing:.03em}.customer-journey-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:.5rem;height:2px;background:linear-gradient(90deg,var(--d-gold),var(--d-gold-light));transition:.2s}.customer-journey-nav a:hover:after,.customer-journey-nav a:focus-visible:after,.customer-journey-nav a.is-current:after{left:0;right:0}.customer-main,.my-demeos-main{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(13,83,183,.38),transparent 32rem),radial-gradient(circle at 50% 95%,rgba(0,86,213,.18),transparent 34rem),linear-gradient(155deg,#010711,#041a36 52%,#010914)}.customer-main:before,.my-demeos-main:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(115deg,transparent 0 18%,rgba(35,135,255,.045) 18.2% 18.5%,transparent 18.7% 80%,rgba(217,173,67,.035) 80.2% 80.5%,transparent 80.7%)}
.customer-intention{position:relative;min-height:calc(100vh - 92px);padding:3rem 1.5rem 5rem;background:transparent}.customer-intention:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-34vw;width:120vw;max-width:1800px;aspect-ratio:2/1;border:1px solid rgba(35,135,255,.3);border-radius:50%;transform:translateX(-50%);box-shadow:0 -30px 100px rgba(8,93,214,.16)}.customer-intention-inner{width:min(1180px,100%);margin:auto;text-align:center}.customer-eyebrow,.customer-stage-label{margin:.35rem 0;color:var(--d-gold-light);font-size:.78rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.customer-greeting{margin:1.1rem 0 .2rem;color:var(--d-silver);font-size:1.05rem}.customer-intention h1,.customer-understanding h2,.customer-possibilities h2,.customer-no-possibilities h2,.my-demeos-introduction h1,.my-demeos-section-heading h2,.my-demeos-relationship-view h2{font-family:inherit;letter-spacing:-.035em}.customer-intention h1{margin:.25rem auto .55rem;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:650}.customer-trust-copy{max-width:48rem;margin:0 auto;color:var(--d-silver);font-size:1.08rem}.customer-intention-form{position:relative;margin:2.4rem auto 0;padding:0;border:0;background:transparent;box-shadow:none}.customer-intention-form fieldset{position:relative;min-height:430px;margin:0;border:0}.customer-intention-form fieldset:before,.customer-intention-form fieldset:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(78,151,244,.26);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.customer-intention-form fieldset:before{width:min(760px,78vw);height:300px;box-shadow:0 0 70px rgba(17,108,230,.12),inset 0 0 70px rgba(17,108,230,.08)}.customer-intention-form fieldset:after{width:min(390px,48vw);height:210px;border-color:rgba(217,173,67,.34);box-shadow:0 0 35px rgba(217,173,67,.08)}.customer-intention-options{position:relative;min-height:430px}.customer-intention-option{position:absolute;z-index:2;width:clamp(180px,20vw,240px);min-height:82px;padding:1rem 1.15rem;border:1px solid rgba(122,184,255,.52);border-radius:26px;background:linear-gradient(145deg,rgba(10,55,108,.82),rgba(2,18,38,.94));box-shadow:0 18px 38px rgba(0,4,15,.42),inset 0 1px rgba(255,255,255,.08);color:#f5f9ff;font-weight:750;text-align:center;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.customer-intention-option:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.035);border-radius:20px;pointer-events:none}.customer-intention-option:nth-child(1){top:0;left:50%;transform:translateX(-50%)}.customer-intention-option:nth-child(2){top:22%;right:4%}.customer-intention-option:nth-child(3){right:10%;bottom:4%}.customer-intention-option:nth-child(4){bottom:4%;left:10%}.customer-intention-option:nth-child(5){top:22%;left:4%}.customer-intention-option:nth-child(6){top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(217,173,67,.72);box-shadow:0 0 0 8px rgba(217,173,67,.04),0 0 42px rgba(25,115,239,.22)}.customer-intention-option:hover,.customer-intention-option:focus-visible{border-color:var(--d-gold-light);box-shadow:0 0 0 4px rgba(217,173,67,.08),0 18px 42px rgba(0,5,18,.55)}.customer-intention-option[aria-pressed="true"]{border-color:var(--d-gold-light);background:linear-gradient(145deg,#0b62ce,#052854);box-shadow:0 0 0 7px rgba(217,173,67,.08),0 0 36px rgba(35,135,255,.5)}.customer-intention-detail{width:min(850px,100%);margin:1rem auto 0;text-align:left}.customer-intention-detail label{display:block;margin-bottom:.65rem;color:#f4f8fd;font-weight:700}.customer-intention-detail textarea,.customer-clarification input,.customer-add-detail-form textarea{width:100%;border:1px solid rgba(117,177,247,.42);border-radius:14px;background:linear-gradient(145deg,rgba(2,13,29,.96),rgba(5,29,57,.86));box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 40px rgba(0,4,14,.24);color:#fff}.customer-intention-detail textarea{min-height:110px;padding:1.15rem}.customer-intention-detail textarea::placeholder{color:#8298b1}.customer-context-actions{width:min(850px,100%);margin:1.1rem auto 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.customer-location-button,.customer-change-intention,.my-demeos-back,.demeos-secondary-button{min-height:48px;padding:.7rem 1.2rem;border:1px solid rgba(128,187,255,.52);border-radius:999px;background:rgba(4,23,47,.72);color:var(--d-silver);font-weight:650}.customer-continue-button,.customer-understanding-actions button,.demeos-primary-button{min-height:52px;padding:.75rem 1.75rem;border:1px solid #f5d778;border-radius:999px;background:linear-gradient(110deg,#b98c2d,#f5d778 52%,#bd8e2f);box-shadow:0 10px 34px rgba(217,173,67,.2),inset 0 1px rgba(255,255,255,.42);color:#06152a;font-weight:800}.customer-continue-button:after{content:"›";margin-left:.75rem;font-size:1.35em}.customer-context-status{color:var(--d-muted)}.customer-intention-status{width:min(850px,100%);margin:.75rem auto;color:var(--d-gold-light);text-align:left}
.customer-understanding,.customer-possibilities{position:relative;margin:4rem auto 0;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(112,174,246,.25);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(15,83,177,.26),rgba(2,16,34,.78));box-shadow:0 25px 80px rgba(0,5,18,.35)}.customer-understanding:before{content:"";position:absolute;inset:18px;border:1px solid rgba(217,173,67,.18);border-radius:26px;pointer-events:none}.customer-understanding-summary{position:relative;max-width:720px;margin:1.4rem auto;padding:1.2rem;border-block:1px solid rgba(217,173,67,.42);background:rgba(3,19,39,.72)}.customer-understanding-trust{color:var(--d-muted)}.customer-understanding-actions{display:flex;justify-content:center;gap:1rem}.customer-intention-save{max-width:720px;margin:2rem auto;padding:1.25rem;border:1px solid rgba(217,173,67,.35);border-radius:18px;background:rgba(3,19,39,.8);color:var(--d-silver)}.customer-intention-sign-in-note{color:var(--d-muted)}.customer-possibility-space{position:relative}.customer-possibility-intention{border:1px solid var(--d-gold);border-radius:26px;background:linear-gradient(145deg,rgba(13,83,177,.65),rgba(2,20,42,.94));box-shadow:0 0 40px rgba(35,135,255,.25)}.customer-possibility-surface,.customer-focused-possibility{border-radius:24px!important;background:linear-gradient(145deg,rgba(8,48,97,.9),rgba(2,18,38,.96))!important}.customer-no-possibilities{border:1px solid rgba(217,173,67,.4);border-radius:24px;background:rgba(3,19,39,.86)}
.customer-footer{display:flex;justify-content:center;align-items:center;gap:1.2rem;min-height:110px;padding:1.5rem;border-top:1px solid rgba(217,173,67,.28);background:#010711;color:#8298b1}.customer-footer img{width:62px;border-radius:0}.customer-footer p{letter-spacing:.1em;font-size:.82rem}
.my-demeos-main{width:100%;min-height:calc(100vh - 92px);padding:3.5rem 1.5rem 5rem}.my-demeos-introduction{display:grid;justify-items:center;text-align:center}.my-demeos-introduction h1{margin:.25rem 0;font-size:clamp(3rem,7vw,6rem);font-weight:650;background:linear-gradient(100deg,#fff 18%,#f5d778 48%,#fff 76%);-webkit-background-clip:text;background-clip:text;color:transparent}.my-demeos-lead{margin:.2rem 0;color:var(--d-silver);font-size:1.18rem}.my-demeos-sign-in-status{width:min(700px,100%);margin-top:2rem;padding:1.6rem 2rem;border:1px solid rgba(217,173,67,.48);border-radius:24px;background:linear-gradient(145deg,rgba(5,31,64,.9),rgba(2,14,30,.95));box-shadow:0 20px 55px rgba(0,4,15,.4),0 0 55px rgba(18,104,222,.1);color:var(--d-muted)}.my-demeos-sign-in-status h2,.my-demeos-sign-in-status strong{color:#fff}.my-demeos-sign-in-status p{color:var(--d-muted)}.my-demeos-future{width:min(1180px,100%);margin:4rem auto 0}.my-demeos-section-heading{text-align:center}.my-demeos-section-heading h2{margin:.3rem 0;font-size:clamp(2rem,4vw,3.3rem)}.my-demeos-section-heading>p:last-child{color:var(--d-muted)}.my-demeos-areas{position:relative;display:grid;min-height:640px;margin-top:2.5rem;grid-template-columns:1fr minmax(260px,360px) 1fr;grid-template-rows:1fr 1fr;gap:1.4rem 2rem;align-items:center}.my-demeos-areas:before{content:"MY\A DEMEOS";white-space:pre;position:absolute;z-index:0;left:50%;top:50%;width:270px;height:270px;display:grid;place-items:center;border:1px solid var(--d-gold);border-radius:50%;background:radial-gradient(circle,rgba(13,85,187,.72),rgba(2,16,34,.95) 68%);box-shadow:0 0 0 18px rgba(35,135,255,.05),0 0 0 36px rgba(217,173,67,.035),0 0 75px rgba(35,135,255,.3);color:#fff;font-size:1.55rem;font-weight:800;letter-spacing:.08em;text-align:center;transform:translate(-50%,-50%)}.my-demeos-area{position:relative;z-index:2;min-height:210px;padding:1.45rem;border:1px solid rgba(117,178,249,.45);border-radius:24px;background:linear-gradient(145deg,rgba(7,46,92,.9),rgba(2,17,36,.96));box-shadow:0 18px 48px rgba(0,4,15,.42),inset 0 1px rgba(255,255,255,.05);color:#fff;text-align:left}.my-demeos-area:nth-child(1){grid-column:1;grid-row:1}.my-demeos-area:nth-child(2){grid-column:1;grid-row:2}.my-demeos-area:nth-child(3){grid-column:3;grid-row:1}.my-demeos-area:nth-child(4){grid-column:3;grid-row:2}.my-demeos-area:nth-child(5){position:absolute;z-index:3;left:50%;bottom:-1rem;width:280px;min-height:145px;transform:translateX(-50%)}.my-demeos-area-active{cursor:pointer}.my-demeos-area-active:hover,.my-demeos-area-active:focus-visible{border-color:var(--d-gold-light);box-shadow:0 0 0 4px rgba(217,173,67,.07),0 22px 55px rgba(0,4,15,.52);transform:translateY(-4px)}.my-demeos-area-status{display:block;margin-bottom:.7rem;color:var(--d-gold-light)!important;font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.my-demeos-area-title{display:block;margin:.25rem 0;color:#fff!important;font-size:1.35rem;font-weight:750}.my-demeos-area-copy,.my-demeos-area-future p{color:var(--d-muted)!important;line-height:1.55}.my-demeos-area-enter{display:flex;justify-content:space-between;margin-top:1.2rem;padding-top:.85rem;border-top:1px solid rgba(217,173,67,.3);color:var(--d-gold-light);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.my-demeos-area-future{opacity:.62;border-style:dashed}.my-demeos-area-future .my-demeos-area-title{color:#c7d4e2!important}.my-demeos-relationship-view{max-width:900px;margin:3rem auto;padding:2rem;border:1px solid rgba(117,178,249,.38);border-radius:24px;background:rgba(2,17,36,.9)}.my-demeos-relationship-view p{color:var(--d-silver)}.my-intentions-list article,.my-possibilities-list article,.my-participation-list article{border:1px solid rgba(117,178,249,.32)!important;border-radius:18px!important;background:rgba(5,31,64,.78)!important;color:#fff!important}.my-intentions-list time,.my-possibilities-list time,.my-participation-list time{color:var(--d-muted)!important}.my-demeos-evidence{width:min(1180px,100%);margin:5rem auto 0;padding:2rem;border:1px solid rgba(217,173,67,.4);border-radius:22px;background:linear-gradient(100deg,rgba(5,31,64,.9),rgba(2,15,31,.95));text-align:center}.my-demeos-evidence h2{margin:.35rem 0;color:#fff}.my-demeos-evidence p:last-child{color:var(--d-silver)}
@media(max-width:900px){.customer-header-inner{width:calc(100% - 32px);min-height:82px}.customer-brand .demeos-logo{width:92px}.customer-intention{padding-top:2.6rem}.customer-intention-form fieldset,.customer-intention-options{min-height:500px}.customer-intention-option{width:190px}.customer-intention-option:nth-child(2){right:0}.customer-intention-option:nth-child(5){left:0}.my-demeos-areas{min-height:auto;padding-bottom:240px;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1rem}.my-demeos-areas:before{bottom:15px;top:auto;transform:translateX(-50%);width:210px;height:210px}.my-demeos-area:nth-child(n){position:relative;left:auto;bottom:auto;width:auto;min-height:190px;transform:none;grid-column:auto;grid-row:auto}.my-demeos-area:nth-child(5){position:absolute;left:50%;bottom:35px;width:min(260px,80%);min-height:130px;transform:translateX(-50%)}}
@media(max-width:680px){.customer-header-inner{width:calc(100% - 24px);min-height:72px}.customer-brand .demeos-logo{width:74px}.customer-journey-nav{gap:1rem}.customer-journey-nav a{font-size:.88rem}.customer-intention{padding:2rem 1rem 4rem}.customer-intention h1{font-size:clamp(2rem,10vw,3rem)}.customer-intention-form fieldset,.customer-intention-options{min-height:0}.customer-intention-form fieldset:before,.customer-intention-form fieldset:after{display:none}.customer-intention-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.customer-intention-option:nth-child(n){position:relative;inset:auto;width:100%;min-height:72px;transform:none}.customer-intention-option:nth-child(6){grid-column:1/-1}.customer-context-actions{align-items:stretch;flex-direction:column}.customer-context-actions>div,.customer-location-button,.customer-continue-button{width:100%}.customer-understanding,.customer-possibilities{padding:1.3rem;border-radius:22px}.customer-understanding-actions{flex-direction:column}.my-demeos-main{padding:2.5rem 1rem 4rem}.my-demeos-areas{display:grid;padding-bottom:230px;grid-template-columns:1fr}.my-demeos-area:nth-child(n){grid-column:1}.my-demeos-area:nth-child(5){position:absolute;left:50%;bottom:25px;width:90%;transform:translateX(-50%)}.my-demeos-sign-in-status{padding:1.3rem}.customer-footer{flex-direction:column;text-align:center}.customer-footer p{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.my-preferences-form{margin:1.5rem 0}.my-preferences-form label{display:block;margin-bottom:.65rem;color:#fff;font-weight:700}.my-preferences-form-controls{display:flex;align-items:center;gap:.75rem}.my-preferences-form input{flex:1;min-width:0;min-height:52px;padding:.75rem 1rem;border:1px solid rgba(117,177,247,.42);border-radius:14px;background:rgba(2,13,29,.96);color:#fff}.my-preferences-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;margin:.8rem 0;padding:1rem;border:1px solid rgba(117,178,249,.32);border-radius:18px;background:rgba(5,31,64,.78);color:#fff}.my-preferences-list article h4{grid-column:1;margin:0}.my-preferences-list article time{grid-column:1;color:var(--d-muted)}.my-preferences-list article button{grid-column:2;grid-row:1/3}@media(max-width:680px){.my-preferences-form-controls{align-items:stretch;flex-direction:column}.my-preferences-list article{grid-template-columns:1fr}.my-preferences-list article button{grid-column:1;grid-row:auto}}
.my-demeos-area:nth-child(5).my-demeos-area-active:hover,.my-demeos-area:nth-child(5).my-demeos-area-active:focus-visible{transform:translateX(-50%) translateY(-4px)}