.hero-banner-strip{width:100%;height:550px;overflow:hidden;position:relative;margin-top:-64px}.hero-banner-strip picture{display:block;width:100%;height:100%}.hero-banner-strip img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero-banner-strip{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 50%,transparent 100%)}.hero{position:relative;margin-top:-90px;padding:3rem 0 5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 2rem;display:flex;flex-direction:column;align-items:center}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.2rem);font-weight:300;line-height:1.2;margin-bottom:1.2rem;text-shadow:0 2px 16px rgba(0,0,0,.9),0 0 40px rgba(0,0,0,.5)}.hero h1 em{font-style:italic;color:var(--purple-bright)}.hero-sub{font-size:1.2rem;color:#d4cef0;max-width:760px;margin:0 auto 3rem;font-weight:300;line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.8),0 2px 24px rgba(0,0,0,.5)}.hero-logo{position:relative;width:180px;height:180px;margin:0 auto 1rem;animation:float 6s ease-in-out infinite}.hero-logo-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,rgba(123,94,167,.18) 0%,transparent 70%);pointer-events:none}.hero-logo img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(168,126,212,.25))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-label{font-size:1.1rem;letter-spacing:7px;text-transform:uppercase;color:var(--purple-bright);margin-bottom:2rem;font-weight:400;font-family:var(--font-display);text-shadow:0 1px 10px rgba(0,0,0,.8)}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.quote-section{text-align:center;padding:5rem 2rem;position:relative}.quote-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,var(--glow-purple) 0%,transparent 70%);pointer-events:none}blockquote{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:300;font-style:italic;max-width:700px;margin:0 auto;line-height:1.6;position:relative;text-shadow:0 1px 10px rgba(0,0,0,.8)}.quote-line{display:block}blockquote cite{display:block;margin-top:1.2rem;font-size:clamp(1.3rem,3vw,1.8rem);font-style:italic;color:var(--purple-bright);font-family:var(--font-display);font-weight:300}.quote-followup{color:var(--text-secondary);font-size:1.2rem;text-align:center;line-height:1.8;font-family:var(--font-body);font-style:normal;font-weight:300}.circuit-divider{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 2rem;opacity:.9}.circuit-divider svg{width:100%;height:120px;display:block}.pillars-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem}.pillar-preview-card{text-decoration:none;cursor:pointer;padding:1.6rem}.pillar-decor-wrap{position:absolute;top:-20px;right:-20px;width:260px;height:260px;pointer-events:none;overflow:visible}.pillar-decor-wrap img{width:100%;height:100%;object-fit:contain;object-position:top right;opacity:.35;mix-blend-mode:screen}.pillars-preview .pillar-preview-card{background:linear-gradient(135deg,#2e0d6ea6,#7a156899 55%,#b025758c);border-color:#bd4ba266;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pillars-preview .pillar-preview-card:hover{background:linear-gradient(135deg,#380f8073,#90187073 55%,#c82d8073);border-color:#bd4ba280;transform:translateY(-4px)}.pillar-number{font-family:var(--font-display);font-size:3rem;font-weight:300;color:#dca0ffbf;line-height:1;margin-bottom:1rem;text-shadow:0 0 20px rgba(192,132,252,.4)}.pillar-preview-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-bottom:.5rem;text-shadow:0 1px 8px rgba(0,0,0,.6)}.pillar-subtitle{font-size:.85rem;color:var(--purple-bright);font-style:italic;font-weight:300;text-shadow:0 1px 6px rgba(0,0,0,.6)}.pillar-desc{margin-top:1rem;font-size:.97rem;color:#c8c2e8;line-height:1.75;font-weight:300}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}.explore-card{text-decoration:none;padding:1.2rem 1.4rem;cursor:pointer}.explore-card-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.explore-grid .explore-card{background:#1e14464d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-color:#785aa033;position:relative;overflow:hidden}.explore-grid .explore-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple-bright),transparent);opacity:0;transition:opacity .4s}.explore-grid .explore-card:hover{background:#321e6473;border-color:#a87ed4a6;transform:translateY(-4px);box-shadow:0 8px 32px #7b5ea733,0 0 0 1px #a87ed426}.explore-grid .explore-card:hover:before{opacity:1}.explore-icon{display:flex;flex-shrink:0;width:22px;height:22px;color:var(--purple-bright)}.explore-icon svg{width:22px;height:22px;stroke:var(--purple-bright)}.explore-card h4{font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin-bottom:0;color:#f0ecff;text-shadow:0 1px 10px rgba(0,0,0,.8)}.explore-card p{font-size:.92rem;color:#c0bade;line-height:1.7;font-weight:300;text-shadow:0 1px 6px rgba(0,0,0,.7)}.closing-text{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--text-primary);max-width:600px;margin:0 auto}.closing-cta{font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--purple-bright);margin-top:.5rem}@media(max-width:900px){.pillars-preview{grid-template-columns:1fr}.explore-grid{grid-template-columns:repeat(2,1fr)}.hero-banner-strip{height:420px}}@media(max-width:600px){.explore-grid{grid-template-columns:1fr}.hero h1{font-size:2rem}.hero-banner-strip{height:300px}.hero-logo{width:90px;height:90px}.hero-sub{font-size:1rem;line-height:1.6}.hero-label{letter-spacing:4px;font-size:.95rem}.hero{margin-top:-50px;padding:2rem 0 3rem}.quote-section{padding:3rem 1.5rem}.pillar-number{font-size:2rem}.pillar-preview-card h3{font-size:1.25rem}.quote-followup{font-size:1rem;line-height:1.6}.pillar-desc{font-size:.9rem}.section-title{font-size:1.6rem}.explore-card p{font-size:.85rem}.closing-text{font-size:1.2rem}.closing-cta{font-size:1.1rem}}
