#intro .hero-blank-canvas{min-height:480px!important;background-color:#111315!important;background-image:radial-gradient(circle at 18% 82%,rgba(96,116,140,.07),transparent 29%),radial-gradient(circle at 82% 34%,rgba(114,126,139,.10),transparent 30%),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;background-size:auto,auto,38px 38px,38px 38px!important}
#intro .hero-white-copy h1{color:#f7f8fa!important}#intro .hero-white-copy p{color:#9aa3ad!important}#intro .hero-map-lines path{stroke:rgba(255,255,255,.13)!important}#intro .hero-map-lines path:nth-child(2){stroke:rgba(249,118,55,.20)!important}#intro .hero-map-lines path:nth-child(3){stroke:rgba(184,199,213,.16)!important}#intro .hero-map-lines circle{fill:#111315!important;stroke:#f97637!important}
.hero-gradient-word{color:transparent!important;background:linear-gradient(100deg,#f39ac2 4%,#ff9c78 48%,#f6cd72 96%);-webkit-background-clip:text;background-clip:text;font:inherit;font-weight:inherit;text-shadow:0 8px 30px rgba(243,154,194,.10)}
#intro .hero-white-inner{height:480px!important}.hero-white-copy{padding-top:27px!important}.hero-white-copy h1{font-size:clamp(35px,2.8vw,45px)!important}.hero-white-copy p{margin-top:11px!important}.hero-map-mark{width:46px!important;height:46px!important;border-radius:12px!important;vertical-align:-8px!important}.hero-map-mark i{font-size:21px!important}.hero-map-lines{height:278px!important;bottom:-8px!important;opacity:.72!important}.hero-showcase-cards{bottom:-55px!important;width:min(1040px,calc(100% - 60px))!important}.hero-showcase-card{height:250px!important;padding-top:28px!important}.showcase-visual{height:137px!important}.mini-growth{height:66px!important}.reach-ring{width:74px!important;height:74px!important;border-width:6px!important}.secure-orbit{width:66px!important;height:66px!important;font-size:23px!important}.hero-showcase-card h2{margin-top:9px!important;font-size:15px!important}.hero-showcase-card p{font-size:10px!important}
.hero-white-actions{display:flex;justify-content:center;align-items:stretch;gap:10px;margin-top:17px}.hero-white-rating,.hero-white-discover{display:flex;height:42px;align-items:center;justify-content:center;border-radius:8px;font-size:11px}.hero-white-rating{gap:8px;min-width:255px;padding:0 14px;color:#e8ebee;background:#1a1d20;border:1px solid rgba(255,255,255,.12)}.hero-white-rating span{color:#f97637;font-size:10px;letter-spacing:-1px}.hero-white-rating strong{font-size:12px}.hero-white-rating em{color:#a9b1b9;font-style:normal}.hero-white-discover{min-width:205px;padding:0 17px;gap:10px;color:#151719;background:#f7f8fa;border:1px solid #fff;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.16)}.hero-white-discover:hover{color:#111315;background:#fff;transform:translateY(-1px)}
@media(max-width:767px){#intro .hero-blank-canvas,#intro .hero-white-inner{height:480px!important;min-height:480px!important}.hero-white-copy{padding-top:25px!important}.hero-white-copy h1{font-size:28px!important}.hero-showcase-card.card-center{height:250px!important}.hero-white-actions{gap:6px;margin-top:14px}.hero-white-rating,.hero-white-discover{height:40px;min-width:0;padding:0 10px}.hero-white-rating em{display:none}.hero-white-rating{flex:1}.hero-white-discover{flex:1;font-size:10px}.hero-showcase-cards{bottom:-60px!important}}
#intro .hero-blank-canvas,#intro .hero-white-inner{height:530px!important;min-height:530px!important}
@media(max-width:767px){#intro .hero-blank-canvas,#intro .hero-white-inner{height:530px!important;min-height:530px!important}}
#intro .hero-white-copy p{margin-top:18px!important}
#intro .hero-white-actions{margin-top:26px!important}
@media(max-width:767px){#intro .hero-white-copy p{margin-top:14px!important}#intro .hero-white-actions{margin-top:20px!important}}
#intro .hero-showcase-cards{bottom:-15px!important}
@media(max-width:767px){#intro .hero-showcase-cards{bottom:-35px!important}}

/* Softer brand accent and layered glass dashboard surfaces. */
#intro .hero-gradient-word{
    background:linear-gradient(105deg,#eda0aa 0%,#f0a292 55%,#edb27f 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    text-shadow:0 10px 32px rgba(237,160,170,.06)!important;
}
#intro .hero-showcase-card{
    background:linear-gradient(145deg,rgba(225,232,238,.20),rgba(132,145,157,.10))!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 -16px 48px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(22px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
#intro .hero-showcase-card.card-center{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 -20px 58px rgba(0,0,0,.28)!important;
}
#intro .hero-showcase-card::before{color:rgba(255,255,255,.50)!important}
#intro .hero-showcase-card::after{background:rgba(255,255,255,.28)!important}
#intro .showcase-visual{
    background-color:rgba(247,249,251,.82)!important;
    background-image:linear-gradient(rgba(114,126,139,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(114,126,139,.11) 1px,transparent 1px)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(5,10,15,.13)!important;
    backdrop-filter:blur(12px)!important;
}
#intro .hero-showcase-card h2{color:#f4f6f8!important}
#intro .hero-showcase-card p{color:#aeb7c0!important}

/* Keep both brand marks crisp above translucent effects. */
.wrapper > header .logo,.wrapper > header .logo img{position:relative!important;z-index:6!important;opacity:1!important;visibility:visible!important}
#intro .hero-map-mark{z-index:6!important;opacity:1!important;color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.20),transparent 45%),linear-gradient(135deg,#ff9563,#f45f27)!important;background-clip:border-box!important;-webkit-background-clip:border-box!important}
#intro .hero-map-mark i{color:#fff!important;opacity:1!important}

/* Holographic app icon used as the hero's visual punctuation. */
#intro .hero-map-mark{
  width:50px!important;height:50px!important;vertical-align:-10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;border-radius:15px!important;transform:rotate(-2deg);
  color:#d8fff1!important;background:linear-gradient(145deg,#2b2e32 0%,#191b1e 58%,#101113 100%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.32)!important;
}
#intro .hero-map-mark::before{
  content:""!important;position:absolute!important;inset:8px!important;width:auto!important;height:auto!important;
  left:8px!important;top:8px!important;border-radius:11px!important;transform:none!important;
  background:linear-gradient(135deg,rgba(206,193,255,.28),rgba(177,244,237,.20) 54%,rgba(193,255,213,.18))!important;
  filter:blur(7px);opacity:.78;
}
#intro .hero-map-mark::after{
  content:"✦"!important;position:absolute!important;right:5px!important;top:2px!important;
  width:auto!important;height:auto!important;left:auto!important;
  color:#f7f8fa!important;background:none!important;font:700 13px/1 Arial,sans-serif!important;
  transform:none!important;text-shadow:0 0 10px rgba(215,245,240,.72);z-index:3;
}
#intro .hero-map-mark i{
  position:relative!important;z-index:2!important;font-family:'eg'!important;
  font-size:26px!important;line-height:1!important;transform:rotate(-8deg);
  color:#c9f7e8!important;background:linear-gradient(135deg,#d3c5ff 4%,#afeff0 52%,#c0ffd8 96%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 5px 9px rgba(159,235,223,.18));opacity:1!important;
}

/* Match the brand word to the icon's restrained holographic palette. */
#intro .hero-gradient-word{
  background:linear-gradient(105deg,#d3c5ff 0%,#afeff0 52%,#c0ffd8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
#intro .hero-map-mark{vertical-align:6px!important}

/* New site-wide accent language: holographic lilac, aqua and mint. */
:root{--brand-color:#afeff0!important;--main-color:#afeff0!important;--roxi-accent:#afeff0;--roxi-accent-lilac:#d3c5ff;--roxi-accent-mint:#c0ffd8}
#intro .hero-white-rating span{color:var(--roxi-accent)!important}
#intro .hero-map-lines path:nth-child(2){stroke:rgba(175,239,240,.20)!important}
#intro .hero-map-lines circle{stroke:var(--roxi-accent)!important}
#intro .mini-growth i:nth-child(5){background:linear-gradient(180deg,var(--roxi-accent-lilac),var(--roxi-accent-mint))!important;box-shadow:0 0 18px rgba(175,239,240,.18)!important}
#intro .reach-ring{border-top-color:var(--roxi-accent)!important;border-right-color:var(--roxi-accent-mint)!important;box-shadow:0 0 28px rgba(175,239,240,.08)!important}

/* Carry the holographic accent through dashboards, services and packages. */
#intro .secure-orbit{
  color:#182022!important;background:linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint))!important;
  box-shadow:0 0 0 13px rgba(175,239,240,.09),0 0 0 14px rgba(211,197,255,.20)!important;
}
#intro .hero-chart-bars i:nth-child(7),#intro .hero-dash-rail .is-active{
  color:#182022!important;background:linear-gradient(180deg,var(--roxi-accent-lilac),var(--roxi-accent-mint))!important;
  box-shadow:0 8px 20px rgba(175,239,240,.13)!important;
}
#intro .hero-dash-top small{color:var(--roxi-accent)!important}
#intro .catpi-item{transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease!important}
#intro .catpi-item:hover{
  background:linear-gradient(#202224,#202224) padding-box,linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint)) border-box!important;
  border-color:transparent!important;box-shadow:0 12px 26px rgba(175,239,240,.08)!important;transform:translateY(-2px);
}
.pack-platform-tab.is-active{
  color:#182022!important;background:linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint))!important;
  box-shadow:0 7px 18px rgba(175,239,240,.14)!important;
}
#popular-packs .is-pack-upgraded .pack-card-identity .icon{
  color:#182022!important;background:linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint))!important;
}
#popular-packs .pack-card-title .platform{color:var(--roxi-accent)!important}
#popular-packs .pack-feature-list li i{color:#182022!important;background:linear-gradient(135deg,rgba(211,197,255,.88),rgba(175,239,240,.88))!important}
#popular-packs .popular-pack-item:hover{border-color:rgba(175,239,240,.38)!important;box-shadow:0 16px 34px rgba(175,239,240,.06)!important}

/* Dark instrument panels inside the glass shells. */
#intro .showcase-visual{
    background-color:rgba(17,20,23,.86)!important;
    background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
    border-color:rgba(255,255,255,.13)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.24)!important;
}
#intro .showcase-visual::before{
    color:#b9c2ca!important;
    background:rgba(28,33,38,.90)!important;
    border-color:rgba(255,255,255,.11)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
}
#intro .showcase-visual::after{color:#7f8a94!important}
#intro .platform{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 9px 22px rgba(0,0,0,.24)!important}
#intro .platform.tiktok{color:#f4f6f8!important}
#intro .mini-growth i{background:#59636d!important}
#intro .mini-growth i:nth-child(5){background:#f97637!important;box-shadow:0 0 18px rgba(249,118,55,.22)!important}
#intro .card-growth .showcase-visual em{color:#62d59a!important;background:rgba(36,121,79,.20)!important;border:1px solid rgba(98,213,154,.16)!important}
#intro .reach-ring{color:#f4f6f8!important;border-color:#343b42!important;border-top-color:#f97637!important;border-right-color:#f97637!important;box-shadow:0 0 28px rgba(249,118,55,.08)!important}
#intro .reach-ring small{color:#89949e!important}
#intro .secure-orbit{background:#e9865f!important;box-shadow:0 0 0 12px rgba(233,134,95,.10),0 0 30px rgba(233,134,95,.16)!important}
#intro .secure-dot{background:#7d8993!important;border-color:#20252a!important}

