*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f3ea;color:#171b26;font-family:"DM Sans",sans-serif;line-height:1.5;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(247,243,234,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,27,38,.07)}
.brand{font-weight:800;font-size:1.4rem;letter-spacing:.16em}.brand span,.dot{color:#6d61d8}
.nav{display:flex;align-items:center;gap:26px;font-size:.78rem;font-weight:700}.nav a{opacity:.68;transition:.25s}.nav a:hover{opacity:1}.nav .nav-cta{opacity:1;background:#171b26;color:#fff;padding:12px 18px;border-radius:999px;box-shadow:4px 4px 0 #f18b7a}
.menu-btn{display:none;border:0;background:none;font-size:1.5rem}

.hero{min-height:100vh;padding:125px 7% 60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;width:42vw;height:42vw;max-width:620px;max-height:620px;background:#e7e0ff;border-radius:45% 55% 62% 38%/48% 39% 61% 52%;right:-10vw;top:15%;z-index:-2;transform:rotate(-12deg)}
.hero:after{content:"";position:absolute;width:180px;height:180px;background:#ffcfbb;border-radius:50%;left:-70px;top:22%;z-index:-1}
.eyebrow,.section-label{font-size:.67rem;letter-spacing:.18em;font-weight:800;color:#6d61d8}.eyebrow span{display:inline-block;width:8px;height:8px;background:#f18b7a;border-radius:50%;margin-right:8px}
.hero h1{font-size:clamp(4rem,7.4vw,7.8rem);line-height:.86;letter-spacing:-.075em;margin:22px 0 30px;font-weight:700}.hero h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:600;color:#6d61d8}
.hero-text{max-width:535px;font-size:1.03rem;color:#646b77}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:16px;padding:15px 20px;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.04em;transition:.25s}.btn:hover{transform:translateY(-3px) rotate(-1deg)}.btn-dark{background:#171b26;color:#fff;box-shadow:5px 5px 0 #f18b7a}.btn span{font-size:1rem}.text-link{font-size:.76rem;font-weight:800;border-bottom:1px solid #aeb2b9;padding-bottom:4px}
.hero-visual{height:680px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-wrap{height:610px;width:min(470px,82%);overflow:hidden;border-radius:240px 240px 32px 32px;position:relative;z-index:2;background:#293650;box-shadow:18px 25px 0 #6d61d8,0 35px 70px rgba(25,34,53,.2);border:5px solid #fff}
.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.orb{position:absolute;border-radius:50%}.orb-a{width:330px;height:330px;background:#d7ccff;top:40px;right:3%;animation:drift 7s ease-in-out infinite}.orb-b{width:120px;height:120px;background:#ffc6b1;bottom:55px;left:2%;animation:drift 6s ease-in-out infinite reverse}
.float-card{position:absolute;z-index:4;background:#fff;box-shadow:7px 8px 0 rgba(23,27,38,.12);border:2px solid #171b26;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;min-width:178px;animation:float 5s ease-in-out infinite}.float-card small{display:block;font-size:.5rem;letter-spacing:.15em;color:#8a9099;font-weight:800}.float-card strong{display:block;font-size:.76rem}.mini-icon{width:32px;height:32px;display:grid;place-items:center;background:#efeaff;color:#6d61d8;border-radius:10px}.card-social{top:19%;left:1%;transform:rotate(-4deg)}.card-leads{top:45%;right:-3%;animation-delay:-1.6s;transform:rotate(4deg)}.card-admin{bottom:11%;left:0;animation-delay:-3s;transform:rotate(-3deg)}
.hero-spark{position:absolute;z-index:5;color:#6d61d8;font-size:2.3rem;animation:spinfloat 5s ease-in-out infinite}.spark-1{right:43%;top:18%}.spark-2{right:3%;bottom:13%;font-size:3rem;color:#f18b7a;animation-delay:-2s}
.hero-sticker{position:absolute;z-index:6;right:4%;top:6%;background:#f18b7a;color:#171b26;border:2px solid #171b26;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:.65rem;font-weight:900;line-height:1.05;letter-spacing:.06em;transform:rotate(12deg);box-shadow:5px 6px 0 #171b26;animation:wiggle 4s ease-in-out infinite}

.marquee-wrap{background:#6d61d8;color:#fff;overflow:hidden;border-top:2px solid #171b26;border-bottom:2px solid #171b26;transform:rotate(-1deg) scale(1.03);margin:0 0 0}.marquee{display:flex;align-items:center;gap:28px;white-space:nowrap;padding:13px 0;width:max-content;animation:marquee 24s linear infinite;font-size:.7rem;font-weight:900;letter-spacing:.14em}.marquee b{color:#ffc6b1;font-size:1rem}
.statement{background:#171b26;color:#fff;padding:125px 8%;display:grid;grid-template-columns:160px 1fr;position:relative;overflow:hidden}.statement:after{content:"✦";position:absolute;right:6%;top:16%;font-size:8rem;color:#2b3040;transform:rotate(15deg)}.statement .section-label,.light{color:#bdb5ff}.statement-content{position:relative;z-index:1}.statement-content p{font-size:clamp(2.5rem,5.2vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:0}.statement-content p span{color:#bdb5ff;font-family:"Playfair Display",serif}.statement-line{height:2px;background:#343b48;max-width:680px;margin:48px 0 17px}.statement-content small{color:#9299a5}

.section{padding:120px 7%;position:relative}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:8%;align-items:end;margin-bottom:55px}.section-heading h2,.tools h2,.approach h2,.value h2,.about h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.96;letter-spacing:-.06em;margin:17px 0 0}.section-heading>p{color:#6a707b;max-width:440px;margin:0 0 5px}.section-doodle{position:absolute;color:#f18b7a;font-size:5rem;right:7%;top:95px;transform:rotate(13deg);animation:spinfloat 6s ease-in-out infinite}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:2px solid #171b26;border-radius:24px;padding:30px;min-height:330px;position:relative;transition:transform .3s,box-shadow .3s;overflow:hidden}.service-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#f0ebff;right:-35px;bottom:-35px}.service-card:nth-child(2n){transform:rotate(1deg)}.service-card:nth-child(3n){transform:rotate(-.7deg)}.service-card:hover{transform:translateY(-8px) rotate(0deg);box-shadow:8px 10px 0 #171b26}.service-card.featured{background:#6d61d8;color:#fff;border-color:#171b26}.service-card.featured:after{background:#8176e1}.number{font-size:.65rem;color:#8b929d;font-weight:800}.featured .number{color:#d7d0ff}.service-icon{float:right;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff1ed;color:#f18b7a;font-size:1.1rem}.featured .service-icon{background:#fff;color:#6d61d8}.service-card h3{font-size:1.7rem;line-height:1.05;letter-spacing:-.04em;margin:62px 0 15px}.service-card p{font-size:.83rem;color:#727985;max-width:330px}.featured p{color:#e8e4ff}.tags{position:absolute;bottom:25px;left:30px;display:flex;gap:7px;flex-wrap:wrap;z-index:2}.tags span{font-size:.56rem;border:1px solid #dddfe2;padding:6px 9px;border-radius:999px;color:#737985;background:#fff}.featured .tags span{border-color:rgba(255,255,255,.5);color:#6d61d8}

.plate{background:#171b26;color:#fff;min-height:760px;overflow:hidden;position:relative}.plate:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:#6d61d8;opacity:.35;filter:blur(25px);right:-150px;bottom:-160px}.plate-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:20px;position:relative;z-index:1}.plate h2{font-size:clamp(3.3rem,6vw,6.8rem);line-height:.9;letter-spacing:-.065em;margin:0}.plate h2 em{color:#bdb5ff}.plate-head p{max-width:340px;color:#8e96a3;margin:0}.task-cloud{position:relative;height:410px;max-width:1050px;margin:65px auto 0}.pill{position:absolute;border:2px solid #454b58;background:#202632;color:#dfe6ef;border-radius:999px;padding:14px 20px;font-size:.64rem;font-weight:800;letter-spacing:.1em;box-shadow:5px 6px 0 rgba(0,0,0,.25);animation:float 6s ease-in-out infinite}.pill:nth-child(3n){background:#f18b7a;color:#171b26;border-color:#171b26}.pill:nth-child(4n){background:#fff;color:#171b26;border-color:#fff}.p1{left:7%;top:8%}.p2{left:34%;top:0;animation-delay:-2s}.p3{right:4%;top:16%;animation-delay:-3s}.p4{left:18%;top:35%;animation-delay:-1s}.p5{right:22%;top:37%;animation-delay:-4s}.p6{left:2%;top:60%;animation-delay:-2.5s}.p7{right:1%;top:61%;animation-delay:-1.5s}.p8{left:31%;top:70%;animation-delay:-3.5s}.p9{right:34%;top:88%;animation-delay:-.5s}.p10{left:9%;top:87%;animation-delay:-4.5s}.p11{left:48%;top:29%;animation-delay:-2.8s}.p12{right:8%;top:88%;animation-delay:-1.8s}

.audience{background:#eee9df}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.audience-card{background:#f9f7f1;border:2px solid #171b26;border-radius:20px;padding:26px;min-height:230px;transition:.3s}.audience-card:nth-child(even){transform:rotate(1deg)}.audience-card:hover{background:#fff;transform:translateY(-6px) rotate(0deg);box-shadow:6px 7px 0 #171b26}.audience-card span{font-size:.62rem;color:#6d61d8;font-weight:900}.audience-card h3{font-size:1.5rem;line-height:1.05;margin:52px 0 10px;letter-spacing:-.04em}.audience-card p{font-size:.78rem;color:#777d86;max-width:280px}

.tools{background:#fff}.tools-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;margin-top:30px}.tools-intro{color:#747b86;max-width:430px;margin-top:30px}.tool-cloud{display:flex;flex-wrap:wrap;gap:10px}.tool-cloud span{padding:13px 17px;border:2px solid #171b26;border-radius:999px;font-size:.72rem;font-weight:700;background:#f7f3ea;transition:.2s}.tool-cloud span:nth-child(3n){background:#e9e4ff}.tool-cloud span:nth-child(4n){background:#ffd8cc}.tool-cloud span:hover{transform:rotate(-2deg) translateY(-3px)}

.approach{background:#dce6ef}.approach-grid{display:grid;grid-template-columns:1.2fr repeat(2,1fr);gap:14px;margin-top:55px}.approach-intro{grid-row:span 2}.step{border-top:2px solid #9fb2c2;padding:20px 0}.step span,.value-item b{font-size:.65rem;color:#6d61d8;font-weight:900}.step h3{margin:35px 0 7px;font-size:1.25rem}.step p{font-size:.8rem;color:#66717d;max-width:270px}

.value{background:#f7f3ea}.value-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;margin-top:55px}.value-copy p{color:#707680;max-width:380px;margin-top:30px}.value-items{border-top:2px solid #171b26}.value-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:2px solid #d9d6cf}.value-item h3{margin:0 0 5px;font-size:1.3rem}.value-item p{margin:0;color:#757b84;font-size:.8rem}

.about{background:#fff}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center;margin-top:55px}.about-photo{height:570px;overflow:hidden;border-radius:34px;background:#293650;border:5px solid #171b26;box-shadow:10px 10px 0 #f18b7a;transform:rotate(-2deg)}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.about-copy p{color:#707680;max-width:570px}.about-copy .eyebrow{margin-bottom:20px}

.contact{padding-top:30px;background:#fff}.contact-card{background:#171b26;color:#fff;border:2px solid #171b26;border-radius:34px;padding:85px 8%;text-align:center;position:relative;overflow:hidden;box-shadow:10px 10px 0 #6d61d8}.contact-card:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#6d61d8;opacity:.28;filter:blur(40px);top:-230px;left:50%;transform:translateX(-50%)}.contact-card:after{content:"✦";position:absolute;right:7%;bottom:-20px;font-size:7rem;color:#2a3040;transform:rotate(20deg)}.contact-card>*{position:relative}.contact-card h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.92;letter-spacing:-.065em;margin:25px 0}.contact-card h2 em{color:#bdb5ff}.contact-card p{color:#9aa2ae;max-width:500px;margin:0 auto 32px}.contact-actions{display:flex;justify-content:center;gap:12px}.btn-light{background:#fff;color:#171b26}.btn-outline-light{border:2px solid #59616e;color:#fff}
footer{background:#171b26;color:#737b88;padding:25px 7%;display:flex;justify-content:space-between;font-size:.63rem;letter-spacing:.05em}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-18px)}}@keyframes spinfloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(15deg)}}@keyframes wiggle{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(5deg) translateY(-8px)}}@keyframes marquee{to{transform:translateX(-50%)}}

@media(max-width:900px){.nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{height:600px}.portrait-wrap{height:540px}.service-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}.section-heading,.tools-layout,.value-grid,.about-grid{grid-template-columns:1fr;gap:30px}.approach-grid{grid-template-columns:1fr 1fr}.approach-intro{grid-column:1/-1;grid-row:auto}.statement{grid-template-columns:1fr;gap:20px}.statement .section-label{margin-bottom:20px}.hero-sticker{right:0}}
@media(max-width:650px){.site-header{height:70px}.nav{position:absolute;top:70px;left:0;right:0;background:#f7f3ea;border-bottom:1px solid #ddd;display:none;flex-direction:column;align-items:stretch;padding:18px 7%;gap:16px}.nav.open{display:flex}.nav .nav-cta{text-align:center}.menu-btn{display:block}.hero{padding:105px 6% 45px;min-height:auto}.hero h1{font-size:4rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:500px}.portrait-wrap{height:450px;width:88%}.float-card{transform:scale(.82)}.card-social{left:-5%}.card-leads{right:-9%}.card-admin{left:-4%}.hero-sticker{width:86px;height:86px;font-size:.52rem;right:-2%;top:4%}.spark-1{right:45%;top:13%}.spark-2{right:-2%;bottom:14%}.statement,.section{padding:80px 6%}.statement-content p{font-size:3rem}.service-grid,.audience-grid,.approach-grid{grid-template-columns:1fr}.service-card{min-height:300px}.plate{min-height:700px}.plate-head{flex-direction:column;align-items:flex-start}.task-cloud{height:410px;margin-top:40px}.pill{font-size:.5rem;padding:10px 12px}.p1{left:0}.p2{left:27%}.p3{right:0}.p4{left:4%;top:38%}.p5{right:2%;top:40%}.p6{left:0;top:62%}.p7{right:0;top:64%}.p8{left:24%;top:74%}.p9{right:23%;top:89%}.p10{left:0;top:88%}.p11{left:35%;top:28%}.p12{right:0;top:78%}.about-photo{height:440px}.contact-card{padding:65px 7%}.contact-actions{flex-direction:column}.contact-actions .btn{justify-content:center}footer{flex-direction:column;gap:10px;text-align:center}.hero:before{width:100vw;height:100vw;right:-45vw;top:36%}.hero-visual .orb-a{right:-30px}.hero-visual .orb-b{left:-25px}.marquee{font-size:.6rem;gap:20px}}

/* EXTRA FLOATING DECOR — playful layer */
.floating-deco{position:absolute;z-index:4;pointer-events:none;font-weight:900}
.deco-star{right:12%;top:8%;font-size:4.5rem;color:#f18b7a;animation:spinfloat 5.5s ease-in-out infinite}
.deco-heart{left:6%;top:14%;font-size:4rem;color:#6d61d8;transform:rotate(-15deg);animation:wiggle 4.5s ease-in-out infinite}
.side-float{position:absolute;z-index:5;pointer-events:none;border:2px solid #171b26;background:#fff;color:#171b26;padding:15px 18px;border-radius:14px;font-size:.55rem;font-weight:900;letter-spacing:.12em;line-height:1.2;box-shadow:5px 6px 0 #f18b7a;animation:floatSide 6s ease-in-out infinite}
.side-float-left{left:1.2%;top:38%;transform:rotate(-8deg)}
.side-float-right{right:1.2%;top:52%;transform:rotate(7deg);animation-delay:-2.5s;background:#e9e4ff;box-shadow:5px 6px 0 #171b26}
.deco-spark-a{right:6%;top:12%;font-size:4rem;color:#f18b7a;animation:spinfloat 5s ease-in-out infinite}
.deco-spark-b{left:2%;bottom:7%;font-size:3rem;color:#6d61d8;animation:spinfloat 4.5s ease-in-out infinite reverse}
.tool-float-note{position:absolute;right:5%;top:75px;background:#ffcdbd;color:#171b26;border:2px solid #171b26;border-radius:16px;padding:13px 16px;font-size:.57rem;font-weight:900;letter-spacing:.12em;line-height:1.25;transform:rotate(6deg);box-shadow:5px 6px 0 #171b26;animation:float 5s ease-in-out infinite;z-index:3}
.approach{overflow:hidden}
.approach:after{content:"✦  ✦  ✦";position:absolute;right:5%;bottom:6%;font-size:2rem;letter-spacing:12px;color:rgba(109,97,216,.3);transform:rotate(-8deg)}
.approach-float{position:absolute;z-index:2;pointer-events:none;font-weight:900}
.approach-float-1{right:8%;top:20%;border:2px solid #171b26;background:#fff;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;color:#6d61d8;box-shadow:5px 5px 0 #f18b7a;transform:rotate(12deg);animation:float 4.5s ease-in-out infinite}
.approach-float-2{left:6%;bottom:12%;font-size:5rem;color:#f18b7a;animation:spinfloat 6s ease-in-out infinite}
.value{overflow:hidden}
.value-doodle{position:absolute;right:7%;top:90px;font-size:7rem;color:#e2dcff;line-height:1;transform:rotate(12deg);animation:wiggle 5s ease-in-out infinite;pointer-events:none}
.contact{position:relative}
.contact-float{position:absolute;z-index:5;right:8%;top:2px;background:#f18b7a;color:#171b26;border:2px solid #171b26;padding:14px 17px;border-radius:15px;font-size:.57rem;font-weight:900;letter-spacing:.12em;line-height:1.2;transform:rotate(5deg);box-shadow:5px 6px 0 #171b26;animation:float 4.8s ease-in-out infinite}
.contact-float span{font-size:1rem}
.service-card:nth-child(2){box-shadow:8px 9px 0 #171b26}
.service-card:nth-child(5){box-shadow:6px 7px 0 #f18b7a}
.audience-card:nth-child(3n){background:#e9e4ff}
.audience-card:nth-child(4n){background:#ffd8cc}
.tool-cloud span:nth-child(5n){box-shadow:3px 4px 0 #171b26}
@keyframes floatSide{0%,100%{translate:0 0 rotate(0)}50%{translate:0 -18px rotate(2deg)}}

@media(max-width:900px){
  .side-float{display:none}
  .tool-float-note{right:7%;top:70px}
  .value-doodle{font-size:5rem;top:70px}
  .contact-float{right:7%;top:0}
}
@media(max-width:650px){
  .deco-star{right:3%;top:6%;font-size:3rem}
  .deco-heart{left:2%;top:17%;font-size:2.8rem}
  .deco-spark-a{right:3%;top:8%;font-size:2.8rem}
  .deco-spark-b{left:2%;bottom:3%;font-size:2.3rem}
  .tool-float-note{right:6%;top:58px;font-size:.5rem;padding:10px 12px}
  .approach-float-1{right:4%;top:13%;width:58px;height:58px}
  .approach-float-2{left:3%;bottom:3%;font-size:3.2rem}
  .value-doodle{right:3%;top:70px;font-size:4rem}
  .contact-float{right:5%;font-size:.48rem;padding:10px 12px}
}

/* REFERENCE-INSPIRED HERO ART DIRECTION — pastel, editorial, playful */
body{background:#fbf7ff;color:#20203a}
.site-header{top:14px;left:50%;right:auto;transform:translateX(-50%);width:min(1190px,calc(100% - 42px));height:64px;padding:0 22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 12px 35px rgba(97,63,145,.12)}
.brand{font-size:1.15rem;letter-spacing:-.03em}.brand span{color:#9c48bb}.nav .nav-cta{background:linear-gradient(135deg,#633092,#a744bc);box-shadow:none;padding:12px 20px}.nav a{color:#31314b}
.hero{min-height:100vh;padding:120px 8% 65px;grid-template-columns:.92fr 1.08fr;gap:1%;background:radial-gradient(circle at 73% 42%,#ead7ff 0,#f5e9ff 24%,transparent 47%),radial-gradient(circle at 5% 70%,#ffe0ef 0,transparent 33%),linear-gradient(120deg,#fbf6ff,#fff5f5 48%,#f6edff);}
.hero:before{width:650px;height:650px;right:0;top:11%;background:linear-gradient(145deg,#e8cfff,#f6dcf3);border-radius:48% 52% 57% 43%/45% 42% 58% 55%;box-shadow:inset 0 0 0 18px rgba(255,255,255,.42);transform:rotate(8deg);z-index:0}
.hero:after{width:240px;height:240px;left:-100px;top:35%;background:#ffd9ed;opacity:.72;z-index:0}
.hero-copy{position:relative;z-index:8}.eyebrow{color:#66527e}.hero h1{font-size:clamp(4rem,6.4vw,7.1rem);color:#23233e;letter-spacing:-.07em}.hero h1 em{color:#b447ba;text-shadow:0 2px 0 #fff}.hero h1 em:after{content:"";display:block;width:78%;height:5px;margin-top:10px;border-radius:50%;background:#c95ec9;transform:rotate(-2deg)}
.hero-text{color:#5f5c72;max-width:600px}.btn-dark{background:linear-gradient(135deg,#663296,#9d43b7);box-shadow:0 8px 20px rgba(105,45,138,.22)}.text-link{border-color:#cdb8d8}
.hero-visual{height:680px;z-index:2}.hero-visual:before{content:"";position:absolute;left:5%;bottom:4%;width:88%;height:145px;border-radius:50%;background:rgba(255,255,255,.58);filter:blur(1px);z-index:1}.portrait-wrap{height:585px;width:min(430px,72%);border:8px solid rgba(255,255,255,.75);border-radius:220px 220px 38px 38px;background:linear-gradient(180deg,#d9bdf7,#efcff2);box-shadow:0 28px 60px rgba(117,68,146,.18),0 0 0 14px rgba(255,255,255,.2);z-index:4}.portrait-wrap img{object-position:center top;filter:saturate(1.04)}
.orb-a{width:390px;height:390px;right:5%;top:18%;background:#d8baf6;opacity:.62;z-index:0}.orb-b{width:135px;height:135px;left:7%;bottom:16%;background:#ffc9df;z-index:2}
.hero-confetti,.hero-heart,.paper-plane,.content-note,.sticky-note,.social-rail,.desk-books,.coffee,.phone,.headphones{position:absolute;z-index:7;pointer-events:none}.hero-confetti{color:#b64bc1;font-size:3rem;animation:float 5s ease-in-out infinite}.confetti-1{left:0;top:18%}.confetti-2{right:9%;top:7%;font-size:4rem;animation-delay:-2s}.hero-heart{color:#ea70bd;font-size:2.8rem;text-shadow:0 7px 12px rgba(205,85,165,.2);animation:heartFloat 4.8s ease-in-out infinite}.heart-1{left:16%;top:13%}.heart-2{right:17%;top:38%;font-size:2rem;animation-delay:-2s}.paper-plane{right:2%;top:11%;font-size:4rem;color:#c65bc5;transform:rotate(-25deg);animation:planeFloat 7s ease-in-out infinite}.paper-plane:after{content:"";position:absolute;width:105px;height:70px;border-top:2px dashed #c65bc5;left:-65px;top:35px;border-radius:50%;transform:rotate(15deg)}
.content-note{left:7%;top:17%;width:170px;padding:17px 19px;background:#fff;border-radius:15px;box-shadow:0 15px 30px rgba(84,55,112,.12);border:1px solid #eee4f6;transform:rotate(-7deg);display:flex;flex-direction:column;gap:7px;font-size:.67rem;font-weight:700;color:#55526b}.content-note:before{content:"Content Plan";font-size:.8rem;color:#25253d;margin-bottom:2px}.content-note span:before{content:""}.sticky-note{left:20%;bottom:22%;width:145px;height:120px;background:#ffe6a9;color:#6d4d7d;padding:22px 17px;text-align:center;font-family:"Caveat",cursive;font-size:1.5rem;line-height:.95;transform:rotate(-5deg);box-shadow:0 12px 20px rgba(100,65,98,.12)}.sticky-note strong{font-size:1.35rem;font-weight:700}.social-rail{right:4%;top:30%;background:rgba(255,255,255,.8);padding:10px;border-radius:16px;box-shadow:0 12px 25px rgba(75,45,105,.12);display:flex;flex-direction:column;gap:8px}.social-rail b{width:43px;height:43px;border-radius:11px;background:linear-gradient(145deg,#ff8cc9,#7746d7);color:#fff;display:grid;place-items:center;font-size:1rem}.social-rail b:nth-child(2){background:#17152a}.social-rail b:nth-child(3){background:#ef4e70}.social-rail b:nth-child(4){background:#2589ca;font-size:.85rem}
.desk-books{left:2%;bottom:6%;width:165px;display:flex;flex-direction:column;gap:0;transform:rotate(-3deg);z-index:5}.desk-books span{height:27px;border-radius:5px 9px 9px 5px;display:grid;place-items:center;color:#fff;font-size:.55rem;font-weight:900;letter-spacing:.12em;box-shadow:0 4px 0 rgba(74,44,94,.12)}.desk-books span:nth-child(1){background:#8d6bd7}.desk-books span:nth-child(2){background:#e987bf}.desk-books span:nth-child(3){background:#a38ce8}.desk-books span:nth-child(4){background:#d25ea8}
.coffee{right:19%;bottom:8%;width:70px;height:105px;z-index:8}.coffee:before{content:"";position:absolute;left:6px;bottom:0;width:58px;height:75px;border-radius:8px 8px 20px 20px;background:linear-gradient(90deg,#ffb9cf,#fff0f4 48%,#ffadc8);box-shadow:0 7px 12px rgba(91,50,87,.15)}.coffee:after{content:"";position:absolute;left:0;top:22px;width:70px;height:12px;border-radius:50%;background:#fff0f4;border:4px solid #f8b3ca}.coffee i{position:absolute;left:13px;top:0;width:40px;height:27px;border-radius:50%;background:#b7785e}.coffee span{position:absolute;z-index:2;left:15px;top:40px;color:#b54891;font-family:"Caveat",cursive;font-size:1.05rem;text-align:center;line-height:.8}.phone{right:11%;bottom:7%;width:68px;height:128px;border:5px solid #3b3151;border-radius:15px;background:#f4d5ff;transform:rotate(9deg);box-shadow:0 10px 15px rgba(67,42,86,.14)}.phone-notch{width:27px;height:7px;border-radius:10px;background:#3b3151;margin:6px auto}.phone-screen{height:98px;margin:0 5px;border-radius:8px;background:linear-gradient(160deg,#fff,#f7d4f4);display:grid;place-items:center;color:#c551af;font-size:2rem}.phone-screen small{font-size:.45rem;font-family:DM Sans,sans-serif;font-weight:900}.headphones{right:-1%;bottom:5%;width:130px;height:105px;transform:rotate(14deg)}.headphones:before{content:"";position:absolute;left:17px;top:4px;width:88px;height:72px;border:15px solid #a98ada;border-bottom:0;border-radius:60px 60px 0 0}.headphones span{position:absolute;width:35px;height:56px;background:#bba4e7;border-radius:18px;bottom:2px}.headphones span:first-child{left:5px}.headphones span:nth-child(2){right:5px}.headphones b{position:absolute;left:51px;bottom:5px;color:#8b6bc5;font-size:1.2rem}
.float-card{background:rgba(255,255,255,.9);border:1px solid #eadff1;box-shadow:0 12px 25px rgba(78,49,101,.13);border-radius:14px}.card-social{top:31%;left:0}.card-leads{top:55%;right:0}.card-admin{bottom:19%;left:4%}.hero-sticker{background:#ffb8d8;border-color:#fff;box-shadow:0 9px 20px rgba(94,50,91,.12);color:#6e3d68}
@keyframes heartFloat{0%,100%{translate:0 0;rotate:-8deg}50%{translate:0 -16px;rotate:7deg}}@keyframes planeFloat{0%,100%{translate:0 0;rotate:-25deg}50%{translate:-15px -12px;rotate:-17deg}}

/* soften the rest of the site to match the new hero */
.marquee-wrap{background:linear-gradient(90deg,#7b45a9,#c451b5,#7b45a9);border-color:#fff}.statement{background:#29233d}.statement-content p span{color:#efa2dc}.services.section,.tools,.about{background:#fffafd}.service-card{border-color:#eee3f2;box-shadow:0 10px 25px rgba(90,53,109,.08)}.service-card.featured{background:linear-gradient(145deg,#70409a,#9e4bb4);border-color:#70409a}.audience{background:#f6eafa}.audience-card{background:#fff;border-color:#eee1f1;box-shadow:0 8px 20px rgba(91,54,112,.06)}.plate{background:linear-gradient(145deg,#29223e,#3c2851)}.approach{background:#f3e9fa}.tools .tool-cloud span{border-color:#eadff1}.contact-card{background:linear-gradient(145deg,#30203f,#5a3271);box-shadow:0 12px 0 #e68bc5}
@media(max-width:900px){.site-header{width:calc(100% - 28px)}.hero{grid-template-columns:1fr;padding-top:115px}.hero-visual{height:620px}.content-note{left:1%}.social-rail{right:0}.sticky-note{left:14%}.desk-books{left:0}.headphones{right:-4%}}
@media(max-width:650px){.site-header{top:8px;height:58px;border-radius:22px}.hero{padding:100px 6% 35px}.hero h1{font-size:3.7rem}.hero h1 em:after{height:3px}.hero-visual{height:540px}.portrait-wrap{height:455px;width:78%;border-radius:190px 190px 28px 28px}.content-note{top:12%;width:125px;padding:12px;font-size:.52rem}.content-note:before{font-size:.65rem}.sticky-note{left:5%;bottom:17%;width:105px;height:88px;font-size:1.15rem;padding:16px 10px}.sticky-note strong{font-size:1.05rem}.social-rail{right:-2%;top:28%;padding:6px;gap:5px}.social-rail b{width:31px;height:31px;font-size:.7rem}.coffee{right:18%;bottom:5%;transform:scale(.75)}.phone{right:5%;bottom:5%;transform:scale(.75) rotate(9deg)}.headphones{right:-8%;bottom:2%;transform:scale(.72) rotate(14deg)}.desk-books{left:-7%;bottom:4%;transform:scale(.75) rotate(-3deg)}.card-social{top:35%;left:-8%;transform:scale(.72)}.card-leads{top:55%;right:-10%;transform:scale(.72)}.card-admin{bottom:25%;left:-7%;transform:scale(.72)}.hero-sticker{display:none}.paper-plane{right:-3%;top:5%;font-size:2.7rem}.hero-heart{font-size:2rem}.heart-1{left:8%;top:9%}.heart-2{right:12%;top:36%}.confetti-1{left:-1%;top:19%;font-size:2rem}.confetti-2{right:7%;top:6%;font-size:2.8rem}}

/* ==============================
   WOW LAYER — reference-inspired
   ============================== */
.hero{isolation:isolate}
.wow-object{position:absolute;z-index:9;pointer-events:none}
.wow-heart{left:4%;top:11%;font-size:3.7rem;color:#ed78bd;text-shadow:0 10px 22px rgba(191,91,160,.2);animation:wowFloat 4.5s ease-in-out infinite;transform:rotate(-12deg)}
.wow-star{left:0%;top:29%;font-size:4.1rem;color:#f29a7b;animation:wowSpin 5s ease-in-out infinite}
.wow-spark{right:1%;top:26%;font-size:4rem;color:#a96dcc;animation:wowSpin 4.5s ease-in-out infinite reverse}
.wow-dot{width:17px;height:17px;border-radius:50%;background:#f29a7b;box-shadow:0 0 0 8px rgba(242,154,123,.12);animation:wowFloat 4s ease-in-out infinite}
.wow-dot-1{left:43%;top:17%}.wow-dot-2{right:29%;bottom:13%;background:#78bde0;animation-delay:-1.7s}
.wow-note{font-family:Caveat,cursive;text-align:center;font-weight:700;line-height:.9;letter-spacing:.02em}
.note-pink{right:8%;top:7%;width:112px;height:112px;padding:23px 10px;background:#ffd2e6;color:#8d4e87;border-radius:5px;transform:rotate(8deg);box-shadow:0 13px 20px rgba(88,50,85,.12)}
.note-pink:before{content:"";position:absolute;left:50%;top:-8px;width:35px;height:13px;background:rgba(255,255,255,.62);transform:translateX(-50%) rotate(-4deg)}
.wow-mini-card{background:rgba(255,255,255,.92);border:1px solid #eee2f3;border-radius:15px;padding:14px 17px;box-shadow:0 15px 32px rgba(81,52,104,.12);display:flex;flex-direction:column;gap:4px;color:#37344d}
.wow-mini-card b{font-size:.65rem;letter-spacing:.06em}.wow-mini-card span{font-size:.57rem;color:#7c7489}.mini-plan{left:44%;top:8%;transform:rotate(-6deg);animation:wowFloat 5.2s ease-in-out infinite}.mini-growth{right:4%;top:48%;transform:rotate(3deg);animation:wowFloat 5.8s ease-in-out infinite reverse}
.wow-tape{left:37%;top:0;width:62px;height:18px;background:rgba(255,202,219,.72);transform:rotate(-4deg);z-index:10}
.section-orbit{position:absolute;pointer-events:none;font-size:5rem;line-height:1;color:#d9c9ef;animation:wowSpin 7s ease-in-out infinite}.orbit-one{right:5%;top:15%}.orbit-two{left:3%;bottom:10%;color:#ffc4de;animation-delay:-2s}
.services{isolation:isolate}.services-float{position:absolute;right:6%;top:105px;background:#ffe0ec;border:2px solid #31243b;border-radius:16px;padding:13px 17px;line-height:1.15;font-family:Caveat,cursive;font-size:1.15rem;color:#7a4776;transform:rotate(5deg);box-shadow:5px 6px 0 #cba4dc;animation:wowFloat 5.5s ease-in-out infinite;z-index:3}.services-float b{font-size:1rem}
.plate{isolation:isolate}.plate-doodle{position:absolute;right:8%;top:10%;font-size:7rem;color:#77528d;opacity:.3;animation:wowSpin 8s ease-in-out infinite}.plate-sticker{position:absolute;left:5%;top:24%;background:#ffb6d6;color:#5c3157;border:2px solid #20182b;border-radius:50%;width:130px;height:130px;display:grid;place-items:center;text-align:center;font-size:.68rem;font-weight:900;line-height:1.08;transform:rotate(-10deg);box-shadow:7px 8px 0 #17121e;animation:wowFloat 5s ease-in-out infinite;z-index:3}
.audience{isolation:isolate}.audience-doodle{position:absolute;right:4%;bottom:7%;font-size:6rem;color:#caa7df;transform:rotate(15deg);animation:wowSpin 6s ease-in-out infinite}
.tools{isolation:isolate}.tools-sticker{position:absolute;right:6%;top:75px;background:#ccecff;border:2px solid #2b2940;border-radius:14px;padding:13px 15px;text-align:center;font-family:Caveat,cursive;font-size:1.25rem;line-height:.9;color:#4e5e79;transform:rotate(6deg);box-shadow:5px 6px 0 #8ca8d3;animation:wowFloat 5.3s ease-in-out infinite}
.approach{isolation:isolate}.process-doodle{position:absolute;right:7%;top:9%;font-size:.7rem;font-weight:900;letter-spacing:.18em;color:#8b62a4;transform:rotate(-6deg);background:#fff2a9;padding:10px 13px;border-radius:8px;box-shadow:4px 5px 0 rgba(31,25,43,.14);animation:wowFloat 4.7s ease-in-out infinite}
.value{isolation:isolate}.value-sticker{position:absolute;right:6%;top:85px;background:#ffd3bf;border:2px solid #282238;border-radius:15px;padding:14px 17px;font-family:Caveat,cursive;font-size:1.2rem;line-height:.9;color:#6f4b4a;transform:rotate(-5deg);box-shadow:5px 6px 0 #bc9ac8;animation:wowFloat 5s ease-in-out infinite}
.about{isolation:isolate}.about-doodle{position:absolute;right:7%;top:100px;font-family:Caveat,cursive;font-size:2.3rem;color:#b05db5;transform:rotate(7deg);animation:wowFloat 4.8s ease-in-out infinite}.contact{isolation:isolate}.contact-star{position:absolute;left:5%;top:12px;color:#f18b7a;font-size:4rem;animation:wowSpin 5s ease-in-out infinite}
.service-card,.audience-card{position:relative}.service-card:before,.audience-card:before{content:"✦";position:absolute;right:22px;top:18px;color:#e39ac9;font-size:1.1rem;opacity:.75;animation:wowSpin 4s ease-in-out infinite}
.service-card:nth-child(2):after{content:"★";position:absolute;right:20px;bottom:16px;font-size:4rem;color:rgba(255,255,255,.1);background:none;width:auto;height:auto}
.service-card:nth-child(4){margin-top:12px}.service-card:nth-child(5){margin-top:-8px}.service-card:nth-child(6){margin-top:8px}
.tool-cloud span{position:relative}.tool-cloud span:after{content:"✦";position:absolute;right:-5px;top:-8px;font-size:.7rem;color:#d56eb6;opacity:0;transition:.2s}.tool-cloud span:hover:after{opacity:1}
.pill{border-color:#6b5878}.pill:nth-child(3n){box-shadow:5px 6px 0 #17121e}.pill:nth-child(4n){box-shadow:5px 6px 0 #9e78ad}
@keyframes wowFloat{0%,100%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}50%{transform:translate3d(0,-16px,0) rotate(calc(var(--r,0deg) + 3deg))}}@keyframes wowSpin{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(14deg)}}
@media(max-width:900px){.note-pink,.mini-growth{display:none}.mini-plan{left:5%;top:7%}.services-float,.tools-sticker,.value-sticker{right:5%}.plate-sticker{left:2%;top:20%;transform:scale(.85) rotate(-10deg)}.about-doodle{right:5%}}
@media(max-width:650px){.wow-star{left:0;top:25%;font-size:2.8rem}.wow-heart{left:3%;top:7%;font-size:2.5rem}.wow-spark{right:0;top:25%;font-size:2.6rem}.mini-plan{left:1%;top:7%;transform:scale(.75) rotate(-6deg)}.wow-dot{width:10px;height:10px}.wow-dot-1{left:48%;top:13%}.wow-dot-2{right:22%;bottom:12%}.section-orbit,.audience-doodle,.plate-doodle{display:none}.services-float,.tools-sticker,.value-sticker,.process-doodle,.about-doodle{font-size:.95rem;padding:9px 11px;transform:scale(.78) rotate(4deg)}.services-float{top:90px}.tools-sticker{top:55px}.value-sticker{top:60px}.process-doodle{right:4%;top:65px}.contact-star{font-size:2.8rem;left:2%}.service-card:nth-child(4),.service-card:nth-child(5),.service-card:nth-child(6){margin-top:0}}

/* =========================================================
   HERO CREATIVE DESK OVERHAUL
   Make the hero feel like one cohesive illustrated workspace.
   ========================================================= */
.hero{
  background:
    radial-gradient(circle at 76% 44%,rgba(225,190,255,.70) 0 16%,transparent 34%),
    radial-gradient(circle at 12% 75%,rgba(255,198,222,.55) 0 12%,transparent 29%);
}
.hero:before{
  width:46vw;height:46vw;right:-8vw;top:9%;
  background:linear-gradient(135deg,#e9d7ff,#f4d9f4 48%,#d9d0ff);
  border-radius:52% 48% 45% 55%/45% 40% 60% 55%;
  box-shadow:inset 0 0 0 24px rgba(255,255,255,.30);
}
.hero:after{
  width:270px;height:270px;left:-95px;top:58%;
  background:radial-gradient(circle,#ffd3e8 0 42%,transparent 70%);
}
.hero-copy{position:relative;z-index:12}
.hero h1{font-size:clamp(4.5rem,7vw,7.7rem);text-wrap:balance}
.hero h1 em{color:#b74fc0;text-shadow:0 3px 0 rgba(183,79,192,.06)}
.hero h1 em:after{
  content:"";display:block;height:4px;width:78%;margin-top:8px;
  background:linear-gradient(90deg,#bd59c7,#e99ed9);
  border-radius:999px;transform:rotate(-1.5deg);
}
.hero-text{font-size:1.05rem;max-width:560px}
.hero-actions .btn-dark{
  background:linear-gradient(135deg,#7035a0,#9b3db3);
  box-shadow:0 9px 20px rgba(112,53,160,.24);
}
.hero-actions .btn-dark:hover{box-shadow:0 13px 24px rgba(112,53,160,.30)}
.hero-visual{z-index:2;min-height:700px;height:700px}
.workspace-glow{
  position:absolute;z-index:0;width:620px;height:620px;right:5%;top:3%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.94) 0 22%,rgba(221,197,255,.72) 48%,rgba(190,148,235,.10) 70%,transparent 72%);
  filter:blur(.2px);
}
.workspace-glow:before,.workspace-glow:after{
  content:"";position:absolute;border-radius:50%;border:18px solid rgba(255,255,255,.42);
}
.workspace-glow:before{inset:48px;transform:rotate(-12deg)}
.workspace-glow:after{inset:105px;transform:rotate(8deg);border-width:10px}
.orb-a{
  width:360px;height:360px;right:8%;top:5%;
  background:linear-gradient(145deg,#ead8ff,#d9c6fa);
  opacity:.82;z-index:1;
}
.orb-b{
  width:145px;height:145px;left:0;bottom:8%;
  background:#ffc6dd;z-index:5;
}
.portrait-wrap{
  width:445px;height:585px;
  border-radius:230px 230px 42px 42px;
  border:8px solid rgba(255,255,255,.88);
  box-shadow:0 25px 55px rgba(91,55,122,.20),0 0 0 1px rgba(178,126,208,.22);
  z-index:8;
  transform:translateY(-10px);
}
.portrait-wrap img{object-position:center top}
.hero-visual:after{
  content:"";position:absolute;z-index:7;width:510px;height:100px;
  right:2%;bottom:5%;border-radius:50%;
  background:rgba(129,88,159,.15);filter:blur(15px);
}
/* paper / cards */
.content-note{
  z-index:13;left:9%;top:13%;transform:rotate(-7deg);
  width:165px;padding:17px 18px;background:#fff;border-radius:14px;
  box-shadow:0 16px 35px rgba(75,42,96,.15);
}
.content-note:before{content:"CONTENT PLAN";display:block;font-weight:900;font-size:.72rem;margin-bottom:9px;color:#29253a}
.content-note span{display:block;font-size:.6rem;margin:5px 0;color:#665d73}
.sticky-note{
  z-index:14;left:18%;bottom:21%;width:125px;height:112px;
  background:linear-gradient(135deg,#ffeaa4,#ffdb88);
  box-shadow:0 16px 25px rgba(113,79,55,.15);
  transform:rotate(-4deg);
}
.sticky-note:before{content:"";position:absolute;left:40%;top:-7px;width:38px;height:14px;background:rgba(255,255,255,.55);transform:rotate(3deg)}
.social-rail{
  z-index:15;right:3%;top:30%;padding:9px;
  background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 28px rgba(77,45,99,.13);
}
.social-rail b{background:linear-gradient(135deg,#9c4ac7,#e17bbd);box-shadow:none}
.float-card{z-index:16}
.card-social{top:26%;left:-1%;transform:rotate(-4deg)}
.card-leads{top:51%;right:-3%;transform:rotate(4deg)}
.card-admin{bottom:20%;left:-1%;transform:rotate(-3deg)}
/* New CSS-only desk */
.desk-surface{
  position:absolute;z-index:5;right:1%;bottom:4%;width:590px;height:95px;
  border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,231,249,.88));
  box-shadow:0 24px 40px rgba(89,56,111,.16);
}
.laptop{
  position:absolute;z-index:17;right:15%;bottom:3%;width:365px;height:215px;
  transform:rotate(-2deg);filter:drop-shadow(0 14px 15px rgba(64,39,77,.18));
}
.laptop-screen{
  width:315px;height:180px;margin:auto;background:linear-gradient(145deg,#e6bce9,#b786da);
  border:10px solid #e7d9e9;border-bottom-width:13px;border-radius:15px 15px 5px 5px;
  box-shadow:inset 0 0 0 2px rgba(76,49,84,.18);padding:17px;
}
.screen-bar{height:10px;width:75%;border-radius:8px;background:rgba(255,255,255,.78);margin-bottom:17px}
.screen-lines i{display:block;width:58%;height:7px;background:rgba(255,255,255,.55);border-radius:6px;margin:8px 0}
.screen-lines i:nth-child(2){width:45%}.screen-lines i:nth-child(3){width:64%}
.screen-chart{display:flex;gap:7px;align-items:end;height:62px;margin-top:14px}
.screen-chart b{display:block;width:19px;border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.78)}
.screen-chart b:nth-child(1){height:22px}.screen-chart b:nth-child(2){height:39px}.screen-chart b:nth-child(3){height:31px}.screen-chart b:nth-child(4){height:52px}
.laptop-base{
  width:365px;height:22px;margin:-2px auto 0;
  background:linear-gradient(180deg,#f5edf7,#d9c8df);
  clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);
  border-radius:0 0 20px 20px;
}
.laptop-base:after{content:"";display:block;width:105px;height:6px;background:#c1adc8;border-radius:0 0 8px 8px;margin:auto}
.notebook{
  position:absolute;z-index:18;right:2%;bottom:10%;width:145px;height:108px;
  padding:15px 13px;background:#fff8fb;border:2px solid #e9cfe4;border-radius:10px;
  transform:rotate(7deg);box-shadow:0 12px 22px rgba(84,48,93,.13);
  font-size:.53rem;color:#6d4e6c;
}
.notebook span{display:block;font-size:.62rem;font-weight:900;color:#a04e9e;margin-bottom:9px}
.notebook i{display:block;font-style:normal;margin:5px 0}
.pen{position:absolute;z-index:19;width:115px;height:8px;border-radius:99px;background:linear-gradient(90deg,#ef7db5,#8f63d3);box-shadow:0 4px 7px rgba(79,45,92,.14)}
.pen-a{right:1%;bottom:7%;transform:rotate(-18deg)}.pen-b{right:23%;bottom:1%;transform:rotate(16deg);background:linear-gradient(90deg,#7dbbe2,#a16bd1)}
.plant{position:absolute;z-index:6;left:0;bottom:12%;width:80px;height:140px}
.plant b{position:absolute;bottom:0;left:19px;width:48px;height:43px;background:#d8a6ce;border-radius:6px 6px 18px 18px;transform:rotate(-4deg)}
.plant i{position:absolute;width:48px;height:80px;background:#9db59b;border-radius:80% 10% 80% 10%;transform-origin:bottom center}
.plant i:nth-child(1){left:25px;bottom:37px;transform:rotate(-34deg)}
.plant i:nth-child(2){left:5px;bottom:47px;transform:rotate(-58deg) scale(.82)}
.plant i:nth-child(3){left:42px;bottom:51px;transform:rotate(29deg) scale(.8)}
.tiny-star{position:absolute;z-index:20;color:#d56ab5;font-size:2rem;animation:wowSpin 4s ease-in-out infinite}
.ts-a{right:16%;top:19%;font-size:1.8rem}.ts-b{left:8%;bottom:28%;font-size:1.4rem;animation-delay:-1.5s}
/* More dimensional floating decorations */
.note-pink{right:1%;top:2%;width:125px;height:125px}
.wow-mini-card{z-index:21}
.mini-plan{left:31%;top:3%}
.mini-growth{right:-1%;top:45%}
.wow-tape{left:28%;top:-1%}
.wow-heart{z-index:22}
.wow-star{z-index:22}
.wow-spark{z-index:22}
.hero-confetti,.hero-heart,.paper-plane{z-index:23}
.paper-plane{right:4%;top:17%;font-size:3rem;color:#9c56c3;transform:rotate(-25deg)}
.hero-heart{color:#ef72bd;text-shadow:0 9px 18px rgba(203,73,153,.16)}
.heart-1{left:31%;top:25%}.heart-2{right:11%;top:40%}
.hero-confetti{color:#f29a7b}.confetti-1{left:20%;top:36%}.confetti-2{right:18%;top:22%}

@media(max-width:900px){
  .hero-visual{height:650px;min-height:650px}
  .workspace-glow{width:560px;height:560px;right:-10%;top:4%}
  .portrait-wrap{width:390px;height:535px}
  .laptop{right:10%;bottom:2%;transform:scale(.82) rotate(-2deg)}
  .desk-surface{right:-4%;bottom:3%;transform:scale(.88)}
  .notebook{right:-2%;bottom:11%;transform:scale(.8) rotate(7deg)}
  .plant{left:-2%;transform:scale(.8)}
  .content-note{left:5%}
}
@media(max-width:650px){
  .hero h1{font-size:3.65rem}
  .hero h1 em:after{width:88%}
  .hero-visual{height:560px;min-height:560px}
  .workspace-glow{width:440px;height:440px;right:-25%;top:4%}
  .orb-a{width:300px;height:300px;right:-8%}
  .portrait-wrap{width:290px;height:430px;border-width:6px;border-radius:170px 170px 28px 28px}
  .desk-surface{width:410px;height:65px;right:-18%;bottom:3%}
  .laptop{width:280px;height:165px;right:1%;bottom:1%;transform:scale(.7) rotate(-2deg);transform-origin:bottom right}
  .notebook{right:-5%;bottom:12%;transform:scale(.62) rotate(7deg)}
  .plant{left:-10%;bottom:12%;transform:scale(.62)}
  .pen{display:none}
  .content-note{left:-2%;top:12%;transform:scale(.75) rotate(-7deg);transform-origin:top left}
  .sticky-note{left:1%;bottom:20%;transform:scale(.72) rotate(-4deg);transform-origin:bottom left}
  .social-rail{right:-4%;top:31%;transform:scale(.72);transform-origin:top right}
  .card-social{left:-8%;top:32%;transform:scale(.68)}
  .card-leads{right:-10%;top:52%;transform:scale(.68)}
  .card-admin{left:-7%;bottom:24%;transform:scale(.68)}
  .note-pink{display:block;right:-2%;top:0;width:92px;height:92px;padding:17px 8px;font-size:.7rem}
  .mini-plan{left:23%;top:2%;transform:scale(.7) rotate(-6deg)}
  .mini-growth{display:none}
  .paper-plane{right:0;top:12%;font-size:2.1rem}
  .wow-dot-1{left:42%;top:9%}
  .ts-a,.ts-b{display:none}
}

/* =========================================================
   FINAL CLEANUP — style the remaining floating UI pieces
   and keep them from rendering as raw text.
   ========================================================= */
@media(min-width:901px){
  .hero-visual .desk-clock{
    position:absolute!important;
    right:14%!important;
    top:1%!important;
    z-index:46!important;
    width:105px!important;
    padding:13px 12px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.95)!important;
    box-shadow:0 14px 28px rgba(78,49,101,.13)!important;
    color:#4c3b5c!important;
    transform:rotate(4deg)!important;
    font-size:.58rem!important;
    line-height:1.15!important;
  }
  .hero-visual .desk-clock span{
    display:block!important;
    font-size:1.05rem!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    margin-bottom:5px!important;
  }
  .hero-visual .desk-clock b{
    display:block!important;
    font-size:.43rem!important;
    letter-spacing:.16em!important;
    color:#b34fae!important;
  }

  .hero-visual .calendar-card{
    position:absolute!important;
    right:34%!important;
    top:7%!important;
    width:135px!important;
    padding:14px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid #eadff1!important;
    box-shadow:0 14px 30px rgba(78,49,101,.13)!important;
    color:#54435f!important;
    transform:rotate(-5deg)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    font-size:.52rem!important;
    line-height:1.15!important;
    z-index:34!important;
  }
  .hero-visual .calendar-card strong{
    font-size:.65rem!important;
    letter-spacing:.08em!important;
    margin-bottom:2px!important;
    color:#9f4da7!important;
  }
  .hero-visual .calendar-card span{
    display:block!important;
  }

  .hero-visual .message-bubble{
    position:absolute!important;
    right:2%!important;
    top:44%!important;
    z-index:47!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid #eadff1!important;
    box-shadow:0 12px 24px rgba(78,49,101,.12)!important;
    color:#54435f!important;
    font-size:.55rem!important;
    line-height:1.05!important;
    transform:rotate(3deg)!important;
  }
  .hero-visual .message-bubble b{
    width:25px!important;height:25px!important;
    display:grid!important;place-items:center!important;
    border-radius:50%!important;
    background:#d6f1ed!important;
    color:#5da99f!important;
  }

  .hero-visual .paper-scrap{
    position:absolute!important;
    left:18%!important;
    top:55%!important;
    z-index:37!important;
    width:95px!important;
    padding:13px 9px!important;
    border-radius:3px!important;
    background:#ffd5e6!important;
    color:#8d4e87!important;
    font-family:Caveat,cursive!important;
    font-weight:700!important;
    font-size:.9rem!important;
    line-height:.82!important;
    text-align:center!important;
    box-shadow:0 12px 20px rgba(88,50,85,.12)!important;
    transform:rotate(-7deg)!important;
  }

  /* Move floating cards off the portrait itself. */
  .hero-visual .content-note{
    left:8%!important;
    top:15%!important;
    transform:rotate(-7deg)!important;
  }
  .hero-visual .card-social{
    left:3%!important;
    top:34%!important;
    transform:rotate(-4deg)!important;
  }
  .hero-visual .card-admin{
    left:4%!important;
    bottom:22%!important;
    transform:rotate(-3deg)!important;
  }
  .hero-visual .sticky-note{
    left:20%!important;
    bottom:29%!important;
    transform:rotate(-5deg)!important;
  }

  /* Portrait gets visual priority. */
  .hero-visual .portrait-wrap{
    width:405px!important;
    height:565px!important;
    right:6%!important;
    top:8%!important;
    z-index:20!important;
  }

  /* Laptop becomes a supporting object rather than a competing focal point. */
  .hero-visual .laptop{
    width:310px!important;
    height:185px!important;
    right:12%!important;
    bottom:3%!important;
    transform:rotate(-2deg)!important;
    z-index:31!important;
  }
  .hero-visual .laptop-screen{
    width:266px!important;
    height:151px!important;
    border-width:8px!important;
    padding:13px!important;
  }
  .hero-visual .laptop-base{
    width:310px!important;
    height:20px!important;
  }

  .hero-visual .desk-surface{
    width:570px!important;
    height:72px!important;
    right:0!important;
    bottom:1%!important;
  }

  .hero-visual .notebook{
    right:1%!important;
    bottom:13%!important;
    transform:rotate(7deg) scale(.88)!important;
  }
  .hero-visual .coffee{
    right:10%!important;
    bottom:3%!important;
    transform:scale(.84)!important;
  }
  .hero-visual .phone{
    right:3%!important;
    bottom:3%!important;
    transform:scale(.84) rotate(9deg)!important;
  }
  .hero-visual .headphones{
    right:-3%!important;
    bottom:1%!important;
    transform:scale(.82) rotate(14deg)!important;
  }
  .hero-visual .plant{
    left:1%!important;
    bottom:6%!important;
    transform:scale(.84)!important;
  }
  .hero-visual .desk-books{
    left:6%!important;
    bottom:3%!important;
    transform:scale(.88) rotate(-3deg)!important;
  }

  /* Decorative orbit */
  .hero-visual .paper-plane{right:5%!important;top:18%!important}
  .hero-visual .spark-cluster{right:20%!important;top:17%!important}
  .hero-visual .heart-2{right:17%!important;top:43%!important}
}

/* Fix desktop-only raw-text artifacts if an older stylesheet is cached. */
.desk-clock,.calendar-card,.message-bubble,.paper-scrap{
  font-family:"DM Sans",sans-serif;
}

/* Mobile remains responsive and compact. */
@media(max-width:900px){
  .desk-clock{
    position:absolute!important;
    right:20%!important;
    top:2%!important;
    padding:9px!important;
    background:rgba(255,255,255,.9)!important;
    border-radius:12px!important;
    box-shadow:0 10px 20px rgba(78,49,101,.12)!important;
    font-size:.5rem!important;
    z-index:40!important;
  }
  .desk-clock span{display:block!important;font-size:.8rem!important;font-weight:800!important}
  .desk-clock b{display:block!important;font-size:.35rem!important;letter-spacing:.1em!important}
  .calendar-card{display:none!important}
  .message-bubble{display:none!important}
  .paper-scrap{display:none!important}
}

/* =========================================================
   V3 — CLEAN PASTEL EDITORIAL HERO
   Stronger resemblance to the reference: pill header,
   clear left/right composition, fewer competing objects.
   ========================================================= */
@media (min-width:901px){
  .site-header{
    top:18px;
    left:4.5%;
    right:4.5%;
    width:auto;
    height:64px;
    padding:0 18px 0 24px;
    border:1px solid rgba(99,72,116,.10);
    border-radius:999px;
    background:rgba(255,251,255,.88);
    box-shadow:0 12px 35px rgba(92,57,108,.10);
    backdrop-filter:blur(20px);
  }
  .brand{font-size:1.18rem;letter-spacing:.14em;color:#30243b}
  .nav{gap:22px}
  .nav a{color:#51455b;opacity:.82}
  .nav .nav-cta{background:#30243b;color:#fff;padding:11px 17px;box-shadow:4px 4px 0 #e8a0d2}

  .hero{
    min-height:790px;
    height:100vh;
    max-height:900px;
    padding:142px 6.5% 55px;
    display:block;
    background:
      radial-gradient(circle at 79% 46%,rgba(232,211,255,.92) 0 15%,transparent 35%),
      radial-gradient(circle at 11% 72%,rgba(255,207,227,.72) 0 12%,transparent 30%),
      linear-gradient(135deg,#fff9fd 0%,#f9effa 48%,#f2eafb 100%);
  }
  .hero:before{
    width:520px;height:520px;
    right:-70px;top:155px;
    background:linear-gradient(145deg,#e7d3ff,#f2dff6 55%,#d9d0ff);
    border-radius:47% 53% 58% 42%/44% 42% 58% 56%;
    box-shadow:inset 0 0 0 20px rgba(255,255,255,.22);
    z-index:0;
  }
  .hero:after{width:260px;height:260px;left:-100px;top:540px;background:radial-gradient(circle,#ffd4e8 0 40%,transparent 70%);z-index:0}

  .hero-copy{
    position:absolute;
    left:7%;
    top:225px;
    width:46%;
    max-width:650px;
    z-index:30;
  }
  .eyebrow{font-size:.62rem;letter-spacing:.17em;color:#a45bab}
  .hero h1{
    margin:18px 0 25px;
    font-size:clamp(4.7rem,7vw,7.2rem);
    line-height:.86;
    letter-spacing:-.075em;
    color:#2d2638;
  }
  .hero h1 em{color:#b94eb9}
  .hero h1 em:after{width:62%;height:3px;margin-top:9px;background:linear-gradient(90deg,#c35bc5,#e6a4d7)}
  .hero-text{max-width:470px;font-size:.96rem;color:#71667a;line-height:1.65}
  .hero-actions{margin-top:28px;gap:20px}
  .btn-dark{background:#30243b;box-shadow:5px 5px 0 #e49ccc}
  .text-link{color:#5d5168;border-color:#cdbdd3}

  .hero-visual{
    position:absolute;
    right:3.5%;
    top:125px;
    width:54%;
    height:650px;
    display:block;
    z-index:10;
  }

  /* Keep only the objects that create the intended collage. */
  .hero-visual .orb-a{width:410px;height:410px;right:13%;top:50px;background:rgba(220,201,250,.72);z-index:1}
  .hero-visual .orb-b{width:110px;height:110px;left:2%;bottom:105px;background:#ffd1e5;z-index:1}
  .hero-visual .portrait-wrap{
    position:absolute!important;
    width:365px!important;
    height:525px!important;
    right:19%!important;
    top:44px!important;
    margin:0!important;
    border:5px solid #fff!important;
    border-radius:190px 190px 30px 30px!important;
    background:#e5d9ef!important;
    box-shadow:16px 20px 0 #c4a6dd,0 28px 60px rgba(74,45,90,.17)!important;
    z-index:20!important;
  }
  .hero-visual .portrait-wrap img{object-position:center top!important}

  .hero-visual .content-note{
    left:0!important;top:115px!important;z-index:32!important;
    width:128px;padding:13px 12px!important;border-radius:13px!important;
    background:#fff!important;border:1px solid #eadff0!important;
    box-shadow:0 13px 26px rgba(85,55,101,.13)!important;
    color:#55485f!important;font-size:.55rem!important;
    transform:rotate(-6deg)!important;
  }
  .hero-visual .content-note span{display:block;margin:3px 0}

  .hero-visual .sticky-note{
    left:3%!important;bottom:105px!important;z-index:34!important;
    width:108px;height:92px;padding:15px 10px!important;
    background:#ffd4e7!important;color:#8a4f80!important;
    border-radius:4px!important;box-shadow:0 12px 22px rgba(85,55,101,.12)!important;
    font-size:1.15rem!important;transform:rotate(-7deg)!important;
  }
  .hero-visual .sticky-note strong{font-size:1.02rem!important}

  .hero-visual .card-social{left:7%!important;top:305px!important;z-index:33!important;transform:rotate(-4deg)!important}
  .hero-visual .card-admin{left:7%!important;bottom:180px!important;z-index:33!important;transform:rotate(-3deg)!important}
  .hero-visual .card-leads{right:0!important;top:350px!important;z-index:33!important;transform:rotate(4deg)!important}
  .hero-visual .float-card{min-width:164px!important;padding:10px 12px!important;border:1px solid #eadff0!important;border-radius:13px!important;box-shadow:0 12px 25px rgba(78,49,101,.12)!important;background:rgba(255,255,255,.96)!important}
  .hero-visual .float-card strong{font-size:.7rem!important;color:#463a50}
  .hero-visual .mini-icon{width:29px;height:29px;background:#f2e9f7;color:#b34fae}

  .hero-visual .social-rail{right:-1%!important;top:210px!important;z-index:35!important;padding:7px!important;border-radius:17px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 24px rgba(78,49,101,.08)!important}
  .hero-visual .social-rail b{width:34px!important;height:34px!important;border-radius:10px!important;color:#8c5e9d!important;background:#f7eef9!important}

  /* Desk scene: quiet, low, and secondary. */
  .hero-visual .desk-surface{width:580px!important;height:62px!important;right:2%!important;bottom:12px!important;z-index:27!important;background:linear-gradient(180deg,#fff,#f3e9f7)!important;border:1px solid #eadff0!important;box-shadow:0 12px 30px rgba(74,45,90,.10)!important;border-radius:22px!important}
  .hero-visual .laptop{width:270px!important;height:162px!important;right:12%!important;bottom:42px!important;z-index:30!important;transform:rotate(-2deg)!important}
  .hero-visual .laptop-screen{width:232px!important;height:132px!important;border-width:7px!important}
  .hero-visual .laptop-base{width:270px!important;height:18px!important}
  .hero-visual .notebook{right:1%!important;bottom:76px!important;transform:rotate(7deg) scale(.74)!important;z-index:31!important}
  .hero-visual .coffee{right:28%!important;bottom:39px!important;transform:scale(.66)!important;z-index:32!important}
  .hero-visual .phone{right:4%!important;bottom:35px!important;transform:scale(.68) rotate(9deg)!important;z-index:32!important}
  .hero-visual .headphones{right:-1%!important;bottom:20px!important;transform:scale(.68) rotate(14deg)!important;z-index:31!important}
  .hero-visual .plant{left:3%!important;bottom:34px!important;transform:scale(.68)!important;z-index:30!important}
  .hero-visual .desk-books{left:8%!important;bottom:28px!important;transform:scale(.72) rotate(-3deg)!important;z-index:31!important}

  .hero-visual .desk-clock,.hero-visual .calendar-card,.hero-visual .paper-scrap,.hero-visual .message-bubble,.hero-visual .floating-cursor,.hero-visual .spark-cluster,.hero-visual .clean-note,.hero-visual .clean-notif,.hero-visual .clean-window,.hero-visual .clean-badge,.hero-visual .clean-spark,.hero-visual .clean-ring{display:none!important}
  .hero-visual .paper-plane{right:8%!important;top:38px!important;color:#b35bb6!important;font-size:2.3rem!important;z-index:36!important}
  .hero-visual .heart-1{left:8%!important;top:45px!important;color:#ec79bd!important;z-index:36!important}
  .hero-visual .heart-2,.hero-visual .confetti-2{display:none!important}
  .hero-visual .confetti-1{left:31%!important;top:12px!important;color:#d778b8!important;z-index:36!important}

  .wow-heart{left:3%;top:155px;font-size:3rem;z-index:32}
  .wow-star{left:1%;top:430px;font-size:3.3rem;z-index:32}
  .wow-spark{right:2%;top:330px;font-size:3rem;z-index:32}
  .wow-dot-1{left:49%;top:180px;z-index:32}
  .wow-dot-2{right:28%;bottom:70px;z-index:32}
  .note-pink{right:2%;top:120px;width:100px;height:100px;padding:20px 8px;font-size:.88rem;z-index:34}
  .mini-plan,.mini-growth,.wow-tape{display:none!important}
}

@media(max-width:900px){
  .hero{min-height:930px;background:linear-gradient(145deg,#fff9fd,#f3e8f8)}
  .hero-copy{position:relative;left:auto;top:auto;width:100%;z-index:30}
  .hero-visual{position:relative;right:auto;top:auto;width:100%;height:575px;margin-top:8px}
}

/* =========================================================
   V4 — CLEAN EDITORIAL HERO
   One focal point, fewer objects, intentional composition.
   ========================================================= */
@media (min-width:901px){
  .hero{
    min-height:780px!important;
    padding:128px 7% 58px!important;
    grid-template-columns:47% 53%!important;
    gap:0!important;
    background:
      radial-gradient(circle at 76% 35%, rgba(229,207,255,.85) 0 13%, transparent 36%),
      radial-gradient(circle at 13% 78%, rgba(255,214,232,.72) 0 10%, transparent 30%),
      linear-gradient(135deg,#fff9fd 0%,#fff4f7 48%,#f5edff 100%)!important;
  }
  .hero:before{
    width:520px!important;height:520px!important;right:2%!important;top:115px!important;
    background:linear-gradient(145deg,#e8d5ff,#f7dced)!important;
    border-radius:46% 54% 58% 42%/42% 47% 53% 58%!important;
    box-shadow:inset 0 0 0 14px rgba(255,255,255,.45)!important;
    transform:rotate(8deg)!important;
  }
  .hero:after{
    width:190px!important;height:190px!important;left:-80px!important;top:510px!important;
    background:#ffd9eb!important;opacity:.55!important;
  }

  /* remove decorative clutter around the copy */
  .hero > .wow-heart,.hero > .wow-star,.hero > .wow-spark,
  .hero > .wow-dot,.hero > .wow-note,.hero > .wow-mini-card,.hero > .wow-tape{
    display:none!important;
  }
  .hero-copy{align-self:center!important;padding:18px 0 20px!important;max-width:610px!important;z-index:50!important}
  .eyebrow{font-size:.72rem!important;letter-spacing:.16em!important;color:#806a8c!important}
  .hero h1{font-size:clamp(4.7rem,6.4vw,7rem)!important;line-height:.86!important;letter-spacing:-.075em!important;margin:22px 0 28px!important;color:#29263f!important}
  .hero h1 em{color:#b94db7!important}
  .hero h1 em:after{width:68%!important;height:4px!important;margin-top:11px!important;background:#cf68c8!important}
  .hero-text{font-size:1rem!important;line-height:1.7!important;max-width:500px!important;color:#6f6678!important}
  .hero-actions{margin-top:30px!important}

  /* hero visual is a composed stage, not a flex pile */
  .hero-visual{height:620px!important;min-height:620px!important;position:relative!important;overflow:visible!important;z-index:10!important}
  .hero-visual:before{display:none!important}
  .hero-visual:after{
    content:"";position:absolute!important;left:13%!important;bottom:2%!important;width:78%!important;height:92px!important;
    background:rgba(255,255,255,.58)!important;border-radius:50%!important;filter:blur(2px)!important;z-index:1!important;
  }
  .hero-visual .orb-a{width:410px!important;height:410px!important;right:11%!important;top:28px!important;background:rgba(222,201,250,.48)!important;z-index:2!important}
  .hero-visual .orb-b{width:92px!important;height:92px!important;left:4%!important;bottom:105px!important;background:#ffd8e9!important;z-index:2!important}

  .hero-visual .portrait-wrap{
    position:absolute!important;right:17%!important;top:18px!important;
    width:365px!important;height:545px!important;margin:0!important;
    border:7px solid rgba(255,255,255,.92)!important;
    border-radius:195px 195px 34px 34px!important;
    background:#e5d9ef!important;
    box-shadow:15px 19px 0 #c9a9df,0 30px 60px rgba(86,53,105,.17)!important;
    z-index:20!important;
  }
  .hero-visual .portrait-wrap img{object-position:center top!important}

  /* only three useful floating cards */
  .hero-visual .content-note{
    left:1%!important;top:102px!important;width:126px!important;padding:14px 13px!important;
    border-radius:13px!important;background:#fff!important;border:1px solid #eee3f2!important;
    box-shadow:0 13px 28px rgba(82,53,99,.12)!important;transform:rotate(-6deg)!important;z-index:32!important;
  }
  .hero-visual .content-note:before{font-size:.72rem!important;color:#332b3d!important}
  .hero-visual .content-note span{font-size:.56rem!important;color:#6d6275!important;margin:4px 0!important}

  .hero-visual .card-social{
    left:4%!important;top:270px!important;transform:rotate(-4deg)!important;z-index:33!important;
  }
  .hero-visual .card-leads{
    right:1%!important;top:315px!important;transform:rotate(4deg)!important;z-index:33!important;
  }
  .hero-visual .card-admin{
    left:8%!important;bottom:94px!important;transform:rotate(-3deg)!important;z-index:33!important;
  }
  .hero-visual .float-card{
    min-width:154px!important;padding:10px 12px!important;border:1px solid #eadff0!important;
    border-radius:13px!important;background:rgba(255,255,255,.97)!important;
    box-shadow:0 12px 24px rgba(78,49,101,.12)!important;
  }
  .hero-visual .float-card small{font-size:.47rem!important;color:#9a8fa1!important}
  .hero-visual .float-card strong{font-size:.68rem!important;color:#46394e!important}
  .hero-visual .mini-icon{width:28px!important;height:28px!important;background:#f4e9f7!important;color:#b451b1!important}

  .hero-visual .sticky-note{
    left:2%!important;bottom:3px!important;width:105px!important;height:88px!important;
    padding:15px 9px!important;background:#ffe3a7!important;color:#75566c!important;
    box-shadow:0 11px 20px rgba(91,64,80,.11)!important;font-size:1.08rem!important;
    transform:rotate(-7deg)!important;z-index:35!important;
  }
  .hero-visual .sticky-note strong{font-size:.98rem!important}

  .hero-visual .social-rail{
    right:-1%!important;top:180px!important;padding:6px!important;gap:5px!important;border-radius:15px!important;
    background:rgba(255,255,255,.76)!important;box-shadow:0 10px 22px rgba(78,45,100,.08)!important;z-index:36!important;
  }
  .hero-visual .social-rail b{width:32px!important;height:32px!important;border-radius:9px!important;background:#f7eef9!important;color:#8d609c!important;font-size:.75rem!important}

  /* quiet desk foundation */
  .hero-visual .desk-surface{width:500px!important;height:48px!important;right:5%!important;bottom:12px!important;border-radius:18px!important;background:linear-gradient(#fff,#f3eaf7)!important;border:1px solid #eadff0!important;box-shadow:0 10px 25px rgba(74,45,90,.09)!important;z-index:27!important}
  .hero-visual .laptop{width:225px!important;height:135px!important;right:14%!important;bottom:34px!important;transform:rotate(-2deg)!important;z-index:30!important}
  .hero-visual .laptop-screen{width:193px!important;height:110px!important;border-width:6px!important}
  .hero-visual .laptop-base{width:225px!important;height:15px!important}
  .hero-visual .notebook,.hero-visual .phone,.hero-visual .headphones{display:none!important}
  .hero-visual .coffee{right:35%!important;bottom:27px!important;transform:scale(.52)!important;z-index:32!important}
  .hero-visual .plant{left:4%!important;bottom:27px!important;transform:scale(.55)!important;z-index:30!important}
  .hero-visual .desk-books{left:10%!important;bottom:21px!important;transform:scale(.58) rotate(-3deg)!important;z-index:31!important}

  /* remove all decorative one-off elements that compete with the portrait */
  .hero-visual .desk-clock,.hero-visual .calendar-card,.hero-visual .paper-scrap,
  .hero-visual .message-bubble,.hero-visual .floating-cursor,.hero-visual .spark-cluster,
  .hero-visual .paper-plane,.hero-visual .heart-1,.hero-visual .heart-2,
  .hero-visual .hero-confetti,.hero-visual .hero-heart,
  .hero-visual .clean-note,.hero-visual .clean-notif,.hero-visual .clean-window,
  .hero-visual .clean-badge,.hero-visual .clean-spark,.hero-visual .clean-ring{display:none!important}
}

@media (max-width:900px){
  .hero > .wow-heart,.hero > .wow-star,.hero > .wow-spark,
  .hero > .wow-dot,.hero > .wow-note,.hero > .wow-mini-card,.hero > .wow-tape{display:none!important}
  .hero{min-height:auto!important;padding-bottom:35px!important}
  .hero-copy{z-index:50!important}
  .hero-visual{height:600px!important;min-height:600px!important;margin-top:15px!important}
  .hero-visual .portrait-wrap{width:310px!important;height:465px!important;right:50%!important;transform:translateX(50%)!important;top:22px!important}
  .hero-visual .content-note{left:1%!important;top:80px!important;transform:scale(.82) rotate(-6deg)!important;transform-origin:top left!important}
  .hero-visual .card-social{left:2%!important;top:255px!important;transform:scale(.78) rotate(-4deg)!important;transform-origin:left center!important}
  .hero-visual .card-leads{right:0!important;top:305px!important;transform:scale(.78) rotate(4deg)!important;transform-origin:right center!important}
  .hero-visual .card-admin{left:4%!important;bottom:105px!important;transform:scale(.76) rotate(-3deg)!important;transform-origin:left bottom!important}
  .hero-visual .sticky-note{left:2%!important;bottom:12px!important;transform:scale(.78) rotate(-7deg)!important;transform-origin:left bottom!important}
  .hero-visual .social-rail{right:-1%!important;top:175px!important;transform:scale(.78)!important;transform-origin:right top!important}
  .hero-visual .orb-a{width:360px!important;height:360px!important;right:50%!important;transform:translateX(50%)!important;top:55px!important}
  .hero-visual .desk-surface{width:390px!important;right:50%!important;transform:translateX(50%)!important;bottom:18px!important}
  .hero-visual .laptop{right:50%!important;transform:translateX(50%) rotate(-2deg)!important;bottom:37px!important}
  .hero-visual .coffee,.hero-visual .plant,.hero-visual .desk-books{display:none!important}
}

@media (max-width:650px){
  .hero h1{font-size:3.65rem!important}
  .hero-text{font-size:.94rem!important}
  .hero-visual{height:525px!important;min-height:525px!important}
  .hero-visual .portrait-wrap{width:250px!important;height:390px!important;border-width:5px!important;border-radius:145px 145px 25px 25px!important;top:20px!important}
  .hero-visual .orb-a{width:300px!important;height:300px!important;top:45px!important}
  .hero-visual .content-note{left:0!important;top:65px!important;transform:scale(.68) rotate(-6deg)!important}
  .hero-visual .card-social{left:-2%!important;top:225px!important;transform:scale(.63) rotate(-4deg)!important}
  .hero-visual .card-leads{right:-2%!important;top:265px!important;transform:scale(.63) rotate(4deg)!important}
  .hero-visual .card-admin{left:0!important;bottom:82px!important;transform:scale(.62) rotate(-3deg)!important}
  .hero-visual .sticky-note{left:0!important;bottom:2px!important;transform:scale(.62) rotate(-7deg)!important}
  .hero-visual .social-rail{right:-2%!important;top:145px!important;transform:scale(.62)!important}
  .hero-visual .desk-surface{width:310px!important;height:38px!important;bottom:10px!important}
  .hero-visual .laptop{width:165px!important;height:100px!important;bottom:26px!important}
  .hero-visual .laptop-screen{width:142px!important;height:79px!important;border-width:5px!important}
  .hero-visual .laptop-base{width:165px!important;height:12px!important}
}

/* =========================================================
   V5 — CLEAN PROFESSIONAL HERO
   A calmer composition: copy left, portrait right, only
   purposeful accents. Everything else in the portfolio stays.
   ========================================================= */
@media (min-width:901px){
  .hero{
    min-height:760px!important;
    height:min(900px,100vh)!important;
    max-height:900px!important;
    padding:118px 7.5% 55px!important;
    grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr)!important;
    gap:2.5rem!important;
    align-items:center!important;
    background:
      radial-gradient(circle at 78% 43%, rgba(224,205,255,.78) 0 18%, rgba(224,205,255,0) 42%),
      radial-gradient(circle at 8% 78%, rgba(255,213,231,.65) 0 10%, rgba(255,213,231,0) 33%),
      linear-gradient(115deg,#fffafa 0%,#fff8fb 47%,#f8f1ff 100%)!important;
  }
  .hero:before{
    width:540px!important;height:540px!important;
    right:4%!important;top:50%!important;transform:translateY(-46%) rotate(7deg)!important;
    background:linear-gradient(145deg,#ead9ff,#f8dff2)!important;
    border-radius:47% 53% 55% 45% / 45% 44% 56% 55%!important;
    box-shadow:inset 0 0 0 13px rgba(255,255,255,.52)!important;
    z-index:0!important;
  }
  .hero:after{width:210px!important;height:210px!important;left:-90px!important;top:63%!important;opacity:.55!important;z-index:0!important}
  .hero-copy{
    max-width:650px!important;
    align-self:center!important;
    padding:25px 0 15px!important;
  }
  .eyebrow{font-size:.72rem!important;letter-spacing:.16em!important;margin-bottom:10px!important}
  .hero h1{
    font-size:clamp(4.3rem,6.1vw,6.7rem)!important;
    line-height:.91!important;
    letter-spacing:-.065em!important;
    margin:20px 0 27px!important;
    max-width:680px!important;
  }
  .hero h1 em{color:#ad45b7!important}
  .hero h1 em:after{width:58%!important;height:4px!important;margin-top:9px!important;background:#ca61cb!important}
  .hero-text{font-size:1rem!important;line-height:1.75!important;max-width:510px!important;color:#666275!important}
  .hero-actions{margin-top:30px!important;gap:22px!important}
  .hero-actions .btn-dark{padding:15px 21px!important}

  .hero-visual{
    height:650px!important;min-height:650px!important;
    width:100%!important;position:relative!important;
    display:block!important;overflow:visible!important;
    align-self:center!important;
  }
  .hero-visual:before,.hero-visual:after{display:none!important}

  /* Hide the old collage/decorations */
  .hero > .wow-heart,.hero > .wow-star,.hero > .wow-spark,
  .hero > .wow-dot,.hero > .wow-note,.hero > .wow-mini-card,.hero > .wow-tape,
  .hero-visual .orb,.hero-visual .hero-confetti,.hero-visual .hero-heart,
  .hero-visual .paper-plane,.hero-visual .content-note,.hero-visual .sticky-note,
  .hero-visual .social-rail,.hero-visual .card-admin,.hero-visual .desk-books,
  .hero-visual .coffee,.hero-visual .phone,.hero-visual .desk-surface,
  .hero-visual .desk-clock,.hero-visual .calendar-card,.hero-visual .paper-scrap,
  .hero-visual .message-bubble,.hero-visual .floating-cursor,.hero-visual .spark-cluster,
  .hero-visual .plant,.hero-visual .laptop,.hero-visual .notebook,
  .hero-visual .pen,.hero-visual .headphones{display:none!important}

  .hero-visual .portrait-wrap{
    position:absolute!important;
    width:390px!important;height:555px!important;
    right:12%!important;left:auto!important;top:45px!important;
    transform:none!important;
    z-index:5!important;
    border:7px solid rgba(255,255,255,.92)!important;
    border-radius:205px 205px 30px 30px!important;
    background:#d9c2f2!important;
    box-shadow:18px 20px 0 rgba(180,127,206,.28),0 28px 60px rgba(85,54,105,.18)!important;
  }
  .hero-visual .portrait-wrap img{object-position:center top!important}

  /* Two useful, quiet floating cards */
  .hero-visual .card-social,
  .hero-visual .card-leads{
    display:flex!important;position:absolute!important;z-index:10!important;
    min-width:170px!important;padding:12px 14px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(111,83,125,.12)!important;
    border-radius:15px!important;
    box-shadow:0 16px 30px rgba(71,44,82,.13)!important;
  }
  .hero-visual .card-social{left:0!important;top:185px!important;transform:rotate(-4deg)!important}
  .hero-visual .card-leads{right:0!important;top:400px!important;transform:rotate(4deg)!important}

  /* Small availability badge */
  .hero-visual .card-social:before{
    content:"AVAILABLE";position:absolute;left:17px;top:-26px;
    font-size:.48rem;font-weight:900;letter-spacing:.16em;color:#8a7294;
  }
}

@media (max-width:900px){
  .hero{
    min-height:auto!important;height:auto!important;max-height:none!important;
    padding:105px 7% 45px!important;
    display:block!important;
    background:linear-gradient(145deg,#fffafa,#f8f0ff)!important;
  }
  .hero:before{width:390px!important;height:390px!important;right:-110px!important;top:390px!important;transform:rotate(8deg)!important}
  .hero-copy{max-width:620px!important;margin:0 auto!important;padding:15px 0 0!important}
  .hero h1{font-size:clamp(3.5rem,14vw,5.2rem)!important;line-height:.93!important;margin:18px 0 24px!important}
  .hero-text{line-height:1.65!important}
  .hero-visual{height:560px!important;min-height:560px!important;margin-top:25px!important;display:block!important}
  .hero-visual:before,.hero-visual:after{display:none!important}
  .hero > .wow-heart,.hero > .wow-star,.hero > .wow-spark,.hero > .wow-dot,.hero > .wow-note,.hero > .wow-mini-card,.hero > .wow-tape,
  .hero-visual .orb,.hero-visual .hero-confetti,.hero-visual .hero-heart,.hero-visual .paper-plane,
  .hero-visual .content-note,.hero-visual .sticky-note,.hero-visual .social-rail,.hero-visual .card-admin,
  .hero-visual .desk-books,.hero-visual .coffee,.hero-visual .phone,.hero-visual .desk-surface,
  .hero-visual .desk-clock,.hero-visual .calendar-card,.hero-visual .paper-scrap,.hero-visual .message-bubble,
  .hero-visual .floating-cursor,.hero-visual .spark-cluster,.hero-visual .plant,.hero-visual .laptop,
  .hero-visual .notebook,.hero-visual .pen,.hero-visual .headphones{display:none!important}
  .hero-visual .portrait-wrap{
    display:block!important;position:absolute!important;
    width:300px!important;height:440px!important;left:50%!important;right:auto!important;top:28px!important;
    transform:translateX(-50%)!important;border:6px solid #fff!important;
    border-radius:160px 160px 25px 25px!important;
    box-shadow:12px 16px 0 rgba(180,127,206,.28),0 22px 45px rgba(85,54,105,.15)!important;
  }
  .hero-visual .card-social,.hero-visual .card-leads{display:flex!important;z-index:10!important;min-width:150px!important;padding:10px 11px!important}
  .hero-visual .card-social{left:2%!important;top:150px!important;transform:rotate(-4deg) scale(.84)!important;transform-origin:left center!important}
  .hero-visual .card-leads{right:2%!important;top:355px!important;transform:rotate(4deg) scale(.84)!important;transform-origin:right center!important}
}

@media (max-width:520px){
  .hero{padding-left:6%!important;padding-right:6%!important}
  .hero h1{font-size:3.35rem!important}
  .hero-actions{align-items:flex-start!important;flex-direction:column!important;gap:15px!important}
  .hero-visual{height:500px!important;min-height:500px!important}
  .hero-visual .portrait-wrap{width:255px!important;height:380px!important;top:20px!important}
  .hero-visual .card-social{left:-2%!important;top:135px!important;transform:rotate(-4deg) scale(.72)!important}
  .hero-visual .card-leads{right:-2%!important;top:305px!important;transform:rotate(4deg) scale(.72)!important}
}

/* V6 — clean editorial hero: one focal point, no collage clutter */
@media (min-width:901px){
  .hero{
    min-height:calc(100vh - 88px)!important;
    height:calc(100vh - 88px)!important;
    max-height:820px!important;
    padding:70px 7% 55px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(480px,560px)!important;
    gap:50px!important;
    align-items:center!important;
    overflow:hidden!important;
    background:linear-gradient(110deg,#fff9fb 0%,#fff8fc 42%,#f2e8ff 100%)!important;
  }
  .hero:before{
    content:""!important;display:block!important;position:absolute!important;
    width:600px!important;height:600px!important;right:-120px!important;top:50%!important;
    transform:translateY(-50%)!important;border-radius:50%!important;
    background:radial-gradient(circle,#ead8fb 0%,#f3e8fb 58%,rgba(255,255,255,0) 72%)!important;
    opacity:.9!important;z-index:0!important;
  }
  .hero:after{display:none!important}
  .hero-copy{
    position:relative!important;z-index:4!important;max-width:620px!important;
    align-self:center!important;padding:0!important;margin:0!important;
  }
  .eyebrow{font-size:.7rem!important;letter-spacing:.19em!important;margin-bottom:22px!important;color:#806d89!important}
  .hero h1{
    font-size:clamp(4.8rem,6.5vw,7.2rem)!important;line-height:.88!important;
    letter-spacing:-.075em!important;margin:0 0 30px!important;max-width:650px!important;
  }
  .hero h1 em{display:block!important;color:#b548b7!important;font-style:italic!important;margin-left:12px!important}
  .hero h1 em:after{display:none!important}
  .hero-text{font-size:1.02rem!important;line-height:1.75!important;max-width:500px!important;color:#686274!important;margin:0!important}
  .hero-actions{margin-top:32px!important;gap:24px!important}

  .hero-visual{
    position:relative!important;width:100%!important;height:650px!important;min-height:650px!important;
    align-self:center!important;display:block!important;overflow:visible!important;z-index:2!important;
  }
  .hero-visual:before,.hero-visual:after{display:none!important}

  /* remove every decorative/collage element */
  .hero > .wow-heart,.hero > .wow-star,.hero > .wow-spark,.hero > .wow-dot,
  .hero > .wow-note,.hero > .wow-mini-card,.hero > .wow-tape,
  .hero-visual .orb,.hero-visual .hero-confetti,.hero-visual .hero-heart,
  .hero-visual .paper-plane,.hero-visual .content-note,.hero-visual .sticky-note,
  .hero-visual .social-rail,.hero-visual .card-social,.hero-visual .card-leads,
  .hero-visual .card-admin,.hero-visual .desk-books,.hero-visual .coffee,
  .hero-visual .phone,.hero-visual .desk-surface,.hero-visual .desk-clock,
  .hero-visual .calendar-card,.hero-visual .paper-scrap,.hero-visual .message-bubble,
  .hero-visual .floating-cursor,.hero-visual .spark-cluster,.hero-visual .plant,
  .hero-visual .laptop,.hero-visual .notebook,.hero-visual .pen,.hero-visual .headphones{display:none!important}

  .hero-visual .portrait-wrap{
    display:block!important;position:absolute!important;
    width:430px!important;height:600px!important;right:6%!important;left:auto!important;top:18px!important;
    transform:none!important;border:8px solid rgba(255,255,255,.96)!important;
    border-radius:220px 220px 34px 34px!important;background:#dcc7f0!important;
    box-shadow:24px 24px 0 rgba(181,132,210,.22),0 30px 70px rgba(82,58,96,.16)!important;
    overflow:hidden!important;z-index:4!important;
  }
  .hero-visual .portrait-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
}

@media (max-width:900px){
  .hero{
    min-height:auto!important;height:auto!important;max-height:none!important;
    padding:105px 7% 55px!important;display:block!important;overflow:hidden!important;
    background:linear-gradient(145deg,#fff9fb,#f3e9fb)!important;
  }
  .hero:before{width:480px!important;height:480px!important;right:-170px!important;top:470px!important;transform:none!important;opacity:.65!important}
  .hero:after{display:none!important}
  .hero-copy{max-width:620px!important;margin:0 auto!important;padding:10px 0 0!important;position:relative!important;z-index:4!important}
  .hero h1{font-size:clamp(3.7rem,14vw,5.3rem)!important;line-height:.9!important;margin:0 0 25px!important}
  .hero h1 em{display:block!important;margin-left:7px!important}
  .hero h1 em:after{display:none!important}
  .hero-text{line-height:1.7!important}
  .hero-visual{height:525px!important;min-height:525px!important;margin-top:20px!important;position:relative!important;display:block!important}
  .hero > .wow-heart,.hero > .wow-star,.hero > .wow-spark,.hero > .wow-dot,.hero > .wow-note,.hero > .wow-mini-card,.hero > .wow-tape,
  .hero-visual .orb,.hero-visual .hero-confetti,.hero-visual .hero-heart,.hero-visual .paper-plane,
  .hero-visual .content-note,.hero-visual .sticky-note,.hero-visual .social-rail,.hero-visual .card-social,
  .hero-visual .card-leads,.hero-visual .card-admin,.hero-visual .desk-books,.hero-visual .coffee,
  .hero-visual .phone,.hero-visual .desk-surface,.hero-visual .desk-clock,.hero-visual .calendar-card,
  .hero-visual .paper-scrap,.hero-visual .message-bubble,.hero-visual .floating-cursor,.hero-visual .spark-cluster,
  .hero-visual .plant,.hero-visual .laptop,.hero-visual .notebook,.hero-visual .pen,.hero-visual .headphones{display:none!important}
  .hero-visual .portrait-wrap{
    display:block!important;position:absolute!important;width:300px!important;height:430px!important;
    left:50%!important;right:auto!important;top:15px!important;transform:translateX(-50%)!important;
    border:7px solid #fff!important;border-radius:160px 160px 28px 28px!important;
    box-shadow:15px 18px 0 rgba(181,132,210,.23),0 24px 50px rgba(82,58,96,.14)!important;overflow:hidden!important;
  }
  .hero-visual .portrait-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
}
@media (max-width:520px){
  .hero{padding-left:6%!important;padding-right:6%!important}
  .hero h1{font-size:3.45rem!important}
  .hero-actions{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .hero-visual{height:465px!important;min-height:465px!important}
  .hero-visual .portrait-wrap{width:260px!important;height:375px!important}
}