/* NEURAUM-QUARTIER v4 — Deep Petrol / Aurora Mint
   Purpose-led motion; all effects gracefully stop for reduced-motion users. */
:root{
  --ink:#071924; --ink2:#102a36; --ink3:#173541;
  --paper:#eef5f2; --paper2:#deeeea;
  --warm:#9ac6bb; --metal:#8fdccc; --type:#f5faf7;
  --body:#b6d0ce; --line:rgba(170,224,214,.15);
  --blackline:rgba(10,46,50,.14);
  --aqua:#90edda; --aqua-bright:#b2ffe7;
  --deep:#052633; --surface:#112f3a;
}
html{scroll-padding-top:143px}
body{background:var(--ink);color:var(--type)}
::selection{background:#8ce9d3;color:#062735}
*:focus-visible{outline-color:#36a992}
.scroll-progress{height:3px;background:linear-gradient(90deg,#48b8a6,#c0ffee);box-shadow:0 1px 15px #86f8d485}
.site-header{background:rgba(5,23,33,.95);border-color:rgba(146,212,204,.16);isolation:isolate}
.site-header.scrolled{box-shadow:0 18px 55px #03141b99}
.header-glint{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,243,218,.66),transparent);opacity:.6;pointer-events:none}
.brand-monogram{border-color:#6a9f9a;background:linear-gradient(140deg,#134151,#0b2633);box-shadow:inset 0 0 0 4px #0a232e,0 0 24px #6be6cf12;transition:box-shadow .35s,border-color .35s,transform .45s}
.brand:hover .brand-monogram{transform:rotate(-5deg);border-color:var(--aqua);box-shadow:0 0 27px #83ecd055}
.brand-monogram span,.footer-symbol span{color:var(--aqua)}
.brand-word small,.footer-brand small{color:#97d1c7}
.location-mark{color:#a1cfca}.location-mark i{background:var(--aqua);box-shadow:0 0 0 4px #82efcf1a,0 0 15px #6cfed8}
.header-cta{border-color:#64aa9e;color:#e7fff9;background:rgba(24,66,71,.22)}
.header-cta:hover{background:var(--aqua);color:#062735;border-color:var(--aqua)}
.nav-strip{border-color:rgba(143,220,204,.14)}
.tab{color:#92b7b7}.tab.current,.tab:hover{color:#f0fff7}
.tab::after{background:var(--aqua);box-shadow:0 0 15px #67e7c0aa}
.contact-tab span{color:var(--aqua)}
.micro{color:#9fe0d2}.micro-dark{color:#427d79}
.micro-line{background:#89cabd}
.soft-ink,.title-large em,.title-medium em{color:#76acac}
.title-large em{background:linear-gradient(100deg,#2b7f7a,#7baaa2);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark-text{color:#092734}
.under-link{color:#123e43;border-color:#63a79c}
.under-light{color:#ebfff8;border-color:#79d0bf}
.under-link span{color:#277d75}
.dark-block{background:radial-gradient(circle at 90% 10%,#0e343c 0%,var(--ink) 56%)}
.light-block{background:linear-gradient(130deg,#f2f8f5,#e6f1ed)}
.btn{isolation:isolate;box-shadow:0 5px 18px #001b2014}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 30%,#ffffff66 50%,transparent 70%);transform:translateX(-180%);transition:transform .68s cubic-bezier(.18,1,.3,1);pointer-events:none}
.btn:hover::before{transform:translateX(150%)}
.btn-light{background:var(--aqua);color:#07313a;border-color:var(--aqua)}
.btn-light:hover{background:#c3ffee}
.btn-dark{background:#0e3843;color:#f4fff9;border-color:#0e3843}
.btn-dark:hover{background:#175662}
.btn-ghost{border-color:#6fb3ad;color:#dcfff7;background:#0e343c35}
.btn-ghost:hover{border-color:#a4f5e0;background:#3a908030}
/* Hero: ambient archway, displaced panels and searching light – a room becoming clear. */
.hero{background:radial-gradient(ellipse 58% 70% at 74% 49%,#14444e 0%,transparent 75%),linear-gradient(125deg,#071c29 2%,#0e2935 53%,#061b27);min-height:min(780px,calc(100svh - 122px))}
.hero::before{content:"";position:absolute;width:850px;aspect-ratio:1;left:-420px;top:-500px;border-radius:50%;background:radial-gradient(circle,#58bea918,transparent 67%);animation:heroHaze 13s ease-in-out infinite alternate;pointer-events:none}
.hero::after{content:"";position:absolute;width:100%;height:100%;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(#b5fae5 0.65px,transparent .85px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent 20%,#000 88%)}
@keyframes heroHaze{to{transform:translate(220px,160px) scale(1.2);opacity:.75}}
.hero-gridline{opacity:.3;background:linear-gradient(90deg,transparent 24.9%,#8de4d610 25%,transparent 25.1%,transparent 49.9%,#8de4d610 50%,transparent 50.1%,transparent 74.9%,#8de4d610 75%,transparent 75.1%),linear-gradient(0deg,transparent 49.9%,#8de4d615 50%,transparent 50.1%)}
.hero-eyebrow{color:#b2dbd5}.hero-eyebrow .line{background:#99e3d5}.small-diamond{color:#9ee4d4}
.hero-pulse{display:inline-block;width:6px;height:6px;background:var(--aqua);border-radius:50%;box-shadow:0 0 0 0 #92ffe56b;animation:signal 3.2s ease-in-out infinite}
@keyframes signal{50%{box-shadow:0 0 0 9px #92ffe500,0 0 14px #92ffe5}}
.hero-headline{filter:drop-shadow(0 10px 22px #001a26aa)}
.hero-headline span{animation:heroUp 1.1s var(--ease) both}
.hero-outline{-webkit-text-stroke:1.3px #99ead9;opacity:1}
.hero-lead{color:#c2dcda}
.hero-bottom{color:#9ec7c5}.hero-bottom b{color:var(--aqua)}
.art-aura{background:radial-gradient(ellipse,#70e8c86b,transparent 68%);filter:blur(50px);opacity:.65}
.art-frame{border-color:#83e2d56b;box-shadow:35px 30px 110px #031017aa,0 0 90px #55e9c622,inset 0 0 35px #60dec918;background:linear-gradient(147deg,#1e56615b,#0e252c00 55%,#071b2b99)}
.art-frame::before{border-color:#8ee8d435}
.art-door{border-color:#b1ffeb;box-shadow:0 0 36px #71e6c340,16px 10px 60px #031921bb;background:linear-gradient(120deg,#093640,#275d61 80%,#0b2736);overflow:hidden;animation:roomBreathe 6s ease-in-out infinite alternate}
.art-door::before{background:#92eacc28}
.art-door-inner{border-color:#a5f2db6b;z-index:1}
.art-door-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 26px,#bbffe009 26px 27px),repeating-linear-gradient(0deg,transparent 0 26px,#bbffe009 26px 27px);opacity:.7}
.art-door-beam{position:absolute;left:-32%;top:0;height:100%;width:130%;background:linear-gradient(110deg,transparent 24%,#91f0d513 53%,#baffd735 65%,transparent 80%);animation:doorLight 8s ease-in-out infinite alternate}
@keyframes doorLight{0%,15%{transform:translateX(-60%)}100%{transform:translateX(37%)}}
@keyframes roomBreathe{to{box-shadow:0 0 63px #84ffdb66,16px 10px 60px #031921bb}}
.art-mark{color:#f4fff9;text-shadow:0 4px 32px #032532;animation:markIn 1.35s var(--ease) .25s both}
.art-mark span{color:#b6ffee}
@keyframes markIn{from{opacity:0;filter:blur(12px);transform:scale(.84)}to{opacity:1;filter:blur(0);transform:scale(1)}}
.art-caption,.art-side-note,.art-microtext{color:#96ddce}
.art-corner{border-color:#a0f6df}
.art-moving-panel{position:absolute;border:1px solid #74cdbb60;background:linear-gradient(160deg,#18454b9e,#0f3b4c66);box-shadow:0 12px 30px #0219238c;pointer-events:none;z-index:1}
.art-moving-one{height:75px;width:113px;top:17%;left:12%;animation:clearOne 9s ease-in-out infinite}
.art-moving-two{height:124px;width:77px;top:45%;right:11%;animation:clearTwo 9s ease-in-out infinite}
.art-moving-three{height:56px;width:152px;bottom:20%;left:8%;animation:clearThree 9s ease-in-out infinite}
@keyframes clearOne{0%,10%{opacity:1;transform:translate(0,0) rotate(-9deg)}36%,70%{opacity:.1;transform:translate(-90px,-65px) rotate(-21deg)}89%,100%{opacity:1;transform:translate(0,0) rotate(-9deg)}}
@keyframes clearTwo{0%,13%{opacity:.9;transform:translate(0,0) rotate(8deg)}39%,70%{opacity:0;transform:translate(130px,-18px) rotate(18deg)}89%,100%{opacity:.9;transform:translate(0,0) rotate(8deg)}}
@keyframes clearThree{0%,15%{opacity:.9;transform:translate(0,0) rotate(4deg)}43%,70%{opacity:.05;transform:translate(-120px,80px) rotate(-6deg)}89%,100%{opacity:.9;transform:translate(0,0) rotate(4deg)}}
.art-scanner{height:1px;position:absolute;left:12%;right:12%;top:15%;background:linear-gradient(90deg,transparent,#d5ffed,transparent);box-shadow:0 0 25px #b5ffe9aa;animation:scan 7s linear infinite;z-index:5;pointer-events:none}
@keyframes scan{0%{opacity:0;transform:translateY(0)}12%{opacity:.8}83%{opacity:.4}100%{opacity:0;transform:translateY(390px)}}
.art-live-dot{position:absolute;right:25px;top:23px;width:5px;height:5px;background:var(--aqua);box-shadow:0 0 10px #8efbe0;animation:signal 4s infinite}
.art-microtext{position:absolute;bottom:1%;left:15%;font-size:9px;letter-spacing:.2em;opacity:.8}
/* Animated architectural motif on interior pages */
.inner-hero{background:radial-gradient(ellipse at 79% 30%,#175260 0%,transparent 45%),linear-gradient(130deg,#071c29,#0d2c38);border-bottom-color:#8cdece25}
.inner-copy h1 .subdued{color:#9ae0d2}
.inner-lead{color:#b9d9d5}
.inner-graphic{opacity:.61}
.graphic-square,.graphic-ring{border-color:#83ead49c;box-shadow:0 0 25px #52cbb217}
.graphic-ring{animation:pulseRing 8s ease-in-out infinite}
.inner-graphic>span{color:#b6eee1}
/* Marquee between the hero and the content */
.brand-ribbon{height:65px;overflow:hidden;border-block:1px solid #51b2a844;background:#0d3440;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ribbon-track{display:flex;align-items:center;gap:40px;width:max-content;flex-shrink:0;white-space:nowrap;animation:ribbonSlide 30s linear infinite;will-change:transform}
.ribbon-track span{font-size:11px;letter-spacing:.22em;font-weight:850;color:#d8fff5}
.ribbon-track i{width:7px;height:7px;border:1px solid #91ead7;transform:rotate(45deg);flex-shrink:0}
@keyframes ribbonSlide{to{transform:translateX(-50%)}}
/* Demonstration scene: purpose-built interaction "room gets cleared" */
.transformation-section{position:relative;overflow:hidden;padding:115px 0;background:linear-gradient(125deg,#0b2835,#0b222f 55%,#0e3b43);border-bottom:1px solid #8fffe022}
.transformation-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 40%,#67d9bd16,transparent 38%)}
.transform-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:65px}
.transform-copy{position:relative;z-index:2}
.transform-copy h2{font-size:clamp(55px,6.6vw,100px);line-height:.99;letter-spacing:-.09em;margin:23px 0 25px}
.transform-copy h2 em{font-style:normal;color:var(--aqua)}
.transform-copy p:not(.transform-caption){color:#b4d2ce;max-width:430px;font-size:15px}
.transform-toggle{display:inline-flex;align-items:center;gap:17px;margin-top:23px;padding:14px 24px 14px 12px;background:var(--aqua);border:1px solid var(--aqua);color:#05353b;font-weight:800;font-size:13px;transition:transform .3s,background .3s,box-shadow .3s}
.transform-toggle:hover{transform:translateY(-4px);background:#c2ffe9;box-shadow:0 13px 35px #52d7bf22}
.toggle-icon{width:31px;height:31px;background:#0f4149;color:var(--aqua);display:grid;place-items:center;font-size:18px;transition:transform .45s}
.transform-toggle:hover .toggle-icon{transform:rotate(45deg)}
.transform-caption{font-size:11px;color:#83b9b1;margin-top:27px}
.room-stage{position:relative;min-height:405px;border:1px solid #8bdcca66;background:radial-gradient(ellipse at 60% 30%,#23576177,transparent 58%),linear-gradient(155deg,#123c4b,#0a2735);isolation:isolate;overflow:hidden;box-shadow:35px 36px 95px #0005,inset 0 0 80px #9ceccc09;transform:perspective(1200px) rotateY(-2deg);transition:transform 1s var(--ease),box-shadow .8s}
.room-stage.is-cleared{box-shadow:30px 30px 90px #0005,0 0 44px #70e8bf24,inset 0 0 110px #9ceccc24}
.room-stage::before,.room-stage::after{content:"";position:absolute;width:20px;height:20px;border:1px solid #c8ffeb99;z-index:8}
.room-stage::before{top:16px;left:16px;border-right:0;border-bottom:0}
.room-stage::after{bottom:16px;right:16px;border-left:0;border-top:0}
.room-grid{position:absolute;inset:0;opacity:.43;background:repeating-linear-gradient(90deg,transparent 0 46px,#88dbc516 46px 47px),repeating-linear-gradient(0deg,transparent 0 46px,#88dbc516 46px 47px)}
.room-wall{position:absolute;border:1px solid #aedbcc55;transform-origin:center;opacity:.7}
.wall-left{height:85%;width:30%;left:14%;top:5%;transform:skewY(13deg)}
.wall-right{height:85%;width:40%;right:14%;top:5%;transform:skewY(-11deg)}
.room-floor{position:absolute;left:14%;bottom:16%;width:72%;height:27%;border:1px solid #8fe6d244;transform:skewX(-30deg) rotate(-3deg);background:linear-gradient(120deg,#31535a22,#b2ffe707)}
.room-window{position:absolute;right:24%;top:17%;width:22%;height:35%;border:2px solid #a7e8d88c;box-shadow:0 0 35px #8bedd538,inset 0 0 30px #b8fbed1d;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:7px}
.room-window span{background:linear-gradient(130deg,#b4fce625,#74bdbc0d);border:1px solid #a3ecdb66}
.room-object{position:absolute;z-index:4;background:linear-gradient(145deg,#6eaaa9,#2a6970);border:1px solid #a7e5d7;box-shadow:12px 16px 30px #03171d99,inset -9px -12px 0 #0c3a4873;transform:translate3d(0,0,0);transition:transform 1.25s cubic-bezier(.4,0,.2,1),opacity 1s ease,filter .9s ease}
.room-object::before{content:"";position:absolute;left:7px;top:7px;right:7px;bottom:7px;border:1px solid #d1fff75e}
.room-object::after{content:"";position:absolute;inset:0;background:linear-gradient(128deg,#c6ffde22,transparent 55%)}
.obj-a{left:15%;bottom:19%;height:115px;width:120px;transform:skewY(8deg)}
.obj-b{left:40%;bottom:15%;height:155px;width:102px;transform:skewY(-6deg)}
.obj-c{right:15%;bottom:16%;height:95px;width:128px;transform:skewY(9deg)}
.obj-d{left:39%;top:23%;height:69px;width:118px;transform:skewY(-4deg)}
.room-stage.is-cleared .obj-a{transform:translate(-240px,190px) rotate(-16deg) scale(.75);opacity:0;filter:blur(6px)}
.room-stage.is-cleared .obj-b{transform:translate(65px,280px) rotate(10deg) scale(.65);opacity:0;filter:blur(7px)}
.room-stage.is-cleared .obj-c{transform:translate(255px,90px) rotate(20deg) scale(.7);opacity:0;filter:blur(6px)}
.room-stage.is-cleared .obj-d{transform:translate(65px,-200px) rotate(22deg) scale(.65);opacity:0;filter:blur(5px)}
.room-sunlight{position:absolute;z-index:2;inset:-20%;background:radial-gradient(ellipse at 65% 37%,#90ffd270,transparent 35%);opacity:0;transform:scale(.6);transition:opacity 1.25s .3s,transform 1.7s var(--ease)}
.room-stage.is-cleared .room-sunlight{opacity:.85;transform:scale(1)}
.room-outcome{position:absolute;z-index:3;top:52%;left:50%;transform:translate(-50%,-42%) scale(.88);opacity:0;transition:opacity 1s .45s,transform 1.2s var(--ease) .35s;text-align:center;pointer-events:none;text-shadow:0 5px 25px #0125329c}
.room-outcome span{font-weight:900;font-size:clamp(40px,5vw,72px);letter-spacing:-.08em;color:#ddfff1;display:block}
.room-outcome strong{font-size:11px;letter-spacing:.32em;color:#aef5dd}
.room-stage.is-cleared .room-outcome{opacity:1;transform:translate(-50%,-50%) scale(1)}
.room-legend{position:absolute;z-index:9;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.15em;color:#b8e6dc}
.room-state-label{color:var(--aqua)}
/* A cohesive animated style across other pages */
.intro-paragraph h3{color:#092f39}.intro-paragraph p{color:#47686b}
.thin-rule{background:#4b988b}
.feature-panel{background:linear-gradient(145deg,#123340,#0c2531);border-color:#3c817a66;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s,border-color .4s}
.feature-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,40%),#83eacf22,transparent 67%);opacity:0;transition:opacity .35s}
.feature-panel:hover{transform:translateY(-10px);border-color:#91edce96;box-shadow:0 20px 55px #010e1799}
.feature-panel:hover::before{opacity:1}
.feature-panel h3{color:#e8fff7}
.feature-panel p{color:#accbc9}
.panel-count,.panel-arrow{color:#8ae4cf}
.panel-visual{filter:drop-shadow(0 0 10px #5ce8c31e)}
.feature-panel:hover .panel-visual{filter:drop-shadow(0 0 28px #8bf5d16a)}
.feature-panel:hover .panel-visual i{border-color:#b8fff0}
.numbers-strip{background:#15414a;border-color:#82ebd722;color:#b4e8dc}
.divider-line{background:#84cabf}
.bottom-cta{background:linear-gradient(115deg,#a0e4d1,#c4eee2 56%,#b5dcd3);color:#08303a;position:relative;overflow:hidden}
.bottom-cta::before{content:"";position:absolute;top:-160%;right:-10%;height:400%;width:35%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#fff5,transparent);animation:ctaSweep 9s ease-in-out infinite}
@keyframes ctaSweep{0%,25%{translate:0 0;opacity:0}44%{opacity:.75}85%,100%{translate:-700px 0;opacity:0}}
.bottom-cta .micro{color:#175751}.bottom-cta p{color:#315a59}
.service-line{transition:background .25s,padding .4s var(--ease)}
.service-line:hover{background:#d7e9e3;padding-left:15px}
.service-num,.service-tags{color:#387d78}.service-body p{color:#466469}
.circle-arrow{border-color:#6dada2;color:#165c59}
.service-line:hover .circle-arrow{background:#0a424a;color:#c6ffe9}
.disclaimer-panel{background:#d3e9e1;border-color:#46a997}
.filter-pill{border-color:#8cbab1;color:#2a5758}
.filter-pill:hover,.filter-pill.active{background:#12434b;border-color:#12434b;color:#c7ffea}
.price-item{transition:background .3s,transform .4s var(--ease)}
.price-item:hover{background:#d8ebe5;transform:translateX(4px)}
.price-no{color:#3b9384}.price-item strong{color:#153b43}
.price-info,.split-tip{background:#d7ebe3;border-color:#5da99a}
.price-info-icon{border-color:#5cab9d}
.brand-poster{background:radial-gradient(ellipse at 50% 36%,#276876,#08212d 70%);border-color:#77cfb979}
.brand-poster::before{border-color:#8de6d65e}
.poster-mark span{color:#8df2d4}
.brand-poster small,.poster-side{color:#9cddce}
.value-number,.timeline-num{color:#2c9587}
.values-grid article{border-color:#5bafa4}
.timeline{border-color:#8fc0b5}.timeline-step{border-color:#b0d4c8}
.faq-stack,.faq-item{border-color:#8ebcaf}
.faq-num{color:#488f82}.faq-toggle{border-color:#77ada2;color:#3a8a7d}
.faq-item[open] .faq-toggle{background:#124e54;color:#cbffe7}
.form-shell{background:#e2f0e9;border-color:#a4c6b9;box-shadow:0 35px 60px #03422a0d}
.contact-fact{border-color:#afd2c3}.contact-fact>span{color:#408a7f}
.form-title p,.form-footnote{color:#54776d}
.field input:not([type=file]),.field select,.field textarea{background:#f9fffa;border-color:#a8c9bb;color:#10363b;transition:border .2s,box-shadow .2s,transform .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#218e80;box-shadow:0 0 0 4px #66dab244;transform:translateY(-1px)}
.file-box{background:#d8eae1;border-color:#78b4a6}
.file-box input::file-selector-button{background:#edfff6;border-color:#7da99e}
.privacy-check input{accent-color:#08775e}
.legal-document{background:#fbfffb;border-color:#c0dcd0}
.legal-document section{border-color:#cbe5d7}
.legal-alert{border-color:#43a991;background:#e4f4ec}
.confirmation{background:radial-gradient(ellipse at 75% 15%,#1b5963,#071924 72%)}
.confirmation-ring{border-color:#97f5dc;box-shadow:0 0 35px #84f7df3e;animation:confirmationPulse 3s ease-in-out infinite}
@keyframes confirmationPulse{50%{box-shadow:0 0 40px #84f7df85;transform:scale(1.05)}}
.confirmation h1 span{color:#a7f1de}
.site-footer{background:#061923;border-color:#2e625c}
.footer-about p,.footer-block a{color:#accfcb}
.footer-block a:hover{color:#cbfff0}
.footer-bottom{border-color:#2d5b58;color:#84a9a9}
.page-wipe{background:linear-gradient(180deg,#9ef4dc,#0e4850);transition:transform .47s var(--ease)}
/* Choreographed entrance: cards stagger instead of all moving together */
@media(prefers-reduced-motion:no-preference){
  .editorial-grid [data-reveal]:nth-child(2){transition-delay:.13s}
  .editorial-grid [data-reveal]:nth-child(3){transition-delay:.24s}
  .hero-lead{animation:heroUp 1.1s var(--ease) .2s both}
  .button-row{animation:heroUp 1s var(--ease) .34s both}
  .hero-bottom{animation:heroUp 1.1s var(--ease) .47s both}
  .inner-hero .inner-graphic{animation:graphicArrival 1.5s var(--ease) both}
  @keyframes graphicArrival{from{opacity:0;transform:translateX(80px) rotate(8deg)}to{opacity:.61;transform:none}}
}
@media(max-width:1100px){.transform-grid{gap:32px}.room-stage{min-height:385px}.transform-copy h2{font-size:clamp(57px,6vw,88px)}}
@media(max-width:800px){
  .transformation-section{padding:80px 0}.transform-grid{grid-template-columns:1fr;gap:35px}.transform-copy h2{font-size:clamp(64px,12vw,95px)}.transform-copy p:not(.transform-caption){max-width:620px}.room-stage{max-width:750px;min-height:400px;width:100%}
  .hero-art{opacity:.36;right:-100px}.art-frame{box-shadow:0 0 75px #55e9c633}
  .brand-ribbon{height:54px}
  .feature-panel:hover{transform:none}
}
@media(max-width:570px){
  .hero{min-height:670px}.hero-art{right:-190px;opacity:.23}.hero-headline{filter:none}.hero-eyebrow{gap:9px}.hero-pulse{display:none}.hero-lead{max-width:380px;color:#d2ece7}
  .brand-ribbon{height:48px}.ribbon-track{gap:24px}.ribbon-track span{font-size:9px}
  .transformation-section{padding:65px 0}.transform-copy h2{font-size:clamp(55px,12.2vw,75px)}.transform-copy p:not(.transform-caption){font-size:14px}
  .room-stage{min-height:320px;transform:none}.room-window{top:13%;height:30%}.obj-a{width:78px;height:85px}.obj-b{width:77px;height:114px}.obj-c{width:75px;height:73px}.obj-d{width:80px;height:55px}.room-outcome span{font-size:42px}.room-legend{font-size:7px;left:17px;right:17px;bottom:18px}.room-legend span:last-child{max-width:120px;text-align:right}
  .bottom-cta::before{display:none}.brand-word small{color:#9bdccb}
}
@media(prefers-reduced-motion:reduce){
  .brand-ribbon{mask-image:none}.ribbon-track,.hero::before,.hero-pulse,.art-scanner,.art-moving-panel,.art-door,.art-door-beam,.art-mark,.confirmation-ring,.bottom-cta::before{animation:none!important}
  .art-moving-panel{opacity:.16!important}.room-object{transition:none!important}.room-sunlight,.room-outcome{transition:none!important}
}

/* Keep lift feedback active after scroll-reveal has completed. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html.has-reveal .feature-panel[data-reveal].is-visible:hover{transform:translateY(-10px)}
}