/* Signature visual layer */
.nav{box-shadow:0 10px 35px rgba(6,63,66,.06)}
.brand .mark{background:linear-gradient(135deg,var(--teal),#10a59d);box-shadow:0 0 0 5px rgba(8,125,120,.1),0 8px 20px rgba(8,125,120,.18);transition:transform .25s ease}
.brand:hover .mark{transform:rotate(-8deg) scale(1.06)}
.hero{background:radial-gradient(circle at 10% 18%,rgba(217,154,37,.16) 0 2px,transparent 3px) 0 0/34px 34px,radial-gradient(circle at 76% 20%,rgba(164,58,101,.09),transparent 25%),linear-gradient(120deg,#e9f6f1 0%,#fffaf0 100%)}
.hero:before{content:"";position:absolute;width:260px;height:260px;border:2px solid rgba(217,154,37,.38);border-radius:50%;left:-170px;bottom:-90px;box-shadow:0 0 0 28px rgba(8,125,120,.055),0 0 0 58px rgba(37,111,162,.035)}
.hero-copy{position:relative;z-index:2}
.hero h1 em{background:linear-gradient(90deg,var(--teal),var(--blue),var(--berry));background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:colorFlow 8s linear infinite}
.primary,.nav-cta{position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(6,63,66,.2);transition:transform .2s ease,box-shadow .2s ease}
.primary:after,.nav-cta:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);transform:translateX(-70%);transition:transform .65s ease}
.primary:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(6,63,66,.27)}
.primary:hover:after,.nav-cta:hover:after{transform:translateX(70%)}
.hero-card{background:linear-gradient(145deg,#063f42,#07585a);border:1px solid rgba(255,255,255,.12);box-shadow:20px 20px 0 rgba(217,154,37,.25),0 30px 70px rgba(6,63,66,.22);transition:transform .35s ease,box-shadow .35s ease}
.hero-card:hover{transform:translateY(-6px) rotate(.35deg);box-shadow:24px 28px 0 rgba(217,154,37,.3),0 38px 80px rgba(6,63,66,.3)}
.hero-card blockquote:before{content:"✦";display:block;color:var(--gold);font-size:22px;margin-bottom:12px}
.section-head:after{content:"";display:block;width:120px;height:5px;margin-top:28px;border-radius:10px;background:linear-gradient(90deg,var(--teal) 0 25%,var(--gold) 25% 50%,var(--berry) 50% 75%,var(--blue) 75%)}
.pillar{position:relative;overflow:hidden;box-shadow:0 16px 30px rgba(18,58,59,.1);transition:transform .28s ease,box-shadow .28s ease}
.pillar:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-75px;top:-75px;box-shadow:0 0 0 20px rgba(255,255,255,.05)}
.pillar:hover{transform:translateY(-9px);box-shadow:0 24px 48px rgba(18,58,59,.18)}
.pillar .number{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.4);border-radius:50%}
.examples article{border-left:4px solid var(--gold);box-shadow:0 10px 25px rgba(0,0,0,.08);transition:transform .25s ease,border-color .25s ease}
.examples article:nth-child(2){border-color:var(--berry)}.examples article:nth-child(3){border-color:var(--blue)}.examples article:hover{transform:translateX(7px)}
.audience-grid{background:#fff;box-shadow:0 24px 60px rgba(18,58,59,.08);border-radius:7px;overflow:hidden}
.audience-grid article{position:relative}.audience-grid article:before{content:"";position:absolute;height:5px;left:0;right:0;top:0;background:var(--teal)}.audience-grid article:nth-child(2):before{background:var(--gold)}.audience-grid article:nth-child(3):before{background:var(--berry)}
.format-list span{box-shadow:0 8px 20px rgba(18,58,59,.06);transition:transform .2s ease,border-color .2s ease,color .2s ease}.format-list span:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--teal)}
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#087d78,#075c72 55%,#723150)}
.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.cta:before{width:360px;height:360px;left:-180px;top:-180px;box-shadow:0 0 0 35px rgba(255,255,255,.04)}.cta:after{width:260px;height:260px;right:-110px;bottom:-170px;box-shadow:0 0 0 25px rgba(217,154,37,.12)}.cta>*{position:relative;z-index:1}
.button.white{box-shadow:0 15px 35px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.button.white:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 45px rgba(0,0,0,.27)}
@keyframes colorFlow{to{background-position:200% center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}