/* Public inspiration demo. Layout follows the supplied tropical/glass reference. */
.demo-portal{--green:#0875de;--ink:#12334a;--text:#385469;--line:#d8e8f3;background:#f7faff;color:var(--ink)}
.demo-portal h1,.demo-portal h2,.demo-portal h3{font-family:var(--sans);font-weight:700;letter-spacing:-.5px}
.demo-portal .site-nav{max-width:none;padding-left:max(7%,calc((100vw - 1040px)/2));padding-right:max(7%,calc((100vw - 1040px)/2));height:80px}
.demo-portal .site-nav nav{gap:20px;font-size:12px}.demo-portal .nav-actions{gap:10px}.demo-portal .nav-actions>.btn{display:none}
.demo-portal .demo-section{width:81%;max-width:1040px;margin:32px auto;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.demo-section>.eyebrow{text-align:center;display:block;color:#4388b3;font-size:9px;letter-spacing:1.6px;margin-bottom:7px}
.demo-section>h2{text-align:center;font-size:26px;line-height:1.2;margin-bottom:20px}
.demo-portal .demo-hero{height:560px;padding:135px max(9.5%,calc((100vw - 1040px)/2)) 90px;overflow:hidden}
.demo-hero .community-hero-copy{max-width:55%;position:relative;z-index:2}.demo-hero h1{font-size:clamp(34px,3.6vw,52px);line-height:1.08;color:#fff;margin-bottom:20px;letter-spacing:-1.5px}.demo-hero .community-hero-copy>p{max-width:365px;font-size:15px;line-height:1.7;color:white;text-shadow:0 1px 7px #064f76;margin-bottom:24px}.demo-hero .eyebrow{color:white;font-size:9px;letter-spacing:1.2px}
.demo-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.demo-hero-actions .btn{font-size:12px;padding:12px 18px}.demo-proof{display:flex;gap:13px;align-items:center;margin-top:22px;color:#fff;font-size:11px;font-weight:600}.demo-proof small{display:block;font-size:10px;font-weight:400}.demo-avatar-stack{display:flex;padding-left:5px}.demo-avatar-stack img{width:31px;height:31px;object-fit:cover;border-radius:50%;margin-left:-5px;border:1px solid #ffffffb0;background:#c8e3ed}
.demo-portal .demo-featured{width:220px;top:117px;right:max(9.5%,calc((100vw - 1040px)/2));padding:22px;background:#ffffff24;border:1px solid #ffffffa0;border-radius:23px;backdrop-filter:blur(16px);box-shadow:inset 0 1px 3px white,0 15px 30px #04314b28;display:flex;flex-direction:column;gap:0;text-shadow:0 1px 5px #12374a}.demo-featured>.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:8px}.demo-featured>.eyebrow .icon{width:25px;height:25px;flex-shrink:0}.demo-featured h2{font-size:26px;color:#fff;margin:0 0 8px}.demo-featured>p{font-size:12px;margin:0 0 24px;color:white}.demo-featured>small{font-size:10px;color:white}.demo-feature-price{display:block;font-size:28px;line-height:1.2;margin:3px 0 20px;color:white}.demo-featured .btn{width:100%;text-shadow:none;padding:12px;font-size:11px}.demo-featured .demo-card-notice{text-align:center;margin-top:8px;font-size:9px}
.demo-portal .hero-slider-controls{bottom:70px;left:9.5%;right:9.5%;max-width:1040px;margin:auto}.demo-portal .hero-scene-tabs button,.demo-portal [data-slider-pause]{font-size:9px;padding:6px 10px;min-height:28px}.demo-portal .hero-images:after{background:#06435a19}
.demo-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);width:81%;max-width:1040px;margin:-44px auto 0;padding:20px 10px;background:#f4fcff42;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:18px;box-shadow:inset 0 2px 4px #fff9,0 10px 25px #126da92b;color:#fff}.demo-stats>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #ffffff70}.demo-stats>div:last-child{border:0}.demo-stats .icon{width:42px;height:42px}.demo-stats .icon img{filter:brightness(0) invert(1)}.demo-stats strong{font-size:25px;font-weight:700;line-height:1.25;display:block;letter-spacing:-.5px}.demo-stats small{display:block;font-size:10px;line-height:1.3;text-shadow:0 1px 4px #175376}
.demo-portal .demo-inspiration{margin-top:32px;text-align:center}.demo-inspiration>h2{margin-bottom:10px}.demo-notice{font-size:10px;color:#516b7c;margin:0 0 16px}.demo-filter-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:15px 0}.demo-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid #d8e8f3;border-radius:24px;background:#fff9;font-size:10px;box-shadow:inset 0 1px white,0 2px 5px #14556b0c}.demo-chip.active,.demo-chip[aria-pressed=true]{color:#075aac;background:#dcebff;border-color:#97c9ff}.demo-chip>.icon{width:19px;height:19px}.demo-chip>.icon img{width:12px;height:12px}
.demo-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-photo-card{position:relative;border-radius:13px;overflow:hidden;box-shadow:0 4px 10px #163d5622;background:#052f48;isolation:isolate;aspect-ratio:1.95}.demo-photo-card>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.demo-photo-card:hover>img{transform:scale(1.035)}.demo-card-link{position:absolute;inset:auto 0 0;width:100%;padding:14px 14px 11px;text-align:left;color:white;background:#062f42a6;backdrop-filter:blur(7px);border:0;box-shadow:inset 0 1px #fff2;min-height:66px}.demo-card-link h3{font-size:14px;margin:0 0 7px;letter-spacing:0}.demo-card-link>span{display:flex;justify-content:space-between;gap:8px;align-items:end;font-size:10px;line-height:1.3}.demo-card-link strong{font-size:15px;color:white;white-space:nowrap}.demo-portal .demo-heart{position:absolute;z-index:2;right:10px;top:10px;width:30px;height:30px;border-radius:50%;padding:4px;background:#f9fdfff0;color:#1874a9;box-shadow:0 2px 7px #0b355b33;border:1px solid white;display:grid;place-items:center}.demo-heart .icon{width:21px;height:21px;padding:2px;background:none;border:0;box-shadow:none}.demo-heart .icon:before,.demo-heart .icon:after{display:none}.demo-heart .icon img{width:17px;height:17px;filter:invert(38%) sepia(40%) saturate(1500%) hue-rotate(173deg)}.demo-heart[aria-pressed=true]{background:#ffe2ee}.demo-heart[aria-pressed=true] .icon img{filter:invert(25%) sepia(50%) saturate(3000%) hue-rotate(314deg)}
.demo-result-count{font-size:10px;color:#627d8c;margin:14px 0 8px}.demo-inspiration>.btn{font-size:10px;padding:7px 18px}.demo-no-results{grid-column:1/-1;padding:32px;border:1px dashed #b5d5ed;border-radius:15px}
.demo-experience-band{background:#062d42;padding:28px 0 83px;color:white;margin-top:32px}.demo-experience-band .demo-section{margin:0 auto}.demo-experience-band h2{color:white;font-size:25px}.demo-experience-band .eyebrow{color:#90c4df}.demo-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.demo-world{display:flex;align-items:start;gap:11px;text-align:left;padding:19px 13px;background:#ffffff16;border:1px solid #ffffff65;border-radius:14px;color:#fff;box-shadow:inset 0 1px 4px #ffffff50,0 3px 12px #001d3130;backdrop-filter:blur(15px)}.demo-world>.icon{flex-shrink:0;width:34px;height:34px}.demo-world h3{font-size:13px;letter-spacing:0;margin:1px 0 8px}.demo-world p{font-size:10px;line-height:1.5;color:#e0edf4;margin:0 0 8px}.demo-world span:not(.icon){font-size:10px;display:flex;align-items:center;gap:5px}.demo-world div .icon{width:16px;height:16px}.demo-world div .icon img{width:10px;height:10px;filter:brightness(0) invert(1)}
.demo-portal .demo-search{position:relative;z-index:2;margin-top:-62px;margin-bottom:34px;padding:21px 27px;background:#def2ffa6;backdrop-filter:blur(20px);border:1px solid white;border-radius:20px;box-shadow:inset 0 2px 7px #fff,0 10px 24px #14486b24}.demo-search>h2{margin:0 0 17px;color:#174866;font-size:24px}.demo-search form{display:grid;grid-template-columns:1.2fr 1fr .9fr auto;gap:12px;align-items:end}.demo-search label{font-size:9px;color:#294d67;gap:5px;margin:0;min-width:0}.demo-search input,.demo-search select{width:100%;min-width:0;padding:10px;font-size:11px;background:#ffffff85;border:1px solid #ffffffdc;border-radius:10px;min-height:42px;color:#12334a}.demo-search .btn{min-height:42px;padding:10px 19px;font-size:11px}.demo-search .btn .icon{width:22px;height:22px}.demo-search .btn .icon img{width:14px;height:14px}
.demo-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.demo-package{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 4px 12px #17466612;border:1px solid #e4edf5}.demo-package-photo{position:relative;height:108px}.demo-package-photo>img{width:100%;height:100%;object-fit:cover;display:block}.demo-discount{position:absolute;left:10px;top:10px;background:#f15965;color:white;box-shadow:0 2px 7px #89212c25;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700}.demo-package-body{padding:12px}.demo-package h3{font-size:12px;line-height:1.3;letter-spacing:0;margin:0 0 6px}.demo-package small{font-size:9px;color:#68849a}.demo-price-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 13px}.demo-price-row del{font-size:10px;color:#7c92a2}.demo-price-row strong{font-size:18px}.demo-package .btn{width:100%;font-size:9px;padding:6px;min-height:29px}
.demo-portal .demo-story-banner{position:relative;border-radius:14px;overflow:hidden;min-height:120px;color:white;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:30px;padding:24px 40px;background:#094f64}.demo-story-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.demo-story-banner>h2,.demo-story-banner>p,.demo-story-banner>button{z-index:1;position:relative}.demo-story-banner>h2{font-size:25px;text-align:left;margin:0;max-width:290px}.demo-story-banner>p{font-size:12px;line-height:1.5;margin:0;max-width:300px;text-shadow:0 1px 5px #052f45}.demo-portal .demo-play{justify-self:center;border:1px solid #ffffffa0;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;background:#ffffff40;backdrop-filter:blur(8px)}.demo-play .icon{background:none;border:0;box-shadow:none;width:27px;height:27px}.demo-play .icon:before,.demo-play .icon:after{display:none}.demo-play .icon img{filter:brightness(0) invert(1);width:23px;height:23px}
.demo-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.demo-scenario-grid article{padding:19px 20px;border-radius:12px;background:#fff;box-shadow:0 5px 14px #1947610c;border:1px solid #e7eff7}.demo-scenario-grid .eyebrow{color:#40718f;font-size:8px;letter-spacing:1px}.demo-scenario-grid p{font-size:12px;line-height:1.6;min-height:60px;margin:12px 0}.demo-scenario-grid article>div{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600}.demo-scenario-grid img{width:33px;height:33px;border-radius:50%;object-fit:cover;background:#e4f5ff}
.demo-plans-faq{display:grid;grid-template-columns:3fr 1fr;gap:18px}.demo-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.demo-plan{padding:20px 16px 13px;border:1px solid #dce8f3;border-radius:14px;box-shadow:inset 0 1px white,0 5px 12px #1c57731a;background:#f1f7fcd9;display:flex;flex-direction:column}.demo-plan.recommended{border:2px solid #60adf8;padding:19px 15px 12px;box-shadow:0 0 0 3px #ddebff,0 5px 14px #2574b922}.demo-plan>.icon{width:29px;height:29px;margin-bottom:9px}.demo-plan h3{font-size:15px;margin:0 0 10px;letter-spacing:0}.demo-plan p{font-size:11px;line-height:1.5;margin:0 0 12px}.demo-plan ul{padding:0;list-style:none;margin:0 0 17px;font-size:10px;line-height:1.5}.demo-plan li{display:flex;gap:7px;align-items:center;margin-bottom:6px}.demo-plan li .icon{background:none;border:0;box-shadow:none;width:17px;height:17px}.demo-plan li .icon:before,.demo-plan li .icon:after{display:none}.demo-plan li .icon img{width:12px;height:12px}.demo-plan .btn{margin-top:auto;padding:7px;font-size:10px}.demo-faq{padding:16px 13px;background:#edf5fc;border-radius:14px;border:1px solid #e7eff6;align-self:start}.demo-faq h3{font-size:13px;margin:0 0 10px;color:#2672a5}.demo-faq details{border-bottom:1px solid #d5e6f5;padding:12px 0}.demo-faq details:last-child{border:0}.demo-faq summary{font-size:10px;font-weight:600;cursor:pointer;line-height:1.5}.demo-faq details p{font-size:10px;line-height:1.6;color:#355872;margin:10px 0 0}
.demo-portal .demo-map{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:20px;padding:20px;background:#f0f7ff;border-radius:15px;border:1px solid #e1eef8;overflow:hidden}.demo-map h2{font-size:21px;line-height:1.2;margin-bottom:10px}.demo-map p{font-size:11px;line-height:1.6;margin-bottom:15px}.demo-map img{width:100%;height:155px;object-fit:contain}.demo-map .btn{padding:7px 12px;font-size:10px}
.demo-final{position:relative;background:#074659 url('/media/demo/coast-banner.webp') center/cover;color:white;padding:30px 0}.demo-final>.demo-section{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;background:#063c5485;border-radius:17px;padding:24px;backdrop-filter:blur(5px)}.demo-final h2{font-size:28px;line-height:1.1;max-width:400px;margin-bottom:8px;color:white}.demo-final p{font-size:12px;color:white;margin:0}.demo-final .btn{font-size:11px;white-space:nowrap}.demo-portal footer{padding:20px 9.5%;font-size:10px}.demo-live .section-heading h2{font-size:21px}.demo-live .event-grid:empty{display:none}.demo-detail>img{width:100%;height:230px;border-radius:15px;object-fit:cover;margin-bottom:20px}.demo-detail .eyebrow{font-size:10px;color:#407aa2;display:block}.demo-detail-facts{display:flex;gap:15px;align-items:center;padding:13px;background:#e9f3fc;border-radius:12px;margin:18px 0}.demo-detail-facts strong{font-size:22px}.demo-detail-facts span{font-size:10px}.demo-detail p,.demo-detail li{font-size:13px;line-height:1.7}
@media(max-width:1050px){.demo-portal .site-nav nav{display:none}.demo-portal .demo-hero{height:520px;padding-top:128px}.demo-world{gap:8px;padding:15px 10px}.demo-world>.icon{width:27px;height:27px}.demo-world h3{font-size:12px}.demo-stats strong{font-size:22px}.demo-stats .icon{width:32px;height:32px}.demo-stats>div{gap:9px}.demo-portal .hero-scene-tabs button{font-size:8px;padding:6px}.demo-plans-faq{grid-template-columns:1fr}.demo-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.demo-faq h3{grid-column:1/-1}.demo-faq details:nth-last-child(2){border:0}}
@media(max-width:700px){.demo-portal .demo-section{width:88%;margin:28px auto}.demo-portal .demo-hero{height:745px;padding:118px 6% 85px}.demo-hero .community-hero-copy{max-width:100%}.demo-hero h1{font-size:38px;max-width:340px}.demo-hero .community-hero-copy>p{font-size:13px;max-width:330px;line-height:1.65;margin-bottom:18px}.demo-proof{margin-top:17px}.demo-hero-actions .btn{font-size:10px;padding:11px 13px}.demo-portal .demo-featured{top:440px;left:6%;right:6%;width:auto;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:0 15px}.demo-featured>.eyebrow{grid-column:1/-1;margin-bottom:8px}.demo-featured h2{font-size:22px}.demo-featured>p{font-size:10px;margin-bottom:11px}.demo-featured>small:not(.demo-card-notice){grid-column:1;font-size:9px}.demo-featured .demo-feature-price{grid-column:1;font-size:24px;margin:3px 0 0}.demo-featured .btn{grid-column:2;grid-row:2/6;align-self:center;width:105px;padding:11px 8px;font-size:10px}.demo-featured .demo-card-notice{grid-column:1/-1;grid-row:6;margin-top:8px;text-align:left}.demo-portal .hero-slider-controls{bottom:65px;left:6%;right:6%;align-items:center;gap:7px}.demo-portal .hero-scene-tabs{gap:5px;flex-wrap:wrap}.demo-portal .hero-scene-tabs button,.demo-portal [data-slider-pause]{font-size:8px;padding:5px 7px;min-height:24px}.demo-stats{width:88%;padding:14px 10px;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:-45px}.demo-stats>div{justify-content:start;gap:10px;padding-left:9px}.demo-stats>div:nth-child(2){border:0}.demo-stats strong{font-size:22px}.demo-stats small{font-size:9px}.demo-stats .icon{width:31px;height:31px}.demo-section>h2{font-size:23px}.demo-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-photo-card{aspect-ratio:1.05}.demo-card-link{padding:12px 9px 10px;min-height:76px}.demo-card-link h3{font-size:12px;line-height:1.3}.demo-card-link>span{flex-direction:column;align-items:start;font-size:9px;gap:4px}.demo-card-link strong{font-size:13px}.demo-chip{padding:7px 9px;font-size:9px}.demo-notice{font-size:9px;line-height:1.5}.demo-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-world{padding:15px 10px;gap:9px}.demo-world h3{font-size:12px}.demo-world p{font-size:9px}.demo-world>.icon{width:27px;height:27px}.demo-experience-band{padding:25px 0 95px}.demo-experience-band .demo-section{margin:0 auto}.demo-portal .demo-search{margin-top:-66px;padding:18px}.demo-search form{grid-template-columns:1fr 1fr;gap:13px}.demo-search label{font-size:10px}.demo-search .btn{font-size:11px}.demo-search>h2{font-size:21px}.demo-search input,.demo-search select{font-size:11px}.demo-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-package-photo{height:110px}.demo-package-body{padding:11px}.demo-package h3{font-size:12px}.demo-portal .demo-story-banner{grid-template-columns:1fr 60px;gap:12px;padding:23px;min-height:160px}.demo-story-banner>h2{font-size:23px}.demo-story-banner>p{grid-column:1;grid-row:2;font-size:10px}.demo-story-banner>button{grid-column:2;grid-row:1/3}.demo-scenario-grid{grid-template-columns:1fr;gap:12px}.demo-scenario-grid p{min-height:0}.demo-plan-grid{grid-template-columns:1fr;gap:14px}.demo-plan{padding:20px;display:grid;grid-template-columns:35px 1fr;gap:0 10px}.demo-plan>.icon{grid-column:1;grid-row:1;margin:0}.demo-plan h3{grid-column:2;align-self:center;margin:0}.demo-plan p,.demo-plan ul,.demo-plan>.btn{grid-column:1/-1}.demo-plan p{margin:15px 0 12px}.demo-plan.recommended{padding:19px}.demo-plan li{font-size:11px}.demo-plan .btn{padding:10px;font-size:11px}.demo-faq{display:block;padding:18px}.demo-faq summary,.demo-faq p{font-size:12px}.demo-portal .demo-map{grid-template-columns:1fr;padding:20px;gap:10px}.demo-map img{height:125px}.demo-final{padding:23px 0}.demo-final>.demo-section{width:88%;padding:22px;flex-wrap:wrap;gap:12px}.demo-final>.demo-section>div{width:100%}.demo-final h2{font-size:27px}.demo-final .btn{font-size:10px;padding:10px 12px}.demo-portal .site-nav{padding:15px 6%;height:75px}.demo-portal .site-nav .logo{font-size:29px}.demo-portal .language-trigger{max-width:108px;font-size:10px}.demo-portal .nav-actions>.text-btn{padding:8px 10px;font-size:10px}.demo-detail>img{height:180px}}
@media(max-width:350px){.demo-portal .language-trigger{max-width:78px}.demo-portal .site-nav .logo{font-size:25px}.demo-hero h1{font-size:32px}.demo-hero-actions{gap:7px}.demo-hero-actions .btn{font-size:9px}.demo-portal .demo-featured{top:465px}.demo-portal .demo-hero{height:770px}.demo-stats strong{font-size:19px}.demo-stats>div{padding-left:0;gap:6px}.demo-filter-row{gap:5px}.demo-world{display:block}.demo-world>.icon{margin-bottom:9px}.demo-featured .btn{width:90px}}
@media(prefers-reduced-motion:reduce){.demo-photo-card>img{transition:none}}
/* Keep foreground contrast when the overlapping strip extends over the white page. */
.demo-stats{background:#067fc4ad;box-shadow:inset 0 2px 4px #fff9,0 10px 25px #126da92b}
.demo-inspiration>.translation-toolbar{margin:0 0 18px;text-align:left}
.demo-portal .hero-scene:first-child{filter:brightness(.96)}
.demo-portal .demo-hero .community-hero-copy{text-shadow:0 1px 8px #07517c55}
.demo-portal .demo-world>.icon img{filter:brightness(0) invert(1)}
.demo-search form{grid-template-columns:1.15fr .9fr 1fr .9fr auto}
.demo-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.demo-live-grid>.event-grid{display:contents}.demo-live .public-card{padding:17px;font-size:12px}.demo-live .public-card>img{height:130px;margin-bottom:12px}.demo-live .public-card h3{font-size:16px;line-height:1.4;margin-bottom:12px}.demo-live .public-card p{font-size:11px;margin:0}
.demo-live>.translation-toolbar{margin-bottom:18px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.demo-search form{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-search label:first-child{grid-column:span 2}.demo-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.demo-search form{grid-template-columns:1fr 1fr}.demo-search label:first-child{grid-column:span 2}.demo-search .btn{grid-column:1/-1}.demo-live-grid{grid-template-columns:1fr}}
.demo-portal .demo-story-banner>p{color:#fff;text-shadow:0 1px 7px #032638;font-weight:500}
.demo-portal .demo-play .icon img{filter:brightness(0) invert(1)}
.demo-portal .demo-featured{background:#07354d73}
@media(max-width:700px){.demo-portal .demo-hero{height:820px}}
@media(max-width:350px){.demo-portal .demo-hero{height:870px}}
@media(max-width:700px){.demo-portal .demo-hero{height:auto;min-height:820px;padding-bottom:160px}.demo-portal .demo-featured{position:relative;top:auto;left:auto;right:auto;width:100%;margin-top:26px}}
@media(max-width:350px){.demo-portal .demo-hero{min-height:870px}}
.demo-portal .nav-actions>.text-btn>.icon{display:none}
@media(max-width:700px){.demo-portal .nav-actions>.text-btn .nav-account-label{display:none}.demo-portal .nav-actions>.text-btn>.icon{display:inline-flex;width:27px;height:27px}.demo-portal .nav-actions>.text-btn{width:38px;height:38px;padding:4px}.demo-portal .language-trigger{max-width:none}.demo-portal .language-trigger>span:not(.flag-chip){overflow:visible;text-overflow:clip}.demo-portal .site-nav .nav-actions{gap:9px}}
/* Compact desktop rhythm at the reference's 864px content width. */
@media(min-width:701px) and (max-width:1050px){
 .demo-portal .demo-section{margin:23px auto}.demo-section>h2{font-size:21px;margin-bottom:16px}
 .demo-portal .demo-hero{height:465px;padding-top:105px}.demo-hero .community-hero-copy>p{font-size:13px;line-height:1.55;max-width:330px;margin-bottom:18px}.demo-hero h1{font-size:34px;margin-bottom:15px}.demo-proof{margin-top:17px}.demo-portal .demo-featured{top:100px;width:195px;padding:19px}.demo-featured h2{font-size:23px}.demo-featured>p{margin-bottom:15px}.demo-feature-price{font-size:25px;margin-bottom:15px}
 .demo-stats{padding:16px 10px}.demo-stats strong{font-size:22px}.demo-stats small{font-size:9px}
 .demo-portal .demo-inspiration{margin-top:26px}.demo-filter-row{margin:11px 0;gap:5px}.demo-chip{font-size:9px;padding:6px 10px}.demo-result-count{margin:10px 0 6px}
 .demo-experience-band{padding:24px 0 72px;margin-top:25px}.demo-experience-band .demo-section{margin:0 auto}.demo-world{padding:14px 10px;gap:8px}.demo-world h3{font-size:11px;margin-bottom:6px}.demo-world p{font-size:9px;line-height:1.4;margin-bottom:6px}.demo-world span:not(.icon){font-size:9px}.demo-world>.icon{width:25px;height:25px}
 .demo-portal .demo-search{margin-top:-54px;padding:18px 20px;margin-bottom:26px}.demo-search form{grid-template-columns:1.2fr 1fr 1.1fr .9fr auto;gap:9px}.demo-search label:first-child{grid-column:auto}.demo-search input,.demo-search select{font-size:10px;min-height:37px;padding:8px}.demo-search .btn{font-size:10px;min-height:37px;padding:8px 11px}.demo-search>h2{font-size:21px;margin-bottom:14px}
 .demo-package-photo{height:90px}.demo-package-body{padding:10px}.demo-package h3{font-size:11px}.demo-price-row{margin:8px 0 10px}.demo-price-row strong{font-size:15px}
 .demo-portal .demo-story-banner{min-height:100px;padding:19px 26px;gap:15px;grid-template-columns:1fr 65px 1fr}.demo-story-banner>h2{font-size:21px}.demo-story-banner>p{font-size:10px}
 .demo-scenario-grid article{padding:16px}.demo-scenario-grid p{font-size:10px;min-height:52px;margin:10px 0}.demo-scenario-grid article>div{font-size:9px}
 .demo-plans-faq{grid-template-columns:3fr 1fr;gap:14px}.demo-plan-grid{gap:11px}.demo-plan{padding:14px 12px 11px}.demo-plan.recommended{padding:13px 11px 10px}.demo-plan>.icon{width:24px;height:24px;margin-bottom:6px}.demo-plan h3{font-size:13px;margin-bottom:8px}.demo-plan p{font-size:10px;margin-bottom:9px}.demo-plan ul{font-size:9px;margin-bottom:12px}.demo-plan .btn{font-size:9px;padding:7px}.demo-plan li{margin-bottom:4px}
 .demo-faq{display:block;padding:14px 10px}.demo-faq h3{font-size:11px}.demo-faq summary{font-size:9px}.demo-faq details{padding:9px 0}.demo-faq details:nth-last-child(2){border-bottom:1px solid #d5e6f5}
 .demo-portal .demo-map{padding:16px;gap:15px}.demo-map h2{font-size:18px}.demo-map img{height:110px}.demo-map p{font-size:10px;margin-bottom:12px}
 .demo-final{padding:23px 0}.demo-final>.demo-section{margin:0 auto;padding:18px;gap:17px}.demo-final h2{font-size:23px}.demo-final .btn{font-size:10px;padding:10px 12px}
}
@media(min-width:701px) and (max-width:1050px){.demo-portal .demo-hero{height:500px}}

/* Six workspace modules share the same portal layout. */
@media(min-width:701px){.demo-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}