/* Approved DEMEOS Customer Experience concept — presentation only. */
.customer-body{background:#010610;color:#f7fbff}
.customer-header{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#010711 0%,#03152b 48%,#010711 100%);border:1px solid rgba(229,188,80,.55);border-width:0 0 1px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.customer-header-inner{min-height:118px;max-width:1500px}.customer-brand .demeos-logo{width:132px;filter:drop-shadow(0 0 22px rgba(36,129,255,.32))}.customer-header-inner:after{content:"ONE SYSTEM. REAL VALUE. SHARED FUTURE.";position:absolute;left:50%;transform:translateX(-50%);color:#cbd7e6;font-size:.62rem;letter-spacing:.34em;white-space:nowrap}.customer-journey-nav a{font-size:.92rem}.customer-journey-nav a.is-current{color:#f3d374}
.customer-main,.my-demeos-main{background:radial-gradient(ellipse at 50% 32%,rgba(4,91,210,.30),transparent 34%),radial-gradient(ellipse at 50% 105%,rgba(16,96,214,.34),transparent 34%),linear-gradient(145deg,#010610 0%,#031831 52%,#010812 100%)}
.customer-main:after,.my-demeos-main:after{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-12vw;height:28vw;border-radius:50% 50% 0 0/22% 22% 0 0;border-top:1px solid rgba(81,155,255,.65);background:radial-gradient(ellipse at 50% 0,rgba(23,104,230,.34),rgba(2,12,25,.05) 48%,transparent 70%);box-shadow:0 -18px 80px rgba(24,104,235,.24)}
.customer-intention{padding-top:2rem}.customer-intention-inner{width:min(1240px,100%)}.customer-eyebrow{color:#f1cd67}.customer-intention .customer-eyebrow{font-size:.9rem;letter-spacing:.38em}.customer-intention .customer-eyebrow:before{content:"WELCOME TO DEMEOS";font-size:0}.customer-stage-label{display:none}.customer-greeting{display:none}.customer-intention h1{font-size:clamp(2.7rem,5vw,4.9rem);font-weight:750;line-height:1.02;background:linear-gradient(90deg,#fff 10%,#fff0bd 52%,#fff 88%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px rgba(255,210,91,.08)}.customer-trust-copy{font-size:1.18rem;color:#d7e1ef}
.customer-intention-form{margin-top:1.6rem}.customer-intention-form fieldset{min-height:560px;isolation:isolate}.customer-intention-form fieldset:before{z-index:0;width:245px;height:245px;border:1px solid rgba(244,201,82,.88);background-image:url('../images/demeos-logo.png'),radial-gradient(circle,rgba(4,40,84,.95),rgba(1,9,20,.98) 68%);background-size:150px auto,100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 14px rgba(237,188,60,.06),0 0 0 58px rgba(24,111,235,.07),0 0 80px rgba(255,196,48,.28),inset 0 0 40px rgba(21,112,245,.18)}.customer-intention-form fieldset:after{z-index:-1;width:min(900px,82vw);height:390px;border:1px solid rgba(237,191,67,.55);box-shadow:0 0 0 54px rgba(26,120,245,.03),0 0 0 55px rgba(74,145,238,.22),0 0 70px rgba(20,100,220,.16)}
.customer-intention-options{min-height:560px}.customer-intention-options:before,.customer-intention-options:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(1020px,92%);height:1px;background:linear-gradient(90deg,transparent,rgba(241,194,67,.7),transparent);transform:translate(-50%,-50%)}.customer-intention-options:after{width:1px;height:500px;background:linear-gradient(transparent,rgba(241,194,67,.65),transparent)}
.customer-intention-option{width:250px;min-height:108px;border-color:rgba(105,172,255,.58);border-radius:28px;background:linear-gradient(135deg,rgba(6,49,102,.96),rgba(2,16,34,.96));box-shadow:0 18px 45px rgba(0,0,0,.48),inset 0 0 25px rgba(31,120,240,.08);font-size:1.05rem}.customer-intention-option:after{display:block;margin-top:.35rem;color:#b9c9db;font-size:.72rem;font-weight:500;line-height:1.35}.customer-intention-option:nth-child(1){top:0;left:50%;transform:translateX(-50%)}.customer-intention-option:nth-child(1):after{content:"Good food. Great moments."}.customer-intention-option:nth-child(2){top:19%;right:2%}.customer-intention-option:nth-child(2):after{content:"Wellbeing. Balance. Me time."}.customer-intention-option:nth-child(3){right:6%;bottom:6%}.customer-intention-option:nth-child(3):after{content:"Family. Friends. Quality time."}.customer-intention-option:nth-child(4){left:6%;bottom:6%}.customer-intention-option:nth-child(4):after{content:"Be productive. Make progress."}.customer-intention-option:nth-child(5){top:19%;left:2%}.customer-intention-option:nth-child(5):after{content:"A different place. A new experience."}.customer-intention-option:nth-child(6){top:auto;left:50%;bottom:-3%;transform:translateX(-50%);border-color:rgba(238,192,67,.78)}.customer-intention-option:nth-child(6):after{content:"Explore. Try. Be inspired."}.customer-intention-option:hover,.customer-intention-option:focus-visible{transform:translateY(-3px);border-color:#f4ce65;box-shadow:0 0 0 2px rgba(244,206,101,.16),0 0 38px rgba(41,128,255,.34)}.customer-intention-option:nth-child(1):hover,.customer-intention-option:nth-child(1):focus-visible{transform:translateX(-50%) translateY(-3px)}.customer-intention-option:nth-child(6):hover,.customer-intention-option:nth-child(6):focus-visible{transform:translateX(-50%) translateY(-3px)}
.customer-intention-detail{margin-top:2.2rem;padding:1rem 1.2rem 0;border:1px solid rgba(102,168,246,.38);border-radius:22px;background:rgba(2,15,31,.68);box-shadow:0 18px 55px rgba(0,0,0,.25)}.customer-intention-detail label{color:#f3f7fd;font-size:.95rem}.customer-intention-detail textarea{min-height:92px;border:1px solid rgba(102,168,246,.28);background:rgba(2,15,31,.84)}.customer-context-actions{margin-top:.7rem;padding-bottom:1rem}.customer-location-button{position:relative;padding-left:2.6rem}.customer-location-button:before{content:"◆";position:absolute;left:1.1rem;color:#f1ca61}.customer-continue-button{min-width:260px;box-shadow:0 0 30px rgba(237,183,49,.3)}
.my-demeos-main{padding-top:2.2rem}.my-demeos-introduction{position:relative}.my-demeos-introduction:after{content:"SOLUTION\A\A PARTICIPATION\A\A CONVENIENCE\A\A EXPERIENCE";white-space:pre;position:absolute;right:max(2rem,7vw);top:1rem;padding-left:1.3rem;border-left:1px solid #e3b948;color:#dbe5f2;font-size:.62rem;line-height:1.15;letter-spacing:.28em;text-align:left}.my-demeos-introduction h1{font-size:clamp(3.4rem,7vw,6.6rem)}.my-demeos-sign-in-status{max-width:620px;padding:1rem 1.5rem;border-radius:18px;background:rgba(2,16,34,.72)}
.my-demeos-future{margin-top:2.5rem}.my-demeos-section-heading{display:none}.my-demeos-areas{min-height:690px;grid-template-columns:1fr 390px 1fr;grid-template-rows:1fr 1fr;gap:1.2rem 2.2rem}.my-demeos-areas:before{content:"MY\A DEMEOS\A\A YOUR CHOICES\A YOUR JOURNEY\A OUR SHARED FUTURE";width:360px;height:360px;border:2px solid #e5b94d;background-image:url('../images/demeos-logo.png'),radial-gradient(circle,rgba(8,61,130,.92),rgba(1,10,22,.98) 68%);background-size:205px auto,100% 100%;background-position:center 28%,center;background-repeat:no-repeat;padding-top:210px;font-size:1.2rem;line-height:1.15;box-shadow:0 0 0 18px rgba(231,181,50,.06),0 0 0 54px rgba(24,112,235,.05),0 0 90px rgba(37,126,247,.38)}.my-demeos-areas:after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:720px;height:520px;border:1px solid rgba(232,184,58,.45);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 58px rgba(44,130,246,.025),0 0 0 59px rgba(70,145,246,.18)}.my-demeos-area{min-height:220px;border-color:rgba(112,178,255,.5);border-radius:22px;background:linear-gradient(140deg,rgba(5,43,90,.94),rgba(2,15,31,.97));box-shadow:0 20px 48px rgba(0,0,0,.38)}.my-demeos-area:nth-child(1),.my-demeos-area:nth-child(2){margin-right:1rem}.my-demeos-area:nth-child(3),.my-demeos-area:nth-child(4){margin-left:1rem}.my-demeos-area:nth-child(5){bottom:-1.5rem;width:300px;min-height:160px}.my-demeos-area-active{border-color:rgba(120,185,255,.62)}.my-demeos-area-active:before{content:"◎";display:block;float:left;margin:0 .85rem .5rem 0;width:42px;height:42px;border:1px solid #efc95d;border-radius:50%;color:#efc95d;font-size:1.35rem;line-height:40px;text-align:center}.my-demeos-area:nth-child(2):before{content:"◇"}.my-demeos-area:nth-child(3):before{content:"◉"}.my-demeos-area-title{font-size:1.5rem}.my-demeos-area-enter{clear:both;color:#f0ca62}.my-demeos-area-future{background:linear-gradient(140deg,rgba(14,32,55,.88),rgba(4,15,29,.92));opacity:.72}.my-demeos-evidence{margin-top:4rem;border-left:8px solid #d5a93c;text-align:left;padding-left:2.2rem}.my-demeos-evidence:before{content:"∞";float:left;margin-right:1.5rem;color:#f1cc67;font-size:3.5rem;line-height:1}.my-demeos-evidence h2{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:#f1cc67}
.customer-footer{background:#010610;border-top-color:rgba(227,184,69,.38)}
@media(max-width:1000px) and (min-width:901px){.customer-header-inner:after{display:none}.customer-intention-form fieldset{min-height:600px}.customer-intention-options{min-height:600px}.customer-intention-option{width:220px}.customer-intention-form fieldset:before{width:210px;height:210px;background-size:130px auto,100% 100%}.customer-intention-form fieldset:after{width:70vw}.my-demeos-introduction:after{display:none}.my-demeos-areas{grid-template-columns:1fr 300px 1fr}.my-demeos-areas:before{width:275px;height:275px;background-size:155px auto,100% 100%;padding-top:165px;font-size:.9rem}.my-demeos-areas:after{width:560px}}
@media(max-width:900px) and (min-width:761px){.customer-header-inner:after{display:none}.my-demeos-introduction:after{display:none}.my-demeos-areas{display:grid;min-height:0;padding-top:330px;grid-template-columns:1fr 1fr;gap:1rem}.my-demeos-areas:before{top:150px;bottom:auto;width:270px;height:270px;background-size:155px auto,100% 100%;padding-top:162px;font-size:.88rem;transform:translateX(-50%)}.my-demeos-areas:after{top:150px;width:520px;height:300px}.my-demeos-area:nth-child(n){position:relative;left:auto;bottom:auto;width:auto;min-height:180px;margin:0;grid-column:auto;grid-row:auto;transform:none}.my-demeos-area:nth-child(5){width:auto}}
@media(max-width:760px){.customer-header-inner{min-height:78px}.customer-brand .demeos-logo{width:82px}.customer-header-inner:after{display:none}.customer-intention{padding-top:1.5rem}.customer-intention-form fieldset{min-height:0;padding-top:210px}.customer-intention-form fieldset:before,.customer-intention-form fieldset:after{display:block}.customer-intention-form fieldset:before{top:105px;width:170px;height:170px;background-size:105px auto,100% 100%}.customer-intention-form fieldset:after{top:105px;width:290px;height:190px}.customer-intention-options{display:grid;grid-template-columns:1fr;gap:.7rem;min-height:0}.customer-intention-options:before,.customer-intention-options:after{display:none}.customer-intention-option:nth-child(n){position:relative;inset:auto;width:100%;min-height:76px;transform:none}.customer-intention-option:nth-child(n):hover,.customer-intention-option:nth-child(n):focus-visible{transform:translateY(-2px)}.customer-intention-option:after{font-size:.68rem}.customer-intention-detail{margin-top:1.2rem}.customer-context-actions{flex-direction:column}.customer-continue-button,.customer-location-button{width:100%}.my-demeos-introduction:after{display:none}.my-demeos-areas{display:grid;min-height:0;padding-top:250px;padding-bottom:0;grid-template-columns:1fr;gap:.8rem}.my-demeos-areas:before{top:115px;bottom:auto;width:220px;height:220px;background-size:125px auto,100% 100%;padding-top:132px;font-size:.72rem;transform:translateX(-50%)}.my-demeos-areas:after{top:115px;width:310px;height:230px}.my-demeos-area:nth-child(n){position:relative;left:auto;bottom:auto;width:auto;min-height:150px;margin:0;grid-column:1;grid-row:auto;transform:none}.my-demeos-area:nth-child(5){position:relative;left:auto;bottom:auto;width:auto;transform:none}.my-demeos-evidence{margin-top:2rem}.customer-footer p{letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.customer-intention-option,.my-demeos-area-active{transition:none!important}}