/* Final dashboard accents sit after the instrument-panel skin. */
#intro .mini-growth i:nth-child(5){background:linear-gradient(180deg,var(--roxi-accent-lilac),var(--roxi-accent-mint))!important;box-shadow:0 0 18px rgba(175,239,240,.18)!important}
#intro .reach-ring{border-top-color:var(--roxi-accent)!important;border-right-color:var(--roxi-accent-mint)!important;box-shadow:0 0 28px rgba(175,239,240,.08)!important}
#intro .secure-orbit{color:#182022!important;background:linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint))!important;box-shadow:0 0 0 12px rgba(175,239,240,.09),0 0 30px rgba(211,197,255,.14)!important}

/* Blog, FAQ and feature-card contrast in the new accent system. */
#blog .main-blog-list .mblog--item:hover{
  background:linear-gradient(#202224,#202224) padding-box,linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint)) border-box!important;
  border-color:transparent!important;box-shadow:0 18px 36px rgba(175,239,240,.07)!important;
}
#blog .mblog--item:hover .post-detail .detail-action .arrow{
  color:#111315!important;background:linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint))!important;
  border-color:rgba(255,255,255,.22)!important;
}
#faq .accordion .item:hover{
  background:linear-gradient(#202224,#202224) padding-box,linear-gradient(135deg,var(--roxi-accent-lilac),var(--roxi-accent),var(--roxi-accent-mint)) border-box!important;
  border-color:transparent!important;box-shadow:0 14px 30px rgba(175,239,240,.07)!important;
}
#blog .stat-card .icon,#blog .stat-card .icon i{color:#111315!important}

