:root{
 --wine:#761536;--wine2:#a62c51;--deep:#330817;--cream:#fffafc;
 --bg:#fff;--surface:#fff;--surface2:#fff5f8;--text:#24151b;--muted:#74636b;
 --line:#ead9df;--shadow:0 25px 80px rgba(55,7,27,.12);--radius:28px;
 --max:1180px;
}
html[data-theme="dark"]{
 --bg:#10070b;--surface:#190b11;--surface2:#261018;--text:#fff6f8;
 --muted:#c9afb8;--line:#43232f;--cream:#16090e;
 --shadow:0 25px 80px rgba(0,0,0,.4);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;transition:background .3s,color .3s;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(92%,var(--max));margin:auto}
.section{padding:100px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--wine);font-size:.73rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--wine)}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,6.5vw,5.8rem)}
h2{font-size:clamp(2rem,4vw,3.5rem)}
h3{font-size:1.3rem}
p{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:14px 22px;font-weight:850;cursor:pointer;transition:.25s}
.btn-primary{background:var(--wine);color:#fff;box-shadow:0 15px 35px rgba(118,21,54,.24)}
.btn-primary:hover{background:var(--deep);transform:translateY(-3px)}
.btn-outline{border-color:var(--wine);color:var(--wine);background:transparent}
.btn-outline:hover{background:var(--surface2);transform:translateY(-3px)}
.topbar{background:var(--deep);color:#fff;font-size:.82rem}
.topbar .container{min-height:38px;display:flex;justify-content:space-between;align-items:center}
.header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:11px;color:var(--wine);font-weight:950}
.logo img{width:48px;height:48px;object-fit:contain;border-radius:10px}
.logo small{display:block;color:var(--muted);font-size:.59rem;letter-spacing:.14em}
.navlinks{display:flex;align-items:center;gap:5px}
.navlinks a{padding:10px 12px;border-radius:12px;font-size:.9rem;font-weight:750}
.navlinks a:hover,.navlinks a.active{background:var(--surface2);color:var(--wine)}
.controls{display:flex;align-items:center;gap:8px}
.theme-toggle,.menu{width:44px;height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;cursor:pointer}
.menu{display:none}
.hero{position:relative;min-height:calc(100vh - 118px);display:grid;align-items:center;overflow:hidden;background:
linear-gradient(120deg,rgba(255,255,255,.96),rgba(255,246,249,.84)),
url("assets/embedded-image-1.webp") center/cover}
html[data-theme="dark"] .hero{background:
linear-gradient(120deg,rgba(16,7,11,.97),rgba(42,14,25,.82)),
url("assets/embedded-image-1.webp") center/cover}
.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(118,21,54,.16);border-radius:50%;right:-260px;top:-170px;box-shadow:0 0 0 70px rgba(118,21,54,.025),0 0 0 140px rgba(118,21,54,.02)}
.hero-inner{position:relative;z-index:2;width:min(92%,var(--max));margin:auto;padding:80px 0;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:55px}
.hero-copy{max-width:700px}.hero-copy p{font-size:1.08rem;margin:24px 0 30px;max-width:650px}
.actions{display:flex;flex-wrap:wrap;gap:12px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
.pills span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:.73rem;font-weight:800;color:var(--wine)}
.hero-art{position:relative;min-height:500px;display:grid;place-items:center;align-items:start;padding-top:12px}
.orbit{position:absolute;width:420px;height:420px;border:1px solid rgba(118,21,54,.17);border-radius:50%;transform:rotate(20deg)}
.orbit:before,.orbit:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--wine);box-shadow:0 0 0 8px rgba(118,21,54,.1)}
.orbit:before{left:30px;top:90px}.orbit:after{right:30px;bottom:90px}
.glass{position:relative;width:min(520px,96%);padding:0;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(18px);border-radius:24px;box-shadow:var(--shadow);transform:rotate(0deg)}
.glass img{width:100%;height:300px;object-fit:cover;border-radius:20px;display:block}
.glass-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:.68rem;font-weight:900;letter-spacing:.1em;color:var(--wine)}
.tag{background:var(--wine);color:#fff;padding:6px 10px;border-radius:999px;font-size:.6rem}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.metrics div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px}.metrics strong{display:block;color:var(--wine)}.metrics span{font-size:.67rem;color:var(--muted)}
.float{position:absolute;z-index:3;padding:12px 15px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);color:var(--wine);font-weight:850;font-size:.76rem}.f1{right:-2%;top:16%}.f2{left:0;bottom:12%}
.strip{padding:16px 0;border-bottom:1px solid var(--line)}.strip .container{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.strip span{padding:7px 10px;border-radius:999px;background:var(--surface2);color:var(--wine);font-size:.72rem;font-weight:850}
.soft{background:linear-gradient(180deg,var(--bg),var(--surface2))}
.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 35px rgba(55,7,27,.05);transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon{width:54px;height:54px;border-radius:17px;background:var(--surface2);color:var(--wine);display:grid;place-items:center;margin-bottom:20px;font-size:1.3rem}
.card p{margin-top:10px}.number{font-size:.7rem;font-weight:900;letter-spacing:.13em;color:var(--wine)}
.wine{background:linear-gradient(135deg,var(--deep),var(--wine));color:#fff}.wine p{color:#ead9df}.wine .eyebrow{color:#ffd7e2}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:32px}.stat{padding:23px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:20px}.stat strong{font-size:2rem;display:block}.stat span{color:#ead9df;font-size:.84rem}
.pagehero{padding:110px 0 85px;background:linear-gradient(135deg,var(--bg),var(--surface2));position:relative;overflow:hidden}.pagehero:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(118,21,54,.14);right:-100px;top:-120px}.pagehero .container{position:relative;z-index:2}.pagehero p{max-width:720px;margin-top:18px;font-size:1.05rem}
.visual{min-height:480px;border-radius:30px;background:url("assets/embedded-image-2.webp") center/cover;position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual:after{content:"WebCore Nest";position:absolute;left:20px;bottom:20px;background:rgba(51,8,23,.85);color:#fff;padding:10px 14px;border-radius:12px;font-weight:850}
.list{display:grid;gap:13px;margin-top:22px}.list li{list-style:none;display:flex;gap:11px}.list li:before{content:"✓";width:25px;height:25px;flex:none;border-radius:50%;background:var(--surface2);color:var(--wine);display:grid;place-items:center;font-weight:900}
.service{min-height:310px}.service h2{font-size:1.9rem;margin-top:9px}
.portfolio{padding:0;overflow:hidden}.portfolio-img{height:235px;background-size:cover;background-position:center}.portfolio-content{padding:24px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tags span{background:var(--surface2);color:var(--wine);padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:850}
.case{min-height:290px;border-radius:30px;background:url("assets/embedded-image-3.webp") center/cover;position:relative;overflow:hidden;margin-top:25px}.case:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(51,8,23,.9),rgba(51,8,23,.2))}.case-content{position:relative;z-index:1;padding:45px;max-width:650px;color:#fff}.case-content p{color:#ead9df;margin:12px 0 20px}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-item .icon{margin:0;flex:none;width:45px;height:45px}
.form{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:800;font-size:.88rem}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--wine);box-shadow:0 0 0 4px rgba(118,21,54,.08)}.field textarea{min-height:140px;resize:vertical}.message{display:none;margin-top:12px;padding:12px;background:var(--surface2);border-radius:12px;color:var(--wine);font-weight:800}
.footer{background:#19070e;color:#fff;padding:60px 0 20px}.footer p{color:#cdb7bf}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:35px}.footer h3{font-size:1rem;margin-bottom:14px}.footer-links{display:grid;gap:8px}.footer-links a,.footer-links span{color:#dfcdd3}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#bdaab2;font-size:.8rem}
.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}
@media(max-width:950px){.navlinks{position:absolute;top:80px;left:0;right:0;background:var(--bg);display:none;flex-direction:column;align-items:stretch;padding:14px 4%;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.hero-inner{grid-template-columns:1fr}.hero-art{min-height:420px}.g4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.section{padding:70px 0}.hero-inner{padding:62px 0}.hero-art{min-height:350px}.orbit{width:310px;height:310px}.glass img{height:230px}.f1{right:0;top:4%}.f2{left:0;bottom:2%}.g2,.g3,.g4,.stats,.contact{grid-template-columns:1fr}.pagehero{padding:75px 0 60px}.visual{min-height:320px}.case-content{padding:30px}.footer-grid{grid-template-columns:1fr}.copy{flex-direction:column;gap:8px}.hide-mobile{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Professional AI assistant */
.ai-launcher{
 position:fixed;right:22px;bottom:22px;z-index:9999;width:68px;height:68px;border:0;border-radius:50%;
 background:linear-gradient(145deg,#761536,#a62c51);color:#fff;cursor:pointer;
 box-shadow:0 18px 50px rgba(55,7,27,.32),0 0 0 1px rgba(255,255,255,.22) inset;
 display:grid;place-items:center;transition:.28s;
}
.ai-launcher:hover{transform:translateY(-5px) scale(1.04)}
.ai-launcher .ai-ring{position:absolute;inset:-7px;border:1px solid rgba(118,21,54,.3);border-radius:50%;animation:aiPulse 2.4s ease-out infinite}
.ai-launcher .ai-ring2{position:absolute;inset:-15px;border:1px solid rgba(118,21,54,.12);border-radius:50%;animation:aiPulse 2.4s .7s ease-out infinite}
.ai-launcher .ai-face{font-size:1.35rem;line-height:1;position:relative;z-index:2}
.ai-launcher .ai-dot{position:absolute;right:3px;top:3px;width:13px;height:13px;border:3px solid #fff;background:#4dd58a;border-radius:50%;z-index:4}
@keyframes aiPulse{0%{transform:scale(.85);opacity:.75}70%,100%{transform:scale(1.22);opacity:0}}
.ai-hint{
 position:fixed;right:24px;bottom:101px;z-index:9998;background:var(--surface);color:var(--text);
 border:1px solid var(--line);box-shadow:0 14px 40px rgba(55,7,27,.16);border-radius:14px;
 padding:9px 12px;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(7px);
 animation:aiHint 1s 2s forwards;pointer-events:none
}
@keyframes aiHint{to{opacity:1;transform:none}}
.ai-chat{
 position:fixed;right:22px;bottom:105px;z-index:9997;width:min(410px,calc(100vw - 28px));
 height:min(610px,calc(100vh - 125px));display:none;flex-direction:column;
 background:var(--surface);border:1px solid var(--line);border-radius:26px;
 box-shadow:0 30px 90px rgba(35,5,18,.3);overflow:hidden
}
.ai-chat.open{display:flex;animation:aiOpen .25s ease-out}
@keyframes aiOpen{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
.ai-head{
 padding:16px 18px;background:linear-gradient(135deg,#330817,#761536);color:#fff;
 display:flex;align-items:center;justify-content:space-between
}
.ai-head-left{display:flex;align-items:center;gap:11px}.ai-avatar{
 width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.13);
 display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset
}
.ai-head strong{display:block;font-size:.94rem}.ai-status{display:block;font-size:.68rem;opacity:.78;margin-top:2px}
.ai-close{border:0;background:rgba(255,255,255,.08);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:1.15rem}
.ai-messages{flex:1;padding:16px;overflow:auto;background:var(--bg)}
.ai-msg{max-width:88%;padding:12px 14px;border-radius:17px;margin-bottom:10px;font-size:.82rem;line-height:1.55;white-space:pre-wrap}
.ai-msg.bot{background:var(--surface2);color:var(--text);border-bottom-left-radius:5px}
.ai-msg.user{margin-left:auto;background:#761536;color:#fff;border-bottom-right-radius:5px}
.ai-typing{display:flex;gap:4px;align-items:center;width:55px}.ai-typing i{width:6px;height:6px;border-radius:50%;background:var(--wine);animation:typing 1s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.ai-quick{display:flex;gap:7px;padding:10px 12px;overflow:auto;border-top:1px solid var(--line);background:var(--surface)}
.ai-quick button{white-space:nowrap;border:1px solid var(--line);background:var(--surface2);color:var(--wine);border-radius:999px;padding:7px 10px;font-size:.67rem;font-weight:800;cursor:pointer}
.ai-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--surface)}
.ai-input input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:var(--bg);color:var(--text);outline:none}
.ai-send{width:45px;border:0;border-radius:13px;background:#761536;color:#fff;cursor:pointer}
.ai-note{padding:6px 12px;text-align:center;font-size:.61rem;color:var(--muted);background:var(--surface)}
@media(max-width:600px){
 .ai-launcher{right:15px;bottom:15px;width:62px;height:62px}
 .ai-hint{right:16px;bottom:88px}
 .ai-chat{right:14px;bottom:82px;width:calc(100vw - 28px);height:min(580px,calc(100vh - 100px));border-radius:21px}
}


.call-now{display:inline-flex;align-items:center;gap:8px;margin-left:14px;padding:11px 18px;border-radius:999px;background:var(--wine);color:#fff;font-weight:850;font-size:.82rem;box-shadow:0 10px 25px rgba(118,21,54,.18);transition:.2s}.call-now:hover{transform:translateY(-2px);filter:brightness(1.06)}.what-we-do .section-head p{margin-bottom:34px}.about-photo{min-height:480px;border-radius:30px;position:relative;overflow:hidden;box-shadow:var(--shadow);background-size:cover;background-position:center}.about-photo:after{content:"WebCore Nest · Real Business. Digital Growth.";position:absolute;left:20px;right:20px;bottom:20px;background:rgba(51,8,23,.84);color:#fff;padding:13px 16px;border-radius:13px;font-weight:800;font-size:.82rem;backdrop-filter:blur(8px)}
@media(max-width:900px){.call-now{margin-left:0;margin-top:10px}.nav{flex-wrap:wrap}.navlinks{order:3;width:100%}}


/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{overflow:hidden;display:flex;flex-direction:column}.blog-cover{min-height:190px;padding:24px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#761536,#330817);color:#fff;position:relative;overflow:hidden}.blog-cover:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-55px;top:-70px;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}.blog-cover .blog-icon{position:relative;z-index:1;font-size:2.6rem;font-weight:900}.blog-body{padding:25px}.blog-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.blog-meta span{font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)}.blog-body h2{font-size:1.45rem;margin-bottom:10px}.blog-body p{font-size:.9rem;margin-bottom:18px}.read-more{display:inline-flex;align-items:center;gap:7px;color:var(--wine);font-weight:900;font-size:.82rem}.blog-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin-bottom:34px}.blog-feature .card{padding:36px}.blog-feature h2{margin:9px 0 13px}.blog-feature p{max-width:700px}.blog-search{display:flex;gap:10px;margin-top:24px}.blog-search input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);outline:none}.blog-search input:focus{border-color:var(--wine);box-shadow:0 0 0 4px rgba(118,21,54,.08)}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-feature{grid-template-columns:1fr}}@media(max-width:650px){.blog-grid{grid-template-columns:1fr}.blog-cover{min-height:160px}}


/* SEO + mobile UX hardening */
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(118,21,54,.35);outline-offset:3px}
@media(max-width:760px){
  .container{width:min(94%,var(--max))}
  .topbar{font-size:.72rem}
  .topbar .container{min-height:34px;justify-content:center;text-align:center}
  .header{backdrop-filter:blur(14px)}
  .nav{min-height:68px;gap:10px;position:relative}
  .logo{min-width:0;gap:8px}
  .logo img{width:42px;height:42px}
  .logo span{font-size:.92rem;white-space:nowrap}
  .logo small{font-size:.5rem}
  .call-now{display:none}
  .controls{margin-left:auto}
  .theme-toggle,.menu{width:42px;height:42px}
  .menu{display:grid;place-items:center}
  .navlinks{position:absolute;top:68px;left:0;right:0;width:auto;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:0 20px 45px rgba(35,5,18,.15);z-index:20}
  .navlinks.open{display:flex}
  .navlinks a{padding:12px 14px;min-height:44px}
  .hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.08}
  .section-head h2{font-size:clamp(1.7rem,7vw,2.3rem)}
  .actions .btn{width:100%;justify-content:center}
  .glass{padding:14px;border-radius:22px}
  .glass img{height:220px}
  .card{padding:22px}
  .form{padding:22px}
  .field input,.field textarea,.field select{font-size:16px;min-height:46px}
  .btn{min-height:46px}
  .ai-chat{max-height:calc(100dvh - 92px)}
}
@media(max-width:420px){
  .logo span{font-size:.82rem}.logo small{letter-spacing:.08em}
  .hero-inner{padding:48px 0}.hero-art{min-height:300px}
  .orbit{width:250px;height:250px}.glass img{height:190px}
  .metrics{grid-template-columns:1fr}.float{font-size:.68rem;padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Project detail + personal portfolio */
.project-detail{padding:72px 0}.project-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.project-hero-media{border-radius:28px;overflow:hidden;border:1px solid rgba(118,21,54,.14);box-shadow:0 22px 60px rgba(55,12,31,.12);background:#fff}.project-hero-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.project-meta span{padding:8px 12px;border-radius:999px;background:#fff0f4;color:var(--wine);font-weight:700;font-size:.82rem}.project-copy h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.03;margin:10px 0 18px}.project-copy p{font-size:1.05rem;line-height:1.8;color:#6f6570}.project-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.project-section{padding:70px 0}.project-section.alt{background:linear-gradient(180deg,#fff8fa,#fff)}.project-section h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:14px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.project-list .card{padding:24px}.project-list h3{margin:8px 0}.profile-hero{padding:78px 0}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.profile-card{position:sticky;top:110px;padding:30px;border:1px solid rgba(118,21,54,.14);border-radius:28px;background:linear-gradient(180deg,#fff,#fff8fa);box-shadow:0 18px 50px rgba(55,12,31,.08)}.profile-avatar{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#761536,#b84c73);color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:18px}.profile-card h2{margin:0 0 4px}.profile-role{color:var(--wine);font-weight:800}..profile-contact{display:grid;gap:10px;margin-top:22px}.profile-contact a{color:inherit;text-decoration:none}.skill-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.skill-cloud span{background:#fff0f4;color:var(--wine);padding:9px 13px;border-radius:999px;font-weight:700}.timeline{display:grid;gap:16px;margin-top:24px}.timeline .card{padding:22px}.seo-local-box{padding:28px;border-radius:24px;background:#3b0c20;color:#fff;margin-top:28px}.seo-local-box p{color:#eadde3}.breadcrumb{font-size:.9rem;color:#7b6d75;margin-bottom:16px}.breadcrumb a{color:var(--wine)}
@media(max-width:900px){.project-hero-grid,.profile-grid{grid-template-columns:1fr}.profile-card{position:static}.project-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.project-detail,.profile-hero,.project-section{padding:48px 0}.project-list{grid-template-columns:1fr}.project-copy h1{font-size:2.35rem}.project-actions .btn{width:100%;text-align:center}.project-hero-media{border-radius:20px}.profile-card{padding:22px}.skill-cloud span{font-size:.85rem}}

/* New visual sections */
.growth-showcase{background:linear-gradient(180deg,#fff,#fff7fa)}
.growth-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch;margin-top:34px}
.growth-visual,.growth-copy{position:relative;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.growth-visual>img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
.growth-badge{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);padding:14px 18px;border-radius:16px;border:1px solid rgba(118,21,54,.12);display:grid;gap:2px}
.growth-badge strong{color:var(--wine)}.growth-badge span{font-size:.78rem;color:#756b72}
.growth-copy{padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.strategy-photo{width:100%;height:300px;object-fit:cover;border-radius:22px;display:block}
.growth-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.growth-points div{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);display:grid;gap:4px}.growth-points strong{color:var(--wine);font-size:.75rem}.growth-points span{font-size:.78rem;font-weight:800}
.values-grid{margin-top:24px}
.service-photo{width:100%;height:170px;object-fit:cover;border-radius:20px;margin-bottom:20px;display:block}
@media(max-width:900px){.growth-grid{grid-template-columns:1fr}.growth-visual>img{min-height:340px}.growth-points{grid-template-columns:1fr}}
@media(max-width:600px){.growth-showcase{padding-top:55px}.growth-grid{margin-top:24px}.strategy-photo{height:220px}.growth-visual>img{min-height:270px}.service-photo{height:150px}}

.profile-photo-wrap{width:100%;max-width:300px;margin:0 auto 22px;border-radius:26px;padding:10px;background:linear-gradient(145deg,#fff,#fff0f4);border:1px solid rgba(118,21,54,.12);box-shadow:0 18px 45px rgba(55,12,31,.10);overflow:hidden}.profile-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center top;border-radius:20px;background:#080808}.profile-card{text-align:left}.profile-card h2{font-size:2rem}.profile-role{line-height:1.5}.profile-card p{line-height:1.75}
@media(max-width:900px){.profile-photo-wrap{max-width:260px}}
@media(max-width:600px){.profile-photo-wrap{max-width:220px}.profile-card{padding:22px}.profile-card h2{font-size:1.65rem}}

/* Anik Bhadra profile photo */
.profile-photo-wrap{width:100%;max-width:320px;border-radius:26px;overflow:hidden;background:#050505;border:1px solid rgba(118,21,54,.14);box-shadow:0 18px 50px rgba(55,12,31,.10);margin-bottom:20px;aspect-ratio:4/5;}
.profile-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
@media(max-width:950px){.profile-photo-wrap{max-width:280px;margin-left:auto;margin-right:auto;}}
@media(max-width:720px){.profile-photo-wrap{max-width:240px;border-radius:22px;}}


/* Final hero visual refinement */
.hero-art{min-height:570px}
.glass{width:min(540px,94%);padding:24px;border-radius:34px;transform:rotate(-1.5deg);box-shadow:0 24px 70px rgba(75,12,35,.14),0 0 0 1px rgba(118,21,54,.06);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,246,249,.86));}
.glass:before{content:"";position:absolute;inset:8px;border:1px solid rgba(118,21,54,.08);border-radius:27px;pointer-events:none}
.glass img{height:300px;border-radius:24px;object-fit:cover;position:relative;z-index:1}
.glass-top,.metrics{position:relative;z-index:2}
.metrics{gap:10px;margin-top:14px}
.metrics div{padding:13px 12px;border-radius:16px}
.f1{right:-4%;top:12%}.f2{left:-2%;bottom:10%}
@media(max-width:900px){.hero-art{min-height:500px}.glass{width:min(500px,94%)}.glass img{height:270px}.f1{right:0}.f2{left:0}}
@media(max-width:600px){.hero-art{min-height:390px}.glass{width:96%;padding:16px;border-radius:25px;transform:none}.glass:before{inset:6px;border-radius:19px}.glass img{height:205px;border-radius:18px}.glass-top{font-size:.56rem}.tag{font-size:.5rem;padding:5px 7px}.metrics{gap:6px}.metrics div{padding:9px 7px;border-radius:12px}.metrics strong{font-size:.78rem}.metrics span{font-size:.58rem}.f1,.f2{font-size:.64rem;padding:9px 11px;border-radius:12px}}


/* Final responsive + performance safety */
html{overflow-x:hidden}
body{min-width:0}
img,iframe{max-width:100%}
iframe{width:100%;border:0}
button,a,input,select,textarea{touch-action:manipulation}
@media (max-width:900px){.container{width:min(94%,var(--max))}.navlinks{max-width:100vw}.hero-inner,.growth-grid,.project-hero-grid,.profile-grid{min-width:0}.hero-copy,.hero-art,.growth-copy,.growth-visual{min-width:0}.glass{max-width:100%}}
@media (max-width:600px){.section{padding:64px 0}.pagehero{padding:58px 0 44px}.topbar .hide-mobile{display:none}.topbar .container{padding:0 10px}.nav{min-height:68px}.logo{max-width:58%}.logo span{overflow:hidden;text-overflow:ellipsis}.navlinks{overflow-y:auto;max-height:calc(100dvh - 76px)}.hero{min-height:auto}.hero-inner{padding:56px 0}.hero-art{width:100%;overflow:visible}.glass{width:100%;box-shadow:0 16px 40px rgba(75,12,35,.12)}.project-detail,.profile-hero,.project-section{overflow:hidden}.project-hero-media img{aspect-ratio:16/10}.profile-photo-wrap{width:min(78vw,260px)}.form{max-width:100%}.footer-grid{grid-template-columns:1fr!important}}

/* Global typography scale — desktop, tablet and mobile */
h1{font-size:clamp(2.25rem,4vw,3rem);line-height:1.08}
h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.12}
h3{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.18}
p{font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.7}
small,.caption,.eyebrow,.number,.tags span,.topbar,.logo small,.metrics span,.stat span,.navlinks a,.field label,.read-more{font-size:clamp(.75rem,.85vw,.875rem)}
.eyebrow{letter-spacing:.12em}
.footer h3{font-size:clamp(1.375rem,2vw,1.75rem)}
@media(max-width:760px){
  h1{font-size:clamp(2.25rem,9vw,3rem)}
  h2{font-size:clamp(1.75rem,7vw,2.25rem)}
  h3{font-size:clamp(1.375rem,6vw,1.75rem)}
  p{font-size:1rem;line-height:1.7}
}


/* Premium straight hero visual */
.hero-art{min-height:0;display:flex;align-items:center;justify-content:center;padding:18px 0;}
.hero-visual-premium{position:relative;width:min(730px,100%);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(75,12,35,.14),0 0 0 1px rgba(118,21,54,.08);animation:heroFloatStraight 7s ease-in-out infinite;transition:transform .45s ease,box-shadow .45s ease;}
.hero-visual-premium::before{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);transform:translateX(-55%) rotate(6deg);animation:heroSheen 8s ease-in-out infinite;pointer-events:none;z-index:2;}
.hero-visual-premium::after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);pointer-events:none;z-index:3;}
.hero-visual-premium img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;transform:none;border-radius:16px;transition:transform .6s ease;}
.hero-visual-premium:hover{transform:translateY(-3px);box-shadow:0 34px 90px rgba(75,12,35,.18),0 0 0 1px rgba(118,21,54,.1);}
.hero-visual-premium:hover img{transform:scale(1.008);}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes heroFloatStraight{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes heroSheen{0%,55%{transform:translateX(-55%) rotate(6deg);opacity:0}65%{opacity:1}82%,100%{transform:translateX(55%) rotate(6deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-visual-premium,.hero-visual-premium::before{animation:none}.hero-visual-premium:hover{transform:none}.hero-visual-premium:hover img{transform:none}}
@media(max-width:950px){.hero-visual-premium{width:min(700px,100%);border-radius:14px}.hero-visual-premium img{border-radius:14px}}
@media(max-width:600px){.hero-art{padding:8px 0;min-height:0}.hero-visual-premium{width:100%;border-radius:10px;box-shadow:0 18px 45px rgba(75,12,35,.12);animation:heroFloatStraight 7s ease-in-out infinite}.hero-visual-premium img{border-radius:10px;aspect-ratio:4/3;object-fit:cover}}

/* About hero: premium capability panel */
.about-pagehero{padding:92px 0 86px;}
.about-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;}
.about-hero-copy{max-width:760px;}
.about-hero-copy h1{max-width:780px;}
.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.about-hero-panel{position:relative;padding:26px;border:1px solid rgba(118,21,54,.12);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(55,12,31,.09);backdrop-filter:blur(14px);overflow:hidden;}
.about-hero-panel:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(184,76,115,.08);right:-90px;top:-100px;filter:blur(2px);}
.about-hero-panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(118,21,54,.09);}
.about-hero-panel-head span{font-size:.68rem;font-weight:900;letter-spacing:.16em;color:var(--wine);}
.about-hero-panel-head strong{font-size:.75rem;color:#6f6570;white-space:nowrap;}
.about-hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.about-mini-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:#fff;border:1px solid rgba(118,21,54,.08);transition:transform .25s ease,box-shadow .25s ease;}
.about-mini-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(55,12,31,.08);}
.about-mini-card .mini-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff0f4;color:var(--wine);font-weight:900;font-size:1.1rem;}
.about-mini-card div{display:grid;gap:2px;}
.about-mini-card strong{font-size:.95rem;}
.about-mini-card small{font-size:.72rem;color:#7b6d75;}
.about-hero-note{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px 14px;border-radius:14px;background:#3b0c20;color:#fff;font-size:.78rem;font-weight:700;}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#ffb3c9;box-shadow:0 0 0 5px rgba(255,179,201,.12);flex:0 0 auto;}
@media(max-width:950px){.about-hero-inner{grid-template-columns:1fr;gap:32px}.about-hero-copy{max-width:none}.about-pagehero{padding:76px 0 68px}}
@media(max-width:600px){.about-pagehero{padding:58px 0 52px}.about-hero-actions .btn{width:100%;text-align:center}.about-hero-panel{padding:18px;border-radius:22px}.about-hero-panel-head{align-items:flex-start;flex-direction:column}.about-hero-panel-head strong{white-space:normal}.about-hero-mini-grid{grid-template-columns:1fr}.about-hero-note{font-size:.72rem}}

/* Pricing page */
.pricing-hero{padding:88px 0 76px;background:linear-gradient(135deg,#fff 0%,#fff7fa 58%,#fdf0f5 100%);overflow:hidden}
.pricing-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.pricing-hero h1{max-width:760px}
.pricing-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pricing-highlight{padding:32px;border-radius:30px;background:#3b0c20;color:#fff;box-shadow:0 25px 70px rgba(55,12,31,.18);position:relative;overflow:hidden}
.pricing-highlight:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-100px;background:rgba(255,255,255,.08)}
.pricing-highlight span{display:block;font-size:.75rem;letter-spacing:.16em;font-weight:900;color:#f2cbd8}
.pricing-highlight strong{display:block;font-size:clamp(3rem,6vw,5rem);line-height:1;margin:12px 0 8px}
.pricing-highlight small{color:#ead8df}
.pricing-highlight div{display:grid;gap:9px;margin-top:24px}.pricing-highlight b{font-size:.9rem;color:#fff}
.pricing-section{padding:88px 0}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2{margin:10px 0 12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.price-card{display:flex;flex-direction:column;padding:30px;border-radius:28px;border:1px solid rgba(118,21,54,.12);background:#fff;box-shadow:0 18px 55px rgba(55,12,31,.07);transition:transform .25s ease,box-shadow .25s ease;position:relative}
.price-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(55,12,31,.12)}
.price-card.featured{border:2px solid rgba(118,21,54,.35);box-shadow:0 25px 75px rgba(118,21,54,.14);transform:translateY(-8px)}
.price-card.featured:hover{transform:translateY(-12px)}
.price-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.price-label{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--wine)}.price-badge{font-size:.68rem;padding:7px 10px;border-radius:999px;background:#fff0f4;color:var(--wine);font-weight:800}
.price-card h3{margin:22px 0 8px}.price-card>p{color:#756b72}.price{font-size:3rem;font-weight:900;color:#24171d;margin-top:20px;line-height:1}.price sup{font-size:1.35rem;vertical-align:top;top:.45em;position:relative}.price span{font-size:1.2rem;color:#7c7077}.price-note{font-size:.78rem!important;margin:7px 0 20px!important}.price-card ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;color:#53474e;flex:1}.price-card li{font-size:.95rem}.price-card .btn{width:100%;text-align:center}
.pricing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pricing-features .card{padding:24px}.pricing-features h3{margin-bottom:8px}.pricing-note-box{margin-top:28px;padding:30px;border-radius:26px;background:#3b0c20;color:#fff;display:flex;align-items:center;gap:24px;justify-content:space-between}.pricing-note-box h3{margin:0 0 6px}.pricing-note-box p{margin:0;color:#ead8df;max-width:760px}.pricing-note-box .btn{flex:0 0 auto;background:#fff;color:var(--wine)}
@media(max-width:950px){.pricing-hero-inner{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-5px)}.pricing-features{grid-template-columns:1fr 1fr}.pricing-note-box{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.pricing-hero{padding:60px 0}.pricing-hero-actions .btn{width:100%;text-align:center}.pricing-highlight{padding:24px;border-radius:24px}.pricing-section{padding:64px 0}.pricing-grid,.pricing-features{grid-template-columns:1fr}.price-card{padding:24px}.pricing-note-box{padding:24px}.pricing-note-box .btn{width:100%;text-align:center}}


/* ===== FINAL BUTTON & NAV POLISH ===== */
.btn,
.btn-primary,
.btn-outline,
.btn-light{
  min-height:48px;
  min-width:148px;
  padding:13px 22px;
  border-radius:14px;
  font-size:.92rem;
  font-weight:850;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
  letter-spacing:-.01em;
}
.btn:not(.btn-outline):not(.btn-light){
  background:var(--wine);
  color:#fff;
  border-color:var(--wine);
  box-shadow:0 12px 28px rgba(118,21,54,.18);
}
.btn:not(.btn-outline):not(.btn-light):hover{
  background:var(--deep);
  border-color:var(--deep);
  transform:translateY(-2px);
}
.btn-outline{
  background:var(--surface);
  border:1px solid var(--wine);
  color:var(--wine);
}
.btn-outline:hover{
  background:var(--surface2);
  color:var(--wine);
  transform:translateY(-2px);
}
.btn-light{
  background:#fff;
  color:var(--wine);
  border:1px solid rgba(255,255,255,.75);
}
.btn-light:hover{transform:translateY(-2px);background:#fff}
.actions,
.project-actions,
.about-hero-actions,
.pricing-hero-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.call-now{
  min-height:46px;
  padding:12px 20px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.navlinks{gap:4px}
.navlinks a{white-space:nowrap}
@media(max-width:950px){
  .nav{gap:12px}
  .call-now{margin-left:0}
}
@media(max-width:760px){
  .actions .btn,
  .project-actions .btn,
  .about-hero-actions .btn,
  .pricing-hero-actions .btn,
  .pricing-note-box .btn{
    width:100%;
    min-width:0;
  }
}
@media(max-width:600px){
  .btn,.btn-primary,.btn-outline,.btn-light{min-height:46px;font-size:.9rem;padding:12px 18px}
}


/* Service directory + detail pages */
.services-directory{padding:82px 0}.service-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-directory-card{position:relative;display:flex;flex-direction:column;min-height:315px;padding:28px 24px 22px;border:1px solid rgba(118,21,54,.12);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#fff9fb 100%);box-shadow:0 14px 38px rgba(55,12,31,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-directory-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--wine),#b84c73);border-radius:999px}.service-directory-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(55,12,31,.12);border-color:rgba(118,21,54,.22)}.service-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff0f4;color:var(--wine);font-size:1.65rem;margin-bottom:18px;border:1px solid rgba(118,21,54,.08)}.service-directory-card h2{font-size:clamp(1.25rem,1.6vw,1.55rem);line-height:1.2;margin:0 0 10px}.service-directory-card p{font-size:.98rem;line-height:1.7;color:#70636b;margin:0 0 20px}.service-link{margin-top:auto;color:var(--wine);font-weight:850;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.service-link:hover{text-decoration:underline}.service-detail-hero{padding:82px 0 70px;background:linear-gradient(135deg,#fff 0%,#fff7fa 60%,#fdf0f5 100%)}.service-detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.service-detail-hero h1{max-width:760px;margin:10px 0 16px}.service-detail-hero p{max-width:720px;font-size:1.08rem;line-height:1.8;color:#6f6570}.service-detail-badges{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.service-detail-badges span{padding:8px 12px;border-radius:999px;background:#fff0f4;color:var(--wine);font-size:.82rem;font-weight:800}.service-price-panel{padding:34px;border-radius:30px;background:#3b0c20;color:#fff;box-shadow:0 24px 65px rgba(55,12,31,.2);position:relative;overflow:hidden}.service-price-panel:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-120px;top:-120px;background:rgba(255,255,255,.07)}.service-price-panel .label{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#f3cbd8;font-weight:900}.service-price-panel strong{display:block;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1;margin:12px 0 6px}.service-price-panel small{color:#ead8df}.service-price-panel ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.service-price-panel li:before{content:"✓";margin-right:9px;color:#ffd6e2;font-weight:900}.service-detail-section{padding:82px 0}.service-detail-section.alt{background:#fff8fa}.service-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px;align-items:stretch}.service-feature-card{padding:26px;border:1px solid rgba(118,21,54,.1);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(55,12,31,.06)}.service-feature-card h3{margin:0 0 8px}.service-feature-card p{color:#71656c;line-height:1.7}.service-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.service-plan{display:flex;flex-direction:column;padding:28px;border:1px solid rgba(118,21,54,.12);border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(55,12,31,.06)}.service-plan.featured{border:2px solid rgba(118,21,54,.3);box-shadow:0 22px 60px rgba(118,21,54,.12);transform:translateY(-5px)}.service-plan h3{margin:0 0 8px}.service-plan .plan-price{font-size:2.4rem;font-weight:900;color:var(--wine);margin:12px 0}.service-plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px;flex:1}.service-plan li:before{content:"✓";color:var(--wine);font-weight:900;margin-right:8px}.service-plan .btn{width:100%;text-align:center}.service-cta{padding:34px;border-radius:28px;background:linear-gradient(135deg,#3b0c20,var(--wine));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.service-cta p{margin:6px 0 0;color:#ead8df}.service-cta .btn{background:#fff;color:var(--wine)}
@media(max-width:1050px){.service-directory-grid{grid-template-columns:repeat(2,1fr)}.service-detail-grid{grid-template-columns:1fr}.service-feature-grid,.service-pricing-grid{grid-template-columns:1fr 1fr}.service-plan.featured{transform:none}}
@media(max-width:600px){.services-directory,.service-detail-section{padding:62px 0}.service-directory-grid,.service-feature-grid,.service-pricing-grid{grid-template-columns:1fr}.service-directory-card{min-height:0;padding:24px}.service-detail-hero{padding:58px 0}.service-price-panel{padding:26px}.service-cta{flex-direction:column;align-items:flex-start;padding:26px}.service-cta .btn{width:100%;text-align:center}.service-plan{padding:24px}}

/* Premium Services hero */
.services-hero{position:relative;overflow:hidden;padding:82px 0 78px;background:radial-gradient(circle at 78% 48%,rgba(184,76,115,.12),transparent 34%),linear-gradient(135deg,#fff 0%,#fff8fb 56%,#f9eef3 100%);}
.services-hero:before{display:none}
.services-hero-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative;z-index:2;}
.services-hero-copy{max-width:720px}.services-hero-copy h1{font-size:48px;line-height:.98;letter-spacing:-.055em;margin:14px 0 20px}.services-hero-copy h1 span{color:var(--wine)}.services-hero-copy>p{max-width:690px;font-size:1.08rem;line-height:1.75;color:#6f6570}
.services-principles{display:flex;align-items:center;gap:18px;margin:28px 0 26px}.services-principles>div{display:flex;align-items:center;gap:9px}.services-principles b{font-size:1.45rem;color:var(--wine)}.services-principles span{font-weight:800;line-height:1.1}.services-principles small{font-size:.78rem;color:#7d6f77;font-weight:600}.services-principles i{height:34px;width:1px;background:rgba(118,21,54,.15)}
.services-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.services-hero-actions .btn{min-width:190px;text-align:center}.services-trust{display:flex;align-items:center;gap:12px;margin-top:25px}.trust-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff0f4;color:var(--wine);box-shadow:0 8px 22px rgba(75,12,35,.08)}.services-trust div{display:grid;gap:3px}.services-trust strong{font-size:.92rem}.services-trust small{color:#776a72}
.services-hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.services-visual-glow{position:absolute;width:75%;height:65%;background:rgba(184,76,115,.16);filter:blur(55px);border-radius:50%}.services-visual-card{position:relative;width:min(650px,100%);border:0;background:transparent;box-shadow:none;transform:none;animation:servicesFloat 6s ease-in-out infinite;overflow:visible}.services-visual-card:after{display:none}.services-visual-card img{display:block;width:100%;height:auto;aspect-ratio:1138/610;object-fit:contain;border-radius:0;box-shadow:none}.service-float{position:absolute;padding:12px 17px;border:1px solid rgba(118,21,54,.1);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(75,12,35,.12);color:var(--wine);font-size:.78rem;backdrop-filter:blur(12px);z-index:3}.service-float strong{color:#3b2430;margin-left:5px}.float-top{top:-26px;left:16%}.float-right{right:-28px;top:23%}.float-left{left:-30px;bottom:25%}.float-bottom{right:8%;bottom:-26px}
@keyframes servicesFloat{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}
@media(max-width:1050px){.services-hero-inner{grid-template-columns:1fr}.services-hero-copy{max-width:none}.services-hero-visual{min-height:420px}.services-principles{flex-wrap:wrap}.services-principles i{display:none}}
@media(max-width:600px){.services-hero{padding:58px 0 54px}.services-hero-copy h1{font-size:48px}.services-hero-copy>p{font-size:1rem}.services-principles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.services-principles>div{padding:11px;border:1px solid rgba(118,21,54,.09);border-radius:14px;background:rgba(255,255,255,.7)}.services-hero-actions{display:grid}.services-hero-actions .btn{width:100%}.services-hero-visual{min-height:300px}.services-visual-card{border-width:6px;border-radius:24px}.services-visual-card img{border-radius:18px}.service-float{font-size:.66rem;padding:9px 11px;border-radius:12px}.float-top{top:-18px;left:7%}.float-right{right:-10px;top:17%}.float-left{left:-10px;bottom:20%}.float-bottom{right:5%;bottom:-18px}.services-trust small{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.services-visual-card{animation:none}}

/* Unified premium hero treatment across inner pages */
.pagehero{padding:86px 0 78px;background:radial-gradient(circle at 82% 45%,rgba(184,76,115,.12),transparent 34%),linear-gradient(135deg,var(--bg),var(--surface2));}
.pagehero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative;z-index:2;}
.pagehero-copy{max-width:760px;}
.pagehero-copy h1{margin-top:14px;}
.pagehero-copy p{font-size:1.08rem;line-height:1.75;max-width:690px;}
.pagehero-visual{position:relative;min-height:390px;display:grid;place-items:center;}
.pagehero-visual-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(184,76,115,.16),transparent 66%);filter:blur(3px);}
.pagehero-visual-card{position:relative;width:min(510px,100%);padding:14px;border:1px solid rgba(118,21,54,.13);border-radius:30px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:var(--shadow);transform:rotate(-1.5deg);animation:heroFloat 7s ease-in-out infinite;}
.pagehero-visual-card img{width:100%;height:275px;object-fit:cover;border-radius:22px;}
.pagehero-badge{position:absolute;padding:11px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 14px 35px rgba(55,7,27,.12);color:var(--wine);font-size:.76rem;font-weight:850;}
.pagehero-badge.badge-a{left:-28px;top:28px}.pagehero-badge.badge-b{right:-28px;top:105px}.pagehero-badge.badge-c{left:-18px;bottom:28px}
@keyframes heroFloat{0%,100%{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-8px)}}
.project-detail,.service-detail-hero,.pricing-hero,.profile-hero{position:relative;overflow:hidden;}
.project-detail:before,.service-detail-hero:before,.pricing-hero:before,.profile-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-210px;border:1px solid rgba(118,21,54,.08);box-shadow:0 0 0 70px rgba(184,76,115,.02),0 0 0 140px rgba(184,76,115,.015);pointer-events:none;}
@media(max-width:950px){.pagehero-layout{grid-template-columns:1fr}.pagehero-visual{min-height:330px}.pagehero-visual-card{max-width:620px}.pagehero-copy{max-width:none}}
@media(max-width:600px){.pagehero{padding:58px 0 48px}.pagehero-layout{gap:28px}.pagehero-copy h1{font-size:clamp(2.35rem,11vw,3.3rem)}.pagehero-copy p{font-size:1rem}.pagehero-visual{min-height:270px}.pagehero-visual-card{padding:9px;border-radius:22px;transform:none}.pagehero-visual-card img{height:185px;border-radius:16px}.pagehero-badge{font-size:.65rem;padding:8px 10px}.pagehero-badge.badge-a{left:-5px;top:8px}.pagehero-badge.badge-b{right:-5px;top:65px}.pagehero-badge.badge-c{left:5px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.pagehero-visual-card{animation:none}}

/* Premium services page: services + testimonials + portfolio */
.services-heading-row,.service-split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.services-heading-row .section-heading{margin-bottom:0}.services-heading-note{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(118,21,54,.09);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 12px 32px rgba(55,12,31,.05);flex:0 0 auto}.services-heading-note>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff0f4;color:var(--wine);font-size:1.2rem}.services-heading-note div{display:grid;gap:2px}.services-heading-note strong{font-size:.82rem;color:var(--wine)}.services-heading-note small{font-size:.72rem;color:#756870}.premium-service-grid{margin-top:12px}.premium-service-grid .service-directory-card{min-height:340px;padding:25px 24px 23px}.premium-service-grid .service-directory-card h2{font-size:1.38rem}.service-price{display:flex;align-items:baseline;gap:7px;margin:2px 0 18px}.service-price span{font-size:.74rem;color:#8a7780}.service-price strong{font-size:1rem;color:var(--wine);font-weight:900}.service-price strong span{font-size:.65rem;color:var(--wine);font-weight:800;margin-left:2px}.service-testimonials{padding:84px 0;background:linear-gradient(135deg,#fff8fa 0%,#fff 58%,#fff7fa 100%);position:relative;overflow:hidden}.service-testimonials:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(118,21,54,.07);border-radius:50%;left:-230px;bottom:-250px;box-shadow:0 0 0 70px rgba(184,76,115,.025)}.service-split-heading{margin-bottom:34px}.service-split-heading h2{margin:10px 0 10px}.service-split-heading p{margin:0;color:#756870;max-width:720px;line-height:1.7}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{position:relative;padding:25px;border:1px solid rgba(118,21,54,.1);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(55,12,31,.07);overflow:hidden}.testimonial-card:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--wine),#c85a7f)}.testimonial-top{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px}.testimonial-top img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(118,21,54,.1)}.testimonial-top div:nth-child(2){display:grid;gap:4px}.testimonial-top strong{font-size:.96rem}.testimonial-top span{font-size:.72rem;color:#81717a}.stars{font-size:.75rem;letter-spacing:2px;color:#b54870;white-space:nowrap}.testimonial-card p{margin:20px 0 6px;color:#6e626b;line-height:1.75;font-size:.95rem}.quote-mark{position:absolute;right:20px;bottom:8px;color:#e7b8c8;font-size:3rem;line-height:1;font-family:Georgia,serif}.service-portfolio-showcase{padding:84px 0 96px;background:#fff}.service-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-project-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(118,21,54,.1);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(55,12,31,.06);transition:transform .25s ease,box-shadow .25s ease}.service-project-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(55,12,31,.12)}.service-project-card img{display:block;width:100%;height:180px;object-fit:cover}.service-project-card div{padding:19px}.service-project-card span{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--wine)}.service-project-card h3{font-size:1.05rem;margin:8px 0 6px}.service-project-card p{font-size:.84rem;line-height:1.6;color:#756870;margin:0 0 14px}.service-project-card b{font-size:.78rem;color:var(--wine)}
@media(max-width:1050px){.services-heading-row,.service-split-heading{align-items:flex-start}.testimonial-grid{grid-template-columns:1fr 1fr}.service-project-grid{grid-template-columns:1fr 1fr}.services-heading-note{display:none}}
@media(max-width:600px){.services-heading-row,.service-split-heading{display:block}.service-split-heading .btn{margin-top:18px;width:100%;text-align:center}.testimonial-grid,.service-project-grid{grid-template-columns:1fr}.service-testimonials,.service-portfolio-showcase{padding:62px 0}.testimonial-card{padding:22px}.testimonial-top{grid-template-columns:56px 1fr}.testimonial-top img{width:56px;height:56px}.stars{grid-column:2;font-size:.68rem;margin-top:-5px}.service-project-card img{height:210px}.premium-service-grid .service-directory-card{min-height:0}}


/* Home page premium service cards */
.what-we-do{position:relative;overflow:hidden}
.what-we-do:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:120px;border:1px solid rgba(118,21,54,.08);box-shadow:0 0 0 60px rgba(184,76,115,.018),0 0 0 120px rgba(184,76,115,.012);pointer-events:none}
.home-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;position:relative;z-index:1}
.home-service-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:26px;text-decoration:none;color:var(--text);background:linear-gradient(145deg,var(--surface),#fffafd);border:1px solid rgba(118,21,54,.12);border-radius:24px;box-shadow:0 12px 35px rgba(55,7,27,.055);overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,border-color .35s}
.home-service-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#761536,#b84c73);transform:scaleX(.18);transform-origin:left;transition:transform .35s}
.home-service-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-85px;top:-85px;background:rgba(184,76,115,.07);transition:transform .45s}
.home-service-card:hover{transform:translateY(-10px);box-shadow:0 24px 55px rgba(55,7,27,.12);border-color:rgba(118,21,54,.24)}
.home-service-card:hover:before{transform:scaleX(1)}
.home-service-card:hover:after{transform:scale(1.25)}
.home-service-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#fff0f4;color:var(--wine);font-size:1.35rem;font-weight:900;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(118,21,54,.07);transition:transform .35s,background .35s}
.home-service-card:hover .home-service-icon{transform:rotate(-5deg) scale(1.08);background:#ffe8f0}
.home-service-number{font-size:.68rem;font-weight:900;letter-spacing:.13em;color:var(--wine);margin-bottom:8px}
.home-service-card h3{font-size:1.35rem;line-height:1.15;margin:0 0 10px;letter-spacing:-.02em}
.home-service-card p{font-size:.92rem;line-height:1.7;color:#756a71;margin:0 0 20px}
.home-service-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--wine);font-size:.82rem;font-weight:900}
.home-service-link b{font-size:1rem;transition:transform .25s}
.home-service-card:hover .home-service-link b{transform:translateX(5px)}
.home-services-all{margin-top:22px}
@keyframes serviceCardLift{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:none}}
.home-service-card.reveal.show{animation:serviceCardLift .65s both}
@media(max-width:1050px){.home-services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.home-services-grid{grid-template-columns:1fr;gap:16px}.home-service-card{min-height:0;padding:23px}.home-service-card h3{font-size:1.28rem}.home-services-all{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.home-service-card.reveal.show{animation:none}}


/* Subtle premium motion: headings + stat counters */
.heading-reveal{opacity:0;transform:translateY(18px);filter:blur(3px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1),filter .72s ease;will-change:opacity,transform,filter}
.heading-reveal.heading-visible{opacity:1;transform:none;filter:blur(0)}
.stat-counter strong{display:inline-block;min-width:2ch;transform:translateY(4px);opacity:.55;animation:statNumberIn .7s ease forwards}
.stat-word-animate{display:inline-block;animation:statWordIn .7s .08s ease both}
@keyframes statNumberIn{from{opacity:.25;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}
@keyframes statWordIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.heading-reveal{opacity:1;transform:none;filter:none;transition:none}.stat-counter strong,.stat-word-animate{animation:none}}

/* Premium service-section visual */
.services-visual-section{position:relative;overflow:hidden;padding:88px 0;background:linear-gradient(135deg,#fff 0%,#fff8fb 55%,#f9eef3 100%)}
.services-visual-section:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(118,21,54,.08);border-radius:50%;right:-220px;top:-210px;box-shadow:0 0 0 70px rgba(184,76,115,.022),0 0 0 140px rgba(184,76,115,.015)}
.services-visual-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative;z-index:1}
.services-feature-visual{position:relative;min-height:470px;display:grid;place-items:center}
.feature-glow{position:absolute;width:76%;height:65%;background:rgba(184,76,115,.15);filter:blur(58px);border-radius:50%;animation:featureGlow 6s ease-in-out infinite}
.feature-image-card{position:relative;width:min(650px,100%);padding:14px;border:1px solid rgba(118,21,54,.09);border-radius:32px;background:rgba(255,255,255,.88);box-shadow:0 30px 80px rgba(75,12,35,.14);transform:rotate(-1deg);animation:featureFloat 6.5s ease-in-out infinite;overflow:visible}
.feature-image-card:after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(118,21,54,.07);pointer-events:none}
.feature-image-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;background:#fff}
.feature-float{position:absolute;z-index:3;padding:12px 16px;border:1px solid rgba(118,21,54,.1);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(75,12,35,.12);backdrop-filter:blur(12px);color:var(--wine);font-size:.78rem;animation:featureTagFloat 4.8s ease-in-out infinite}
.feature-float strong{color:#3b2430;margin-left:5px}
.feature-float-top{top:-24px;left:13%;animation-delay:-.8s}.feature-float-right{right:-26px;top:25%;animation-delay:-1.8s}.feature-float-left{left:-28px;bottom:25%;animation-delay:-2.6s}.feature-float-bottom{right:8%;bottom:-24px;animation-delay:-3.5s}
.services-visual-copy h2{font-size:clamp(2.15rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:12px 0 16px;max-width:650px}.services-visual-copy>p{max-width:620px;color:#6f6570;font-size:1.06rem;line-height:1.8;margin:0 0 28px}
.visual-points{display:grid;gap:13px;margin:0 0 28px}.visual-points>div{display:flex;gap:13px;align-items:flex-start;padding:13px 0}.visual-points>div>span{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff0f4;color:var(--wine);font-size:.72rem;font-weight:900}.visual-points div div{display:grid;gap:3px}.visual-points strong{font-size:.92rem}.visual-points small{font-size:.78rem;color:#796b73;line-height:1.55}
@keyframes featureFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(.2deg)}}
@keyframes featureTagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes featureGlow{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}
@media(max-width:1050px){.services-visual-inner{grid-template-columns:1fr;gap:45px}.services-feature-visual{min-height:420px}.services-visual-copy{max-width:760px}}
@media(max-width:600px){.services-visual-section{padding:62px 0}.services-feature-visual{min-height:300px}.feature-image-card{padding:8px;border-radius:24px}.feature-image-card img{border-radius:17px}.feature-float{font-size:.64rem;padding:9px 11px;border-radius:11px}.feature-float-top{top:-17px;left:6%}.feature-float-right{right:-9px;top:17%}.feature-float-left{left:-9px;bottom:20%}.feature-float-bottom{right:5%;bottom:-17px}.services-visual-copy h2{font-size:2rem}.services-visual-copy>p{font-size:1rem}.visual-points{gap:5px}.visual-points>div{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.feature-glow,.feature-image-card,.feature-float{animation:none}}


/* Social links + final Founder / Contact polish */
.social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.social-link{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff!important;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.social-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-link[data-social="facebook"] svg,.social-link[data-social="linkedin"] svg{fill:currentColor;stroke:none}
.social-link:hover{transform:translateY(-4px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.footer-grid{grid-template-columns:1.35fr 1fr 1fr 1.15fr .9fr;align-items:start}
.footer-social p{font-size:.9rem;margin:0;color:#cdb7bf}.footer-social .social-links{margin-top:12px}.social-note{display:block;margin-top:12px;color:#9f8992;line-height:1.5}.social-note code{color:#f0dfe5}
.contact-social-card{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 14px 38px rgba(55,12,31,.06);display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-social-card h3{margin:4px 0 4px}.contact-social-card p{margin:0;color:#746973;max-width:520px}.contact-social-card .social-links{margin:0;flex-shrink:0}.contact-social-card .social-link{background:#fff;color:var(--wine)!important;border-color:var(--line)}.contact-social-card .social-link:hover{background:#fff0f4;border-color:rgba(118,21,54,.22);box-shadow:0 10px 25px rgba(118,21,54,.12)}
.contact-social-card .social-link svg{stroke:currentColor}.contact-social-card .social-link[data-social="facebook"] svg,.contact-social-card .social-link[data-social="linkedin"] svg{fill:currentColor;stroke:none}
.profile-hero{padding:62px 0 70px}.profile-grid{gap:52px}.profile-card{padding:26px}.profile-main{padding-top:8px}.profile-main h1{margin-top:10px;margin-bottom:16px}.profile-main .lead{max-width:760px}.profile-social{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.profile-social-label{font-size:.78rem;font-weight:800;color:var(--wine);text-transform:uppercase;letter-spacing:.08em}.profile-social .social-links{margin-top:10px}.profile-social .social-link{background:#fff;color:var(--wine)!important;border:1px solid var(--line)}.profile-social .social-link:hover{background:#fff0f4;border-color:rgba(118,21,54,.22)}.profile-social .social-link svg{stroke:currentColor}.profile-social .social-link[data-social="facebook"] svg,.profile-social .social-link[data-social="linkedin"] svg{fill:currentColor;stroke:none}
@media(max-width:900px){.footer-grid{grid-template-columns:1.35fr 1fr 1fr 1fr}.footer-social{grid-column:1/-1}.footer-social .social-links{margin-top:10px}}
@media(max-width:720px){.profile-hero{padding:48px 0 58px}.profile-grid{gap:30px}.profile-main{padding-top:0}.contact-social-card{align-items:flex-start;flex-direction:column}.contact-social-card .social-links{margin-top:4px}.footer-social{grid-column:auto}}


/* ===== SEO / Mobile / Accessibility hardening ===== */
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{min-width:0;width:100%;overflow-x:hidden}
main,section,header,footer,div,article,aside{min-width:0}
img,video,svg,iframe{max-width:100%;height:auto}
iframe{border:0}
button,a,input,textarea,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(118,21,54,.35);outline-offset:3px}
.skip-link{position:absolute;left:12px;top:-100px;z-index:10000;background:#fff;color:#330817;padding:10px 14px;border-radius:10px;font-weight:800}
.skip-link:focus{top:12px}
.text-balance{text-wrap:balance}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media (max-width:1100px){
  .container{width:min(94%,var(--max))}
  .hero-inner{gap:36px}
  .services-visual-inner{gap:42px}
  .footer-grid{gap:24px}
}
@media (max-width:950px){
  .header .nav{min-height:72px}
  .navlinks{top:72px;max-height:calc(100vh - 72px);overflow:auto;padding:12px 4% 18px;box-shadow:0 18px 40px rgba(35,5,18,.10)}
  .navlinks a{min-height:44px;display:flex;align-items:center}
  .call-now{display:none}
  .hero{min-height:auto}
  .hero-inner{padding:64px 0}
}
@media (max-width:720px){
  .container{width:min(92%,var(--max))}
  .section{padding:64px 0}
  h1{font-size:clamp(2.35rem,10.5vw,4.2rem);overflow-wrap:anywhere}
  h2{font-size:clamp(1.9rem,8.5vw,3rem);overflow-wrap:anywhere}
  h3{overflow-wrap:anywhere}
  .hero-inner{padding:54px 0 62px;gap:28px}
  .hero-copy p{font-size:1rem;line-height:1.7}
  .actions,.hero-actions,.project-actions{width:100%}
  .actions .btn,.hero-actions .btn,.project-actions .btn{width:100%;text-align:center}
  .hero-art{width:100%;min-height:310px}
  .glass{width:min(100%,430px)}
  .float{font-size:.68rem;padding:9px 11px}
  .pagehero{padding:64px 0 52px}
  .pagehero-layout{grid-template-columns:1fr!important}
  .pagehero-copy h1{font-size:clamp(2.25rem,10vw,3.2rem)}
  .pagehero-visual{min-height:290px;width:100%}
  .service-detail-grid{grid-template-columns:1fr!important}
  .service-detail-hero{padding:58px 0!important}
  .contact{grid-template-columns:1fr!important}
  .form{padding:22px}
  .contact-social-card{width:100%}
  .social-links{gap:8px}
  .social-link{width:42px;height:42px}
  .footer{padding:48px 0 18px}
  .footer-grid{grid-template-columns:1fr!important}
  .copy{gap:8px}
  .copy span{overflow-wrap:anywhere}
  table{min-width:620px}
}
@media (max-width:420px){
  .container{width:calc(100% - 28px)}
  .logo{gap:7px}
  .logo img{width:42px;height:42px}
  .logo small{font-size:.52rem}
  .hero-inner{padding-top:42px}
  .hero-art{min-height:275px}
  .orbit{width:260px;height:260px}
  .glass{padding:12px;border-radius:22px}
  .glass img{height:165px;border-radius:15px}
  .f1{right:-2px}.f2{left:-2px}
  .stats{gap:10px}
  .stat{padding:18px}
  .btn{width:100%;min-height:46px}
}

/* FINAL HERO VISUAL: image only, no rounded frame/grid/border */
.services-visual-card,.services-visual-card:before,.services-visual-card:after{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.services-visual-card img{border-radius:0!important;box-shadow:none!important}


/* Professional blog + service detail enhancements */
.service-story{padding:72px 0;background:linear-gradient(180deg,#fff,#fff8fa)}
.service-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.service-story-card,.service-checklist{border:1px solid rgba(124,20,55,.12);border-radius:24px;background:#fff;padding:32px;box-shadow:0 18px 50px rgba(45,12,25,.07)}
.service-story-card h2,.service-checklist h2{margin:8px 0 14px}
.service-story-card p{line-height:1.85;color:#6e6268}
.service-checklist ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.service-checklist li{padding:13px 14px;border-radius:14px;background:#fff6f8;border:1px solid rgba(124,20,55,.08);color:#3b252d}
.service-checklist li::before{content:'✓';font-weight:800;color:var(--wine);margin-right:10px}
.service-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.service-process article{padding:20px;border-radius:18px;background:var(--surface,#fff);border:1px solid rgba(124,20,55,.1);transition:transform .25s ease,box-shadow .25s ease}
.service-process article:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(45,12,25,.08)}
.service-process strong{display:block;color:var(--wine);font-size:13px;letter-spacing:.08em;margin-bottom:8px}
.service-process h3{margin:0 0 7px;font-size:20px}.service-process p{margin:0;color:#756970;line-height:1.65;font-size:15px}
.blog-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}.blog-filter{border:1px solid rgba(124,20,55,.15);background:#fff;color:#4d3740;border-radius:999px;padding:9px 15px;cursor:pointer;font-weight:700}.blog-filter.active,.blog-filter:hover{background:var(--wine);color:#fff}
.blog-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(45,12,25,.1)}
.blog-cover img{width:100%;height:210px;object-fit:cover;object-position:center;display:block}.blog-cover{min-height:210px;padding:0;display:flex;align-items:stretch;justify-content:stretch;background:var(--surface);overflow:hidden}
.article-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wine)}
@media(max-width:900px){.service-story-grid{grid-template-columns:1fr}.service-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.service-story{padding:48px 0}.service-story-card,.service-checklist{padding:22px;border-radius:18px}.service-process{grid-template-columns:1fr}.blog-toolbar{gap:7px}.blog-filter{padding:8px 12px;font-size:13px}}


/* ===== HOMEPAGE SEO / PORTFOLIO / FAQ / PRICING POLISH ===== */
.home-keyword-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.home-keyword-nav a{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid rgba(118,21,54,.12);border-radius:999px;background:rgba(255,255,255,.78);color:var(--wine);font-size:.76rem;font-weight:850;transition:.25s;box-shadow:0 8px 24px rgba(55,7,27,.05)}
.home-keyword-nav a:hover{transform:translateY(-3px);border-color:rgba(118,21,54,.28);box-shadow:0 14px 32px rgba(55,7,27,.1)}
.home-portfolio-showcase{background:linear-gradient(180deg,var(--surface2),var(--bg))}
.home-portfolio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.home-portfolio-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}
.home-project{min-height:360px;border-radius:28px;overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.home-project img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform .6s ease}
.home-project:hover img{transform:scale(1.035)}
.home-project:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(25,7,14,.9));pointer-events:none}
.home-project-content{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff}.home-project-content .number{color:#ffd7e2}.home-project-content h3{margin:7px 0}.home-project-content p{color:#f0dfe5;margin-bottom:12px}.home-project-content a{color:#fff;text-decoration:underline;font-weight:850}
.home-project-stack{display:grid;gap:20px}.home-project-stack .home-project{min-height:170px}.home-project-stack .home-project img{min-height:170px}.home-project-stack .home-project-content{left:18px;right:18px;bottom:16px}.home-project-stack .home-project-content h3{font-size:1.15rem}
.home-faq{background:var(--surface)}
.home-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:start}
.home-faq-intro{position:sticky;top:110px}.home-faq-intro h2{margin-top:10px}.home-faq-intro p{margin-top:12px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;box-shadow:0 10px 30px rgba(55,7,27,.04)}.faq-item summary{cursor:pointer;list-style:none;padding:20px 22px;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--wine);flex:none}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 22px 20px;color:var(--muted);line-height:1.75}.faq-answer a{color:var(--wine);font-weight:800}
.pricing-comparison-note{margin-top:28px;padding:18px 20px;border-radius:18px;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}
@media(max-width:950px){.home-portfolio-grid,.home-faq-layout{grid-template-columns:1fr}.home-faq-intro{position:static}.home-portfolio-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.home-project,.home-project img{min-height:280px}.home-project-stack .home-project,.home-project-stack .home-project img{min-height:220px}.home-project-content{left:18px;right:18px}.home-keyword-nav a{font-size:.7rem;padding:8px 10px}.faq-item summary{padding:17px}.faq-answer{padding:0 17px 17px}}

/* Final spacing + layout polish */
.section{padding:88px 0}
.section > .container{min-width:0}
.section-head,.section-heading{margin-bottom:30px}
.grid{gap:20px}
.home-faq{padding:88px 0 92px}
.home-faq-layout{gap:38px}
.home-faq-intro{max-width:520px}
.faq-list{gap:14px}
.faq-item{box-shadow:0 8px 24px rgba(55,7,27,.035)}
.faq-item summary{min-height:68px;padding:19px 22px}
.pagehero{padding:88px 0 72px}
.service-detail-hero{padding:76px 0 64px}
.service-detail-section{padding:72px 0}
.pricing-hero{padding:76px 0 66px}
.pricing-section{padding:72px 0}
.project-detail{padding:68px 0}
.project-section{padding:64px 0}
.profile-hero{padding:68px 0}
.contact{gap:32px}
.footer{padding-top:54px}
.about-pagehero{padding:76px 0 72px}
.about-hero-inner{gap:42px}
.about-hero-visual{position:relative;min-height:390px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#fff8fa,#f8e8ee);box-shadow:0 22px 60px rgba(55,12,31,.12);border:1px solid rgba(118,21,54,.09)}
.about-hero-visual img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center}
.about-hero-visual:after{content:"WebCore Nest · Build · Grow · Succeed";position:absolute;left:18px;bottom:18px;background:rgba(51,8,23,.88);color:#fff;padding:10px 14px;border-radius:12px;font-size:.72rem;font-weight:850;letter-spacing:.03em;backdrop-filter:blur(8px)}
.about-hero-visual .hero-chip{position:absolute;z-index:2;padding:9px 13px;border-radius:14px;background:rgba(255,255,255,.94);border:1px solid rgba(118,21,54,.1);box-shadow:0 12px 30px rgba(55,12,31,.1);color:var(--wine);font-size:.72rem;font-weight:850;animation:aboutFloat 4s ease-in-out infinite}
.about-hero-visual .chip-a{top:20px;left:20px}.about-hero-visual .chip-b{top:24px;right:20px;animation-delay:.7s}.about-hero-visual .chip-c{right:20px;bottom:22px;animation-delay:1.3s}
@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:950px){.home-faq-layout{gap:28px}.about-hero-visual{min-height:340px}.about-hero-visual img{min-height:340px}}
@media(max-width:600px){
 .section{padding:60px 0}
 .home-faq{padding:60px 0 64px}
 .pagehero{padding:58px 0 48px}
 .service-detail-hero,.pricing-hero{padding:56px 0 48px}
 .service-detail-section,.pricing-section,.project-section{padding:56px 0}
 .project-detail,.profile-hero{padding:50px 0}
 .about-pagehero{padding:54px 0 48px}
 .about-hero-inner{gap:24px}
 .about-hero-visual{min-height:280px;border-radius:22px}
 .about-hero-visual img{min-height:280px}
 .about-hero-visual .hero-chip{padding:7px 10px;font-size:.64rem}
 .about-hero-visual .chip-a{top:12px;left:12px}.about-hero-visual .chip-b{top:12px;right:12px}.about-hero-visual .chip-c{right:12px;bottom:12px}
 .faq-item summary{min-height:60px;padding:16px 17px}
}

/* Home about preview + experience stats */
.home-about-preview{padding:92px 0;background:linear-gradient(180deg,#fff 0%,#fff9fb 100%);}
.home-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.home-about-copy{max-width:650px;}
.home-about-copy h2{font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.06;margin:10px 0 18px;}
.accent-text{color:var(--wine);}
.home-about-copy>p{font-size:1.02rem;line-height:1.8;color:#6f6570;max-width:620px;}
.home-about-points{display:grid;gap:18px;margin:28px 0;}
.home-about-points>div{display:flex;gap:14px;align-items:flex-start;}
.point-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#fff0f4;color:var(--wine);font-weight:900;box-shadow:0 8px 24px rgba(118,21,54,.08);}
.home-about-points h3{margin:0 0 4px;font-size:1.02rem;}
.home-about-points p{margin:0;color:#756b73;line-height:1.55;font-size:.92rem;}
.home-about-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;}
.home-about-visual img{display:block;width:100%;height:500px;object-fit:cover;object-position:center;border-radius:28px;filter:saturate(.96);box-shadow:0 28px 70px rgba(55,12,31,.14);animation:homeAboutFloat 7s ease-in-out infinite;}
.home-about-badge{position:absolute;padding:11px 15px;border-radius:14px;background:rgba(255,255,255,.95);border:1px solid rgba(118,21,54,.1);box-shadow:0 14px 30px rgba(55,12,31,.12);color:var(--wine);font-size:.74rem;font-weight:850;animation:aboutFloat 4.5s ease-in-out infinite;}
.home-about-visual .badge-a{top:8%;left:-3%;}.home-about-visual .badge-b{top:14%;right:-3%;animation-delay:.7s}.home-about-visual .badge-c{right:6%;bottom:8%;animation-delay:1.3s}
@keyframes homeAboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.home-stats-section{padding:84px 0;}
.home-stats-section .section-head{max-width:760px;}
.home-stats-section .stats{margin-top:30px;}
.home-stats-section .stat{padding:25px 22px;border-radius:20px;}
.home-stats-section .stat strong{font-size:clamp(1.8rem,3vw,2.35rem);}
@media(max-width:950px){.home-about-grid{grid-template-columns:1fr;gap:38px}.home-about-copy{max-width:none}.home-about-visual{min-height:390px}.home-about-visual img{height:390px}.home-about-visual .badge-a{left:1%}.home-about-visual .badge-b{right:1%}}
@media(max-width:600px){.home-about-preview{padding:64px 0}.home-about-grid{gap:28px}.home-about-copy h2{font-size:2rem}.home-about-copy>p{font-size:.95rem;line-height:1.7}.home-about-visual{min-height:270px}.home-about-visual img{height:270px;border-radius:22px}.home-about-badge{padding:8px 10px;font-size:.62rem}.home-about-visual .badge-a{top:4%;left:2%}.home-about-visual .badge-b{top:7%;right:2%}.home-about-visual .badge-c{right:4%;bottom:4%}.home-stats-section{padding:64px 0}.home-stats-section .stats{grid-template-columns:1fr 1fr}.home-stats-section .stat{padding:18px 14px}}

/* FAQ spacing refinement - compact, balanced and professional */
.home-faq{padding:64px 0 68px!important}
.home-faq-layout{grid-template-columns:.78fr 1.22fr!important;gap:30px!important}
.home-faq-intro{max-width:500px!important}
.faq-list{gap:10px!important}
.faq-item{border-radius:16px!important}
.faq-item summary{min-height:58px!important;padding:16px 20px!important}
.faq-answer{padding:0 20px 16px!important;line-height:1.65!important}
@media(max-width:950px){.home-faq{padding:56px 0 60px!important}.home-faq-layout{gap:24px!important}}
@media(max-width:600px){.home-faq{padding:48px 0 54px!important}.home-faq-layout{gap:20px!important}.faq-list{gap:8px!important}.faq-item summary{min-height:54px!important;padding:14px 16px!important}.faq-answer{padding:0 16px 14px!important}}

/* FAQ final spacing refinement */
.home-faq{padding:68px 0 72px!important}
.home-faq-layout{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)!important;gap:42px!important;align-items:center!important}
.home-faq-intro{position:static!important;max-width:500px!important}
.home-faq-intro h2{margin:10px 0 14px!important;line-height:1.08!important}
.home-faq-intro p{margin:0 0 18px!important;line-height:1.65!important}
.faq-list{gap:10px!important}
.faq-item{border-radius:16px!important;box-shadow:0 7px 22px rgba(55,7,27,.035)!important}
.faq-item summary{min-height:58px!important;padding:15px 20px!important;line-height:1.35!important}
.faq-answer{padding:0 20px 16px!important;line-height:1.62!important}
@media(max-width:950px){
  .home-faq{padding:56px 0 60px!important}
  .home-faq-layout{grid-template-columns:1fr!important;gap:30px!important;align-items:start!important}
  .home-faq-intro{max-width:720px!important}
}
@media(max-width:600px){
  .home-faq{padding:44px 0 50px!important}
  .home-faq-layout{gap:22px!important}
  .faq-list{gap:8px!important}
  .faq-item summary{min-height:52px!important;padding:13px 15px!important}
  .faq-answer{padding:0 15px 14px!important;line-height:1.58!important}
}

/* SEO keyword layer — preserves the existing WebCore Nest design while improving semantic headings and FAQ presentation */
.pagehero h1,.about-hero-copy h1,.pricing-hero h1,.project-copy h1{font-size:48px;line-height:1.08;letter-spacing:-.035em}
.seo-faq{padding-top:76px;padding-bottom:76px}
.seo-faq .home-faq-layout{align-items:start}
.seo-faq .home-faq-intro h2{max-width:650px}
.seo-faq .faq-list{display:grid;gap:12px}
.seo-faq .faq-item{margin:0}
@media(max-width:760px){.pagehero h1,.about-hero-copy h1,.pricing-hero h1,.project-copy h1{font-size:36px}.seo-faq{padding-top:56px;padding-bottom:56px}}

/* Local SEO content block */
.local-seo-intro .card{box-shadow:0 18px 45px rgba(80,20,45,.08)}
.local-seo-intro .pills{margin-top:18px}

/* Final Kolkata SEO content + media visibility refinement */
.map-frame-wrap{width:100%;min-height:520px;border-radius:22px;overflow:hidden;background:#f4eef1;}
.map-frame-wrap .full-map{display:block;width:100%;height:520px;min-height:520px;border:0;}
.about-hero-visual{height:auto;min-height:0;display:flex;align-items:center;justify-content:center;}
.about-hero-visual img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:600/338;object-fit:contain;object-position:center;background:#fff8fa;}
@media(max-width:950px){.map-frame-wrap,.map-frame-wrap .full-map{min-height:460px;height:460px}.about-hero-visual img{aspect-ratio:600/338;}}
@media(max-width:600px){.map-frame-wrap,.map-frame-wrap .full-map{min-height:380px;height:380px}.about-hero-visual{min-height:0}.about-hero-visual img{min-height:0;height:auto;aspect-ratio:600/338;object-fit:contain;}}

.local-seo-context{max-width:820px;margin:12px 0 24px;color:var(--muted);line-height:1.8;font-size:1rem}.local-seo-context strong{color:var(--ink)}

/* V5 local SEO content + gentle count-up presentation */
.seo-content-section{background:var(--paper,#fff)}
.seo-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.seo-content-grid .card{height:100%;padding:28px}
.seo-content-grid h3{margin:0 0 10px}
.seo-content-grid p{margin:0;line-height:1.8;color:var(--muted)}
.related-service-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 auto 26px;max-width:1180px;padding:0 24px}
.stat-counter strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;will-change:contents,transform}
.stat-counter{overflow:hidden}
@media(max-width:900px){.seo-content-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.seo-content-grid{grid-template-columns:1fr}.seo-content-grid .card{padding:22px}.related-service-links{padding:0 18px;gap:9px}.related-service-links .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.stat-counter strong{transition:none!important}}

/* Portfolio card height fix: prevent shorter cards from stretching to match the longest card in a grid row. */
.portfolio{align-self:start;height:max-content;min-height:0;}
.portfolio .portfolio-content{height:auto;}
.portfolio-gallery .grid{align-items:start;}
@media(max-width:700px){.portfolio{width:100%;}}

/* FINAL GAP & SPACING POLISH */
.section{padding:72px 0}
.pagehero{padding:76px 0 62px}
.service-detail-section{padding:60px 0}
.pricing-section{padding:60px 0}
.project-section{padding:56px 0}
.home-about-preview{padding:72px 0}
.home-stats-section{padding:68px 0}
.growth-showcase{padding:72px 0}
.seo-content-section{padding:64px 0}

/* Keep card rows compact and aligned to their own content. */
.grid,.seo-content-grid,.home-portfolio-grid{align-items:start}
.grid.g3,.grid.g2{align-items:start}
.portfolio{align-self:start;height:auto;min-height:0}
.portfolio-content{height:auto}

/* Avoid oversized empty space inside the contact map area. */
.map-frame-wrap{height:320px;min-height:320px;border-radius:22px;overflow:hidden;background:#f4eef1}
.map-frame-wrap .full-map{width:100%;height:320px;min-height:320px;display:block;border:0}

/* Keep gallery sections visually connected without large dead zones. */
.portfolio-gallery{padding-top:8px}
.portfolio-gallery .grid{margin-top:20px}

@media(max-width:950px){
 .section{padding:60px 0}
 .pagehero{padding:64px 0 52px}
 .service-detail-section,.pricing-section{padding:52px 0}
 .project-section{padding:48px 0}
 .home-about-preview,.growth-showcase{padding:60px 0}
 .home-stats-section{padding:58px 0}
 .seo-content-section{padding:54px 0}
 .map-frame-wrap,.map-frame-wrap .full-map{height:300px;min-height:300px}
}
@media(max-width:600px){
 .section{padding:48px 0}
 .pagehero{padding:52px 0 42px}
 .service-detail-section,.pricing-section{padding:44px 0}
 .project-section{padding:42px 0}
 .home-about-preview,.growth-showcase{padding:50px 0}
 .home-stats-section{padding:48px 0}
 .seo-content-section{padding:46px 0}
 .map-frame-wrap,.map-frame-wrap .full-map{height:260px;min-height:260px;border-radius:18px}
 .portfolio-gallery{padding-top:0}
}
body[data-static-page="contact"] .map-frame-wrap{height:320px!important;min-height:320px!important}
body[data-static-page="contact"] .map-frame-wrap .full-map{height:320px!important;min-height:320px!important}
@media(max-width:950px){body[data-static-page="contact"] .map-frame-wrap,body[data-static-page="contact"] .map-frame-wrap .full-map{height:300px!important;min-height:300px!important}}
@media(max-width:600px){body[data-static-page="contact"] .map-frame-wrap,body[data-static-page="contact"] .map-frame-wrap .full-map{height:260px!important;min-height:260px!important}}

/* ===== FINAL INNOVATION + GAP REFINEMENT ===== */
/* Tighter vertical rhythm: remove artificial empty space while keeping a premium feel. */
.section{padding:58px 0}
.section-head,.section-heading{margin-bottom:24px}
.grid{gap:18px}

/* Cards should size to their real content instead of creating empty vertical blocks. */
.home-service-card,
.premium-service-grid .service-directory-card,
.service-directory-card{min-height:0}
.home-service-card{padding:24px}
.premium-service-grid .service-directory-card{padding:24px 22px 21px}
.service-feature-grid,.service-pricing-grid,.testimonial-grid{gap:18px;margin-top:26px}
.service-feature-card,.testimonial-card{padding:23px}
.service-story{padding:58px 0}
.service-story-grid{gap:22px}
.service-story-card,.service-checklist{padding:27px}
.service-process{margin-top:22px}

/* Reduce oversized hero whitespace without flattening the composition. */
.hero-inner{padding:62px 0;gap:42px}
.hero-art{min-height:400px}
.pagehero{padding:64px 0 54px}
.pagehero-layout{gap:34px}
.pagehero-visual{min-height:330px}
.services-hero{padding:64px 0 58px}
.services-hero-inner{gap:36px}
.services-hero-visual{min-height:390px}
.services-visual-section{padding:62px 0}
.services-visual-inner{gap:48px}
.service-testimonials{padding:62px 0}
.service-portfolio-showcase{padding:62px 0 70px}
.service-detail-hero{padding:64px 0 54px}
.service-detail-grid{gap:34px}
.service-detail-section{padding:56px 0}
.pricing-hero{padding:64px 0 54px}
.pricing-section{padding:56px 0}
.project-section{padding:52px 0}
.home-about-preview{padding:62px 0}
.home-about-grid{gap:44px}
.home-about-visual{min-height:430px}
.home-about-visual img{height:430px}
.home-stats-section{padding:56px 0}
.growth-showcase{padding:62px 0}
.seo-content-section{padding:54px 0}

/* Contact/map: compact, intentional frame rather than a large blank block. */
.map-frame-wrap,.map-frame-wrap .full-map{height:300px!important;min-height:300px!important}
body[data-static-page="contact"] .map-frame-wrap,
body[data-static-page="contact"] .map-frame-wrap .full-map{height:300px!important;min-height:300px!important}

/* Innovative visual language: a quiet "growth signal" appears on important card grids. */
.home-services-grid,.premium-service-grid,.service-feature-grid,.testimonial-grid,.service-project-grid,.seo-content-grid{position:relative}
.home-services-grid:before,.premium-service-grid:before,.service-feature-grid:before,.testimonial-grid:before,.service-project-grid:before,.seo-content-grid:before{
 content:"";position:absolute;left:4%;right:4%;top:-13px;height:1px;
 background:linear-gradient(90deg,transparent,rgba(118,21,54,.16),transparent);
 pointer-events:none;
}
.home-service-card,.service-directory-card,.service-feature-card,.testimonial-card,.service-project-card,.seo-content-grid .card{isolation:isolate}
.home-service-card:focus-within,.service-directory-card:focus-within,.service-project-card:focus-within{box-shadow:0 18px 48px rgba(55,7,27,.12),0 0 0 3px rgba(118,21,54,.06)}

/* Small scroll-progress signal for a more polished long-page experience. */
.scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--wine),#b84c73);z-index:10001;pointer-events:none;transform-origin:left center;box-shadow:0 1px 8px rgba(118,21,54,.18)}

@media(max-width:950px){
 .section{padding:52px 0}
 .hero-inner{padding:54px 0;gap:30px}
 .hero-art{min-height:340px}
 .pagehero{padding:58px 0 48px}
 .pagehero-visual{min-height:300px}
 .services-hero{padding:58px 0 52px}
 .services-hero-visual{min-height:340px}
 .services-visual-section{padding:54px 0}
 .service-testimonials,.service-portfolio-showcase{padding:54px 0 60px}
 .service-detail-hero{padding:58px 0 48px}
 .service-detail-section{padding:50px 0}
 .pricing-hero{padding:58px 0 48px}
 .pricing-section{padding:50px 0}
 .project-section{padding:46px 0}
 .home-about-preview{padding:56px 0}
 .home-about-visual{min-height:360px}
 .home-about-visual img{height:360px}
 .home-stats-section{padding:50px 0}
 .growth-showcase{padding:54px 0}
 .seo-content-section{padding:48px 0}
}
@media(max-width:600px){
 .section{padding:44px 0}
 .section-head,.section-heading{margin-bottom:20px}
 .hero-inner{padding:44px 0 50px}
 .hero-art{min-height:280px}
 .pagehero{padding:48px 0 40px}
 .pagehero-layout{gap:22px}
 .pagehero-visual{min-height:250px}
 .services-hero{padding:48px 0 44px}
 .services-hero-visual{min-height:260px}
 .services-visual-section{padding:46px 0}
 .service-testimonials,.service-portfolio-showcase{padding:46px 0 52px}
 .service-detail-hero{padding:48px 0 40px}
 .service-detail-section{padding:44px 0}
 .service-story{padding:44px 0}
 .service-story-card,.service-checklist,.service-feature-card,.testimonial-card{padding:21px}
 .pricing-hero{padding:48px 0 40px}
 .pricing-section{padding:44px 0}
 .project-section{padding:40px 0}
 .home-about-preview{padding:48px 0}
 .home-about-grid{gap:24px}
 .home-about-visual{min-height:260px}
 .home-about-visual img{height:260px}
 .home-stats-section{padding:44px 0}
 .growth-showcase{padding:46px 0}
 .seo-content-section{padding:42px 0}
 .map-frame-wrap,.map-frame-wrap .full-map,
 body[data-static-page="contact"] .map-frame-wrap,
 body[data-static-page="contact"] .map-frame-wrap .full-map{height:240px!important;min-height:240px!important;border-radius:18px}
 .home-services-grid:before,.premium-service-grid:before,.service-feature-grid:before,.testimonial-grid:before,.service-project-grid:before,.seo-content-grid:before{left:7%;right:7%;top:-10px}
}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}}

/* V7 — reduce the large right-side empty area in content/SEO sections. */
.seo-content-section .section-heading{max-width:1100px;width:100%;}
.seo-content-section .section-heading p{max-width:1100px;}
.local-seo-intro .section-heading,.seo-faq .section-heading{max-width:1100px;width:100%;}
@media(max-width:950px){
 .seo-content-section .section-heading,.local-seo-intro .section-heading,.seo-faq .section-heading{max-width:100%;}
}

/* V8 — true content-width + spacing correction for the sections shown in the screenshots. */
.services-directory{padding:58px 0 64px}
.services-heading-row{width:100%;align-items:flex-end;gap:30px}
.services-heading-row>div:first-child{flex:1 1 auto;min-width:0;max-width:none}
.services-heading-row .section-heading{max-width:none;width:100%;margin:0}
.services-heading-row h2{max-width:920px;margin:9px 0 12px;line-height:1.08}
.services-heading-row p{max-width:100%;margin:0;line-height:1.72}
.services-heading-note{flex:0 0 278px;margin-bottom:0}
.premium-service-grid{margin-top:22px}

/* About / SEO content: let the copy breathe across the full container instead of stopping early. */
.seo-content-section .section-heading{width:100%;max-width:1100px;margin:0 0 24px}
.seo-content-section .section-heading h2{max-width:1050px;margin:9px 0 13px;line-height:1.08}
.seo-content-section .section-heading p{width:100%;max-width:1100px;margin:0;line-height:1.72}

/* Consistent text rhythm — no accidental extra top/bottom margins between lines. */
.section-heading h2,.section-head h2{margin-top:9px}
.section-heading p,.section-head p{margin-top:0}

@media(max-width:950px){
 .services-directory{padding:52px 0 58px}
 .services-heading-row{display:block}
 .services-heading-row h2{max-width:900px}
 .services-heading-note{display:none}
 .premium-service-grid{margin-top:20px}
}
@media(max-width:600px){
 .services-directory{padding:44px 0 50px}
 .services-heading-row h2{margin:8px 0 10px}
 .services-heading-row p{line-height:1.68}
 .premium-service-grid{margin-top:18px}
 .seo-content-section .section-heading{margin-bottom:20px}
 .seo-content-section .section-heading h2{margin:8px 0 10px}
 .seo-content-section .section-heading p{line-height:1.68}
}

/* V9 — fix self-applied section-heading max-width on the services directory.
   The row itself was inheriting the generic 760px heading width, leaving a large
   unused area on the right. Let the full container width be used, while keeping
   the service note aligned on desktop. */
.section-heading.services-heading-row{
  width:100%;
  max-width:none;
  margin-bottom:0;
}
.section-heading.services-heading-row > div:first-child{
  width:100%;
}
.section-heading.services-heading-row h2{
  width:100%;
}
@media(max-width:950px){
  .section-heading.services-heading-row{max-width:100%;}
}

/* PORTFOLIO — six-card professional alignment */
@media(min-width:701px){
 body[data-static-page="portfolio"] .grid.g3{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:20px;
 }
 body[data-static-page="portfolio"] .grid.g3 .portfolio{
  height:100%;
  min-height:555px;
  display:flex;
  flex-direction:column;
  align-self:stretch;
 }
 body[data-static-page="portfolio"] .grid.g3 .portfolio-content{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:24px;
 }
 body[data-static-page="portfolio"] .grid.g3 .portfolio-content p{
  margin-bottom:0;
 }
 body[data-static-page="portfolio"] .grid.g3 .portfolio-content .tags{
  margin-top:auto;
  padding-top:14px;
 }
}
@media(max-width:700px){
 body[data-static-page="portfolio"] .grid.g3 .portfolio{
  min-height:0;
  height:auto;
 }
}

/* V13 blog image polish */
.blog-card .blog-cover img{transition:transform .45s ease,filter .45s ease}.blog-card:hover .blog-cover img{transform:scale(1.025);filter:saturate(1.03)}
@media(max-width:650px){.blog-cover,.blog-cover img{height:190px;min-height:190px}.hero-visual-premium{width:100%;border-radius:10px}.hero-visual-premium img{border-radius:10px;aspect-ratio:4/3}.hero-art{padding-top:0}}

/* V13 final hero polish: straight frame, tighter padding, larger visual */
.hero-art{padding:0;align-items:start;}
.hero-visual-premium{width:min(760px,100%);padding:0;border:0;border-radius:14px;transform:none;box-shadow:0 24px 70px rgba(75,12,35,.13);}
.hero-visual-premium::after{border-radius:14px;box-shadow:inset 0 0 0 1px rgba(118,21,54,.06);}
.hero-visual-premium img{border-radius:14px;display:block;transform:none;}
.hero-visual-premium:hover{transform:translateY(-2px);}
@media(max-width:950px){.hero-art{padding:0}.hero-visual-premium{width:min(720px,100%);border-radius:12px}.hero-visual-premium::after,.hero-visual-premium img{border-radius:12px}}
@media(max-width:600px){.hero-art{padding:0}.hero-visual-premium{width:100%;border-radius:9px}.hero-visual-premium::after,.hero-visual-premium img{border-radius:9px}}

/* V15 hero image polish: straight, compact framing, no awkward crop */
.services-visual-card{width:min(680px,100%);padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;transform:none;overflow:hidden;animation:none}
.services-visual-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:10px;box-shadow:none}
.pagehero-visual-card{width:min(540px,100%);padding:7px;border:1px solid rgba(118,21,54,.10);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(75,12,35,.10);transform:none;animation:none;overflow:hidden}
.pagehero-visual-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:9px}
@media(max-width:600px){
  .services-visual-card{width:100%;padding:0;border-radius:10px}
  .services-visual-card img{border-radius:8px}
  .pagehero-visual-card{width:100%;padding:5px;border-radius:11px;transform:none}
  .pagehero-visual-card img{height:auto;border-radius:7px}
}

/* V17 — clean content rhythm, readable paragraph spacing and polished service imagery */
.section-head p, .section-heading p, .about-hero-copy > p, .services-hero-copy > p, .pagehero p, .seo-content-section .section-heading p {
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.78;
}
.section-head h2, .section-heading h2 { margin-bottom: 0; line-height: 1.12; }
.card h3 + p, .service-card h3 + p, .portfolio-content h3 + p, .blog-body h2 + p, .faq-answer { margin-top: 12px; line-height: 1.72; }
.grid > .card, .grid > .service-card, .portfolio, .blog-card { margin-bottom: 0; }
.services-hero-copy h1 { max-width: 760px; margin-bottom: 0; }
.services-hero-copy > p { max-width: 760px; }
.services-hero-visual { min-height: 500px; padding: 8px 0; }
.services-visual-card { width: min(720px, 100%); padding: 0; border-radius: 8px; }
.services-visual-card img { width: 100%; height: auto; max-height: 560px; object-fit: contain; object-position: center; border-radius: 6px; display: block; }
.services-visual-section { padding-top: 70px; padding-bottom: 78px; }
.services-feature-visual { padding: 0; }
.feature-image-card { padding: 0; }
.feature-image-card img { display:block; width:100%; height:auto; object-fit:contain; border-radius:12px; }
.about-hero-copy h1 { max-width: 820px; margin-bottom: 0; }
.about-hero-copy > p { max-width: 820px; }
@media (max-width: 1050px) {
  .services-hero-visual { min-height: 400px; padding: 4px 0; }
  .services-visual-card { width: min(680px, 100%); }
}
@media (max-width: 700px) {
  .section-head p, .section-heading p, .about-hero-copy > p, .services-hero-copy > p, .pagehero p { line-height: 1.7; margin-top: 13px; }
  .services-hero { padding: 52px 0 48px; }
  .services-hero-copy h1 { font-size: clamp(2rem, 9vw, 3rem); line-height: 1.02; }
  .services-hero-visual { min-height: 270px; padding: 0; margin-top: 12px; }
  .services-visual-card { width: 100%; border-radius: 6px; }
  .services-visual-card img { border-radius: 5px; max-height: none; }
  .services-visual-section { padding-top: 48px; padding-bottom: 54px; }
  .feature-image-card img { border-radius: 9px; }
}

/* V18 — services visuals polished: straight, clean, contained, no clipped edges */
.services-hero-inner,
.services-visual-inner { min-width: 0; }
.services-hero-visual,
.services-feature-visual { min-width: 0; width: 100%; overflow: visible; }
.services-visual-card,
.feature-image-card {
  width: min(720px, 100%);
  max-width: 100%;
  min-width: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
  overflow: hidden;
}
.services-visual-card img,
.feature-image-card img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border-radius: 8px !important;
  box-shadow: none !important;
  object-fit: contain;
  object-position: center;
}
.feature-image-card img { content: url('assets/services-hero-visual-clean.webp'); }
.services-visual-card:after,
.feature-image-card:after { display:none !important; }

/* Keep floating labels fully inside the visual so nothing gets cut off. */
.services-visual-card .service-float,
.feature-image-card .feature-float {
  max-width: calc(100% - 24px);
  box-sizing: border-box;
}
.services-visual-card .float-top,
.feature-image-card .feature-float-top { top: 14px; left: 14px; }
.services-visual-card .float-right,
.feature-image-card .feature-float-right { right: 14px; top: 20%; }
.services-visual-card .float-left,
.feature-image-card .feature-float-left { left: 14px; bottom: 20%; }
.services-visual-card .float-bottom,
.feature-image-card .feature-float-bottom { right: 14px; bottom: 14px; }

@media (max-width: 1050px) {
  .services-hero-inner { grid-template-columns: 1fr; gap: 34px; }
  .services-hero-copy { max-width: 820px; }
  .services-hero-visual { min-height: 0; margin-top: 8px; }
  .services-visual-card,
  .feature-image-card { width: min(760px, 100%); margin-inline: auto; }
}
@media (max-width: 600px) {
  .services-visual-card,
  .feature-image-card { width: 100%; border-radius: 7px !important; }
  .services-visual-card img,
  .feature-image-card img { border-radius: 6px !important; }
  .services-visual-card .service-float,
  .feature-image-card .feature-float { font-size: .62rem; padding: 8px 10px; border-radius: 10px; }
  .services-visual-card .float-top,
  .feature-image-card .feature-float-top { top: 8px; left: 8px; }
  .services-visual-card .float-right,
  .feature-image-card .feature-float-right { right: 8px; top: 18%; }
  .services-visual-card .float-left,
  .feature-image-card .feature-float-left { left: 8px; bottom: 18%; }
  .services-visual-card .float-bottom,
  .feature-image-card .feature-float-bottom { right: 8px; bottom: 8px; }
}

/* V25 CTA + contact hero polish */
.cta, .btn, .button, .btn-primary, .btn-outline { min-height: 44px; }
.cta-row, .hero-actions, .actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.contact-hero-image, .pagehero-image, .hero-image { overflow:hidden; }
.contact-hero-image img, .pagehero-image img, .hero-image img { display:block; width:100%; height:auto; object-fit:contain; border-radius:14px; }
@media (max-width: 768px) {
  .cta-row, .hero-actions, .actions { gap:10px; }
  .cta, .btn, .button, .btn-primary, .btn-outline { width:100%; }
  .contact-hero-image img, .pagehero-image img, .hero-image img { border-radius:10px; }
}


/* V27 — service/SEO process cards: balanced desktop layout, readable line length, clean spacing */
.service-story-grid{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:28px}
.service-story-card{min-width:0}
.service-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.service-process article{min-width:0;min-height:220px;padding:22px;display:flex;flex-direction:column}
.service-process h3{font-size:20px;line-height:1.22;overflow-wrap:anywhere}
.service-process p{line-height:1.65}
.service-process strong{margin-bottom:10px}
@media(max-width:900px){
 .service-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .service-story-grid{grid-template-columns:1fr}
 .service-process{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .service-process{grid-template-columns:1fr 1fr;gap:14px}
 .service-process article{min-height:220px;padding:19px}
}
@media(max-width:560px){
 .service-story{padding:48px 0}
 .service-story-card,.service-checklist{padding:22px}
 .service-process{grid-template-columns:1fr;gap:14px}
 .service-process article{min-height:0;padding:20px}
}

/* V34: compact social footer polish */
.footer-social, .social-links, .social-icons {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.footer-social a, .social-links a, .social-icons a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
@media (max-width: 768px){
  .footer-social, .social-links, .social-icons{gap:8px;}
}

/* V36: clean contact social card */
.contact-social-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px;
}
.contact-social-card > div:first-child{min-width:0;}
.contact-social-card .social-links{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
@media(max-width:700px){
  .contact-social-card{flex-direction:column;align-items:flex-start;gap:16px;}
  .contact-social-card .social-links{width:100%;}
}

/* V39: performance-safe responsive CTA polish */
img{max-width:100%;height:auto;}
a[data-cta]{touch-action:manipulation;}
@media (max-width: 768px){
  .btn,.button,.cta{min-height:44px;}
}


/* V41 BLOG PROFESSIONAL */
.blog-hero-pro{padding:86px 0 78px;background:linear-gradient(135deg,var(--bg),var(--surface2));overflow:hidden;position:relative}.blog-hero-pro:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(118,21,54,.11);border-radius:50%;right:-240px;top:-280px}.blog-hero-pro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;position:relative;z-index:1}.blog-hero-pro-copy h1{font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px;max-width:900px}.blog-hero-pro-copy p{max-width:720px;color:var(--muted);font-size:1.06rem;line-height:1.8}.blog-hero-pro-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:.78rem;font-weight:800}.blog-hero-pro-media{position:relative;padding:10px;border-radius:28px;background:rgba(255,255,255,.55);border:1px solid rgba(118,21,54,.13);box-shadow:0 28px 70px rgba(51,8,23,.14)}.blog-hero-pro-media img{display:block;width:100%;height:430px;object-fit:cover;border-radius:20px}.blog-float{position:absolute;padding:10px 13px;border-radius:999px;background:rgba(32,5,16,.88);color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.06em;box-shadow:0 12px 28px rgba(51,8,23,.18)}.blog-float-a{left:26px;bottom:26px}.blog-float-b{right:26px;top:26px}.blog-library-pro{padding-top:78px}.blog-section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:end;margin-bottom:30px}.blog-section-intro h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.12;margin-top:10px;letter-spacing:-.025em}.blog-section-intro p{color:var(--muted);line-height:1.8;max-width:520px;margin:0}.blog-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-pro-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.blog-pro-card:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(51,8,23,.13)}.blog-pro-image{display:block;position:relative;overflow:hidden;background:var(--deep)}.blog-pro-image img{display:block;width:100%;height:315px;object-fit:cover;transition:transform .45s ease}.blog-pro-card:hover .blog-pro-image img{transform:scale(1.035)}.blog-pro-image:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(26,4,12,.68),transparent)}.blog-pro-image span{position:absolute;z-index:2;left:20px;bottom:18px;padding:8px 12px;border-radius:999px;background:#fff;color:var(--deep);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.blog-pro-body{padding:27px 29px 30px}.blog-pro-meta{display:flex;justify-content:space-between;gap:12px;color:var(--wine);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.blog-pro-meta span:last-child{color:var(--muted);letter-spacing:0;text-transform:none}.blog-pro-body h2{font-size:clamp(1.35rem,2.1vw,1.72rem);line-height:1.18;letter-spacing:-.025em;margin:14px 0 12px}.blog-pro-body p{color:var(--muted);line-height:1.75;margin:0 0 20px}.blog-pro-link{display:inline-flex;gap:9px;align-items:center;color:var(--wine);font-weight:900;text-decoration:none;font-size:.88rem}.blog-pro-link b{transition:transform .2s ease}.blog-pro-link:hover b{transform:translateX(4px)}.blog-cta-pro{padding:0 0 84px}.blog-cta-pro-inner{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:34px 38px;border-radius:24px;background:linear-gradient(135deg,var(--deep),var(--wine));color:#fff}.blog-cta-pro-inner h2{font-size:clamp(1.55rem,2.8vw,2.3rem);line-height:1.12;margin:9px 0}.blog-cta-pro-inner p{color:#ead9df;max-width:720px;margin:0;line-height:1.7}.blog-cta-pro .eyebrow{color:#ffd7e2}.blog-cta-pro .btn-primary{background:#fff;color:var(--deep);border-color:#fff;white-space:nowrap}
.article-pro{background:var(--bg)}.article-pro-hero{padding:74px 0 68px;background:linear-gradient(135deg,var(--bg),var(--surface2));position:relative;overflow:hidden}.article-pro-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(118,21,54,.1);border-radius:50%;right:-220px;top:-270px}.article-pro-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-bottom:34px;position:relative;z-index:1}.article-pro-breadcrumb a{color:var(--wine);font-weight:800;text-decoration:none}.article-pro-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;position:relative;z-index:1}.article-pro-category{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(118,21,54,.07);border:1px solid rgba(118,21,54,.15);color:var(--wine);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.article-pro-hero h1{font-size:48px;line-height:1.08;letter-spacing:-.035em;margin:17px 0 19px;max-width:920px}.article-pro-lead{font-size:1.06rem;line-height:1.8;color:var(--muted);max-width:760px}.article-pro-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px;color:var(--muted);font-size:.77rem;font-weight:800}.article-pro-image{position:relative;padding:10px;border-radius:28px;background:rgba(255,255,255,.55);border:1px solid rgba(118,21,54,.13);box-shadow:0 28px 70px rgba(51,8,23,.14)}.article-pro-image img{display:block;width:100%;height:430px;object-fit:cover;border-radius:20px}.article-pro-image span{position:absolute;left:26px;bottom:26px;padding:9px 12px;border-radius:11px;background:rgba(32,5,16,.86);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.article-pro-reading{padding-top:72px}.article-pro-layout{display:grid;grid-template-columns:270px minmax(0,860px);gap:42px;justify-content:center;align-items:start}.article-pro-sidebar{position:sticky;top:105px}.article-pro-toc{display:grid;gap:2px;padding:21px;border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 15px 38px rgba(51,8,23,.06)}.article-pro-toc>a{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 7px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.78rem;line-height:1.35}.article-pro-toc>a:hover{background:var(--surface2);color:var(--wine)}.article-pro-toc>a b{color:var(--wine)}.article-pro-side-cta{display:block;margin-top:14px;padding:19px 20px;border-radius:20px;background:linear-gradient(145deg,var(--deep),var(--wine));color:#fff;text-decoration:none;box-shadow:0 17px 40px rgba(51,8,23,.14)}.article-pro-side-cta small{display:block;color:#ead9df;margin-bottom:6px}.article-pro-side-cta strong{font-size:.88rem}.article-pro-content{padding:43px 52px;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.article-pro-content-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:.68rem}.article-pro-content-head>span{padding:7px 10px;border-radius:999px;background:var(--surface2);color:var(--wine);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.article-pro-content-head small{color:var(--muted);font-weight:700}.article-pro-section{padding:30px 0 12px;scroll-margin-top:105px}.article-pro-number{display:block;color:var(--wine);font-size:.66rem;font-weight:900;letter-spacing:.13em;margin-bottom:8px}.article-pro-section h2{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}.article-pro-section p{font-size:1rem;line-height:1.9;color:var(--muted);margin:0;max-width:760px}.article-pro-end{margin-top:42px;padding:28px;border-radius:20px;background:var(--surface2);border:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.article-pro-end h2{font-size:1.45rem;margin:8px 0}.article-pro-end p{margin:0;color:var(--muted);font-size:.88rem}.article-pro-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}
@media(max-width:900px){.blog-hero-pro-grid,.article-pro-hero-grid{grid-template-columns:1fr;gap:34px}.blog-hero-pro-media,.article-pro-image{max-width:760px}.blog-section-intro{grid-template-columns:1fr;gap:12px}.article-pro-layout{grid-template-columns:1fr;max-width:860px}.article-pro-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-pro-side-cta{margin-top:0}}
@media(max-width:760px){.blog-hero-pro{padding:56px 0 50px}.blog-hero-pro-copy h1{font-size:36px}.blog-hero-pro-media img,.article-pro-image img{height:290px}.blog-pro-grid{grid-template-columns:1fr}.blog-library-pro{padding-top:55px}.blog-cta-pro{padding-bottom:55px}.blog-cta-pro-inner{display:block;padding:28px 24px}.blog-cta-pro .btn{margin-top:20px}.article-pro-hero{padding:53px 0 48px}.article-pro-hero h1{font-size:36px}.article-pro-reading{padding-top:50px}.article-pro-sidebar{grid-template-columns:1fr}.article-pro-content{padding:30px 22px;border-radius:20px}.article-pro-end{display:block}.article-pro-actions{margin-top:20px}}
@media(max-width:520px){.blog-hero-pro-copy h1{font-size:36px}.blog-pro-body{padding:23px 22px 26px}.blog-pro-image img{height:230px}.blog-float{font-size:.62rem}.article-pro-hero h1{font-size:36px}.article-pro-meta{font-size:.72rem}}


/* V47 — service page layout + reliable day/night theme */
html[data-theme="dark"] .services-hero,
html[data-theme="dark"] .service-detail-hero,
html[data-theme="dark"] .service-detail-section.alt{
  background:linear-gradient(135deg,#10070b 0%,#180b11 60%,#211019 100%);
}
html[data-theme="dark"] .service-directory-card,
html[data-theme="dark"] .service-feature-card,
html[data-theme="dark"] .service-plan,
html[data-theme="dark"] .service-story-card,
html[data-theme="dark"] .service-checklist{
  background:var(--surface);
  color:var(--text);
  border-color:var(--line);
}
html[data-theme="dark"] .service-directory-card p,
html[data-theme="dark"] .service-feature-card p,
html[data-theme="dark"] .service-process p,
html[data-theme="dark"] .service-detail-hero p{
  color:var(--muted);
}
html[data-theme="dark"] .service-detail-badges span,
html[data-theme="dark"] .service-icon{
  background:#261018;
  color:#f3cbd8;
  border-color:var(--line);
}
html[data-theme="dark"] .service-process article{
  background:var(--surface);
  border-color:var(--line);
}
@media(max-width:760px){
  .service-feature-grid{grid-template-columns:1fr 1fr}
  .service-process{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .service-feature-grid,.service-process{grid-template-columns:1fr}
}

/* V48 — services: balanced desktop grids and reduced empty space */
@media(min-width:901px){.service-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.service-process{grid-template-columns:repeat(4,minmax(0,1fr));}}

/* Founder contact card — polished, responsive, and lightweight */
.profile-contact{display:grid;gap:10px;margin-top:22px;padding:12px;border:1px solid rgba(118,21,54,.12);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,248,250,.96));box-shadow:0 10px 28px rgba(55,12,31,.06)}
.profile-contact-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;border:1px solid rgba(118,21,54,.08);border-radius:14px;background:rgba(255,255,255,.72);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.profile-contact-item:hover{transform:translateY(-1px);border-color:rgba(118,21,54,.2);box-shadow:0 8px 20px rgba(55,12,31,.07)}
.profile-contact-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#761536,#9b3c5c);color:#fff;font-size:17px;font-weight:800;box-shadow:0 7px 16px rgba(118,21,54,.18)}
.profile-contact-item>span:last-child{display:grid;gap:2px;min-width:0}
.profile-contact-item small{font-size:.68rem;line-height:1.2;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a747d}
.profile-contact-item strong{font-size:.88rem;line-height:1.45;color:var(--text);overflow-wrap:anywhere}
@media(max-width:600px){.profile-contact{padding:9px;border-radius:18px;gap:8px}.profile-contact-item{padding:10px;border-radius:12px}.profile-contact-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.profile-contact-item strong{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.profile-contact-item{transition:none}}

/* V55 responsive hardening */
html { overflow-x: hidden; scroll-behavior: smooth; }
body { max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
button, a, input, select, textarea { max-width: 100%; }
button, .btn, .social-link, nav a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media (max-width: 767px) {
  .container { width: min(100% - 32px, 1200px); margin-inline: auto; }
  h1 { font-size: clamp(2rem, 9vw, 3rem); line-height: 1.08; }
  h2 { font-size: clamp(1.6rem, 7vw, 2.35rem); line-height: 1.12; }
  h3 { font-size: clamp(1.15rem, 5vw, 1.5rem); }
  .grid, .cards, .services-grid, .portfolio-grid { grid-template-columns: 1fr !important; }
  .hero, .split, .two-col, .about-grid, .contact-grid { grid-template-columns: 1fr !important; }
  .btn, button { min-height: 44px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container { width: min(100% - 48px, 1200px); margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}


/* V60 — final mobile/tablet/desktop hardening */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.container{width:min(92%,var(--max));max-width:var(--max);margin-inline:auto}
section,header,footer,main,article,aside,nav{min-width:0}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
a,button,input,select,textarea{font:inherit}
a{overflow-wrap:anywhere}
p,li,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
input,select,textarea{width:100%;min-width:0}
textarea{resize:vertical}
table{display:block;max-width:100%;overflow-x:auto}
pre,code{max-width:100%;overflow-x:auto}
.skip-link{position:fixed;left:12px;top:12px;z-index:100000;padding:10px 14px;border-radius:10px;background:#761536;color:#fff;transform:translateY(-180%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
@media(max-width:950px){
  .nav{min-height:72px}
  .navlinks{top:72px;max-height:calc(100vh - 72px);overflow-y:auto}
  .hero-inner{grid-template-columns:1fr;gap:32px}
}
@media(max-width:720px){
  .container{width:min(100% - 28px,var(--max))}
  .section{padding:64px 0}
  .hero{min-height:auto}
  .hero-inner{padding:52px 0}
  .hero-art{min-height:300px}
  .actions,.project-actions{width:100%}
  .actions .btn,.project-actions .btn{width:100%}
  .footer-grid{grid-template-columns:1fr}
  .copy{flex-direction:column;align-items:flex-start}
  .topbar{font-size:.72rem}
}
@media(max-width:480px){
  .container{width:min(100% - 22px,var(--max))}
  .nav{min-height:66px}
  .navlinks{top:66px}
  .logo span{font-size:.9rem}
  .logo small{font-size:.5rem}
  .theme-toggle,.menu{width:42px;height:42px}
  .hero-inner{padding:44px 0}
  .section{padding:54px 0}
}
@media(min-width:951px){
  .navlinks{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* FINAL VISIBILITY + LAYOUT SAFETY FIX
   Content must remain visible even if an animation/observer script is delayed or blocked. */
.reveal,
.reveal.show,
.heading-reveal,
.heading-reveal.heading-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}

/* Prevent hero/section content from being pushed outside the viewport. */
main, section, .section, .hero, .hero-inner, .container,
.hero-copy, .hero-art, .about-hero, .about-hero-copy,
.about-hero-visual, .home-about-grid, .home-stats-section,
.service-testimonials, .service-split-heading{
  min-width:0;
  max-width:100%;
}

.hero-copy h1,
.about-hero-copy h1,
.pagehero h1,
.services-hero-copy h1{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

.hero-inner,
.about-hero-inner,
.pagehero-inner,
.services-hero-inner{
  width:min(92%, var(--max));
  max-width:100%;
  margin-inline:auto;
}

@media (min-width:951px){
  .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);}
  .hero-copy{min-width:0;}
  .hero-art{min-width:0;}
}

@media (max-width:950px){
  .hero-inner,
  .about-hero-inner,
  .pagehero-inner,
  .services-hero-inner{
    width:min(94%,var(--max));
    grid-template-columns:1fr !important;
  }
  .hero-art,
  .about-hero-visual,
  .services-hero-visual,
  .pagehero-visual{
    min-height:0 !important;
    height:auto !important;
  }
}

@media (max-width:600px){
  .hero-inner,
  .about-hero-inner,
  .pagehero-inner,
  .services-hero-inner{
    width:calc(100% - 24px);
  }
  h1{font-size:clamp(2rem,10vw,3.2rem);}
  h2{font-size:clamp(1.6rem,8vw,2.35rem);}
}

/* If a visual is absent/slow, don't reserve a giant empty desktop block. */
.hero-art,
.about-hero-visual,
.services-hero-visual,
.pagehero-visual{
  overflow:hidden;
}

/* Keep stats compact and visible. */
.home-stats-section .stats{
  align-items:stretch;
}
.home-stats-section .stat{
  min-width:0;
}

/* Stop accidental horizontal page overflow. */
html,body,#app,main{
  max-width:100%;
  overflow-x:hidden;
}


/* EMERGENCY FINAL HERO RESET + CACHE-SAFE LAYOUT */
.hero{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  color:var(--text) !important;
}
.hero-inner{
  position:relative !important;
  z-index:20 !important;
  display:grid !important;
  width:min(92%,var(--max)) !important;
  max-width:var(--max) !important;
  min-height:560px !important;
  margin:0 auto !important;
  padding:72px 0 !important;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr) !important;
  align-items:center !important;
  gap:48px !important;
}
.hero-copy{
  display:block !important;
  position:relative !important;
  z-index:30 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  color:var(--text) !important;
}
.hero-copy h1{
  display:block !important;
  position:relative !important;
  z-index:31 !important;
  opacity:1 !important;
  visibility:visible !important;
  color:var(--text) !important;
  font-size:clamp(2.4rem,5vw,4.7rem) !important;
  line-height:1.02 !important;
  margin:14px 0 20px !important;
}
.hero-copy>p{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  color:var(--muted) !important;
  max-width:720px !important;
  font-size:1.05rem !important;
  line-height:1.75 !important;
}
.hero-copy .eyebrow{
  display:inline-flex !important;
  opacity:1 !important;
  visibility:visible !important;
  color:var(--wine) !important;
}
.hero-copy .actions,
.hero-copy .pills{
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hero-art{
  display:flex !important;
  position:relative !important;
  z-index:20 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  min-height:0 !important;
  height:auto !important;
  align-items:center !important;
  justify-content:center !important;
}
.hero-visual-premium{
  display:block !important;
  position:relative !important;
  z-index:21 !important;
  width:100% !important;
  max-width:720px !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hero-visual-premium img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
}

@media(max-width:950px){
  .hero-inner{
    width:min(94%,var(--max)) !important;
    min-height:0 !important;
    padding:56px 0 !important;
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .hero-copy h1{font-size:clamp(2.2rem,9vw,3.6rem) !important;}
}
@media(max-width:600px){
  .hero-inner{
    width:calc(100% - 24px) !important;
    padding:44px 0 52px !important;
    gap:26px !important;
  }
  .hero-copy h1{font-size:clamp(2rem,10vw,3.1rem) !important;}
}



/* FINAL H1 SIZE — clean standard 48px desktop */
.hero-copy h1{
  font-size:48px !important;
  line-height:1.08 !important;
  letter-spacing:-0.035em !important;
  max-width:760px !important;
  margin:14px 0 20px !important;
}

@media (max-width:950px){
  .hero-copy h1{
    font-size:42px !important;
    line-height:1.08 !important;
    max-width:100% !important;
  }
}

@media (max-width:600px){
  .hero-copy h1{
    font-size:36px !important;
    line-height:1.1 !important;
    letter-spacing:-0.025em !important;
  }
}


/* FINAL RESPONSIVE + PERFORMANCE HARDENING */
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{min-height:100vh}
section{content-visibility:auto;contain-intrinsic-size:1px 700px}
.hero,.pagehero,.services-hero,.topbar,.header,footer{content-visibility:visible}
button,.btn,a{touch-action:manipulation}
@media (min-width:768px) and (max-width:1100px){
  .nav{gap:10px}.navlinks{gap:2px}.navlinks a{padding:9px 8px;font-size:.82rem}
  .hero-inner,.pagehero-layout,.services-hero-inner{gap:30px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .header{backdrop-filter:blur(12px)}
  .nav{gap:8px}
  .logo img{width:42px;height:42px}
  .logo{min-width:0}.logo span{min-width:0}
  .topbar .container{padding-block:7px;text-align:center}
  .hero-copy h1{max-width:100%;text-wrap:balance}
  .card{padding:22px;border-radius:22px}
  .g2,.g3,.g4,.stats,.contact,.service-story-grid,.service-detail-grid,.service-feature-grid,.service-pricing-grid{grid-template-columns:1fr!important}
  .visual,.case{min-height:280px}
  .metrics{grid-template-columns:1fr}
  .float{max-width:44vw;overflow-wrap:anywhere}
}
@media (max-width:420px){
  .container{width:calc(100% - 20px)}
  .hero-inner,.about-hero-inner,.pagehero-inner,.services-hero-inner{width:calc(100% - 20px)!important}
  .hero-copy h1{font-size:34px!important}
  .section{padding-block:48px}
}