
:root{
 --black:#050507;--black2:#0b0910;--purple:#6f2fc9;--purple2:#a05cff;--deep:#1d0b34;
 --gold:#e4b33f;--gold2:#ffd66b;--cream:#fff8e9;--white:#fff;--ink:#1a1720;
 --muted:#6f6878;--line:#e8e0ee;--soft:#faf7fc;--shadow:0 25px 70px rgba(39,14,67,.18);--r:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:white;color:var(--ink);line-height:1.65}
a{color:inherit}img{display:block;max-width:100%;height:auto}.container{width:min(1180px,92vw);margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;z-index:999;background:white;padding:10px}
.topbar{background:linear-gradient(90deg,#241039,#130918);color:#fff;padding:8px 0;border-bottom:1px solid #4c246b;font-size:.9rem}
.toprow{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.toprow strong{color:var(--gold2)}
.header{position:sticky;top:0;z-index:50;background:rgba(5,5,7,.97);backdrop-filter:blur(12px);border-bottom:1px solid #2a1b32}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white}
.logo{width:48px;height:48px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:1.45rem;color:var(--gold2);box-shadow:inset 0 0 0 5px #26103b}
.brand-name{font-size:1.45rem;line-height:1;font-weight:950;letter-spacing:.02em;color:#9b58ee}
.brand-name span{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.34em;margin-top:7px}
.navlinks{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.navlinks a{color:#eee7f3;text-decoration:none;font-weight:800;font-size:.92rem}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--gold2)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:13px 19px;text-decoration:none;font-weight:950;border:1px solid var(--gold);transition:.18s}
.nav-cta,.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#130d06}
.btn.secondary{background:rgba(255,255,255,.02);color:white;border-color:#7d3cc3}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(228,179,63,.18)}
.menu{display:none;background:none;border:1px solid #633d74;color:white;border-radius:8px;padding:8px 12px;font-size:1.2rem}
.hero{min-height:700px;color:white;display:flex;align-items:center;background:
 linear-gradient(90deg,rgba(5,5,7,.98),rgba(5,5,7,.86) 45%,rgba(5,5,7,.22) 75%,rgba(5,5,7,.48)),
 url('envisioned-consulting-business-growth-header.png') center/cover no-repeat;border-bottom:1px solid #321d3f}
.hero-inner{padding:95px 0;max-width:690px}.eyebrow{color:var(--gold2);font-size:.9rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.hero h1,.pagehero h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:.93;letter-spacing:-.06em;margin:18px 0}
.hero h1 .gold,.pagehero h1 .gold{color:var(--gold2)}.hero h1 .purple,.pagehero h1 .purple{color:var(--purple2)}
.hero p{font-size:1.2rem;color:#eee6f2;max-width:660px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.promise{background:#13091c;color:white;border-bottom:1px solid #4b2862}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4b2862}
.promise-item{background:#140b1c;padding:20px;text-align:center}.promise-item strong{display:block;color:var(--gold2);font-size:1.08rem}
.section{padding:86px 0}.section.soft{background:var(--soft)}.section.dark{background:linear-gradient(135deg,#070609,#180a25);color:white}
.section h2{font-size:clamp(2.2rem,4.7vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 16px}.lead{font-size:1.13rem;color:var(--muted);max-width:820px}.dark .lead{color:#c8bed0}
.grid3,.grid4,.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.grid4{grid-template-columns:repeat(4,1fr)}
.card{background:white;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 12px 35px rgba(0,0,0,.04)}
.dark .card{background:#120c17;border-color:#3a2448;color:white;box-shadow:none}.card h3{margin:0 0 8px;font-size:1.3rem}.card p{color:var(--muted)}.dark .card p{color:#c5b9cd}
.icon{width:50px;height:50px;border-radius:14px;background:#f1e5ff;color:#6d2fb1;display:grid;place-items:center;font-weight:1000;font-size:1.25rem;margin-bottom:17px;border:1px solid #dec7f1}
.goldicon{background:#fff3cf;color:#8d6500;border-color:#efd47e}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}
.feature{display:flex;align-items:flex-start;gap:11px}.check{color:#8d6500;font-weight:1000}.dark .check{color:var(--gold2)}
.strategy-box{background:linear-gradient(145deg,#170c22,#2a1142);border:1px solid #6f3d8b;border-radius:26px;padding:36px;color:white;box-shadow:var(--shadow)}
.strategy-row{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #4b285f}.strategy-row:last-child{border:0}.strategy-row strong{color:var(--gold2)}
.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:18px;padding:24px;transition:.2s}
.project:hover{transform:translateY(-4px);border-color:#c69be0;box-shadow:0 16px 42px rgba(54,19,83,.1)}.domain{color:#7233b7;font-size:.88rem;font-weight:900;word-break:break-word}.project h3{margin:6px 0}.project p{margin:0;color:var(--muted)}
.pagehero{padding:92px 0 80px;color:white;background:radial-gradient(circle at 80% 20%,#4a1c76 0,#1e0b31 26%,#08060b 68%);border-bottom:1px solid #462258}
.pagehero h1{font-size:clamp(3rem,6vw,5rem);max-width:950px}.pagehero p{font-size:1.18rem;max-width:780px;color:#d8cfe0}.breadcrumbs{font-size:.9rem;color:#baa9c5;margin-bottom:16px}.breadcrumbs a{color:#f0d984}
.cta{background:linear-gradient(115deg,#100816,#2b1142);color:white;border:1px solid #7b4594;border-radius:28px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow)}
.cta h2{font-size:clamp(2rem,4vw,3.3rem);margin:0}.cta p{color:#cfc3d6}
.lesson{border-left:5px solid var(--gold);padding:18px 20px;background:#fffaf0;border-radius:0 14px 14px 0;margin:22px 0}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:950;cursor:pointer}.faq p{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px}.contactbox{background:linear-gradient(145deg,#0d0711,#251036);color:white;border-radius:25px;padding:34px;border:1px solid #57316e}.contactbox a{color:var(--gold2)}
.footer{background:#050507;color:#cfc5d4;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px}.footer h3{color:white}.footer a{color:#cfc5d4;text-decoration:none}.footer a:hover{color:var(--gold2)}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid #35243d;margin-top:38px;padding-top:22px;font-size:.9rem}.notice{font-size:.88rem;color:#7c7281}
@media(max-width:900px){.menu{display:block}.navlinks{display:none;position:absolute;top:80px;left:0;right:0;background:#050507;padding:24px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #34213d}.navlinks.open{display:flex}.nav-cta{display:none}.grid4,.promise-grid{grid-template-columns:repeat(2,1fr)}.grid3,.split,.portfolio-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero{background-position:62% center;min-height:620px}}
@media(max-width:600px){.section{padding:62px 0}.grid4,.promise-grid,.grid3,.feature-list{grid-template-columns:1fr}.hero h1{font-size:3.3rem}.cta{flex-direction:column;align-items:flex-start;padding:30px}}