/* Keep package header icons perfectly square. */
#popular-packs .is-pack-upgraded .pack-card-identity .icon{
  width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;
  flex:0 0 54px!important;aspect-ratio:1/1!important;padding:0!important;
}
#popular-packs .pack-card-title .name{
  margin-top:5px!important;color:#f4f6f8!important;font-size:17px!important;font-weight:650!important;
  line-height:1.2!important;letter-spacing:-.018em!important;
}

/* Distinct handwritten wordmark inside the hero statement. */
#intro .hero-gradient-word{
  display:inline-block!important;font-family:"Segoe Print","Trebuchet MS",sans-serif!important;
  font-size:.88em!important;font-weight:700!important;font-style:normal!important;
  line-height:1.12!important;letter-spacing:-.055em!important;transform:rotate(-.6deg) translateY(1px);
  padding:0 .04em .12em 0!important;overflow:visible!important;white-space:nowrap;
}
#intro .hero-white-copy h1>span+span{margin-top:7px!important}

/* Six social app tiles frame the hero statement. */
#intro .hero-social-orbit{
  position:absolute;top:54px;z-index:5;display:flex;flex-direction:column;gap:11px;pointer-events:none;
}
#intro .hero-social-orbit.orbit-left{left:max(24px,calc(50% - 670px))}
#intro .hero-social-orbit.orbit-right{right:max(24px,calc(50% - 670px))}
#intro .hero-social-orbit span{
  width:54px;height:54px;display:grid;place-items:center;color:#111315;
  background:linear-gradient(145deg,#fff,#f2f4f6);border:1px solid rgba(17,19,21,.08);
  border-radius:15px;box-shadow:inset 0 1px 0 #fff,0 16px 30px rgba(0,0,0,.22),0 0 24px rgba(175,239,240,.08);
  font-size:23px;animation:hero-social-float 4.8s ease-in-out infinite;
}
#intro .hero-social-orbit span:nth-child(2){animation-delay:-1.6s}
#intro .hero-social-orbit span:nth-child(3){animation-delay:-3.2s}
#intro .orbit-left span:nth-child(1){transform:translateX(7px) rotate(-7deg)}
#intro .orbit-left span:nth-child(2){transform:translateX(25px) rotate(6deg)}
#intro .orbit-left span:nth-child(3){transform:translateX(3px) rotate(-4deg)}
#intro .orbit-right span:nth-child(1){transform:translateX(-8px) rotate(6deg)}
#intro .orbit-right span:nth-child(2){transform:translateX(-26px) rotate(-7deg)}
#intro .orbit-right span:nth-child(3){transform:translateX(-3px) rotate(4deg)}
#intro .hero-social-orbit i{filter:drop-shadow(0 3px 5px rgba(0,0,0,.14))}
#intro .hero-social-orbit .instagram i{color:#e1306c!important;-webkit-text-fill-color:#e1306c!important}
#intro .hero-social-orbit .tiktok i{color:#111315!important;-webkit-text-fill-color:#111315!important}
#intro .hero-social-orbit .twitter i{color:#1d9bf0!important;-webkit-text-fill-color:#1d9bf0!important}
#intro .hero-social-orbit .youtube i{color:#ff0033!important;-webkit-text-fill-color:#ff0033!important}
#intro .hero-social-orbit .facebook i{color:#1877f2!important;-webkit-text-fill-color:#1877f2!important}
#intro .hero-social-orbit .spotify i{color:#1db954!important;-webkit-text-fill-color:#1db954!important}

