/* DEMEOS Customer Interface — final reference-locked presentation layer.
   Preserve behaviour; match the approved composition without overlapping text. */

.customer-header-inner{width:min(1500px,calc(100% - 28px));min-height:116px;padding:0 24px}
.customer-brand .demeos-logo{width:112px}
.customer-main,.my-demeos-main{background:radial-gradient(ellipse at 50% 28%,rgba(7,73,165,.30),transparent 34%),radial-gradient(ellipse at 50% 105%,rgba(17,91,205,.24),transparent 30%),linear-gradient(145deg,#010610 0%,#031831 54%,#010812 100%)}
.customer-intention{padding:2rem 1.5rem 4rem}.customer-intention-inner{width:min(1180px,100%)}
.customer-intention h1{font-size:clamp(2.7rem,4.6vw,4.25rem);margin:.25rem auto .45rem}.customer-trust-copy{font-size:1.05rem}.customer-intention-form{margin-top:1.2rem}
.customer-intention-form fieldset,.customer-intention-options{min-height:470px}.customer-intention-form fieldset:before{width:220px;height:220px;background-size:138px auto,100% 100%;top:50%}.customer-intention-form fieldset:after{width:min(760px,72vw);height:330px;top:50%;box-shadow:0 0 0 42px rgba(45,132,255,.035),0 0 0 43px rgba(78,151,244,.14)}.customer-intention-options:before{width:min(850px,82%)}.customer-intention-options:after{height:410px}
.customer-intention-option{width:220px;min-height:90px;border-radius:24px}.customer-intention-option:nth-child(1){top:0}.customer-intention-option:nth-child(2){top:22%;right:5%}.customer-intention-option:nth-child(3){right:9%;bottom:3%}.customer-intention-option:nth-child(4){left:9%;bottom:3%}.customer-intention-option:nth-child(5){top:22%;left:5%}.customer-intention-option:nth-child(6){bottom:-2%}
.customer-intention-detail{width:min(900px,100%);margin:1.3rem auto 0}.customer-intention-detail textarea{min-height:92px}.customer-context-actions{width:min(900px,100%)}

.my-demeos-main{padding:2.2rem 1.5rem 4rem}.my-demeos-introduction h1{font-size:clamp(3.5rem,6vw,5.5rem)}.my-demeos-sign-in-status{max-width:620px;margin-top:1.25rem}.my-demeos-future{width:min(1120px,100%);margin:1.8rem auto 0}.my-demeos-areas{min-height:590px;grid-template-columns:1fr 330px 1fr;grid-template-rows:1fr 1fr;gap:1rem 1.8rem;margin-top:1rem}.my-demeos-areas:before{width:315px;height:315px;background-size:185px auto,100% 100%;padding-top:188px;font-size:1rem;box-shadow:0 0 0 12px rgba(231,181,50,.05),0 0 0 42px rgba(24,112,235,.045),0 0 70px rgba(37,126,247,.30)}.my-demeos-areas:after{width:650px;height:430px}.my-demeos-area{min-height:190px;padding:1.25rem}.my-demeos-area:nth-child(1),.my-demeos-area:nth-child(2){margin-right:0}.my-demeos-area:nth-child(3),.my-demeos-area:nth-child(4){margin-left:0}.my-demeos-area:nth-child(5){bottom:-.5rem;width:270px;min-height:140px}.my-demeos-evidence{margin-top:2.5rem}

/* Tablet / iPad: keep the relationship centre compact, then present the three
   active areas together and the two future areas as a clearly secondary row. */
@media (max-width:1100px) and (min-width:701px){
 .customer-header-inner{min-height:96px;padding:0 16px}.customer-brand .demeos-logo{width:94px}.customer-header-inner:after{display:none}
 .customer-intention{padding:1.6rem 1.1rem 3rem}.customer-intention h1{font-size:clamp(2.55rem,5.8vw,3.5rem)}
 .customer-intention-form fieldset,.customer-intention-options{min-height:455px}.customer-intention-form fieldset:before{top:50%;width:180px;height:180px;background-size:112px auto,100% 100%}.customer-intention-form fieldset:after{top:50%;width:min(620px,70vw);height:285px}.customer-intention-options:before{width:86%}.customer-intention-options:after{height:390px}
 .customer-intention-option{width:190px;min-height:82px;padding:.8rem;font-size:.94rem}.customer-intention-option:nth-child(1){top:0;left:50%}.customer-intention-option:nth-child(2){top:21%;right:0}.customer-intention-option:nth-child(3){right:4%;bottom:3%}.customer-intention-option:nth-child(4){left:4%;bottom:3%}.customer-intention-option:nth-child(5){top:21%;left:0}.customer-intention-option:nth-child(6){bottom:-2%;left:50%}
 .customer-intention-detail,.customer-context-actions{width:min(760px,96%)}
 .my-demeos-introduction:after{display:none}.my-demeos-main{padding:1.8rem 1.25rem 3rem}.my-demeos-future{width:min(980px,100%)}
 .my-demeos-areas{display:grid;position:relative;min-height:0;padding:230px 0 0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;gap:1rem;margin-top:.75rem}
 .my-demeos-areas:before{top:100px;bottom:auto;width:190px;height:190px;background-size:112px auto,100% 100%;padding-top:116px;font-size:.7rem;transform:translateX(-50%);z-index:2}
 .my-demeos-areas:after{top:100px;width:min(430px,70vw);height:235px;transform:translate(-50%,-50%)}
 .my-demeos-area:nth-child(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-width:0;min-height:210px;margin:0;padding:1.1rem;transform:none;z-index:3}
 .my-demeos-area:nth-child(1){grid-column:1 / 3}.my-demeos-area:nth-child(2){grid-column:3 / 5}.my-demeos-area:nth-child(3){grid-column:5 / 7}.my-demeos-area:nth-child(4){grid-column:1 / 4}.my-demeos-area:nth-child(5){grid-column:4 / 7;justify-self:stretch}
 .my-demeos-area-title{font-size:1.3rem;line-height:1.15}.my-demeos-area-copy{font-size:.9rem;line-height:1.45}.my-demeos-area-status{font-size:.62rem;line-height:1.35}.my-demeos-area-enter{position:static;display:flex;margin-top:auto;padding-top:.8rem;font-size:.72rem;line-height:1.25}
 .my-demeos-evidence{margin-top:2rem}
}

/* Phone: compact orbital intention selector; relationship cards become a clean
   readable sequence only where there is not enough width for the reference composition. */
@media (max-width:700px){
 .customer-header{position:sticky}.customer-header-inner{width:calc(100% - 16px);min-height:74px;padding:0 8px}.customer-brand .demeos-logo{width:68px}.customer-header-inner:after{display:none}.customer-journey-nav{gap:.9rem}.customer-journey-nav a{font-size:.78rem}
 .customer-intention{padding:1.25rem .7rem 2.5rem}.customer-intention .customer-eyebrow{font-size:.64rem}.customer-intention h1{font-size:clamp(2rem,9.8vw,2.65rem);line-height:1.03}.customer-trust-copy{font-size:.92rem}
 .customer-intention-form fieldset{display:block;position:relative;min-height:520px;padding:0;margin:0}.customer-intention-options{display:block;position:relative;min-height:520px}.customer-intention-form fieldset:before{display:block;top:50%;width:128px;height:128px;background-size:80px auto,100% 100%;z-index:2}.customer-intention-form fieldset:after{display:block;top:50%;width:275px;height:250px;box-shadow:0 0 0 22px rgba(45,132,255,.035),0 0 0 23px rgba(78,151,244,.12)}.customer-intention-options:before{display:block;width:92%;height:1px}.customer-intention-options:after{display:block;width:1px;height:390px}
 .customer-intention-option:nth-child(n){position:absolute;width:145px;min-height:70px;padding:.62rem .55rem;border-radius:18px;font-size:.82rem;line-height:1.15;transform:none}.customer-intention-option:after{font-size:.6rem;line-height:1.2;margin-top:.2rem}
 .customer-intention-option:nth-child(1){top:0;left:50%;right:auto;bottom:auto;transform:translateX(-50%)}.customer-intention-option:nth-child(2){top:19%;right:0;left:auto;bottom:auto}.customer-intention-option:nth-child(3){right:1%;bottom:7%;left:auto;top:auto}.customer-intention-option:nth-child(4){left:1%;bottom:7%;right:auto;top:auto}.customer-intention-option:nth-child(5){top:19%;left:0;right:auto;bottom:auto}.customer-intention-option:nth-child(6){left:50%;bottom:-1%;top:auto;right:auto;transform:translateX(-50%)}
 .customer-intention-option:nth-child(1):hover,.customer-intention-option:nth-child(1):focus-visible,.customer-intention-option:nth-child(6):hover,.customer-intention-option:nth-child(6):focus-visible{transform:translateX(-50%) translateY(-2px)}
 .customer-intention-detail{width:100%;margin:1rem auto 0;padding:.8rem}.customer-intention-detail textarea{min-height:84px}.customer-context-actions{width:100%;display:grid;grid-template-columns:1fr;gap:.65rem}.customer-location-button,.customer-continue-button{width:100%}
 .my-demeos-introduction:after{display:none}.my-demeos-main{padding:1.4rem .75rem 2.5rem}.my-demeos-introduction h1{font-size:2.65rem}.my-demeos-sign-in-status{margin-top:1rem;padding:1rem}.my-demeos-future{margin-top:1rem;width:100%}
 .my-demeos-areas{display:grid;position:relative;min-height:0;padding:235px 0 0;grid-template-columns:1fr;grid-template-rows:auto;gap:.7rem}.my-demeos-areas:before{top:105px;bottom:auto;width:180px;height:180px;background-size:104px auto,100% 100%;padding-top:108px;font-size:.64rem;transform:translateX(-50%);z-index:2}.my-demeos-areas:after{top:105px;width:285px;height:205px;transform:translate(-50%,-50%)}
 .my-demeos-area:nth-child(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:128px;margin:0;padding:1rem;transform:none;grid-column:1;grid-row:auto}.my-demeos-area-title{font-size:1.12rem}.my-demeos-area-copy{font-size:.82rem;line-height:1.4}.my-demeos-area-status{font-size:.56rem}.my-demeos-area-enter{position:static;display:flex;margin-top:.65rem;font-size:.72rem}.my-demeos-evidence{margin-top:1.4rem;padding:1.1rem;border-left-width:5px}.my-demeos-evidence:before{font-size:2.5rem;margin-right:.8rem}.my-demeos-evidence h2{font-size:.9rem}.my-demeos-evidence p{font-size:.9rem}.customer-footer{min-height:88px;padding:1rem}.customer-footer img{width:48px}.customer-footer p{font-size:.62rem;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){.customer-intention-option,.my-demeos-area-active{transition:none!important}}