/* Set 3: cultural storytelling, trust proof and final accessibility polish. */
.skip-link{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-150%);background:#fff;color:var(--night);padding:12px 16px;border-radius:10px;font-weight:900}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
header{transition:box-shadow .2s ease}header:hover{box-shadow:0 8px 30px rgba(43,25,48,.07)}header nav a{position:relative}header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:right .2s ease}header nav a:hover:after,header nav a:focus-visible:after{right:0}.nav-cta{transition:transform .2s ease,background .2s ease}.nav-cta:hover{transform:translateY(-2px);background:var(--night-soft)}
.moments-finale{position:relative;background:var(--cream);padding-top:120px;padding-bottom:120px}.moments-finale:before{content:"";position:absolute;left:0;right:0;top:-1px;height:75px;background:linear-gradient(to bottom,#dce3bf,transparent)}.moments-finale .moment-grid{position:relative}.moments-finale .moment-grid:before{content:"DESI PLANS, EVERY ANGLE";position:absolute;z-index:3;left:-20px;top:50%;translate:-50% -50%;rotate:-90deg;font-size:9px;font-weight:900;letter-spacing:2px;color:var(--rose-dark)}.moments-finale .moment-card{box-shadow:0 18px 45px rgba(43,25,48,.11)}.moments-finale .moment-card:nth-child(2){transform:translateY(18px) rotate(.7deg)}.moments-finale .moment-card:nth-child(3){transform:translateY(-8px) rotate(-.5deg)}.moments-close{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:none}.moments-close span{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:900;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 12px}.moments-close strong{font-weight:400;max-width:620px;margin-left:12px}
.trust-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:var(--green);color:#fff}.trust-section .kicker{color:var(--sun)}.trust-section .lead{color:rgba(255,255,255,.72)}.trust-copy>a{display:inline-flex;gap:9px;color:#fff;margin-top:20px;font-size:13px;font-weight:850;text-underline-offset:5px}.trust-copy>a span{color:var(--sun)}.control-panel{background:var(--cream);color:var(--night);border-radius:30px;padding:22px;box-shadow:0 30px 80px rgba(20,36,29,.25);transform:rotate(1deg)}.control-top{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 19px}.control-top>div{display:flex;flex-direction:column}.control-top small{color:var(--rose-dark);font-weight:900;letter-spacing:1.3px}.private-pill{background:var(--mint);color:var(--green);padding:8px 11px;border-radius:99px;font-size:10px;font-weight:900}.control-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;margin:8px 0}.control-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--lilac);font-size:11px;font-weight:900}.control-row:nth-child(3) .control-icon{background:var(--peach)}.control-row:nth-child(4) .control-icon{background:var(--mint)}.control-row strong,.control-row small{display:block}.control-row small{font-size:10px;color:var(--muted);margin-top:3px}.control-row>b{color:var(--rose-dark);font-size:10px}.control-foot{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.control-foot span{background:#eee7dc;border-radius:99px;padding:7px 10px;color:var(--muted);font-size:9px}
.support-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;padding:100px max(5vw,22px);background:#f1e7dc}.support-section .evolving{padding:45px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:30px;background:var(--night);color:#fff;min-height:480px}.support-section .evolving h2{font-size:clamp(39px,4.1vw,58px);margin-left:0}.support-section .evolving .lead{color:rgba(255,255,255,.68);margin-left:0}.support-section .evolving-badge{background:rgba(255,179,92,.14);color:var(--sun)}.support-section .evolving-button{margin-top:auto;background:var(--sun);color:var(--night)}.faq-compact{padding:15px 0;max-width:none}.faq-compact h2{font-size:clamp(42px,4vw,60px)}.faq-compact details{background:rgba(255,255,255,.68);transition:background .2s ease,transform .2s ease}.faq-compact details:hover{background:#fff;transform:translateX(4px)}.faq-compact summary{list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-compact summary::-webkit-details-marker{display:none}.faq-compact summary:after{content:"+";color:var(--rose-dark);font-size:24px;line-height:.7}.faq-compact details[open] summary:after{content:"−"}
.cta{position:relative;overflow:hidden;background:var(--sun)}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.cta:before{width:330px;height:330px;background:var(--coral);left:-160px;bottom:-200px}.cta:after{width:260px;height:260px;border:55px solid var(--night);right:-150px;top:-150px;opacity:.12}.cta>*{position:relative}.cta .kicker{color:var(--night)}.cta>p:not(.kicker){color:rgba(43,25,48,.7)}.store{transition:transform .2s ease,box-shadow .2s ease}.store:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(43,25,48,.18)}footer{background:var(--night);color:rgba(255,255,255,.64);border:0}footer a{color:#fff;text-underline-offset:4px}
@media(max-width:1000px){.trust-section,.support-section{grid-template-columns:1fr}.control-panel{transform:none}.support-section .evolving{min-height:390px}.moments-finale .moment-card:nth-child(2),.moments-finale .moment-card:nth-child(3){transform:none}}
@media(max-width:820px){header nav a[href="#how"]{display:inline}header nav a[href="#features"]{display:inline}.moments-finale{padding-top:90px;padding-bottom:90px}.moments-finale .moment-grid:before{display:none}.moments-close strong{width:100%;margin:10px 0 0}.trust-section{padding-top:80px;padding-bottom:80px}.support-section{padding-top:72px;padding-bottom:72px}.support-section .evolving{padding:32px}.control-panel{padding:15px}.control-row{grid-template-columns:auto 1fr}.control-row>b{display:none}}
@media(max-width:560px){header nav{display:none}.moments-finale{padding-inline:22px}.moments-close span{font-size:9px}.trust-section{padding-inline:18px}.control-row small{font-size:11px}.control-foot{display:grid}.support-section{padding-inline:18px}.support-section .evolving{min-height:420px;padding:28px}.faq-compact details{padding:18px}.faq-compact summary{font-size:16px}.cta{padding-left:22px;padding-right:22px}}

/* Keep the playful centre tile visibly separate from both rows. */
@media(min-width:1001px){.moments-finale .moment-card:nth-child(2){transform:translateY(8px) scale(.94) rotate(.35deg);transform-origin:center}}
@media(prefers-reduced-motion:reduce),(prefers-reduced-data:reduce){header,.nav-cta,header nav a:after,.moment-card img,.faq-compact details,.store{transition:none}.nav-cta:hover,.faq-compact details:hover,.store:hover{transform:none}}

/* Keep the live-gallery mosaic within its own section and grid tracks. */
section[id]{scroll-margin-top:88px}.live-demo{overflow:hidden}.gallery-stage{overflow:hidden;min-width:0}.gallery-mosaic{overflow:hidden;min-width:0;min-height:0;contain:layout paint}.gallery-mosaic>img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;align-self:stretch;justify-self:stretch}