/* Puffy glass treatment shared with the hero rocket app icon. */
#intro .hero-social-orbit span{
  isolation:isolate;overflow:hidden;color:#c9f7e8;
  background:linear-gradient(145deg,rgba(62,67,73,.96) 0%,rgba(30,33,37,.98) 48%,rgba(13,15,17,.99) 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.13),inset 0 -8px 16px rgba(0,0,0,.30),0 18px 32px rgba(0,0,0,.30),0 0 24px rgba(175,239,240,.08)!important;
}
#intro .hero-social-orbit span::before{
  content:"";position:absolute;z-index:-1;inset:7px;border-radius:11px;
  background:radial-gradient(circle at 36% 28%,rgba(211,197,255,.30),rgba(175,239,240,.15) 42%,rgba(192,255,216,.06) 68%,transparent 72%);
  filter:blur(5px);
}
#intro .hero-social-orbit span::after{
  content:"";position:absolute;left:9px;right:9px;top:6px;height:1px;border-radius:50%;background:rgba(255,255,255,.28);
}
#intro .hero-social-orbit span i,
#intro .hero-social-orbit .instagram i,#intro .hero-social-orbit .tiktok i,#intro .hero-social-orbit .twitter i,
#intro .hero-social-orbit .youtube i,#intro .hero-social-orbit .facebook i,#intro .hero-social-orbit .spotify i{
  position:relative;z-index:2;color:#c9f7e8!important;
  background:linear-gradient(135deg,#d3c5ff 4%,#afeff0 52%,#c0ffd8 96%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 5px 8px rgba(159,235,223,.22))!important;
}

/* Organic, inward-spreading desktop composition. */
@media(min-width:1101px){
  #intro .hero-social-orbit{top:18px;width:290px;height:360px;display:block}
  #intro .hero-social-orbit.orbit-left{left:max(22px,calc(50% - 760px))}
  #intro .hero-social-orbit.orbit-right{right:max(22px,calc(50% - 760px))}
  #intro .hero-social-orbit span{position:absolute}
  #intro .orbit-left span:nth-child(1){left:205px;top:18px;transform:rotate(-7deg)}
  #intro .orbit-left span:nth-child(2){left:62px;top:151px;transform:rotate(6deg)}
  #intro .orbit-left span:nth-child(3){left:238px;top:150px;transform:rotate(-4deg)}
  #intro .orbit-right span:nth-child(1){right:194px;top:36px;transform:rotate(6deg)}
  #intro .orbit-right span:nth-child(2){right:58px;top:158px;transform:rotate(-7deg)}
  #intro .orbit-right span:nth-child(3){right:226px;top:155px;transform:rotate(4deg)}
}
@media(max-width:1100px) and (min-width:768px){
  #intro .hero-social-orbit{top:44px;gap:18px}
  #intro .orbit-left span:nth-child(1),#intro .orbit-left span:nth-child(3){transform:translateX(4px)}
  #intro .orbit-left span:nth-child(2){transform:translateX(18px)}
  #intro .orbit-right span:nth-child(1),#intro .orbit-right span:nth-child(3){transform:translateX(-4px)}
  #intro .orbit-right span:nth-child(2){transform:translateX(-18px)}
}

/* Feature-section rhythm and the shared short section marker. */
#blog .stat-section-heading::after{
  content:"";display:block;width:48px;height:4px;margin:17px auto 0;
  background:linear-gradient(90deg,#6d7597,#555e80);border-radius:999px;
  box-shadow:0 0 14px rgba(109,117,151,.16);
}
#blog .us-data-bar .us-data-area{padding-top:30px!important}
@keyframes hero-social-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1100px){
  #intro .hero-social-orbit.orbit-left{left:18px}#intro .hero-social-orbit.orbit-right{right:18px}
  #intro .hero-social-orbit span{width:44px;height:44px;border-radius:12px;font-size:19px}
}
@media(max-width:767px){
  #intro .hero-social-orbit{top:12px;flex-direction:row;gap:6px}
  #intro .hero-social-orbit.orbit-left{left:14px}#intro .hero-social-orbit.orbit-right{right:14px}
  #intro .hero-social-orbit span{width:30px;height:30px;border-radius:8px;font-size:14px;animation:none}
  #intro .hero-social-orbit span{transform:none!important}
  #intro .hero-white-copy{padding-top:56px!important}
}
@media(prefers-reduced-motion:reduce){#intro .hero-social-orbit span{animation:none!important}}

/* Hand-drawn double underline for the final two hero words. */
#intro .hero-underlined-phrase{position:relative;display:inline-block;padding-bottom:9px;white-space:nowrap}
#intro .hero-underlined-phrase::after{content:"";position:absolute;left:3%;right:2%;bottom:1px;height:3px;background:linear-gradient(90deg,#d3c5ff 0%,#afeff0 52%,#c0ffd8 100%);border-radius:60% 42% 55% 38%;transform:rotate(-1.2deg) skewX(-8deg);box-shadow:0 2px 10px rgba(175,239,240,.12)}
#intro .hero-underlined-phrase::before{content:"";position:absolute;left:14%;right:10%;bottom:-4px;height:2px;background:linear-gradient(90deg,rgba(211,197,255,.42),rgba(175,239,240,.64),rgba(192,255,216,.42));border-radius:45% 65% 38% 58%;transform:rotate(.7deg) skewX(7deg);opacity:.72}
#intro .hero-line-lead{display:inline-flex;align-items:center;gap:.18em;transform:translateY(5px);white-space:nowrap}
#intro .hero-line-lead .hero-map-mark{vertical-align:middle!important}

/* Mobile hero composition: compact, centered and dashboard-free. */
@media(max-width:767px){
  section#intro{padding-top:0!important;padding-bottom:34px!important}
  #intro .main--intro{padding-top:0!important;gap:28px!important}
  #intro .intro--well,#intro .hero-white-inner{height:auto!important;min-height:0!important}
  #intro .intro--well{padding:0 15px 32px!important;overflow:hidden}
  #intro .hero-white-inner{display:flex;flex-direction:column;justify-content:flex-start;padding:22px 0 0!important}
  #intro .hero-white-copy{width:100%;max-width:100%;padding:0!important;text-align:center}
  #intro .hero-white-copy h1{display:flex;flex-direction:column;align-items:center;width:100%;margin:0!important;font-size:clamp(27px,8.4vw,34px)!important;line-height:1.08!important;letter-spacing:-.045em;text-align:center}
  #intro .hero-white-copy h1>span{display:block;width:100%;white-space:normal}
  #intro .hero-white-copy h1>span+span{display:flex!important;flex-direction:column;align-items:center;gap:5px;margin-top:10px!important}
  #intro .hero-line-lead{display:inline-flex;align-items:center;justify-content:center;gap:9px;transform:none;font-size:1em;line-height:1.1}
  #intro .hero-line-lead .hero-map-mark{width:42px!important;height:42px!important;margin:0!important;transform:none!important}
  #intro .hero-underlined-phrase{padding-bottom:8px;line-height:1.08;white-space:nowrap}
  #intro .hero-white-copy>p{max-width:330px;margin:18px auto 0!important;padding:0 8px;font-size:14px!important;line-height:1.5!important}
  #intro .hero-white-actions{display:flex!important;flex-direction:column;align-items:stretch;width:min(100%,330px);height:auto!important;min-height:110px!important;margin:22px auto 0!important;gap:10px!important;transform:none!important}
  #intro .hero-white-rating,#intro .hero-white-discover{display:flex!important;flex:none!important;width:100%!important;min-width:100%!important;height:50px!important;min-height:50px!important;padding:0 16px!important;justify-content:center;border-radius:10px!important;font-size:13px!important;line-height:1!important;transform:none!important}
  #intro .hero-white-rating em{display:inline!important}
  #intro .hero-showcase-cards,#intro .hero-map-lines{display:none!important}
}
@media(max-width:380px){
  #intro .hero-white-copy h1{font-size:27px!important}
  #intro .hero-underlined-phrase{font-size:.96em}
}