/* The Queens Web — launch refinement layer
   Keeps the current hero artwork intact while unifying the site around one
   typography, spacing, product and company-page system. */
:root{
  --tqw-ink:#0b0c14;
  --tqw-ink-2:#151624;
  --tqw-paper:#ffffff;
  --tqw-soft:#f7f6fb;
  --tqw-soft-2:#f0edfb;
  --tqw-muted:#656777;
  --tqw-line:#e9e7ef;
  --tqw-violet:#6f52ff;
  --tqw-violet-2:#9a7dff;
  --tqw-lav:#ded6ff;
  --tqw-dark:#090b16;
  --tqw-dark-2:#121329;
  --tqw-radius:24px;
  --tqw-shadow:0 28px 80px rgba(29,24,63,.12);
}
html{scroll-behavior:smooth}
body{font-size:16px;line-height:1.65;background:#fff;color:var(--tqw-ink)}
.container{width:min(1240px,calc(100% - 56px))}
main{background:#fff}
img{max-width:100%}

/* Unified typography */
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.045em;text-wrap:balance;color:var(--tqw-ink)}
h1{font-size:clamp(50px,5.2vw,68px);line-height:.98}
h2{font-size:clamp(36px,4vw,48px);line-height:1.02}
h3{font-family:"DM Sans",Arial,sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.025em}
p{color:var(--tqw-muted)}
.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--tqw-violet);margin-bottom:14px}
.text-link{font-weight:700;font-size:13px;color:#4c3dcc}
.text-link:hover{color:#241789}

/* Header / navigation */
.premium-header{background:rgba(9,11,22,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)}
.premium-header .header-inner{min-height:78px;grid-template-columns:minmax(205px,1fr) auto minmax(205px,1fr);gap:26px}
.premium-header .wordmark{justify-self:start;color:#fff;font-size:11px;letter-spacing:.18em}

.premium-header .nav{grid-column:2;justify-self:center;gap:26px;font-size:13px}
.premium-header .nav>a,.premium-header summary{color:#d9d9e4;font-weight:600}
.premium-header .nav>a:hover,.premium-header summary:hover,.premium-header .nav a.active{color:#fff}
.premium-header .nav a::after{display:none!important}
.nav-group{position:relative}
.nav-group summary{list-style:none;cursor:pointer;padding:24px 0;white-space:nowrap}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::marker{content:""}
.nav-dropdown{min-width:250px;top:64px!important;padding:12px!important;border-radius:16px!important;background:#111424!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 22px 70px rgba(0,0,0,.34)!important}
.nav-dropdown a{display:block;padding:11px 12px!important;border-radius:10px;color:#dcdbea!important;font-size:12px}
.nav-dropdown a:hover{background:rgba(255,255,255,.06);color:#fff!important}
.header-cta{justify-self:end!important;background:#fff!important;color:#11121a!important;border-radius:999px!important;padding:11px 18px!important;font-weight:700!important}
.header-cta:hover{background:#eeeaff!important;color:#11121a!important}
.mobile-toggle{grid-column:3;justify-self:end;color:#fff}

/* Buttons */
.btn{min-height:50px;padding:0 22px;border-radius:999px;font-size:13px;box-shadow:none}
.btn-primary,.btn-violet{background:#6f52ff;color:#fff;box-shadow:0 12px 30px rgba(111,82,255,.23)}
.btn-primary:hover,.btn-violet:hover{background:#5f43ec}
.btn-ghost{background:transparent;border-color:#cbc7d7;color:#171823}
.btn::after{display:none}

/* Homepage: typography + light sections. Artwork itself intentionally untouched. */
.hero-v15-grid{min-height:760px!important}
.hero-v15-copy{max-width:610px!important}
.hero-v15-copy h1{font-size:clamp(56px,5.2vw,74px)!important;line-height:.96!important;letter-spacing:-.05em!important}
.hero-v15-copy>p:not(.hero-v15-price){font-size:17px!important;line-height:1.7!important;max-width:580px!important}
.hero-v15-price{font-size:18px!important}
.homepage .work-gateway,.homepage .services-index,.homepage .final-cta{background:#fff!important;color:var(--tqw-ink)!important}
.homepage .work-gateway{padding:88px 0 92px}
.gateway-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.gateway-head h2{max-width:850px;color:var(--tqw-ink)!important}
.coverflow-wrap{min-height:540px}
.cover-browser{border-radius:28px!important;background:#fff!important;border:1px solid #eeeaf4!important;box-shadow:0 32px 80px rgba(31,24,67,.15)!important}
.cover-browser img{height:360px!important;object-fit:cover!important;object-position:top center!important;border-radius:28px!important}
.cover-meta{padding-top:18px!important}
.cover-meta small{font-size:10px!important;letter-spacing:.16em!important;color:#777487!important}
.cover-meta h3{font-family:"Playfair Display",Georgia,serif!important;font-size:30px!important;font-weight:500!important;color:var(--tqw-ink)!important;margin-top:5px!important}
.coverflow-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #dad6e5;background:#fff;color:#1a1b24;box-shadow:0 10px 30px rgba(35,28,70,.08)}













/* Shared inner-page system */
.inner-page main{background:#fff}
.page-hero{padding:92px 0 72px;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%);border-bottom:1px solid var(--tqw-line)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:86px;align-items:end}
.page-hero h1{max-width:780px}
.page-hero-copy{padding-bottom:4px}
.page-hero-copy p{font-size:17px;line-height:1.82;max-width:600px}
.page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.proof-rail{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.proof-rail span{padding:8px 12px;border-radius:999px;background:#f0edfb;color:#5544bd;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.content-section{padding:88px 0}
.content-section.soft{background:var(--tqw-soft)}
.content-section.dark{background:var(--tqw-dark);color:#fff}
.content-section.dark h2,.content-section.dark h3{color:#fff}
.content-section.dark p{color:#b8b9c8}
.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--tqw-violet);font-weight:700}



/* Custom websites */
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px}
.package-card{border:1px solid var(--tqw-line);border-radius:28px;padding:30px;background:#fff;display:flex;flex-direction:column;min-height:100%}
.package-card.featured{background:linear-gradient(145deg,#111326,#201a46);color:#fff;border-color:transparent;box-shadow:var(--tqw-shadow)}
.package-card.featured h3,.package-card.featured .package-price{color:#fff}
.package-card.featured p,.package-card.featured li{color:#c6c7d3}
.package-card .package-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7865dc;font-weight:700}
.package-card h3{font-family:"Playfair Display",Georgia,serif;font-size:34px;font-weight:500;margin-top:10px}
.package-price{font-family:"Playfair Display",Georgia,serif;font-size:30px;margin-top:8px}
.package-scope{font-size:12px;color:#807d8d;margin-top:3px}
.package-card>p{font-size:14px;line-height:1.72;margin-top:18px}
.package-card ul{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:10px}
.package-card li{font-size:13px;color:#585a68;padding-left:18px;position:relative}
.package-card li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:#8a73ff}
.package-card .btn{margin-top:auto;align-self:flex-start}
.package-price-intro{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.package-price-was{font-family:"DM Sans",sans-serif;font-size:17px;color:#8a8b98;text-decoration:line-through;text-decoration-thickness:1.5px}
.package-price-now{font-family:"Playfair Display",Georgia,serif;font-size:32px;color:inherit}
.package-price-note{font-size:11px;line-height:1.45;color:#716f7c;margin-top:6px;font-weight:600;letter-spacing:.01em}
.package-card-signature{grid-column:1/-1;width:min(100%,760px);justify-self:center}
.package-card.featured .package-price-note{color:#bfc0cc}













/* Templates */





.edition-tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#745bdd}















/* Care */




















/* Work */














/* About — editorial, brand-led */




.about-hero p:not(.about-lead){font-size:15px;line-height:1.82;margin-top:18px}



















/* FAQ — category layout, not a generic accordion column */








.faq-group{padding:0 0 48px;margin-bottom:44px;border-bottom:1px solid var(--tqw-line)}
.faq-group:last-child{border-bottom:0;margin-bottom:0}
.faq-group h2{font-size:30px;margin-bottom:18px}
.faq-list details{background:#fff;border:0;border-top:1px solid var(--tqw-line);border-radius:0;padding:0;margin:0}
.faq-list details:last-child{border-bottom:1px solid var(--tqw-line)}
.faq-list summary{padding:20px 44px 20px 0;font-size:15px;font-weight:700;position:relative;color:#191a23;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:3px;top:18px;font-size:22px;font-weight:400;color:#765ed9}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{padding:0 44px 20px 0;font-size:14px;line-height:1.78;color:#666876}

/* Contact — premium project brief */












.project-form{padding:40px;background:#fff}
.form-section-title{grid-column:1/-1;margin:7px 0 2px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#7159d8;font-weight:700}
.project-form .form-grid{gap:18px}
.project-form .field label{font-size:11px;font-weight:700;color:#333441;margin-bottom:7px}
.project-form input,.project-form select,.project-form textarea{border:1px solid #dad7e1!important;border-radius:13px!important;background:#fbfbfd!important;min-height:50px!important;padding:12px 14px!important;color:#171821!important}
.project-form textarea{min-height:120px!important;resize:vertical}
.form-status{margin-top:12px;font-size:12px;color:#6252ba}






/* Footer */
.premium-footer{background:#080a14!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)}
.premium-footer-main{padding-top:54px!important}
.footer-brand p{color:#aeb0bd!important;max-width:390px!important}
.footer-nav a,.footer-contact a{color:#d8d8e3!important}
.footer-nav a:hover,.footer-contact a:hover{color:#fff!important}
.copyright{color:#858793!important;border-top-color:rgba(255,255,255,.08)!important}

/* Future builder: intentionally not part of public launch navigation */


@media(max-width:1080px){
  .premium-header .header-inner{grid-template-columns:1fr auto}
  .premium-header .mobile-toggle{display:block;grid-column:2}
  .premium-header .nav{grid-column:1/-1;display:none;justify-self:stretch;align-items:stretch;padding:16px 0 22px;flex-direction:column;gap:0}
  .premium-header .nav.open{display:flex}
  .premium-header .nav>a,.premium-header summary{padding:12px 0}
  .nav-dropdown{position:static!important;min-width:0;box-shadow:none!important;margin:0!important;background:#101321!important}
  .header-cta{justify-self:stretch!important;text-align:center!important;margin-top:8px}
  .page-hero-grid,.home-offers-head,.section-grid,.template-path,.care-explain,.future-service,.work-principle,.about-hero-grid,.about-access-grid,.about-origin-grid,.faq-stage-grid,.contact-hero-grid{grid-template-columns:1fr;gap:38px}
  
  
  
  
  
  
}
@media(max-width:760px){
  .container{width:min(100% - 36px,1240px)}
  h1{font-size:44px}
  h2{font-size:34px}
  .hero-v15-grid{padding-top:42px!important}
  .hero-v15-copy h1{font-size:46px!important}
  .hero-v15-copy>p:not(.hero-v15-price){font-size:15px!important}
  .home-offers,.content-section{padding:66px 0}
  .gateway-head{align-items:flex-start;flex-direction:column}
  .coverflow-wrap{min-height:450px}
  .cover-browser img{height:260px!important}
  
  
  
  .page-hero,.about-hero,.faq-stage,.contact-hero{padding:66px 0 58px}
  .package-grid,.template-editions,.care-plan-grid{grid-template-columns:1fr}
  
  
  
  
  
  
  
  
  
  
  
  
  .project-form,.project-brief-aside{padding:28px 22px}
  .project-form .form-grid{grid-template-columns:1fr!important}
  .project-form .field{grid-column:1!important}
  
  
  
}
@media(max-width:520px){
  h1{font-size:40px}
  
  
  
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
@media print{
  .reveal{opacity:1!important;transform:none!important}
  .nav-dropdown{display:none!important}
  .nav-group{display:block!important}
  .nav-group summary{padding:0!important}
}
/* Dark hero + header specificity fixes */
.hero-v15-copy h1{color:#fff!important}
.hero-v15-copy h1 em{color:#b58cff!important}
.premium-header .nav .header-cta{background:#fff!important;color:#11121a!important;border-radius:999px!important;padding:11px 18px!important;box-shadow:none!important}
.premium-header .nav .header-cta:hover{background:#eeeaff!important;color:#11121a!important}


/* ============================================================
   V14 — Minimal product-company refinement
   One shared visual system across home + inner pages.
   The hero artwork itself is intentionally unchanged.
   ============================================================ */
:root{
  --tqw-radius:18px;
  --tqw-shadow:0 18px 48px rgba(29,24,63,.08);
}

/* Calm, consistent type system */
body{font-size:16px;line-height:1.65}
h1,h2{letter-spacing:-.035em}
h1{font-size:clamp(50px,4.8vw,66px);line-height:1.01}
h2{font-size:clamp(34px,3.4vw,44px);line-height:1.06}
h3{font-size:21px;font-weight:600;letter-spacing:-.02em}
.eyebrow,.section-kicker{letter-spacing:.17em}

/* One wordmark everywhere — homepage no longer has its own brand treatment */
.premium-header .wordmark,
.premium-footer .wordmark{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  gap:10px!important;
}
.premium-header .wordmark>span:last-child,
.premium-footer .wordmark>span:last-child{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
}


/* Header: quieter, more spacious, less decorative */
.premium-header{background:#090b16!important;backdrop-filter:none!important}
.premium-header .header-inner{min-height:72px!important;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;gap:32px!important}
.premium-header .nav{gap:30px!important;font-size:12px!important}
.premium-header .nav>a,.premium-header summary{font-weight:600!important;letter-spacing:.01em!important}
.nav-group summary{padding:22px 0!important}
.premium-header .nav .header-cta{padding:10px 17px!important;border-radius:999px!important;font-size:12px!important}
.nav-dropdown{top:58px!important;border-radius:12px!important;padding:8px!important}
.nav-dropdown a{border-radius:8px!important}

/* Shared buttons */
.btn{min-height:48px!important;padding:0 21px!important;font-size:12.5px!important;font-weight:700!important}

/* Homepage: same typography system, only modestly larger at the hero */
.hero-v15-grid{min-height:730px!important}
.hero-v15-copy h1{
  font-size:clamp(52px,4.9vw,68px)!important;
  line-height:1!important;
  letter-spacing:-.038em!important;
  font-weight:500!important;
}
.hero-v15-copy h1 em{font-weight:500!important}
.hero-v15-copy>p:not(.hero-v15-price){font-size:16px!important;line-height:1.68!important;max-width:550px!important}
.hero-v15-price{font-size:17px!important}
.hero-v15-copy .hero-actions{gap:10px!important}
.hero-v15-owner{letter-spacing:.15em!important}

/* Homepage product sections — quieter and more interface-led */
.homepage .work-gateway{padding:82px 0 86px!important}
.gateway-head{margin-bottom:30px!important}
.gateway-head h2{max-width:760px!important}
.coverflow-wrap{min-height:510px!important}
.cover-browser{border-radius:18px!important;border:1px solid #ebe9f0!important;box-shadow:0 18px 48px rgba(31,24,67,.10)!important}
.cover-browser img{border-radius:18px!important;height:350px!important}
.cover-meta{padding-top:14px!important}
.cover-meta small{font-size:9.5px!important;letter-spacing:.15em!important}
.cover-meta h3{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  margin-top:5px!important;
}
.coverflow-arrow{width:44px!important;height:44px!important;box-shadow:none!important}









/* Keep everything after hero light; let the footer be the dark closure */




/* Inner-page rhythm: fewer visual effects, stronger grid */
.page-hero{padding:82px 0 66px!important;background:#fff!important}
.page-hero-grid{gap:72px!important}
.page-hero-copy p{font-size:16px!important;line-height:1.75!important}
.content-section{padding:82px 0!important}
.content-section.soft{background:#f8f8fb!important}


/* Product components: clean rather than card-heavy */
.package-grid,.template-editions,.care-plan-grid{gap:14px!important}
.package-card,.template-edition,.care-plan{
  border-radius:16px!important;
  box-shadow:none!important;
}
.package-card h3,.template-edition h3,.template-path-card h3,.care-plan h3,.process-rail h3,.about-values h3{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
.package-card h3{font-size:27px!important}



.package-price,.edition-price,.care-price{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  font-size:26px!important;
}





/* About: still distinctive, but with more restraint */













/* FAQ: preserve the custom editorial layout; strip extra decoration */


.faq-group{margin-bottom:38px!important;padding-bottom:38px!important}
.faq-group h2{font-size:26px!important}
.faq-list summary{font-size:14.5px!important;padding-top:18px!important;padding-bottom:18px!important}
.faq-list summary::after{top:16px!important}

/* Contact: premium brief without a giant floating card */





.project-form{padding:36px!important}
.project-form input,.project-form select,.project-form textarea{border-radius:9px!important;background:#fff!important}


/* Footer: same wordmark and a lighter information hierarchy */
.premium-footer-main{padding-top:48px!important;gap:48px!important}
.footer-brand p{font-size:12px!important;line-height:1.7!important}
.footer-nav a,.footer-contact a{font-size:12px!important}
.premium-footer .copyright{font-size:10px!important;letter-spacing:.04em!important}

/* Switch to the mobile header before the desktop navigation becomes crowded. */
@media(max-width:1160px){
  .premium-header .header-inner{grid-template-columns:1fr auto!important}
  .premium-header .mobile-toggle{display:block!important;grid-column:2!important}
  .premium-header .nav{grid-column:1/-1!important;display:none!important;justify-self:stretch!important;align-items:stretch!important;padding:14px 0 20px!important;flex-direction:column!important;gap:0!important}
  .premium-header .nav.open{display:flex!important}
  .premium-header .nav>a,.premium-header summary{padding:11px 0!important}
  .nav-dropdown{position:static!important;min-width:0!important;box-shadow:none!important;margin:0!important;background:#101321!important}
  .premium-header .nav .header-cta{margin-top:8px!important;text-align:center!important}
  .page-hero-grid,.home-offers-head,.section-grid,.template-path,.care-explain,.future-service,.work-principle,.about-hero-grid,.about-access-grid,.about-origin-grid,.faq-stage-grid,.contact-hero-grid{grid-template-columns:1fr!important;gap:36px!important}
  
}
@media(max-width:760px){
  h1{font-size:42px!important}
  h2{font-size:32px!important}
  .hero-v15-copy h1{font-size:44px!important}
  
  .homepage .work-gateway,.home-offers,.content-section{padding:62px 0!important}
  
  .page-hero,.about-hero,.faq-stage,.contact-hero{padding:62px 0 54px!important}
  .project-form,.project-brief-aside{padding:26px 22px!important}
}

.hero-v15-copy h1 .hero-accent{color:#b58cff;font:inherit;font-style:normal!important}

/* =========================================================
   V15 — PRODUCT-LED MINIMAL REFINEMENT
   ========================================================= */

/* Dropdown chevrons */
.nav-group summary{display:flex;align-items:center;gap:7px}
.nav-chevron{width:7px;height:7px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;opacity:.78}
.nav-group[open] .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}

/* Footer stripped back */
.premium-footer-main{grid-template-columns:1.15fr .9fr .9fr auto!important;align-items:start!important}
.footer-brand p{display:none!important}
.footer-contact>a:not(.footer-cta){display:none!important}
.footer-nav{display:grid!important;gap:10px!important}
.footer-nav a{color:#bfc0cb!important;text-decoration:none}
.footer-nav a:hover{color:#fff!important}


/* Home copy refinement */
.hero-v15-copy>p{max-width:620px}


/* Centered custom-websites hero */
.custom-centered-hero{padding:104px 0 86px;background:#fff}
.custom-centered-inner{max-width:980px;text-align:center}
.custom-centered-inner h1{font-size:clamp(52px,5.4vw,74px);max-width:900px;margin:14px auto 0}
.custom-centered-inner>p{font-size:17px;line-height:1.8;max-width:760px;margin:24px auto 0;color:#5c5e69}
.centered-actions{justify-content:center;margin-top:28px}
.proof-rail-centered{justify-content:center;margin:30px auto 0;max-width:780px}
.package-section{padding-top:82px!important}
.package-intro{max-width:760px;margin:0 auto;text-align:center}
.package-intro h2{font-size:clamp(36px,4vw,48px)}
.package-intro p{font-size:15px;line-height:1.8;margin-top:16px;color:#686976}

/* Templates — product storefront */

















































/* Care — support program, not service cards */












/* Work — compact project galleries */
.work-hero-new{padding:96px 0 72px;background:#fff}.work-hero-new-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:90px;align-items:end}.work-hero-new h1{font-size:clamp(52px,5vw,70px);margin-top:12px}.work-hero-new p{font-size:16px;line-height:1.8;color:#656773}
.work-showcase-section{padding:20px 0 100px;background:#fff}.work-showcase-list{display:grid;gap:110px}.work-showcase{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;align-items:start}.work-showcase-copy{position:sticky;top:110px}.work-showcase-copy small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7762d1;font-weight:700}.work-showcase-copy h2{font-size:34px;margin-top:10px}.work-showcase-copy p{font-size:14px;line-height:1.75;margin-top:14px;color:#646672}.work-showcase-copy .text-link{display:inline-block;margin-top:16px}



/* About — narrative first */
.about-story-hero{padding:100px 0 88px;background:#fff}.about-story-hero-grid{display:grid;grid-template-columns:1.2fr .6fr;gap:100px;align-items:end}.about-story-hero h1{font-size:clamp(54px,5.2vw,74px);max-width:920px;margin-top:12px}.about-story-lead{font-family:"Playfair Display",serif;font-size:24px;line-height:1.5;color:#2a2931}
.about-web-story{padding:94px 0;background:#f7f7fa}.about-web-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-web-visual{height:560px;border-radius:18px;background:radial-gradient(circle at 65% 30%,rgba(131,99,255,.2),transparent 34%),linear-gradient(150deg,#0a0c17,#181c33);position:relative;overflow:hidden;color:#d8d1ff;display:flex;align-items:flex-end;padding:28px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.about-web-visual i{position:absolute;left:50%;top:48%;width:130%;height:1px;background:linear-gradient(90deg,transparent,rgba(181,158,255,.55),transparent);transform-origin:center}.about-web-visual i:nth-of-type(1){transform:translate(-50%,-50%) rotate(18deg)}.about-web-visual i:nth-of-type(2){transform:translate(-50%,-50%) rotate(-22deg)}.about-web-visual i:nth-of-type(3){transform:translate(-50%,-50%) rotate(62deg)}.about-web-visual i:nth-of-type(4){transform:translate(-50%,-50%) rotate(-68deg)}.about-web-copy h2{font-size:clamp(40px,4vw,54px);margin:11px 0 24px}.about-web-copy p{font-size:15px;line-height:1.85;color:#5e606b;margin-top:17px}




/* FAQ — simple utility page */
.faq-clean-hero{padding:94px 0 52px;background:#fff;border-bottom:1px solid #eceaf0}.faq-clean-hero .container{max-width:900px}.faq-clean-hero h1{font-size:clamp(58px,6vw,82px);margin-top:8px}.faq-clean-hero p{font-size:16px;color:#676974;margin-top:14px}.faq-clean-body{padding:68px 0 96px;background:#fff}.faq-clean-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;align-items:start}.faq-clean-index{position:sticky;top:110px;display:grid;gap:11px}.faq-clean-index a{font-size:12px;color:#696b76;text-decoration:none}.faq-clean-index a:hover{color:#6e59ce}.faq-group.clean{padding:0 0 46px;margin:0 0 46px;border:0!important}.faq-group.clean h2{font-family:"DM Sans",sans-serif!important;font-size:24px!important;margin-bottom:10px}.faq-group.clean+.faq-group.clean{border-top:1px solid #ecebf0!important;padding-top:46px}.faq-group.clean .faq-list{border-top:0!important}.faq-group.clean .faq-list details{border-bottom:1px solid #e6e5eb!important}

/* Contact — editorial image + brief */

.contact-form-section{padding:86px 0 100px;background:#f7f7fa}.contact-project-form{padding:0!important;background:transparent!important}.contact-project-form .form-grid{background:#fff;border:1px solid #e5e3eb;border-radius:16px;padding:36px}

/* Legal */
.legal-hero{padding:94px 0 58px;background:#fff;border-bottom:1px solid #eceaf0}.legal-hero h1{font-size:clamp(52px,5vw,68px);margin-top:10px}.legal-hero p{font-size:13px;color:#777986;margin-top:14px}.legal-body{padding:76px 0 100px;background:#fff}.legal-layout{display:grid;grid-template-columns:290px minmax(0,760px);gap:90px;align-items:start}.legal-layout aside{position:sticky;top:110px}.legal-layout aside p{font-size:14px;line-height:1.75;color:#686a75}.legal-copy h2{font-family:"DM Sans",sans-serif!important;font-size:20px!important;margin:36px 0 10px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{font-size:14px;line-height:1.82;color:#5f616c}.legal-copy ul{margin:10px 0 18px 20px;padding:0}.legal-copy li{font-size:14px;line-height:1.82;color:#5f616c;margin:5px 0}.legal-copy a{color:#6750c9}

@media(max-width:1160px){
  .premium-footer-main{grid-template-columns:1fr 1fr!important}
  .template-hero-grid,.gallery-heading,.template-why-grid,.care-hero-new-grid,.care-program-row,.care-monitoring-grid,.managed-hosting-grid,.hosting-coming-soon-inner,.work-hero-new-grid,.work-principle-new .container,.about-story-hero-grid,.about-web-story-grid,.about-barriers-grid,.about-access-new-grid,.faq-clean-grid,.contact-editorial-grid,.contact-form-layout,.legal-layout{grid-template-columns:1fr!important;gap:42px!important}
  
  .work-showcase{grid-template-columns:1fr!important;gap:30px!important}.work-showcase-copy,.faq-clean-index,.contact-form-layout>aside,.legal-layout aside{position:static!important}
  .faq-clean-index{grid-template-columns:repeat(3,auto)!important;justify-content:start;gap:16px 26px!important}
  .about-web-visual{height:420px!important}
}
@media(max-width:760px){
  .premium-footer-main{grid-template-columns:1fr!important}
  .custom-centered-hero,.template-hero,.care-hero-new,.work-hero-new,.about-story-hero,.faq-clean-hero,.contact-editorial,.legal-hero{padding:64px 0 52px!important}
  .custom-centered-inner h1,.template-hero h1,.care-hero-new h1,.work-hero-new h1,.about-story-hero h1,.contact-editorial-copy h1,.legal-hero h1{font-size:42px!important}
  
  
  
  
  .about-web-visual{height:330px!important}
  .faq-clean-index{grid-template-columns:1fr!important}.contact-project-form .form-grid{padding:24px 20px!important}
}

/* ==========================================================
   V16 — product clarity + editorial service architecture
   ========================================================== */

/* Header — intentionally compact, all-caps navigation */
.premium-header .premium-nav>a,
.premium-header .premium-nav summary,
.premium-header .premium-nav .nav-dropdown a{
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.premium-header .premium-nav .header-cta{
  letter-spacing:.105em!important;
  font-size:10.5px!important;
}
.premium-header .nav-dropdown{min-width:250px!important}

/* Home — capability stage inspired by the directness of strong tech/product sites,
   while keeping The Queens Web visual language original. */





















/* Custom-coded benefits */
.custom-code-why{padding:92px 0;background:#f7f7fa}
.custom-code-why-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:94px;align-items:start}
.custom-code-why h2{font-size:clamp(38px,4vw,52px);max-width:520px}
.custom-code-lead{font-size:19px;line-height:1.72;color:#30313a;max-width:780px}
.custom-code-points{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid #dddce4;border-bottom:1px solid #dddce4}
.custom-code-points span{padding:17px 0;font-size:13px;color:#555762;border-bottom:1px solid #e7e6ec}
.custom-code-points span:nth-child(odd){padding-right:24px}
.custom-code-points span:nth-child(even){padding-left:24px;border-left:1px solid #e1e0e7}
.custom-code-points span:nth-last-child(-n/**/+2){border-bottom:0}
.builder-note{display:grid;grid-template-columns:190px 1fr;gap:26px;margin-top:30px;padding-top:24px}
.builder-note strong{font-size:14px}.builder-note p{font-size:14px;line-height:1.72;color:#666874}

/* Migration service teaser + page */
.migration-teaser{padding:94px 0;background:#fff}







.migration-teaser h2{font-size:clamp(40px,4.3vw,56px);margin:12px 0 20px}.migration-teaser p{font-size:15px;line-height:1.84;color:#5f616c;margin-top:14px;max-width:760px}.migration-teaser .text-link{display:inline-block;margin-top:22px}

.migration-hero{padding:96px 0 86px;background:#fff}
.migration-hero-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:86px;align-items:center}
.migration-hero h1{font-size:clamp(52px,5.2vw,72px);margin:12px 0 22px;max-width:820px}.migration-hero p{font-size:17px;line-height:1.8;max-width:670px}
.migration-hero-visual{min-height:430px;position:relative;background:#0b0d18;border-radius:18px;overflow:hidden;padding:34px;display:flex;align-items:center;justify-content:space-between;color:#fff}




.migration-fit{padding:94px 0;background:#f7f7fa}.migration-fit-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:96px}.migration-fit h2{font-size:clamp(40px,4vw,54px)}
.migration-reasons{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dedde4}.migration-reasons article{padding:25px 24px 27px 0;border-bottom:1px solid #dedde4}.migration-reasons article:nth-child(even){padding-left:28px;border-left:1px solid #dedde4}.migration-reasons h3{font-family:"DM Sans",sans-serif!important;font-size:18px;margin-bottom:8px}.migration-reasons p{font-size:13px;line-height:1.7;color:#646672}
.migration-review{padding:94px 0;background:#fff}.migration-review-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}.migration-review h2{font-size:clamp(40px,4vw,54px);margin:12px 0 20px}.migration-review p{font-size:15px;line-height:1.84;color:#5e606b;margin-top:14px}
.migration-scope{padding:92px 0;background:#0a0c17;color:#fff}.migration-scope h2{color:#fff;max-width:760px;margin-top:10px}.migration-scope .section-kicker{color:#af9cff}.migration-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.migration-scope-grid span{padding:24px 18px;color:#c7c8d2;font-size:13px;border-right:1px solid rgba(255,255,255,.12)}.migration-scope-grid span:nth-child(4n){border-right:0}

/* Template main page — two clearly distinct products, no mixed gallery */









/* Dedicated template galleries */







/* Care — no faux process numbers, simpler scan */



/* Work — more compact screens and less oversized visual dominance */
.work-hero-new{padding-top:86px!important}.work-showcase-list{gap:88px!important}.work-showcase{grid-template-columns:280px minmax(0,860px)!important;gap:54px!important;justify-content:space-between}

/* FAQ — still utility-first, now with restrained Queens Web color */
.faq-clean-hero{background:linear-gradient(135deg,#f7f4ff 0%,#fff 55%,#f0ecff 100%)!important;border-bottom:0!important;position:relative;overflow:hidden}.faq-clean-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(117,87,219,.13);right:-150px;top:-210px}.faq-clean-hero h1{color:#17151f}.faq-clean-index a{padding-left:13px;border-left:2px solid transparent}.faq-clean-index a:hover{border-color:#8068df}.faq-group.clean details[open]{background:linear-gradient(90deg,rgba(125,95,224,.055),transparent 75%)}.faq-group.clean details[open] summary{color:#5d49b6}.faq-group.clean h2{color:#3c315f}

/* Contact — image + brief without generic process strip */


@media(max-width:1160px){
  .home-capabilities-grid,.custom-code-why-grid,.migration-teaser-grid,.migration-hero-grid,.migration-fit-grid,.migration-review-grid,.template-edition-showcase-grid .edition-feature,.template-compare-grid,.gallery-page-hero-grid,.gallery-product,.gallery-product.reverse,.coded-gallery-note-grid,.care-plan-board-grid,.care-coverage-heading{grid-template-columns:1fr!important;gap:42px!important}
  
  
  
  .migration-scope-grid,.care-coverage-grid{grid-template-columns:1fr 1fr!important}
  .migration-scope-grid span:nth-child(2n){border-right:0!important}
  .work-showcase{grid-template-columns:1fr!important;max-width:900px!important}
}
@media(max-width:760px){
  
  .custom-code-points,.builder-note,.edition-copy ul,.compare-points,.migration-reasons,.migration-scope-grid,.care-board-plan ul,.care-coverage-grid{grid-template-columns:1fr!important}.custom-code-points span:nth-child(even){padding-left:0!important;border-left:0!important}.custom-code-points span:nth-last-child(2){border-bottom:1px solid #e7e6ec!important}.builder-note{gap:10px!important}.migration-reasons article:nth-child(even){padding-left:0!important;border-left:0!important}.migration-scope-grid span{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.migration-scope-grid span:last-child{border-bottom:0!important}
  
  .work-showcase{max-width:none!important}
}

/* ==========================================================
   V17 — stronger product composition, fewer generic rails
   ========================================================== */

/* Keep the interface crisp and consistent */
.premium-header .premium-nav>a,
.premium-header .premium-nav summary,
.premium-header .premium-nav .header-cta{
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}

/* HOME — asymmetric product atlas rather than service rows */

.home-offerings-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:80px;align-items:end;margin-bottom:42px}
.home-offerings-head h2{font-size:clamp(42px,4.8vw,64px);max-width:760px;margin-top:10px}
.home-offerings-head>p{font-size:15px;line-height:1.8;color:#626470;max-width:520px}






















/* CUSTOM WEBSITES — real product boxes, not rails */









/* Remove the old generic process / line treatments in this experience */

.page-custom .custom-code-points{border:0!important;gap:10px;margin-top:28px}.page-custom .custom-code-points span{border:0!important;background:#fff;border-radius:14px;padding:15px 16px!important;box-shadow:inset 0 0 0 1px #e9e7ee}.page-custom .custom-code-points span:nth-child(even){border-left:0!important}

/* Client editor differentiator */





/* TEMPLATE MAIN — let the products explain the choice */




/* CODED TEMPLATE LAB — varied editorial product scenes */




/* CARE — vertical, explanatory, and outcome-led */





/* FAQ — remove divider-line dependence, keep restrained color */
.faq-group.clean+.faq-group.clean{border-top:0!important;padding-top:16px!important}
.faq-group.clean .faq-list details{border-bottom:0!important;background:#f7f5fc;border-radius:14px;margin:8px 0;padding:0 16px!important}
.faq-group.clean details[open]{background:#eee9ff!important}
.faq-clean-index a{border-left:0!important;padding-left:0!important}

/* Decorative line cleanup in the new product pages */
.page-custom .page-hero{border-bottom:0!important}



@media(max-width:1100px){
  .home-offerings-head,.client-editor-grid,.coded-lab-hero-grid,.coded-lab-includes-grid,.care-v17-hero-grid,.care-why-grid,.managed-hosting-v17-inner,.tqw-hosting-soon-inner{grid-template-columns:1fr!important;gap:42px!important}
  
  
  
}
@media(max-width:760px){
  .home-offerings-head{margin-bottom:28px}
  
  
  
  
}

/* Final V17 cleanup — no decorative rule lines as a recurring motif */
.premium-footer{border-top:0!important}
.premium-footer .copyright{border-top:0!important}

.migration-reasons{border:0!important;gap:12px}
.migration-reasons article,.migration-reasons article:nth-child(even){border:0!important;padding:22px!important;background:#fff;border-radius:16px}
.migration-scope-grid{border:0!important;gap:10px}
.migration-scope-grid span{border:0!important;border-radius:12px;background:rgba(255,255,255,.06)!important;padding:18px!important}





/* ==========================================================
   V18 — product-led layouts, meaningful visuals, unified tabs
   ========================================================== */

/* Shared destination panels */
.destination-cta-section{padding:76px 0;background:#fff}
.destination-panel{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#0d0f1a 0%,#17162a 68%,#21194a 100%);color:#fff;padding:44px 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center;box-shadow:0 28px 90px rgba(23,17,55,.12)}
.destination-panel>div{max-width:760px;position:relative;z-index:2}.destination-panel>div>span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b9a8ff;font-weight:700;margin-bottom:10px}.destination-panel h2{font-family:"DM Sans",sans-serif!important;color:#fff!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.02;letter-spacing:-.05em;margin:0}.destination-panel p{color:#c9cad4;font-size:14px;line-height:1.75;margin-top:14px;max-width:650px}.destination-panel .btn{position:relative;z-index:2;white-space:nowrap}.destination-panel::after{content:"";position:absolute;width:260px;height:260px;border-radius:44% 56% 58% 42%;right:8%;top:-150px;background:linear-gradient(145deg,rgba(151,124,255,.28),rgba(86,68,178,.04));transform:rotate(22deg)}
.destination-panel.light-destination{background:linear-gradient(135deg,#f0ebff,#fff 72%);color:#171821;box-shadow:none}.destination-panel.light-destination>div>span{color:#6550bd}.destination-panel.light-destination h2{color:#171821!important}.destination-panel.light-destination p{color:#5d5f69}.destination-panel.light-destination::after{background:linear-gradient(145deg,rgba(114,84,218,.16),rgba(114,84,218,0))}

/* HOME — product modules with visuals that communicate the offer */
.home-offerings-v18{padding:108px 0 118px;background:#f6f6fa;color:#151620}.home-offerings-v18 .home-offerings-head{margin-bottom:46px}
.service-atlas-v18{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"custom platform" "custom templates" "migration care";gap:16px}
.service-v18{position:relative;overflow:hidden;border-radius:28px;text-decoration:none;color:#171821;min-height:330px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.service-v18:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(30,24,66,.13)}
.service-v18-custom{grid-area:custom;min-height:670px;background:linear-gradient(145deg,#dcd4ff 0%,#f4f1ff 66%,#fff 100%);padding-top:330px}.service-v18-platform{grid-area:platform;background:linear-gradient(145deg,#10121f,#1b1932);color:#fff;padding-top:190px}.service-v18-builder{background:#fff;box-shadow:inset 0 0 0 1px #e8e6ee}.service-v18-templates{grid-area:templates;background:#fff;box-shadow:inset 0 0 0 1px #e8e6ee;padding-top:180px}.service-v18-migration{grid-area:migration;background:linear-gradient(145deg,#161925,#232943);color:#fff;padding-top:190px}.service-v18-care{grid-area:care;background:linear-gradient(145deg,#eee9ff,#fff);padding-top:190px}
.service-v18-copy{position:relative;z-index:4;max-width:600px}.service-v18-copy>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;opacity:.7}.service-v18-copy h3{font-family:"DM Sans",sans-serif!important;font-size:clamp(28px,3vw,42px);line-height:1.03;letter-spacing:-.05em;color:inherit;margin:11px 0 13px}.service-v18-copy p{font-size:13.5px;line-height:1.72;color:inherit;opacity:.73;max-width:560px}.service-v18-copy strong{display:inline-block;margin-top:19px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}
.service-v18-visual{position:absolute;z-index:1;pointer-events:none}




.care-product-visual{left:30px;right:30px;top:26px;height:145px}.care-console{height:100%;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(75,56,144,.1);padding:17px}.care-console-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.care-console-top span{font-size:8px;letter-spacing:.13em;color:#6a55bf;font-weight:700;text-transform:uppercase}.care-console-top b{font-size:8px;color:#2c774f;background:#e9f7ef;padding:6px 8px;border-radius:999px}.care-console-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:8px 0}.care-console-row i{width:8px;height:8px;border-radius:50%;background:#57a777}.care-console-row span{font-size:9px;color:#52545e}.care-console-row b{font-size:8px;color:#737580}

/* Custom-coded benefit block without divider-line grids */
.custom-code-points{border:0!important;gap:10px!important}.custom-code-points span{border:0!important;padding:14px 16px!important;border-radius:12px;background:#fff!important}.custom-code-points span:nth-child(even){border-left:0!important}.builder-note{padding:20px 22px!important;border-radius:16px;background:#ece9f7;margin-top:20px!important}


/* Digital platform composition fills the visual space intentionally */
.platform-showcase-v18{padding:96px 0;background:#fff}.platform-showcase-panel-v18{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:70px;align-items:center;border-radius:30px;background:linear-gradient(145deg,#0d0f1a,#171934 75%,#211b45);color:#fff;padding:48px}.platform-copy-v18 .section-kicker{color:#b8a5ff}.platform-copy-v18 h2{color:#fff;font-size:clamp(40px,4.5vw,58px);line-height:1.02;letter-spacing:-.05em;margin:11px 0 19px}.platform-copy-v18>p{font-size:15px;line-height:1.82;color:#c4c5d0}.platform-capabilities-v18{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.platform-capabilities-v18 span{font-size:10px;letter-spacing:.06em;padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.075);color:#dedde8}.platform-quote-v18{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.platform-quote-v18 small{font-size:11px;color:#a8aab6}


/* Migration follows the platform section with a deliberate light reset */
.migration-after-platform{padding:96px 0;background:linear-gradient(145deg,#f4f0ff,#fff)!important}.migration-after-platform h2{font-size:clamp(40px,4.4vw,57px);margin:11px 0 18px}.migration-after-platform p{font-size:15px;line-height:1.82;color:#5e606c;margin-top:13px}

/* Template selector inspired by product pricing navigation, without copying */
.template-hero-v18{padding:96px 0 64px;background:#0d0f1a;color:#fff}.template-hero-v18-grid{display:grid;grid-template-columns:1.1fr .55fr;gap:80px;align-items:end}.template-hero-v18 h1{color:#fff;font-size:clamp(52px,5.3vw,74px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 20px;max-width:820px}.template-hero-v18 p{font-size:17px;line-height:1.8;color:#c7c8d2;max-width:680px}.template-hero-v18 .eyebrow{color:#b8a5ff}
.template-tabs-section{padding:34px 0;background:#0d0f1a}.template-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.template-tab{appearance:none;border:0;border-radius:999px;background:#3c237d;color:#fff;padding:15px 24px;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.template-tab:hover{transform:translateY(-1px);background:#4b2b9d}.template-tab.is-active{background:#fff;color:#171821}.template-tab:focus-visible{outline:3px solid #aa94ff;outline-offset:3px}
.template-mode-panel[hidden]{display:none!important}.template-mode-intro{padding:96px 0;background:#fff}.template-mode-intro.canva-mode{background:linear-gradient(145deg,#f2edff,#fff 68%)}.template-mode-intro.coded-mode{background:linear-gradient(145deg,#f3f0fb,#ffffff 72%);color:#171821}.template-mode-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:86px;align-items:center}.template-mode-intro h2{font-size:clamp(40px,4.5vw,60px);line-height:1.03;letter-spacing:-.05em;margin:11px 0 19px;max-width:700px}.template-mode-intro p{font-size:15px;line-height:1.82;color:#5f616d;max-width:700px}
.mode-device-scene{min-height:420px;position:relative}
.template-value-section{padding:74px 0;background:#fff}.template-value-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:start}.template-value-grid h2{font-size:clamp(38px,4.2vw,54px);line-height:1.04;margin:10px 0 16px}.template-value-grid>div>p{font-size:15px;line-height:1.75;color:#646671}.template-value-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-value-list article{border-radius:18px;background:#f6f5fa;padding:18px 20px;min-height:110px}.template-value-list strong{display:block;font-size:15px;margin-bottom:8px;color:#24252d}.template-value-list p{font-size:12.5px;line-height:1.65;color:#686a74}
.template-gallery-v18{padding:92px 0 110px;background:#f8f8fb}.template-gallery-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:end;margin-bottom:42px}.template-gallery-head h2{font-size:clamp(38px,4vw,52px);margin-top:8px}.template-gallery-head>p{font-size:14px;line-height:1.72;color:#656772;max-width:620px}.template-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.template-product-v18{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(37,31,74,.06);display:flex;flex-direction:column}.template-product-art{height:350px;position:relative;overflow:hidden;padding:24px}.portfolio-edit-art{background:linear-gradient(145deg,#d8ceff,#b99cff)}.quiet-studio-art{background:linear-gradient(145deg,#efe7da,#fbf9f3)}.gallery-browser-v18{position:absolute;left:8%;right:12%;top:10%;height:72%;background:#fff;border-radius:14px;padding:25px;box-shadow:0 18px 50px rgba(54,42,104,.12);display:flex;flex-direction:column}.gallery-browser-v18.dark{background:#141622;color:#fff}.gallery-browser-v18>span{font-size:7px;letter-spacing:.15em;color:#745ecb}.gallery-browser-v18.dark>span{color:#b8a5ff}.gallery-browser-v18>b{font-family:"Playfair Display",serif;font-size:29px;line-height:1.02;font-weight:500;margin:auto 0 22px}.gallery-browser-v18>i{display:block;height:5px;border-radius:999px;background:#e5e2ea;margin-top:8px}.gallery-browser-v18.dark>i{background:#383a46}.gallery-browser-v18>i:last-child{width:62%}.portfolio-edit-art .gallery-browser-v18{left:auto;right:5%;width:62%}.gallery-swatch-v18{position:absolute;right:7%;top:9%;width:86px;height:86px;border-radius:24px;background:#c8b28e;transform:rotate(12deg)}.template-product-meta{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}.template-product-meta>span,.coded-product-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#6e59c4;font-weight:700}.template-product-meta h3,.coded-product-copy h3{font-family:"DM Sans",sans-serif!important;font-size:27px!important;letter-spacing:-.04em;margin:8px 0 11px}.template-product-meta p,.coded-product-copy p{font-size:13px;line-height:1.7;color:#62646e}.template-product-meta>div{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:20px}.template-product-meta strong{font-size:15px}.template-product-meta button,.coded-product-copy button{border:0;border-radius:999px;padding:9px 11px;background:#eeeaf8;color:#7663c6;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.template-product-meta button:disabled,.coded-product-copy button:disabled{opacity:.72;cursor:default}
.coded-product-v18{display:grid;grid-template-columns:.62fr 1.38fr;gap:54px;align-items:center;border-radius:28px;background:#10121d;color:#fff;padding:36px;min-height:500px}.coded-product-v18:nth-child(2){background:#f1eef8;color:#171821}.coded-product-v18.reverse{grid-template-columns:1.38fr .62fr}

/* CARE — genuinely vertical plans */

.care-why-v18-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:start}.care-why-v18-grid>div:first-child>p{font-size:15px;line-height:1.82;color:#5f616c;max-width:650px}.care-reasons-v18{display:grid;gap:10px}.care-reasons-v18 article{border-radius:18px;background:#f6f5fa;padding:22px}.care-reasons-v18 strong{display:block;font-size:15px;margin-bottom:7px}.care-reasons-v18 p{font-size:13px;line-height:1.7;color:#666873}
.care-plan-stack-v18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px;align-items:stretch}
.managed-hosting-v18-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:start}

/* Additional divider-line cleanup on redesigned pages */
.page-custom .custom-code-points,.page-templates .template-value-list,.page-care .care-reasons-v18{border:0!important}.page-custom .package-section,.page-custom .custom-code-why,.page-custom .client-editor-v17,.page-custom .platform-showcase-v18,.page-custom .migration-after-platform{border-top:0!important;border-bottom:0!important}

@media(max-width:1120px){
  .service-atlas-v18{grid-template-columns:1fr 1fr;grid-template-areas:"custom custom" "platform templates" "migration care"}.service-v18-custom{min-height:560px}
  .platform-showcase-panel-v18,.template-hero-v18-grid,.template-mode-intro-grid,.template-value-grid,.template-gallery-head,.care-v18-hero-grid,.care-why-v18-grid,.managed-hosting-v18-panel,.hosting-coming-v18-panel,.migration-teaser-grid-v18{grid-template-columns:1fr;gap:40px}.template-gallery-grid{grid-template-columns:1fr 1fr}.coded-product-v18,.coded-product-v18.reverse{grid-template-columns:1fr;gap:34px}.destination-panel{grid-template-columns:1fr;align-items:start}.care-plan-stack-v18{max-width:none}
}
@media(max-width:760px){
  .destination-cta-section{padding:54px 0}.destination-panel{padding:30px 24px;border-radius:22px;gap:25px}.destination-panel::after{display:none}.destination-panel .btn{justify-self:start}
  .home-offerings-v18{padding:72px 0 82px}.service-atlas-v18{grid-template-columns:1fr;grid-template-areas:"custom" "platform" "templates" "migration" "care"}.service-v18{min-height:380px;padding:24px;padding-top:205px}.service-v18-custom{min-height:525px;padding-top:285px}.platform-product-visual,.template-product-visual,.migration-product-visual,.care-product-visual{left:22px;right:22px;top:22px}.service-v18-copy h3{font-size:31px}
  .platform-showcase-v18{padding:70px 0}.platform-showcase-panel-v18{padding:28px 22px;border-radius:22px}.migration-after-platform{padding:72px 0}
  .template-hero-v18{padding:72px 0 46px}.template-tabs-section{padding:25px 0}.template-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-tab{justify-content:center;padding:13px 12px;font-size:10px}.template-mode-intro{padding:72px 0}.mode-device-scene{min-height:330px}.template-value-section{padding:68px 0}.template-value-list{grid-template-columns:1fr}.template-gallery-v18{padding:70px 0 78px}.template-gallery-grid{grid-template-columns:1fr}.template-product-art{height:320px}.coded-product-v18{padding:24px;min-height:0}
  
}

/* V19 refinements */


@media (max-width:900px){.care-plan-stack-v18{grid-template-columns:1fr}}
.work-hero-new{padding:76px 0 58px}
.work-hero-new-grid{display:block;max-width:900px}
.work-hero-new h1{font-size:clamp(30px,3.3vw,44px)!important;line-height:1.08;letter-spacing:-.04em;margin:0 0 12px;max-width:820px}
.work-hero-new p{font-size:14px;line-height:1.7;color:#6a6b75;max-width:700px;margin:0}

/* =========================================================
   V22 — Living web hero system
   Hero-only override. The rest of the V19 site is untouched.
   ========================================================= */
.hero-v15{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 75% 48%,rgba(96,65,198,.12) 0%,rgba(45,34,111,.055) 30%,transparent 58%),
    radial-gradient(ellipse at 96% 34%,rgba(92,52,180,.07) 0%,transparent 48%),
    linear-gradient(180deg,#070d1b 0%,#080e1d 100%)!important;
}
.hero-v15::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(7,13,27,1) 0%,rgba(7,13,27,.98) 26%,rgba(7,13,27,.82) 39%,rgba(7,13,27,.26) 54%,rgba(7,13,27,0) 66%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%,rgba(0,0,0,.10));
}
.hero-v15-grid{
  position:relative!important;
  z-index:3!important;
  min-height:760px!important;
}
.hero-v15-copy{position:relative!important;z-index:4!important}










@keyframes tqwWebFloat{
  0%{transform:translate3d(0,4px,0) scale(1.012)}
  48%{transform:translate3d(-2px,-1px,0) scale(1.016)}
  100%{transform:translate3d(1px,-7px,0) scale(1.012)}
}
@keyframes tqwCrownAura{
  0%{opacity:.22}
  52%{opacity:.42}
  100%{opacity:.28}
}

/* Large monitors: let the web field expand rather than expose an image boundary. */
@media(min-width:1600px){
  .hero-v15-grid{min-height:800px!important}
  
}
@media(min-width:2200px){
  .hero-v15-grid{min-height:840px!important}
  
}

/* Tablet: keep the artwork atmospheric and below the copy, not as a separate image card. */
@media(max-width:1080px){
  .hero-v15-grid{min-height:auto!important;padding-bottom:520px!important}
  
  
}

/* Mobile gets its own portrait artwork and calmer localized deformation. */
@media(max-width:820px){
  .hero-v15-grid{padding-bottom:430px!important}
  
  
  
  
}
@media(max-width:650px){
  .hero-v15-grid{padding-bottom:390px!important}
  
  
}

/* Reduced-motion: preserve the composed background but stop all motion. */


/* =========================================================
   V24 — Crownward living-web hero refinement
   Derived from the approved V22 crowned web artwork.
   Hero only. No unrelated site styles are changed here.
   ========================================================= */
.hero-v24{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#070d1b!important;
}
.hero-v24::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,#070d1b 0%,rgba(7,13,27,.99) 25%,rgba(7,13,27,.91) 36%,rgba(7,13,27,.62) 48%,rgba(7,13,27,.20) 61%,rgba(7,13,27,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent 26%,rgba(0,0,0,.11) 100%)!important;
}
.hero-v24 .hero-v15-grid{
  position:relative!important;
  z-index:3!important;
  min-height:760px!important;
}
.hero-v24 .hero-v15-copy{position:relative!important;z-index:4!important}
.hero-v24-background{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 44%,rgba(93,65,205,.13),transparent 28%),
    radial-gradient(circle at 94% 30%,rgba(112,77,224,.07),transparent 25%),
    #070d1b;
}
.hero-v24-canvas{
  position:absolute;
  pointer-events:none;
  transform-origin:67.3% 41.4%;
  animation:heroV24Drift 9.5s ease-in-out infinite alternate;
  will-change:transform;
}
.hero-v24-canvas-wide{
  display:block;
  height:121%;
  aspect-ratio:2400 / 1351;
  top:-10.5%;
  right:-5.5vw;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 7%,rgba(0,0,0,.78) 18%,#000 28%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 7%,rgba(0,0,0,.78) 18%,#000 28%,#000 100%);
}

.hero-v24-base,
.hero-v24-wave,
.hero-v24-sparkles,
.hero-v24-mobile-strands,
.hero-v24-strand-motion{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  display:block;
}
.hero-v24-base{
  z-index:1;
  filter:saturate(1.035) contrast(1.025);
}







/* These masks reveal only pixels from the real approved web artwork.
   The illumination moves from outer existing strands toward the crown. */




.hero-v24-blend{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  background:
    linear-gradient(90deg,#070d1b 0%,rgba(7,13,27,.99) 22%,rgba(7,13,27,.84) 37%,rgba(7,13,27,.36) 51%,rgba(7,13,27,0) 63%),
    linear-gradient(270deg,rgba(7,13,27,.06) 0%,transparent 8%),
    linear-gradient(180deg,rgba(7,13,27,.06),transparent 14%,transparent 86%,rgba(7,13,27,.15));
}
@keyframes heroV24Drift{
  0%{transform:translate3d(0,2px,0) scale(1.001)}
  50%{transform:translate3d(-1px,-2px,0) scale(1.002)}
  100%{transform:translate3d(1px,-5px,0) scale(1.001)}
}
@keyframes v24OuterIn{
  0%,8%,100%{opacity:0}
  13%{opacity:.86}
  25%{opacity:.62}
  36%{opacity:.12}
  43%{opacity:0}
}
@keyframes v24MidIn{
  0%,19%,100%{opacity:0}
  27%{opacity:.84}
  40%{opacity:.68}
  52%{opacity:.15}
  59%{opacity:0}
}
@keyframes v24InnerIn{
  0%,35%,100%{opacity:0}
  44%{opacity:.90}
  57%{opacity:.72}
  68%{opacity:.18}
  74%{opacity:0}
}
@keyframes v24CrownReceive{
  0%,44%,100%{opacity:.14;transform:translate(-50%,-50%) scale(.96)}
  56%{opacity:.32;transform:translate(-50%,-50%) scale(1.02)}
  65%{opacity:.76;transform:translate(-50%,-50%) scale(1.09)}
  76%{opacity:.26;transform:translate(-50%,-50%) scale(1.00)}
}
/* Standard laptop: keep the sharp source large enough to pass beyond the viewport,
   so no right-side image boundary can appear. */
@media(max-width:1500px) and (min-width:1081px){
  .hero-v24-canvas-wide{height:126%;top:-13%;right:-10.5vw}
  .hero-v24::before{background:linear-gradient(90deg,#070d1b 0%,rgba(7,13,27,.99) 27%,rgba(7,13,27,.91) 40%,rgba(7,13,27,.55) 51%,rgba(7,13,27,.12) 66%,transparent 75%),linear-gradient(180deg,rgba(255,255,255,.01),transparent 26%,rgba(0,0,0,.11) 100%)!important}
  .hero-v24-blend{background:linear-gradient(90deg,#070d1b 0%,rgba(7,13,27,.99) 25%,rgba(7,13,27,.82) 40%,rgba(7,13,27,.27) 54%,transparent 67%),linear-gradient(270deg,rgba(7,13,27,.04),transparent 8%)}
}
/* Large monitors: keep native detail; reveal more surrounding space instead of scaling endlessly. */
@media(min-width:1600px){
  .hero-v24 .hero-v15-grid{min-height:800px!important}
  .hero-v24-canvas-wide{height:118%;top:-9%;right:-3vw}
}
@media(min-width:2200px){
  .hero-v24 .hero-v15-grid{min-height:840px!important}
  .hero-v24-canvas-wide{height:116%;top:-8%;right:-2.2vw}
}
/* Tablet keeps the web embedded in the lower hero atmosphere. */
@media(max-width:1080px){
  .hero-v24 .hero-v15-grid{grid-template-columns:1fr!important;min-height:auto!important;padding-top:58px!important;padding-bottom:520px!important}
  .hero-v24-canvas-wide{height:68%;top:37%;right:-23vw}
  .hero-v24::before{background:linear-gradient(180deg,#070d1b 0%,rgba(7,13,27,.99) 37%,rgba(7,13,27,.77) 50%,rgba(7,13,27,.18) 67%,transparent 78%),linear-gradient(90deg,rgba(7,13,27,.46),transparent 68%)!important}
  .hero-v24-blend{background:linear-gradient(180deg,rgba(7,13,27,.02),rgba(7,13,27,.02) 40%,rgba(7,13,27,.16) 72%,rgba(7,13,27,.28) 100%)}
}
/* Mobile uses the approved portrait derivative, still as a background rather than a card/image block. */
@media(max-width:820px){
  .hero-v24 .hero-v15-grid{padding-bottom:440px!important}
  .hero-v24-canvas-wide{display:none}
  
  
  
  
  
  
  .hero-v24::before{background:linear-gradient(180deg,#070d1b 0%,rgba(7,13,27,.98) 39%,rgba(7,13,27,.58) 54%,rgba(7,13,27,.14) 67%,transparent 78%)!important}
}
@keyframes v24MobileStrands{
  0%{transform:translate3d(0,1px,0) scale(1.001);opacity:.22}
  50%{transform:translate3d(-2px,-2px,0) scale(1.004);opacity:.34}
  100%{transform:translate3d(1px,-4px,0) scale(1.002);opacity:.26}
}
@media(max-width:650px){
  .hero-v24 .hero-v15-grid{padding-bottom:400px!important}
  
}
@media(prefers-reduced-motion:reduce){
  .hero-v24-canvas,.hero-v24-moving,.hero-v24-wave,.hero-v24-sparkles,.hero-v24-mobile-strands,.hero-v24-crown-bloom{animation:none!important}
  
  
}
/* V24 mobile composition final positioning: keep crown fully visible while retaining background feel. */

/* Existing sparkle points lead each inward wave by a fraction of a second,
   so the visible nodes wake first and the illuminated fibers follow them inward. */



/* =========================================================
   V27 — strand-contained conduction sequence
   The moving light is baked from pixels of the approved web art:
   one crown-connected strand at a time -> crown response ->
   final crown release outward through every mapped strand at once.
   No SVG projectile paths are drawn over the artwork.
   ========================================================= */

.hero-v27-ambient,
.hero-v27-sequence{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  pointer-events:none;
}
.hero-v27-ambient{
  z-index:2;
  opacity:.032;
  mix-blend-mode:screen;
  filter:saturate(1.02);
  animation:v27FiberBreath 28s ease-in-out infinite alternate;
}
.hero-v27-sequence{
  z-index:3;
  opacity:.92;
  mix-blend-mode:normal;
}
@keyframes v27FiberBreath{
  0%{opacity:.022;transform:translate3d(0,1px,0) scale(1)}
  50%{opacity:.038;transform:translate3d(-1px,-1px,0) scale(1.0012)}
  100%{opacity:.026;transform:translate3d(1px,-2px,0) scale(1.0008)}
}
@media(max-width:820px){
  .hero-v27-ambient{opacity:.026;animation-duration:30s}
  .hero-v27-sequence{opacity:.90}
}
@media(prefers-reduced-motion:reduce){
  .hero-v27-ambient,.hero-v27-sequence{animation:none!important;display:none!important}
}

/* Homepage real website mockup frame. Sizing is owned by the current homepage service system below. */
.service-real-mockup{
  left:28px;
  right:28px;
  top:28px;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 56px rgba(35,28,72,.16);
}
.service-real-mockup img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}

/* V35 — real migration/rebuild case study using the Be Aligned rebuild */






.service-v18-migration{padding-top:236px}
.migration-hero-case{min-height:470px;background:linear-gradient(145deg,#101321,#191b2c);display:block;padding:0}



.migration-hero-case::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(132,102,255,.18),transparent 34%),radial-gradient(circle at 22% 78%,rgba(255,255,255,.05),transparent 28%)}
@media(min-width:1121px){
  .service-v18-migration{min-height:575px;padding-top:236px}
}
@media(max-width:1120px){
  
  
  
  .service-v18-migration{padding-top:216px}
  
  
}
@media(max-width:760px){
  
  
  
  .service-v18-migration{padding-top:212px;min-height:420px}
  .migration-hero-case{min-height:360px}
  
  
  
}


/* V36 — clean side-by-side migration comparison */
.service-v18-migration{
  background:#f8f6f2;
  color:#10121f;
}
.migration-compare-visual{
  position:absolute;
  left:28px;
  right:28px;
  top:28px;
  height:300px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.migration-compare-column{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:10px;
}
.migration-compare-label{
  font-size:9px;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:700;
  color:#706d77;
}
.migration-compare-column:last-child .migration-compare-label{color:#5d49b4}
.migration-compare-frame{
  min-height:0;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e5e1dc;
  box-shadow:0 14px 34px rgba(32,28,39,.10);
}
.migration-compare-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.service-v18-migration .service-v18-copy span{color:#5d49b4}
.service-v18-migration .service-v18-copy p{color:#62616a}
.service-v18-migration .service-v18-copy strong{color:#10121f}
.service-v18-migration{padding-top:374px}

.migration-hero-case{
  min-height:520px;
  background:#f8f6f2;
  padding:30px;
  display:block;
  overflow:hidden;
}
.migration-hero-case::before{display:none}
.migration-hero-compare{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.migration-hero-column{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:12px;
}
.migration-hero-column>span{
  font-size:10px;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:700;
  color:#6b6871;
}
.migration-hero-column:last-child>span{color:#5d49b4}
.migration-hero-frame{
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e3ded8;
  box-shadow:0 18px 46px rgba(31,27,38,.12);
}
.migration-hero-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}

@media(min-width:1121px){
  .service-v18-migration{min-height:620px;padding-top:374px}
}
@media(max-width:1120px){
  .migration-compare-visual{left:24px;right:24px;top:24px;height:270px;gap:14px}
  .service-v18-migration{padding-top:338px}
  .migration-hero-case{min-height:460px;padding:24px}
  .migration-hero-compare{gap:18px}
}
@media(max-width:760px){
  .migration-compare-visual{left:22px;right:22px;top:22px;height:248px;gap:12px}
  .migration-compare-label{font-size:8px}
  .migration-compare-frame{border-radius:13px}
  .service-v18-migration{padding-top:312px;min-height:540px}
  .migration-hero-case{min-height:420px;padding:18px}
  .migration-hero-compare{gap:12px}
  .migration-hero-column{gap:9px}
  .migration-hero-column>span{font-size:9px}
  .migration-hero-frame{border-radius:14px}
}


/* V37 — compact homepage migration comparison; keep the real before/rebuilt story without taking over the row */
.migration-compare-visual{
  left:28px;
  right:28px;
  top:28px;
  height:214px;
  grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);
  gap:16px;
}
.migration-compare-column{gap:8px}
.migration-compare-frame{border-radius:14px}
.service-v18-migration{padding-top:276px;min-height:0}

@media(min-width:1121px){
  .service-v18-migration{min-height:0;padding-top:276px}
}
@media(min-width:761px) and (max-width:1120px){
  .migration-compare-visual{left:24px;right:24px;top:24px;height:205px;gap:14px}
  .service-v18-migration{padding-top:264px;min-height:0}
}
@media(max-width:760px){
  .migration-compare-visual{left:22px;right:22px;top:22px;height:186px;gap:10px;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr)}
  .migration-compare-column{gap:7px}
  .migration-compare-label{font-size:8px}
  .migration-compare-frame{border-radius:12px}
  .service-v18-migration{padding-top:240px;min-height:0}
}


/* V38 — homepage migration card formatted as a contained side-by-side case study */
.service-v18-migration{
  padding:28px 28px 30px!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:#f8f6f2!important;
  color:#10121f!important;
}
.service-v18-migration .migration-compare-visual{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  height:190px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.45fr) minmax(0,.55fr)!important;
  gap:16px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.service-v18-migration .migration-compare-column{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
  min-height:0!important;
}
.service-v18-migration .migration-compare-label{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:#efe9e2!important;
  color:#654635!important;
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.service-v18-migration .migration-compare-column:last-child .migration-compare-label{
  background:#ece7ff!important;
  color:#5d49b4!important;
}
.service-v18-migration .migration-compare-frame{
  height:157px!important;
  min-height:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e4dfd9!important;
  box-shadow:0 10px 28px rgba(32,28,39,.10)!important;
}
.service-v18-migration .migration-compare-frame img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:top center!important;
}
.service-v18-migration .service-v18-copy{
  position:relative!important;
  z-index:4!important;
  margin-top:24px!important;
  max-width:100%!important;
}
.service-v18-migration .service-v18-copy>span{
  color:#5d49b4!important;
}
.service-v18-migration .service-v18-copy h3{
  font-size:clamp(28px,2.55vw,38px)!important;
  line-height:1.04!important;
  margin:10px 0 11px!important;
}
.service-v18-migration .service-v18-copy p{
  color:#62616a!important;
  max-width:560px!important;
  margin:0!important;
}
.service-v18-migration .service-v18-copy strong{
  color:#10121f!important;
  margin-top:17px!important;
}
@media(min-width:1121px){
  .service-v18-migration{min-height:0!important;padding-top:28px!important}
}
@media(min-width:761px) and (max-width:1120px){
  .service-v18-migration{padding:24px!important}
  .service-v18-migration .migration-compare-visual{height:178px!important;gap:13px!important}
  .service-v18-migration .migration-compare-frame{height:145px!important}
  .service-v18-migration .service-v18-copy{margin-top:22px!important}
}
@media(max-width:760px){
  .service-v18-migration{padding:22px!important}
  .service-v18-migration .migration-compare-visual{height:168px!important;gap:10px!important;grid-template-columns:1fr 1fr!important}
  .service-v18-migration .migration-compare-frame{height:137px!important;border-radius:12px!important}
  .service-v18-migration .migration-compare-label{font-size:7.5px!important;padding:6px 9px!important}
  .service-v18-migration .service-v18-copy{margin-top:20px!important}
}


/* V40 — use the approved Be Aligned after image and keep Before/Rebuilt equal in size */
.service-v18-migration .migration-compare-visual{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  height:auto!important;
  align-items:start!important;
}
.service-v18-migration .migration-compare-column{
  grid-template-rows:auto auto!important;
}
.service-v18-migration .migration-compare-frame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4 / 3!important;
}
.service-v18-migration .migration-compare-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}
.service-v18-migration .service-v18-copy{
  margin-top:22px!important;
}

.migration-hero-compare{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start!important;
}
.migration-hero-column{
  min-width:0!important;
}
.migration-hero-frame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4 / 3!important;
}
.migration-hero-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}
@media(max-width:760px){
  .service-v18-migration .migration-compare-visual{
    grid-template-columns:1fr 1fr!important;
  }
}

/* V41 — migration pages refinement */
.migration-teaser-text-only-v41{
  background:linear-gradient(145deg,#f4f0ff,#fff)!important;
}
.migration-teaser-text-v41{
  max-width:980px;
}
.migration-teaser-text-v41 h2{
  font-size:clamp(40px,4.4vw,57px);
  margin:11px 0 18px;
  max-width:820px;
}
.migration-teaser-text-v41 p{
  font-size:15px;
  line-height:1.82;
  color:#5e606c;
  margin-top:13px;
  max-width:820px;
}
.migration-teaser-text-v41 .text-link{
  display:inline-block;
  margin-top:22px;
}

.migration-hero-grid-v41{
  grid-template-columns:minmax(0,.88fr) minmax(620px,1.12fr);
  gap:58px;
  align-items:center;
}
.migration-hero-grid-v41>div:first-child h1{
  max-width:680px;
}
.migration-hero-case-v41{
  min-height:0!important;
  height:auto!important;
  padding:24px!important;
  background:#f8f6f2!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.migration-hero-compare-v41{
  width:100%!important;
  height:auto!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.migration-hero-compare-v41 .migration-hero-column{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:10px!important;
}
.migration-hero-compare-v41 .migration-hero-column>span{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.migration-viewport-frame{
  aspect-ratio:4 / 3!important;
  height:auto!important;
  min-height:0!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.migration-viewport-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}









.migration-full-open-v41{
  width:100%;
  display:block;
  padding:0;
  border:0;
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  cursor:zoom-in;
  box-shadow:0 18px 52px rgba(33,30,45,.10);
  text-align:left;
}
.migration-full-open-v41 img{
  display:block;
  width:100%;
  height:auto;
}

.migration-lightbox-v41{
  width:min(1080px,94vw);
  max-height:92vh;
  padding:0;
  border:0;
  border-radius:20px;
  background:#10121b;
  overflow:hidden;
  box-shadow:0 30px 100px rgba(0,0,0,.38);
}
.migration-lightbox-v41::backdrop{
  background:rgba(6,8,15,.78);
  backdrop-filter:blur(5px);
}
.migration-lightbox-scroll-v41{
  max-height:92vh;
  overflow:auto;
  padding:24px;
}
.migration-lightbox-scroll-v41 img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
.migration-lightbox-close-v41{
  position:absolute;
  z-index:5;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#11131c;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}

@media(max-width:1120px){
  .migration-hero-grid-v41{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .migration-hero-case-v41{
    max-width:860px;
  }
}
@media(max-width:760px){
  .migration-teaser-text-only-v41{padding:72px 0!important}
  .migration-hero-case-v41{padding:16px!important}
  .migration-hero-compare-v41{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .migration-viewport-frame{aspect-ratio:4 / 3!important}
  
  
  .migration-lightbox-scroll-v41{padding:14px}
}


/* V42 — real admin/dashboard examples on Custom Websites */
.client-admin-mockup-v42,.platform-dashboard-mockup-v42{overflow:hidden;border-radius:24px;box-shadow:0 30px 88px rgba(24,22,48,.18)}
.client-admin-mockup-v42{background:#fff;border:1px solid rgba(85,70,150,.10)}
.platform-dashboard-mockup-v42{background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.client-admin-mockup-v42 img,.platform-dashboard-mockup-v42 img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
@media(max-width:1120px){.client-admin-mockup-v42,.platform-dashboard-mockup-v42{max-width:820px;width:100%}}
@media(max-width:760px){.client-admin-mockup-v42,.platform-dashboard-mockup-v42{border-radius:18px}.client-editor-copy>p,.platform-copy-v18>p{font-size:14px}}


/* V43 — migration page refinement + smaller custom teaser */
.page-custom .migration-after-platform.migration-teaser-text-only-v41{padding:78px 0 82px!important}
.page-custom .migration-teaser-text-v41{max-width:880px}
.page-custom .migration-teaser-text-v41 h2{font-size:clamp(34px,3.8vw,46px);margin:10px 0 14px;max-width:700px}
.page-custom .migration-teaser-text-v41 p{font-size:14.5px;line-height:1.76;max-width:740px}
.page-custom .migration-teaser-text-v41 .text-link{margin-top:18px}





.migration-hero-open-v43{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}
.migration-hero-open-v43:focus-visible{outline:2px solid #6d5abd;outline-offset:4px;border-radius:20px}

.migration-review-photo{border-radius:18px;overflow:hidden;box-shadow:0 20px 56px rgba(28,25,38,.12);background:#f5f1ea}
.migration-review-photo img{display:block;width:100%;height:420px;object-fit:cover;object-position:center}

@media(max-width:1120px){
  
  .migration-review-photo img{height:380px}
}
@media(max-width:760px){
  .page-custom .migration-after-platform.migration-teaser-text-only-v41{padding:62px 0 66px!important}
  
  
  .migration-review-photo img{height:auto;aspect-ratio:16/10}
}


/* V44 — migration sequencing, quieter helper text, enterprise FAQ hero */
.migration-hero-note-v44{
  margin:12px 0 0;
  text-align:center;
  color:#888892;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-weight:600;
}
.migration-review{padding:76px 0 82px}
.migration-review-photo{aspect-ratio:2 / 1;min-height:0;background:#f5f1ea}
.migration-review-photo img{width:100%;height:100%;object-fit:contain;object-position:center}

.page-faq .faq-clean-hero{
  padding:84px 0 50px!important;
  background:#fff!important;
  border-bottom:1px solid #ecebf0!important;
  overflow:visible!important;
}
.page-faq .faq-clean-hero::after{display:none!important;content:none!important}
.page-faq .faq-clean-hero .container{
  max-width:1180px!important;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:80px;
  align-items:end;
}
.page-faq .faq-clean-hero h1{
  margin:0!important;
  font-size:clamp(54px,5.5vw,76px)!important;
  line-height:.98;
  color:#17151f!important;
}
.page-faq .faq-clean-hero p{
  margin:0!important;
  max-width:760px;
  font-size:16px;
  line-height:1.65;
  color:#666873;
}
@media(max-width:1120px){
  .page-faq .faq-clean-hero .container{grid-template-columns:1fr;gap:18px}
  .migration-review-photo{aspect-ratio:2 / 1}
}
@media(max-width:760px){
  .migration-hero-note-v44{font-size:8.5px;margin-top:10px}
  .migration-review{padding:62px 0 66px}
  .migration-review-photo{aspect-ratio:16 / 9}
  .page-faq .faq-clean-hero{padding:64px 0 38px!important}
  .page-faq .faq-clean-hero .container{gap:12px}
  .page-faq .faq-clean-hero p{font-size:14.5px;max-width:560px}
}


/* V45 — founder section: restrained company-level portrait treatment */
.about-founder-v45{
  padding:104px 0 110px;
  background:#fff;
}
.about-founder-grid-v45{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr);
  gap:96px;
  align-items:center;
}
.about-founder-copy-v45{
  max-width:680px;
}
.about-founder-copy-v45 .section-kicker{
  color:var(--tqw-violet);
}
.about-founder-copy-v45 h2{
  font-size:clamp(40px,4.2vw,56px);
  line-height:1.03;
  max-width:720px;
  margin:11px 0 24px;
}
.about-founder-lead-v45{
  font-family:"Playfair Display",Georgia,serif;
  font-size:23px!important;
  line-height:1.5!important;
  color:#252630!important;
  max-width:650px;
  margin:0 0 20px;
}
.about-founder-copy-v45>p:not(.about-founder-lead-v45){
  font-size:15px;
  line-height:1.84;
  color:#60626d;
  max-width:640px;
}

.about-founder-panel-v45{
  position:relative;
  min-width:0;
  padding:18px;
  border-radius:30px;
  background:linear-gradient(145deg,#0c0e17,#151827 76%,#1c1832);
  box-shadow:0 30px 88px rgba(20,18,34,.17);
  overflow:hidden;
}
.about-founder-panel-v45::before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-90px;
  top:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(111,82,255,.24),rgba(111,82,255,0) 68%);
  pointer-events:none;
}

.about-founder-portrait-v45{
  position:relative;
  z-index:1;
  margin:0;
  border-radius:22px;
  overflow:hidden;
  background:#e9e0d5;
}
.about-founder-portrait-v45 img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center 31%;
}
@media(max-width:1120px){
  .about-founder-grid-v45{
    grid-template-columns:1fr 1fr;
    gap:58px;
  }
}
@media(max-width:760px){
  .about-founder-v45{padding:74px 0 80px}
  .about-founder-grid-v45{grid-template-columns:1fr;gap:40px}
  .about-founder-copy-v45 h2{font-size:38px}
  .about-founder-lead-v45{font-size:21px!important}
  .about-founder-panel-v45{padding:13px;border-radius:22px}
  .about-founder-portrait-v45{border-radius:16px}
  
}
nn/* V46 — About page scale refinement */n.page-about .about-story-hero{padding:78px 0 66px}n.page-about .about-story-hero-grid{grid-template-columns:1.12fr .62fr;gap:72px}n.page-about .about-story-hero h1{font-size:clamp(48px,4.7vw,64px);line-height:1.03;max-width:860px;margin-top:10px}n.page-about .about-story-lead{font-size:21px;line-height:1.48;max-width:470px}nn.page-about .about-web-story{padding:72px 0}n.page-about .about-web-story-grid{grid-template-columns:.78fr 1.08fr;gap:68px}n.page-about .about-web-visual{height:430px;border-radius:16px}n.page-about .about-web-copy{max-width:650px}n.page-about .about-web-copy h2{font-size:clamp(34px,3.4vw,44px);line-height:1.08;margin:10px 0 20px}n.page-about .about-web-copy p{font-size:14.5px;line-height:1.78;margin-top:14px}nn.page-about .about-founder-v45{padding:76px 0 84px}n.page-about .about-founder-grid-v45{grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:68px;align-items:center}n.page-about .about-founder-copy-v45{max-width:620px}n.page-about .about-founder-copy-v45 h2{font-size:clamp(34px,3.5vw,46px);line-height:1.06;max-width:620px;margin:10px 0 20px}n.page-about .about-founder-lead-v45{font-size:20px!important;line-height:1.48!important;max-width:590px;margin-bottom:17px}n.page-about .about-founder-copy-v45>p:not(.about-founder-lead-v45){font-size:14.5px;line-height:1.76;max-width:590px}n.page-about .about-founder-panel-v45{width:min(100%,430px);justify-self:end;padding:10px;border-radius:24px;background:#10121c;box-shadow:0 22px 58px rgba(20,18,34,.14)}n.page-about .about-founder-panel-v45::before{display:none}n.page-about .about-founder-portrait-v45{border-radius:17px}nn@media(max-width:1120px){n  .page-about .about-story-hero-grid,n  .page-about .about-web-story-grid,n  .page-about .about-barriers-grid,n  .page-about .about-access-new-grid{gap:50px}n  .page-about .about-founder-grid-v45{grid-template-columns:1fr .72fr;gap:48px}n  .page-about .about-founder-panel-v45{width:min(100%,390px)}n}n@media(max-width:760px){n  .page-about .about-story-hero{padding:58px 0 50px}n  .page-about .about-story-hero h1{font-size:40px}n  .page-about .about-story-lead{font-size:19px}n  .page-about .about-web-story,n  .page-about .about-barriers,n  .page-about .about-access-new,n  .page-about .about-founder-v45{padding:58px 0}n  .page-about .about-web-visual{height:300px}n  .page-about .about-web-copy h2,n  .page-about .about-barriers h2,n  .page-about .about-access-new h2,n  .page-about .about-founder-copy-v45 h2{font-size:34px}n  .page-about .about-founder-grid-v45{grid-template-columns:1fr;gap:32px}n  .page-about .about-founder-panel-v45{width:min(100%,360px);justify-self:start;padding:8px;border-radius:20px}n  .page-about .about-founder-portrait-v45{border-radius:14px}n  .page-about .about-founder-lead-v45{font-size:19px!important}n}n
/* V47 — About page structural redesign: same content, tighter corporate hierarchy */
.page-about .about-story-hero{
  padding:54px 0 50px!important;
  border-bottom:1px solid #e9e8ed;
}
.page-about .about-story-hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.58fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.page-about .about-story-hero-grid>div:last-child{
  border-left:1px solid #dedce5;
  padding-left:42px;
}
.page-about .about-story-hero h1{
  font-size:clamp(42px,4.1vw,56px)!important;
  line-height:1.02!important;
  max-width:760px!important;
  margin-top:8px!important;
}
.page-about .about-story-lead{
  font-size:19px!important;
  line-height:1.5!important;
  max-width:420px!important;
}

.page-about .about-web-story{
  padding:64px 0!important;
  background:#f6f7f9!important;
}
.page-about .about-web-story-grid{
  grid-template-columns:minmax(300px,.64fr) minmax(0,1.1fr)!important;
  gap:60px!important;
  align-items:center!important;
}
.page-about .about-web-visual{
  height:360px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.page-about .about-web-copy{
  max-width:680px!important;
}
.page-about .about-web-copy h2{
  font-size:clamp(32px,3.1vw,42px)!important;
  line-height:1.08!important;
  margin:8px 0 17px!important;
}
.page-about .about-web-copy p{
  font-size:14px!important;
  line-height:1.72!important;
  margin-top:12px!important;
}













.page-about .about-founder-v45{
  padding:68px 0 72px!important;
  background:#fff!important;
}
.page-about .about-founder-grid-v45{
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.52fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.page-about .about-founder-copy-v45{
  max-width:650px!important;
}
.page-about .about-founder-copy-v45 h2{
  font-size:clamp(32px,3vw,40px)!important;
  line-height:1.08!important;
  margin:8px 0 16px!important;
  max-width:620px!important;
}
.page-about .about-founder-lead-v45{
  font-size:18px!important;
  line-height:1.5!important;
  max-width:600px!important;
  margin-bottom:14px!important;
}
.page-about .about-founder-copy-v45>p:not(.about-founder-lead-v45){
  font-size:14px!important;
  line-height:1.72!important;
  max-width:600px!important;
}
.page-about .about-founder-panel-v45{
  width:min(100%,350px)!important;
  justify-self:end!important;
  padding:0!important;
  border-radius:10px!important;
  background:transparent!important;
  border:1px solid #d9d8df!important;
  box-shadow:none!important;
}
.page-about .about-founder-portrait-v45{
  border-radius:9px!important;
  overflow:hidden!important;
}
.page-about .about-founder-portrait-v45 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
}

@media(max-width:1120px){
  .page-about .about-story-hero-grid,
  .page-about .about-web-story-grid,
  .page-about .about-purpose-grid-v47,
  .page-about .about-founder-grid-v45{
    grid-template-columns:1fr!important;
    gap:38px!important;
  }
  .page-about .about-story-hero-grid>div:last-child{
    border-left:0;
    border-top:1px solid #dedce5;
    padding-left:0;
    padding-top:28px;
  }
  
  .page-about .about-founder-panel-v45{
    width:min(100%,340px)!important;
    justify-self:start!important;
  }
}
@media(max-width:760px){
  .page-about .about-story-hero{padding:42px 0 40px!important}
  .page-about .about-story-hero h1{font-size:38px!important}
  .page-about .about-story-lead{font-size:18px!important}
  .page-about .about-web-story{padding:50px 0!important}
  .page-about .about-web-visual{height:270px!important}
  
  
  .page-about .about-founder-v45{padding:52px 0 58px!important}
  .page-about .about-founder-copy-v45 h2{font-size:32px!important}
  .page-about .about-founder-panel-v45{width:min(100%,320px)!important}
}

/* =========================================================
   V48 — Homepage motion + simplified contact page
   Motion stays restrained: slow hero depth, auto-moving work,
   and scroll-linked product previews. Reduced-motion is honored.
   ========================================================= */

/* Homepage: give the existing living-web hero a subtle scroll depth layer. */
.homepage .hero-v24-background{
  --home-hero-shift:0px;
  transform:translate3d(0,var(--home-hero-shift),0) scale(1.018);
  transform-origin:center center;
  will-change:transform;
}
.homepage .hero-v15-copy.reveal.in .eyebrow,
.homepage .hero-v15-copy.reveal.in h1,
.homepage .hero-v15-copy.reveal.in>p,
.homepage .hero-v15-copy.reveal.in .hero-actions,
.homepage .hero-v15-copy.reveal.in .hero-v15-owner{
  animation:homeHeroTextIn .72s cubic-bezier(.22,.7,.22,1) both;
}
.homepage .hero-v15-copy.reveal.in h1{animation-delay:.05s}
.homepage .hero-v15-copy.reveal.in>p{animation-delay:.11s}
.homepage .hero-v15-copy.reveal.in .hero-v15-price{animation-delay:.15s}
.homepage .hero-v15-copy.reveal.in .hero-actions{animation-delay:.19s}
.homepage .hero-v15-copy.reveal.in .hero-v15-owner{animation-delay:.24s}
@keyframes homeHeroTextIn{
  from{opacity:0;transform:translate3d(0,16px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

/* Work carousel already auto-advances; this makes the active transition feel more dimensional. */
.homepage .cover-card{transition:transform .82s cubic-bezier(.22,.7,.22,1),opacity .72s ease,filter .72s ease}
.homepage .cover-card.active .cover-browser{box-shadow:0 38px 96px rgba(31,24,67,.18)!important}
.homepage .cover-browser{transition:box-shadow .7s ease}

/* Product/service previews move subtly as the user scrolls through the section. */
.homepage .home-motion-services .service-v18-visual{
  --home-visual-shift:0px;
  transform:translate3d(0,var(--home-visual-shift),0) scale(1.008);
  transform-origin:center center;
  will-change:transform;
}
.homepage .home-motion-services .service-v18-copy{
  --home-copy-shift:0px;
  transform:translate3d(0,var(--home-copy-shift),0);
  will-change:transform;
}
.homepage .home-motion-services .service-v18{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

/* Contact: one white intro followed by a neutral, focused form surface. */
.page-contact main{background:#fff}
.contact-simple-intro{
  padding:86px 0 46px;
  background:#fff;
}
.contact-simple-intro-inner{
  max-width:860px;
}
.contact-simple-intro h1{
  font-size:clamp(46px,5.1vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:0 0 18px;
  max-width:780px;
}
.contact-simple-intro p{
  margin:0;
  max-width:720px;
  font-size:16px;
  line-height:1.78;
  color:#60626d;
}
.contact-form-simple{
  padding:16px 0 100px;
  background:#fff!important;
}
.contact-form-simple-inner{
  max-width:980px;
}
.contact-form-simple .contact-project-form{
  width:100%;
}
.contact-form-simple .contact-project-form .form-grid{
  background:#f7f7fa!important;
  border:1px solid #ebe9f0!important;
  border-radius:22px!important;
  padding:42px!important;
  box-shadow:none!important;
}
.contact-form-simple .form-section-title{
  color:#5f4cc0;
}
.contact-form-simple input,
.contact-form-simple select,
.contact-form-simple textarea{
  background:#fff;
}

@media(max-width:760px){
  .contact-simple-intro{padding:62px 0 32px}
  .contact-simple-intro h1{font-size:42px}
  .contact-simple-intro p{font-size:15px}
  .contact-form-simple{padding:10px 0 78px}
  .contact-form-simple .contact-project-form .form-grid{padding:26px 20px!important;border-radius:18px!important}
}

@media(prefers-reduced-motion:reduce){
  .homepage .hero-v24-background,
  .homepage .home-motion-services .service-v18-visual,
  .homepage .home-motion-services .service-v18-copy{transform:none!important}
  .homepage .hero-v15-copy.reveal.in .eyebrow,
  .homepage .hero-v15-copy.reveal.in h1,
  .homepage .hero-v15-copy.reveal.in>p,
  .homepage .hero-v15-copy.reveal.in .hero-actions,
  .homepage .hero-v15-copy.reveal.in .hero-v15-owner{animation:none!important}
}


/* =========================================================
   V49 — Homepage signature "system assembly" motion
   The What We Do modules enter from different directions and
   lock into the final atlas like components of one digital system.
   ========================================================= */
.homepage .home-puzzle-atlas{
  perspective:1400px;
  transform-style:preserve-3d;
}
.homepage .home-puzzle-atlas.puzzle-enabled .service-v18{
  will-change:transform,opacity;
  transition:
    transform 1.08s cubic-bezier(.18,.86,.22,1.06),
    opacity .72s ease,
    box-shadow .28s ease,
    border-color .28s ease;
  transition-delay:var(--puzzle-delay,0ms);
}
.homepage .home-puzzle-atlas.puzzle-enabled:not(.is-assembled) .service-v18{
  opacity:.18;
  transform:
    translate3d(var(--puzzle-x,0),var(--puzzle-y,0),var(--puzzle-z,0))
    rotate(var(--puzzle-r,0deg))
    scale(.955);
}
.homepage .home-puzzle-atlas .service-v18-custom{
  --puzzle-x:-118px;
  --puzzle-y:54px;
  --puzzle-z:-30px;
  --puzzle-r:-2.2deg;
  --puzzle-delay:0ms;
}
.homepage .home-puzzle-atlas .service-v18-platform{
  --puzzle-x:94px;
  --puzzle-y:-46px;
  --puzzle-z:-18px;
  --puzzle-r:2deg;
  --puzzle-delay:90ms;
}
.homepage .home-puzzle-atlas .service-v18-templates{
  --puzzle-x:112px;
  --puzzle-y:18px;
  --puzzle-z:-12px;
  --puzzle-r:1.35deg;
  --puzzle-delay:165ms;
}
.homepage .home-puzzle-atlas .service-v18-migration{
  --puzzle-x:-92px;
  --puzzle-y:78px;
  --puzzle-z:-16px;
  --puzzle-r:-1.6deg;
  --puzzle-delay:240ms;
}
.homepage .home-puzzle-atlas .service-v18-care{
  --puzzle-x:96px;
  --puzzle-y:74px;
  --puzzle-z:-20px;
  --puzzle-r:1.7deg;
  --puzzle-delay:315ms;
}
.homepage .home-puzzle-atlas.puzzle-enabled.is-assembled .service-v18{
  opacity:1;
}
.homepage .home-puzzle-atlas.puzzle-settled .service-v18{
  will-change:auto;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  transition-delay:0ms;
}

/* On smaller screens the same idea remains visible, but the travel is
   reduced so cards never feel like they fly in from off-screen. */
@media(max-width:1120px){
  .homepage .home-puzzle-atlas .service-v18-custom{--puzzle-x:-54px;--puzzle-y:40px}
  .homepage .home-puzzle-atlas .service-v18-platform{--puzzle-x:48px;--puzzle-y:-30px}
  .homepage .home-puzzle-atlas .service-v18-templates{--puzzle-x:54px;--puzzle-y:20px}
  .homepage .home-puzzle-atlas .service-v18-migration{--puzzle-x:-48px;--puzzle-y:42px}
  .homepage .home-puzzle-atlas .service-v18-care{--puzzle-x:48px;--puzzle-y:42px}
}
@media(max-width:760px){
  .homepage .home-puzzle-atlas.puzzle-enabled:not(.is-assembled) .service-v18{
    opacity:.28;
    transform:translate3d(var(--puzzle-x,0),var(--puzzle-y,0),0) rotate(var(--puzzle-r,0deg)) scale(.975);
  }
  .homepage .home-puzzle-atlas .service-v18-custom{--puzzle-x:-26px;--puzzle-y:34px;--puzzle-r:-1deg}
  .homepage .home-puzzle-atlas .service-v18-platform{--puzzle-x:26px;--puzzle-y:24px;--puzzle-r:1deg}
  .homepage .home-puzzle-atlas .service-v18-templates{--puzzle-x:-22px;--puzzle-y:24px;--puzzle-r:-.7deg}
  .homepage .home-puzzle-atlas .service-v18-migration{--puzzle-x:24px;--puzzle-y:28px;--puzzle-r:.8deg}
  .homepage .home-puzzle-atlas .service-v18-care{--puzzle-x:-20px;--puzzle-y:26px;--puzzle-r:-.6deg}
}
@media(prefers-reduced-motion:reduce){
  .homepage .home-puzzle-atlas .service-v18{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   V50 — Purposeful motion system across service pages
   Stronger motion is reserved for product/service modules;
   FAQ, Contact, legal and About are intentionally left quiet.
   ========================================================= */

/* ---------- Custom Websites: packages assemble as one offer system ---------- */
.page-custom .package-grid.package-motion-ready{
  perspective:1400px;
  transform-style:preserve-3d;
}
.page-custom .package-grid.package-motion-ready .package-card{
  will-change:transform,opacity;
  transition:
    transform .98s cubic-bezier(.2,.82,.2,1),
    opacity .7s ease,
    box-shadow .28s ease,
    border-color .28s ease;
  transition-delay:var(--package-motion-delay,0ms);
}
.page-custom .package-grid.package-motion-ready:not(.motion-in) .package-card{
  opacity:.14;
  transform:translate3d(var(--package-x,0),var(--package-y,0),var(--package-z,0)) rotate(var(--package-r,0deg)) scale(.965);
}
.page-custom .package-grid.package-motion-ready .package-card:nth-child(1){--package-x:-84px;--package-y:42px;--package-z:-18px;--package-r:-1.25deg;--package-motion-delay:0ms}
.page-custom .package-grid.package-motion-ready .package-card:nth-child(2){--package-x:-26px;--package-y:-58px;--package-z:-12px;--package-r:.8deg;--package-motion-delay:90ms}
.page-custom .package-grid.package-motion-ready .package-card:nth-child(3){--package-x:34px;--package-y:56px;--package-z:-12px;--package-r:-.7deg;--package-motion-delay:175ms}
.page-custom .package-grid.package-motion-ready .package-card:nth-child(4){--package-x:86px;--package-y:-32px;--package-z:-18px;--package-r:1.15deg;--package-motion-delay:255ms}
.page-custom .package-grid.package-motion-ready .package-card:nth-child(5){--package-x:0;--package-y:52px;--package-z:-10px;--package-r:0deg;--package-motion-delay:330ms}
.page-custom .package-grid.package-motion-ready.motion-in .package-card{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
.page-custom .package-grid.package-motion-ready.motion-settled .package-card{will-change:auto;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;transition-delay:0ms}

/* Admin/platform examples reveal like interface windows, not puzzle pieces. */
.page-custom .client-admin-mockup-v42.interface-motion-ready,
.page-custom .platform-dashboard-mockup-v42.interface-motion-ready{
  will-change:transform,opacity,clip-path;
  transition:transform .9s cubic-bezier(.22,.75,.2,1),opacity .65s ease,clip-path .9s cubic-bezier(.22,.75,.2,1);
}
.page-custom .client-admin-mockup-v42.interface-motion-ready:not(.motion-in){opacity:.18;transform:translate3d(48px,22px,0) scale(.965);clip-path:inset(0 13% 0 0 round 24px)}
.page-custom .platform-dashboard-mockup-v42.interface-motion-ready:not(.motion-in){opacity:.18;transform:translate3d(-48px,22px,0) scale(.965);clip-path:inset(0 0 0 13% round 24px)}
.page-custom .client-admin-mockup-v42.interface-motion-ready.motion-in,
.page-custom .platform-dashboard-mockup-v42.interface-motion-ready.motion-in{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 24px)}

/* ---------- Website Templates: product motion ---------- */

.page-templates .template-mode-intro.template-motion-ready:not(.motion-in) .mode-desktop{opacity:.12;transform:translate3d(-54px,30px,0) scale(.955) rotate(-1deg)}
.page-templates .template-mode-intro.template-motion-ready:not(.motion-in) .mode-phone{opacity:.12;transform:translate3d(58px,42px,0) scale(.91) rotate(2.5deg)}



.page-templates .template-value-list.template-motion-ready article{
  will-change:transform,opacity;
  transition:transform .72s cubic-bezier(.22,.72,.2,1),opacity .58s ease;
  transition-delay:calc(var(--motion-index,0) * 70ms);
}
.page-templates .template-value-list.template-motion-ready:not(.motion-in) article{opacity:0;transform:translate3d(0,24px,0)}
.page-templates .template-value-list.template-motion-ready.motion-in article{opacity:1;transform:none}

/* Canva gallery: products enter like a curated shelf. */
.page-templates .template-gallery-grid.template-motion-ready .template-product-v18{
  will-change:transform,opacity;
  transition:transform .86s cubic-bezier(.2,.82,.2,1),opacity .64s ease,box-shadow .3s ease;
  transition-delay:calc(var(--motion-index,0) * 105ms);
}
.page-templates .template-gallery-grid.template-motion-ready:not(.motion-in) .template-product-v18{opacity:.08;transform:translate3d(var(--template-x,0),34px,0) rotate(var(--template-r,0deg)) scale(.97)}
.page-templates .template-gallery-grid.template-motion-ready .template-product-v18:nth-child(1){--template-x:-54px;--template-r:-1deg}
.page-templates .template-gallery-grid.template-motion-ready .template-product-v18:nth-child(2){--template-x:0px;--template-r:.5deg}
.page-templates .template-gallery-grid.template-motion-ready .template-product-v18:nth-child(3){--template-x:54px;--template-r:1deg}
.page-templates .template-gallery-grid.template-motion-ready.motion-in .template-product-v18{opacity:1;transform:none}

/* Coded templates: copy and working interface arrive from opposing sides. */
.page-templates .coded-product-v18.coded-motion-ready{overflow:hidden}

.page-templates .coded-product-v18.coded-motion-ready:not(.motion-in) .coded-product-copy{opacity:.08;transform:translate3d(-42px,0,0)}
.page-templates .coded-product-v18.coded-motion-ready:not(.motion-in) .coded-product-scene{opacity:.08;transform:translate3d(48px,18px,0) scale(.965)}
.page-templates .coded-product-v18.reverse.coded-motion-ready:not(.motion-in) .coded-product-copy{transform:translate3d(42px,0,0)}
.page-templates .coded-product-v18.reverse.coded-motion-ready:not(.motion-in) .coded-product-scene{transform:translate3d(-48px,18px,0) scale(.965)}


/* Once visible, the device pieces keep a small amount of tactile depth on hover. */


/* ---------- Migration & Rebuild: before/after converge ---------- */
.page-migration .migration-hero-case-v41.migration-compare-motion-ready .migration-hero-column{
  will-change:transform,opacity;
  transition:transform .9s cubic-bezier(.2,.82,.2,1),opacity .65s ease;
}
.page-migration .migration-hero-case-v41.migration-compare-motion-ready:not(.motion-in) .migration-hero-column:first-child{opacity:.12;transform:translate3d(-56px,20px,0) rotate(-1deg)}
.page-migration .migration-hero-case-v41.migration-compare-motion-ready:not(.motion-in) .migration-hero-column:last-child{opacity:.12;transform:translate3d(56px,20px,0) rotate(1deg)}
.page-migration .migration-hero-case-v41.migration-compare-motion-ready.motion-in .migration-hero-column{opacity:1;transform:none}
.page-migration .migration-hero-case-v41.migration-compare-motion-ready.motion-in .migration-hero-column:last-child{transition-delay:105ms}

.page-migration .migration-review.migration-review-motion-ready .migration-review-photo,
.page-migration .migration-review.migration-review-motion-ready .migration-review-grid>div:last-child{
  will-change:transform,opacity;
  transition:transform .82s cubic-bezier(.22,.72,.2,1),opacity .62s ease;
}
.page-migration .migration-review.migration-review-motion-ready:not(.motion-in) .migration-review-photo{opacity:.1;transform:translate3d(-36px,24px,0) scale(.975)}
.page-migration .migration-review.migration-review-motion-ready:not(.motion-in) .migration-review-grid>div:last-child{opacity:.08;transform:translate3d(28px,0,0)}
.page-migration .migration-review.migration-review-motion-ready.motion-in .migration-review-photo,
.page-migration .migration-review.migration-review-motion-ready.motion-in .migration-review-grid>div:last-child{opacity:1;transform:none}
.page-migration .migration-review.migration-review-motion-ready.motion-in .migration-review-grid>div:last-child{transition-delay:80ms}

.page-migration .migration-reasons.migration-motion-ready article,
.page-migration .migration-scope-grid.migration-motion-ready span{
  will-change:transform,opacity;
  transition:transform .68s cubic-bezier(.22,.72,.2,1),opacity .55s ease;
  transition-delay:calc(var(--motion-index,0) * 72ms);
}
.page-migration .migration-reasons.migration-motion-ready:not(.motion-in) article{opacity:0;transform:translate3d(0,22px,0)}
.page-migration .migration-scope-grid.migration-motion-ready:not(.motion-in) span{opacity:0;transform:translate3d(0,16px,0)}
.page-migration .migration-reasons.migration-motion-ready.motion-in article,
.page-migration .migration-scope-grid.migration-motion-ready.motion-in span{opacity:1;transform:none}

/* ---------- Website Care: technical monitoring sweep ---------- */
.page-care .care-reasons-v18.care-motion-ready article{
  will-change:transform,opacity;
  transition:transform .72s cubic-bezier(.22,.72,.2,1),opacity .58s ease;
  transition-delay:calc(var(--motion-index,0) * 85ms);
}
.page-care .care-reasons-v18.care-motion-ready:not(.motion-in) article{opacity:.05;transform:translate3d(0,28px,0)}
.page-care .care-reasons-v18.care-motion-ready.motion-in article{opacity:1;transform:none}

.page-care .care-plan-stack-v18.care-plan-motion-ready{perspective:1400px}

.page-care .care-plan-stack-v18.care-plan-motion-ready:not(.motion-in) .care-plan-v18:first-child{opacity:.08;transform:translate3d(-46px,34px,0) rotate(-.8deg) scale(.975)}
.page-care .care-plan-stack-v18.care-plan-motion-ready:not(.motion-in) .care-plan-v18:last-child{opacity:.08;transform:translate3d(46px,34px,0) rotate(.8deg) scale(.975)}


/* One restrained status scan makes the section feel monitored/technical. */



@keyframes careStatusSweep{
  0%{left:-35%;opacity:0}
  18%{opacity:1}
  100%{left:112%;opacity:0}
}
.page-care .managed-hosting-v18-panel.care-managed-motion-ready{
  will-change:transform,opacity;
  transition:transform .78s cubic-bezier(.22,.72,.2,1),opacity .6s ease;
}
.page-care .managed-hosting-v18-panel.care-managed-motion-ready:not(.motion-in){opacity:.08;transform:translate3d(0,26px,0)}
.page-care .managed-hosting-v18-panel.care-managed-motion-ready.motion-in{opacity:1;transform:none}

/* Subtle major-heading rhythm on animated service pages only. */
.page-custom .package-intro.motion-heading-ready,
.page-templates .template-gallery-head.motion-heading-ready,
.page-migration .migration-fit-grid>div:first-child.motion-heading-ready,
.page-care .care-why-v18-grid>div:first-child.motion-heading-ready{
  will-change:transform,opacity;
  transition:transform .7s cubic-bezier(.22,.72,.2,1),opacity .55s ease;
}
.page-custom .package-intro.motion-heading-ready:not(.motion-in),
.page-templates .template-gallery-head.motion-heading-ready:not(.motion-in),
.page-migration .migration-fit-grid>div:first-child.motion-heading-ready:not(.motion-in),
.page-care .care-why-v18-grid>div:first-child.motion-heading-ready:not(.motion-in){opacity:0;transform:translate3d(0,16px,0)}
.page-custom .package-intro.motion-heading-ready.motion-in,
.page-templates .template-gallery-head.motion-heading-ready.motion-in,
.page-migration .migration-fit-grid>div:first-child.motion-heading-ready.motion-in,
.page-care .care-why-v18-grid>div:first-child.motion-heading-ready.motion-in{opacity:1;transform:none}

@media(max-width:1120px){
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(1){--package-x:-42px;--package-y:30px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(2){--package-x:34px;--package-y:-28px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(3){--package-x:-34px;--package-y:30px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(4){--package-x:42px;--package-y:24px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(5){--package-x:0;--package-y:30px}
}
@media(max-width:760px){
  .page-custom .package-grid.package-motion-ready:not(.motion-in) .package-card{transform:translate3d(var(--package-x,0),var(--package-y,0),0) rotate(var(--package-r,0deg)) scale(.985)}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(1){--package-x:-22px;--package-y:24px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(2){--package-x:22px;--package-y:22px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(3){--package-x:-20px;--package-y:22px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(4){--package-x:20px;--package-y:22px}
  .page-custom .package-grid.package-motion-ready .package-card:nth-child(5){--package-x:0;--package-y:22px}
  .page-templates .template-gallery-grid.template-motion-ready:not(.motion-in) .template-product-v18{transform:translate3d(0,24px,0) scale(.985)}
  .page-templates .coded-product-v18.coded-motion-ready:not(.motion-in) .coded-product-copy,
  .page-templates .coded-product-v18.reverse.coded-motion-ready:not(.motion-in) .coded-product-copy{transform:translate3d(0,22px,0)}
  .page-templates .coded-product-v18.coded-motion-ready:not(.motion-in) .coded-product-scene,
  .page-templates .coded-product-v18.reverse.coded-motion-ready:not(.motion-in) .coded-product-scene{transform:translate3d(0,26px,0) scale(.98)}
  .page-migration .migration-hero-case-v41.migration-compare-motion-ready:not(.motion-in) .migration-hero-column:first-child,
  .page-migration .migration-hero-case-v41.migration-compare-motion-ready:not(.motion-in) .migration-hero-column:last-child{transform:translate3d(0,24px,0)}
  .page-care .care-plan-stack-v18.care-plan-motion-ready:not(.motion-in) .care-plan-v18:first-child,
  .page-care .care-plan-stack-v18.care-plan-motion-ready:not(.motion-in) .care-plan-v18:last-child{transform:translate3d(0,24px,0) scale(.985)}
}

@media(prefers-reduced-motion:reduce){
  .page-custom .package-grid .package-card,
  .page-custom .client-admin-mockup-v42,
  .page-custom .platform-dashboard-mockup-v42,
  .page-templates .mode-desktop,
  .page-templates .mode-phone,
  .page-templates .template-value-list article,
  .page-templates .template-product-v18,
  .page-templates .coded-product-copy,
  .page-templates .coded-product-scene,
  .page-migration .migration-hero-column,
  .page-migration .migration-review-photo,
  .page-migration .migration-review-grid>div:last-child,
  .page-migration .migration-reasons article,
  .page-migration .migration-scope-grid span,
  .page-care .care-reasons-v18 article,
  .page-care .care-plan-v18,
  .page-care .managed-hosting-v18-panel,
  .motion-heading-ready{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    clip-path:none!important;
  }
  
}


/* V51 — launch-safe coded template coming-soon state */

.template-choice-coming-soon b span,.template-tab-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#ede7ff;color:#6048b8;font-size:8px;line-height:1;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.template-tab .template-tab-status{background:rgba(255,255,255,.14);color:#e8e1ff}
.template-tab.is-active .template-tab-status{background:#ede7ff;color:#6048b8}

.coded-coming-soon-v51{padding:104px 0 112px;background:linear-gradient(145deg,#f4f1fb 0%,#fff 72%)}
.coded-coming-soon-grid-v51{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:88px;align-items:center}
.coded-coming-soon-copy-v51{max-width:700px}
.coded-coming-soon-copy-v51 .edition-tag{display:block;margin-bottom:15px}
.coming-soon-badge-v51{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#e8e0ff;color:#5d46b1;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:18px}
.coded-coming-soon-copy-v51 h2{font-size:clamp(42px,4.5vw,60px);line-height:1.03;letter-spacing:-.05em;margin:0 0 20px;max-width:720px}
.coded-coming-soon-copy-v51 p{font-size:15px;line-height:1.82;color:#60626d;margin:0 0 14px;max-width:660px}
.coded-coming-soon-copy-v51 small{display:block;margin-top:24px;color:#242633;font-size:12px;font-weight:700;letter-spacing:.03em}
.coded-coming-soon-scene-v51,.coded-coming-page-visual-v51{position:relative;min-height:430px}
.coded-coming-browser-v51{position:absolute;left:0;right:12%;top:2%;height:78%;border-radius:22px;background:#0b0d16;color:#fff;box-shadow:0 32px 90px rgba(25,20,54,.2);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.coded-coming-bar-v51{height:42px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#11131e;border-bottom:1px solid rgba(255,255,255,.08)}
.coded-coming-bar-v51 i{width:6px;height:6px;border-radius:50%;background:#434653}
.coded-coming-screen-v51{padding:46px}
.coded-coming-screen-v51 span{font:11px/1.2 monospace;color:#a994ff}
.coded-coming-screen-v51 b{display:block;font-size:36px;line-height:1.05;max-width:430px;margin:38px 0 28px}
.coded-coming-screen-v51 em{display:block;width:68%;height:7px;border-radius:999px;background:#292c39;margin:10px 0}
.coded-coming-screen-v51 em:nth-of-type(2){width:52%}.coded-coming-screen-v51 em:nth-of-type(3){width:38%}









.coded-coming-browser-v51.large{right:9%;height:82%}

@media(max-width:1120px){
  .coded-coming-soon-grid-v51,.coded-coming-page-grid-v51{grid-template-columns:1fr;gap:48px}
  .coded-coming-soon-scene-v51,.coded-coming-page-visual-v51{max-width:820px;width:100%;min-height:390px}
}
@media(max-width:760px){
  .coded-coming-soon-v51,.coded-coming-page-v51{padding:72px 0 78px}
  .coded-coming-soon-scene-v51,.coded-coming-page-visual-v51{min-height:315px}
  .coded-coming-browser-v51{right:14%;height:76%}.coded-coming-screen-v51{padding:30px}.coded-coming-screen-v51 b{font-size:27px;margin:28px 0 22px}
  
  
}


/* =========================================================
   V52 — Mobile-first launch optimization
   Desktop presentation remains unchanged. Mobile prioritizes
   readability, touch control, stable layouts and lighter motion.
   ========================================================= */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .container{width:min(100% - 32px,1240px)!important}

  /* Compact, touch-friendly mobile header */
  .premium-header .header-inner{min-height:64px!important;gap:10px!important}
  .premium-header .wordmark{font-size:10px!important;letter-spacing:.12em!important;white-space:nowrap}
  
  .premium-header .mobile-toggle{
    width:44px!important;height:44px!important;min-width:44px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;border-radius:10px!important;
    font-size:21px!important;line-height:1!important;cursor:pointer;
  }
  .premium-header .nav{
    position:absolute!important;top:64px!important;left:0!important;right:0!important;
    max-height:calc(100svh - 64px)!important;overflow-y:auto!important;overscroll-behavior:contain;
    background:#0b0e1c!important;padding:12px 18px 18px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.22)!important;
  }
  .premium-header .nav>a,.premium-header .nav summary{
    min-height:44px!important;display:flex!important;align-items:center!important;
    padding:10px 0!important;
  }
  .premium-header .nav .header-cta{justify-content:center!important;min-height:46px!important;margin-top:10px!important}
  .premium-header .nav-dropdown{padding:4px 0 7px!important;background:#101321!important}
  .premium-header .nav-dropdown a{min-height:42px;display:flex;align-items:center;padding:9px 12px!important}

  /* Mobile typography and controls */
  h1{font-size:clamp(38px,10.8vw,42px)!important;line-height:1.04!important}
  h2{font-size:clamp(29px,8.4vw,32px)!important;line-height:1.08!important}
  .btn{min-height:48px!important}
  input,select,textarea{font-size:16px!important}
  .project-form input,.project-form select,.project-form textarea{font-size:16px!important}

  /* Homepage hero: preserve the artwork but remove scroll-linked transform work on phones. */
  .homepage .hero-v24-background{transform:none!important;will-change:auto!important}
  .homepage .hero-v15-copy h1{font-size:clamp(38px,10.8vw,42px)!important;line-height:1.01!important}
  .homepage .hero-v15-copy>p:not(.hero-v15-price){font-size:15px!important;line-height:1.62!important}
  .homepage .hero-v15-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:360px!important}
  .homepage .hero-v15-copy .hero-actions .btn{width:100%!important;justify-content:center!important}

  /* Portfolio: desktop keeps the 3D coverflow; mobile becomes one clear card at a time. */
  .homepage .work-gateway{padding:56px 0 62px!important}
  .homepage .gateway-head{margin-bottom:18px!important;gap:14px!important}
  .homepage .gateway-head h2{font-size:clamp(28px,8vw,32px)!important;line-height:1.08!important}
  .homepage .coverflow-wrap{min-height:372px!important;height:372px!important;perspective:none!important;overflow:hidden!important}
  .homepage .coverflow{width:100%!important;height:342px!important;transform-style:flat!important;overflow:hidden!important;touch-action:pan-y}
  .homepage .cover-card{width:100%!important;max-width:none!important;top:49%!important;cursor:default!important}
  .homepage .cover-browser img{height:224px!important}
  .homepage .cover-meta{padding:12px 2px 0!important}
  .homepage .cover-meta h3{font-size:20px!important}
  .homepage .coverflow-arrow{width:44px!important;height:44px!important;top:41%!important;background:rgba(255,255,255,.96)!important}
  .homepage .coverflow-prev{left:8px!important}.homepage .coverflow-next{right:8px!important}

  /* The desktop assembly/parallax effects are intentionally simplified on phones. */
  .homepage .home-puzzle-atlas{perspective:none!important;transform-style:flat!important}
  .homepage .home-puzzle-atlas.puzzle-enabled .service-v18,
  .homepage .home-puzzle-atlas.puzzle-enabled:not(.is-assembled) .service-v18,
  .homepage .home-puzzle-atlas.is-assembled .service-v18{
    opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important;
  }
  .homepage .home-motion-services .service-v18-visual,
  .homepage .home-motion-services .service-v18-copy{transform:none!important;will-change:auto!important}

  /* Service-page motion is reduced on mobile so content never waits on scroll observers. */
  .page-custom .package-grid .package-card,
  .page-custom .client-admin-mockup-v42,
  .page-custom .platform-dashboard-mockup-v42,
  .page-templates .mode-desktop,
  .page-templates .mode-phone,
  .page-templates .template-value-list article,
  .page-templates .template-product-v18,
  .page-templates .coded-product-copy,
  .page-templates .coded-product-scene,
  .page-migration .migration-hero-column,
  .page-migration .migration-review-photo,
  .page-migration .migration-review-grid>div:last-child,
  .page-migration .migration-reasons article,
  .page-migration .migration-scope-grid span,
  .page-care .care-reasons-v18 article,
  .page-care .care-plan-v18,
  .page-care .managed-hosting-v18-panel,
  .motion-heading-ready{
    opacity:1!important;transform:none!important;transition:none!important;animation:none!important;
    clip-path:none!important;will-change:auto!important;
  }
  
  .page-custom .client-admin-mockup-v42,
  .page-custom .platform-dashboard-mockup-v42{width:100%!important;max-width:100%!important;margin-inline:auto!important}

  /* Keep media and mockups contained inside the viewport. */
  img,video,svg{max-width:100%}
  .template-product-art{height:300px!important}
  .gallery-browser-v18{left:6%!important;right:11%!important;padding:22px!important}
  

  /* Mobile footer: two purposeful link columns instead of one long stack. */
  .premium-footer{padding:34px 0 22px!important}
  .premium-footer-main{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:26px 24px!important;padding-top:0!important;
  }
  .premium-footer .footer-brand{grid-column:1/-1!important}
  .premium-footer .footer-nav{grid-template-columns:1fr!important;gap:9px!important}
  
  .premium-footer .copyright{flex-direction:column!important;gap:7px!important;margin-top:24px!important;padding-top:16px!important}
}

@media(max-width:480px){
  .container{width:min(100% - 28px,1240px)!important}
  .destination-panel .btn,.coded-coming-actions-v51 .btn{width:100%!important;justify-content:center!important}
  .contact-simple-intro h1,.page-faq .faq-clean-hero h1,.legal-hero h1{font-size:clamp(38px,11vw,42px)!important}
  
  .coded-coming-soon-scene-v51,.coded-coming-page-visual-v51{min-height:290px!important}
  .coded-coming-screen-v51{padding:26px!important}
  .coded-coming-screen-v51 b{font-size:25px!important}
}


/* V52 — portrait tablet stabilization */
@media(min-width:761px) and (max-width:820px){
  html,body{max-width:100%;overflow-x:clip}
  .homepage .hero-v24-background{transform:none!important;will-change:auto!important}
  .homepage .coverflow-wrap{min-height:470px!important;height:470px!important;perspective:none!important;overflow:hidden!important}
  .homepage .coverflow{width:100%!important;height:430px!important;transform-style:flat!important;overflow:hidden!important;touch-action:pan-y}
  .homepage .cover-card{width:min(640px,calc(100vw - 72px))!important;top:49%!important}
  .homepage .cover-browser img{height:320px!important}
  .homepage .coverflow-prev{left:10px!important}.homepage .coverflow-next{right:10px!important}
  .homepage .home-puzzle-atlas.puzzle-enabled .service-v18,
  .homepage .home-puzzle-atlas.puzzle-enabled:not(.is-assembled) .service-v18,
  .homepage .home-puzzle-atlas.is-assembled .service-v18,
  .page-custom .package-grid .package-card,
  .page-custom .client-admin-mockup-v42,
  .page-custom .platform-dashboard-mockup-v42,
  .page-templates .mode-desktop,
  .page-templates .mode-phone,
  .page-templates .template-value-list article,
  .page-templates .template-product-v18,
  .page-templates .coded-product-copy,
  .page-templates .coded-product-scene,
  .page-migration .migration-hero-column,
  .page-migration .migration-review-photo,
  .page-migration .migration-review-grid>div:last-child,
  .page-migration .migration-reasons article,
  .page-migration .migration-scope-grid span,
  .page-care .care-reasons-v18 article,
  .page-care .care-plan-v18,
  .page-care .managed-hosting-v18-panel,
  .motion-heading-ready{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;clip-path:none!important;will-change:auto!important}
  .homepage .home-motion-services .service-v18-visual,
  .homepage .home-motion-services .service-v18-copy{transform:none!important;will-change:auto!important}
  .page-custom .client-admin-mockup-v42,.page-custom .platform-dashboard-mockup-v42{width:100%!important;max-width:100%!important}
  
}

/* =========================================================
   V53 — Service-aware project inquiry
   The form adapts to the selected service so visitors are not
   asked website-only budget or project questions.
   ========================================================= */
.contact-project-form .field[hidden]{display:none!important}
.contact-project-form .field-help{
  margin:7px 0 0;
  font-size:12px;
  line-height:1.55;
  color:#777987;
}

.contact-project-form .form-submit-row{
  padding-top:4px;
}
.contact-project-form .form-privacy-note{
  margin:10px 0 0;
  max-width:620px;
  font-size:11.5px;
  line-height:1.6;
  color:#747684;
}
.contact-project-form select:disabled,
.contact-project-form input:disabled,
.contact-project-form textarea:disabled{opacity:.65}

@media(max-width:760px){
  .contact-project-form .field-help{font-size:11.5px}
  .contact-project-form .form-privacy-note{font-size:11px}
}

/* =========================================================
   V55 — Inquiry form clarity + launch refinement
   ========================================================= */
.page-contact .contact-simple-intro-inner{
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}
.page-contact .contact-simple-intro h1{
  max-width:680px;
  margin:0 auto 16px;
  font-size:clamp(42px,4.35vw,58px);
  line-height:1.04;
  letter-spacing:-.042em;
}
.page-contact .contact-simple-intro p{
  max-width:660px;
  margin:0 auto;
}
.page-contact .form-required-note{
  grid-column:1/-1;
  margin:-8px 0 2px;
  font-size:12px;
  line-height:1.4;
  color:#777987;
}
.page-contact .required-marker{
  color:#6d3dff;
  font-weight:700;
}
.page-contact .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:760px){
  .page-contact .contact-simple-intro{
    padding:54px 0 28px;
  }
  .page-contact .contact-simple-intro h1{
    font-size:clamp(36px,10.4vw,42px)!important;
    max-width:360px;
  }
  .page-contact .contact-simple-intro p{
    max-width:370px;
    line-height:1.7;
  }
}


/* =========================================================
   V57 — Secure project inquiry backend
   ========================================================= */
.contact-project-form .form-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-project-form .form-security-field{padding-top:2px}
.contact-project-form .turnstile-slot{min-height:65px;max-width:100%}
.contact-project-form .form-security-note{margin:7px 0 0;font-size:11px;line-height:1.5;color:#7a7c88}
.contact-project-form .form-status[data-state="success"]{color:#246b45}
.contact-project-form .form-status[data-state="error"]{color:#9b2f3f}
.contact-project-form .form-status[data-state="sending"]{color:#6252ba}
.contact-project-form .form-submit-row .btn:disabled{opacity:.62;cursor:wait;transform:none!important}
@media(max-width:760px){.contact-project-form .turnstile-slot{width:100%;overflow:hidden}.contact-project-form .form-security-note{font-size:10.5px}}

/* V65 — Lotus & Light Birth featured Canva template */









.template-product-meta strong small{display:block;margin-top:3px;font-size:9px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#7d738e;font-weight:700}
.template-product-meta a.template-product-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 12px;background:#eeeaf8;color:#6552bb;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.template-product-meta a.template-product-link:hover{background:#e5def8;color:#4f3aa9}








/* =========================================================
   V66 — Lotus & Light device alignment + broader wellness positioning
   ========================================================= */





/* Homepage: same screenshot-first logic as Custom Websites, but smaller and fully contained. */







/* Canva Website Edition: large product showcase, aligned like a finished device system. */






/* Canva gallery: same desktop + Haus-style phone treatment, centered within the card art. */











/* =========================================================
   V67 — Lotus & Light unified device showcase + Canva copy
   Uses the same screenshot-first presentation logic as the
   Haus of Texture custom-site preview without altering Haus.
   ========================================================= */



.page-templates .lotus-feature-scene-v67{
  position:relative;
  min-height:0!important;
  height:auto!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:transparent;
}
.page-templates .lotus-feature-scene-v67 img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
  box-shadow:0 28px 80px rgba(42,35,83,.16);
}
.page-templates .canva-mode .template-mode-intro-grid>div:first-child>p{
  margin-top:16px;
}
.page-templates .canva-mode .template-mode-intro-grid>div:first-child>p+p{
  margin-top:12px;
}


.page-templates .lotus-light-art-v67{
  height:350px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#eef2f4,#f9f7fb);
}
.page-templates .lotus-gallery-showcase-v67{
  display:block;
  width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  border-radius:16px;
  box-shadow:0 16px 42px rgba(22,58,64,.14);
}

@media(min-width:1121px){
  .homepage .service-v18-templates{padding:34px 38px 38px}
  
  
  .page-templates .lotus-feature-scene-v67{padding-left:10px}
}

@media(min-width:761px) and (max-width:1120px){
  
  .page-templates .lotus-feature-scene-v67{margin-top:8px}
}

@media(max-width:760px){
  
  .page-templates .lotus-feature-scene-v67{
    margin-top:28px;
    min-height:0!important;
  }
  .page-templates .lotus-feature-scene-v67 img{
    border-radius:17px;
  }
  .page-templates .lotus-light-art-v67{
    height:285px!important;
    padding:12px;
  }
}

/* V68 — Portfolio carousel + Work page real project screenshots */
.page-work .work-showcase-list{
  gap:118px!important;
}
.page-work .work-showcase-v68{
  grid-template-columns:280px minmax(0,900px)!important;
  gap:58px!important;
  align-items:start!important;
}
.page-work .work-media-v68{
  display:grid;
  gap:16px;
  min-width:0;
}
.page-work .work-shot-pair-v68{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.page-work .work-shot-v68{
  margin:0;
  overflow:hidden;
  border:1px solid #e8e6ee;
  border-radius:18px;
  background:#f7f6fa;
  box-shadow:0 18px 46px rgba(31,24,67,.08);
  transition:transform .3s ease,box-shadow .3s ease;
}
.page-work .work-shot-v68:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 56px rgba(31,24,67,.12);
}
.page-work .work-shot-v68 img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:top center;
  background:#f3f2f6;
}
.page-work .work-shot-v68 figcaption{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-top:1px solid #eceaf1;
  background:#fff;
  color:#6c6878;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-work .work-shot-lead-v68 figcaption{
  color:#4e4862;
}

.page-work .work-showcase-copy h2{
  line-height:1.08!important;
}

/* The homepage carousel now uses one intentionally wide crop per project. */
.homepage .cover-browser img{
  object-position:top center!important;
}

@media (max-width:980px){
  .page-work .work-showcase-v68{
    grid-template-columns:1fr!important;
    gap:30px!important;
    max-width:900px!important;
    margin-inline:auto;
  }
  .page-work .work-showcase-copy{
    max-width:620px;
  }
}

@media (max-width:680px){
  .page-work .work-showcase-list{
    gap:78px!important;
  }
  .page-work .work-shot-pair-v68{
    grid-template-columns:1fr;
    gap:12px;
  }
  .page-work .work-media-v68{
    gap:12px;
  }
  .page-work .work-shot-v68{
    border-radius:14px;
  }
  .page-work .work-shot-v68 figcaption{
    min-height:38px;
    padding:9px 12px;
    font-size:9px;
  }
}

/* =========================================================
   V70 — Updated brand crown + About web artwork
   ========================================================= */
.premium-header .wordmark,
.premium-footer .wordmark{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
}
.premium-header .brand-crown,
.premium-footer .brand-crown{
  display:block;
  flex:0 0 auto;
  width:30px;
  height:24px;
  object-fit:contain;
  object-position:center;
}
.premium-footer .brand-crown{
  width:32px;
  height:26px;
}




@media(max-width:760px){
  .premium-header .brand-crown{width:26px;height:21px}
  .premium-footer .brand-crown{width:29px;height:23px}
  
}

/* =========================================================
   V71 — Final luminous crown mark + corrected About web crop
   ========================================================= */
.premium-header .brand-crown,
.premium-footer .brand-crown{
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.premium-header .brand-crown{
  width:34px!important;
  height:30px!important;
}
.premium-footer .brand-crown{
  width:37px!important;
  height:33px!important;
}

.page-about .about-web-visual-v71{
  padding:0!important;
  background:#080a14!important;
  overflow:hidden!important;
  display:block!important;
  height:auto!important;
  aspect-ratio:28 / 23;
  border-radius:16px!important;
}
.page-about .about-web-visual-v71 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media(max-width:760px){
  .premium-header .brand-crown{width:30px!important;height:27px!important}
  .premium-footer .brand-crown{width:33px!important;height:30px!important}
  .page-about .about-web-visual-v71{
    aspect-ratio:6 / 5;
    height:auto!important;
  }
}

/* =========================================================
   V72 — Website Care + Client Editor structure
   ========================================================= */

/* Client Editor — Custom Websites */
.client-editor-v72{padding:104px 0;background:linear-gradient(180deg,#fff 0%,#f8f6fc 100%)}
.client-editor-v72-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:82px;align-items:center}
.client-editor-copy-v72 h2{font-size:clamp(42px,4.6vw,60px);line-height:1.03;letter-spacing:-.052em;margin:10px 0 18px;max-width:720px}
.client-editor-copy-v72>p{font-size:15px;line-height:1.82;color:#5f616c;max-width:690px}
.editor-price-v72{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin:22px 0 20px;border-radius:16px;background:#121522;color:#fff;max-width:650px}
.editor-price-v72 strong{font-size:13px;letter-spacing:.02em}.editor-price-v72 span{font-size:12px;color:#c9bbff;font-weight:700}



.client-admin-mockup-v72{position:relative}.client-admin-mockup-v72:after{content:"DESIGN PROTECTED";position:absolute;right:18px;bottom:16px;padding:8px 10px;border-radius:999px;background:rgba(15,17,29,.9);color:#cbbbff;font-size:8px;letter-spacing:.14em;font-weight:700}







.editor-no-subscription-v72{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:42px;align-items:center;margin-top:22px;padding:26px 28px;border-radius:20px;background:#fff;border:1px solid #ebe8f0}
.editor-no-subscription-v72 span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7159c7;font-weight:700}.editor-no-subscription-v72 h3{font-family:"DM Sans",sans-serif!important;font-size:22px!important;line-height:1.18;margin:5px 0 0}.editor-no-subscription-v72 p{font-size:12px;line-height:1.72;color:#62646e;margin:0}.editor-no-subscription-v72 .text-link{white-space:nowrap}

/* Care Plans — operational rather than generic hosting cards */


















.btn-light{background:#fff!important;color:#151722!important;border-color:#fff!important}







@media(max-width:1120px){
  .client-editor-v72-grid,.care72-hero-grid,.care72-infra-grid,.care72-faq-grid,.care72-principle-grid{grid-template-columns:1fr;gap:46px}
  .client-admin-mockup-v72{max-width:780px}
  
}
@media(max-width:760px){
  .client-editor-v72{padding:74px 0}.client-editor-v72-grid{gap:34px}.editor-price-v72{align-items:flex-start;flex-direction:column;gap:5px}.editor-no-subscription-v72{grid-template-columns:1fr;gap:15px;padding:24px 20px}.client-admin-mockup-v72:after{right:10px;bottom:10px}
  
}



/* v73 — Website Care refinement: smaller type + true vertical plan cards */



.page-care .destination-panel h2{
  font-size:clamp(30px,3.15vw,40px);
  line-height:1.08;
  letter-spacing:-.04em;
}

/* Vertical care packages: each plan reads top-to-bottom rather than as a wide row. */













/* Slightly tighter rhythm now that the page no longer carries the repeated closing principle. */






@media(max-width:760px){
  
  .page-care .care72-infra h2,
  .page-care .care72-plans-head h2,
  .page-care .care72-faq h2,
  .page-care .care72-launch-support h2,
  .page-care .care72-oneoff h2,
  .page-care .destination-panel h2{font-size:clamp(29px,8.2vw,36px)}
  
  
}

/* =========================================================
   V74 — Website Care readability + full mobile UX pass
   Desktop remains unchanged except the intentionally redesigned Care page.
   ========================================================= */

/* ---------- Website Care: simpler hierarchy + true vertical plans ---------- */
.page-care .care74-hero{padding:82px 0 72px;background:#fff}
.page-care .care74-eligibility{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 12px;border:1px solid #ddd7f4;border-radius:8px;background:#f7f4ff;color:#5f49b8;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.page-care .care74-hero-inner{max-width:980px;margin:0 auto;text-align:center}
.page-care .care74-hero h1{font-size:clamp(40px,4.2vw,52px);line-height:1.05;letter-spacing:-.045em;margin:12px auto 18px;max-width:900px}
.page-care .care74-hero p{font-size:16px;line-height:1.75;max-width:830px;margin:0 auto}
.page-care .care74-hero-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.page-care .care74-hero-actions>span{font-size:12px;line-height:1.6;color:#70717c;max-width:440px}

.page-care .care74-infra{padding:68px 0;background:#0c0f1b;color:#fff}
.page-care .care74-section-head{max-width:760px}
.page-care .care74-section-head h2{font-size:clamp(30px,3vw,38px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 12px}
.page-care .care74-infra .care74-section-head h2{color:#fff}
.page-care .care74-infra .care74-section-head p{color:#bfc1cc;font-size:14px;line-height:1.7;margin:0}






.page-care .care74-plans{padding:84px 0 92px;background:#f7f6fa}
.page-care .care74-plan-intro{margin-bottom:34px}
.page-care .care74-plan-intro p{font-size:14px;line-height:1.72;margin:0}
.page-care .care74-plan-stack{display:grid;gap:26px}
.page-care .care74-plan{overflow:hidden;border:1px solid #e4e1ea;border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(29,24,63,.06)}
.page-care .care74-plan-head{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:42px;align-items:end;padding:34px 36px;border-bottom:1px solid #ece9f0}
.page-care .care74-plan-label{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#6651b7;font-weight:700;margin-bottom:8px}
.page-care .care74-plan-head h3{font-family:"Playfair Display",Georgia,serif;font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0;color:#171821}
.page-care .care74-plan-head h3 small{font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:0;color:#7b7c87;margin-left:4px;font-weight:600}
.page-care .care74-plan-head p{font-size:14px;line-height:1.72;margin:0;max-width:690px}
.page-care .care74-plan-body{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:0}
.page-care .care74-inclusions,.page-care .care74-content-updates{padding:32px 36px}
.page-care .care74-content-updates{border-left:1px solid #ece9f0;background:#fbfaff}
.page-care .care74-list-label{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#6a56bf;font-weight:700;margin-bottom:14px}
.page-care .care74-inclusions ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:34px}
.page-care .care74-inclusions li{position:relative;padding:10px 0 10px 17px;border-bottom:1px solid #efedf2;font-size:13px;line-height:1.5;color:#555762}
.page-care .care74-inclusions li:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:#7259ce}
.page-care .care74-editor-note{padding:15px 0;border-top:1px solid #e8e4ef}
.page-care .care74-editor-note:first-of-type{border-top:0;padding-top:0}
.page-care .care74-editor-note strong{display:block;font-size:13px;color:#242532;margin-bottom:5px}
.page-care .care74-editor-note p,.page-care .care74-platform-scope p{font-size:12.5px;line-height:1.7;margin:0;color:#656674}
.page-care .care74-content-updates .btn{margin-top:20px}

.page-care .care74-plan-platform{background:#121521;border-color:#121521;color:#fff}
.page-care .care74-plan-platform .care74-plan-head{border-bottom-color:rgba(255,255,255,.1);background:linear-gradient(145deg,#171a28,#10131f)}
.page-care .care74-plan-platform .care74-plan-label,.page-care .care74-plan-platform .care74-list-label{color:#b9a8fa}
.page-care .care74-plan-platform .care74-plan-head h3{color:#fff}
.page-care .care74-plan-platform .care74-plan-head h3 small{color:#b7b9c4}
.page-care .care74-plan-platform .care74-plan-head p{color:#c4c6d0}
.page-care .care74-plan-platform .care74-inclusions{background:#151827}
.page-care .care74-plan-platform .care74-content-updates{background:#1b1f30;border-left-color:rgba(255,255,255,.1)}
.page-care .care74-plan-platform .care74-inclusions li{color:#d3d5df;border-bottom-color:rgba(255,255,255,.08)}
.page-care .care74-plan-platform .care74-inclusions li:before{background:#aa91ff}
.page-care .care74-plan-platform .care74-platform-scope p{color:#c4c6d0;margin-bottom:12px}
.page-care .care74-plan-platform .care74-platform-scope strong{color:#fff}
.page-care .care74-platform-list{grid-template-columns:1fr 1fr!important}

.page-care .care74-support-options{padding:70px 0;background:#fff}
.page-care .care74-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.page-care .care74-support-grid article{padding:30px 32px;border-radius:22px;border:1px solid #e9e6ee;background:#fff}
.page-care .care74-support-grid h2{font-size:clamp(28px,2.6vw,34px);line-height:1.1;letter-spacing:-.035em;margin:8px 0 12px}
.page-care .care74-support-grid p{font-size:13.5px;line-height:1.72;margin:0}
.page-care .care74-oneoff{background:#121521!important;color:#fff;border-color:#121521!important}
.page-care .care74-oneoff .section-kicker{color:#b8a6fa}
.page-care .care74-oneoff h2{color:#fff}
.page-care .care74-oneoff p{color:#c4c6d0}
.page-care .care74-oneoff p strong{color:#fff}
.page-care .care74-rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}
.page-care .care74-rate-row span{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.055);font-size:10px;color:#b9bbc6}
.page-care .care74-rate-row b{color:#fff;font-size:12px}

.page-care .care74-faq{padding:76px 0 86px;background:#f7f6fa}
.page-care .care74-faq-grid{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:68px;align-items:start}
.page-care .care74-faq-intro h2{font-size:clamp(28px,2.8vw,36px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 10px}
.page-care .care74-faq-intro p{font-size:13px;margin:0}
.page-care .care74-faq-list{border-top:1px solid #dedbe4}
.page-care .care74-faq-list details{border-bottom:1px solid #e1dee7}
.page-care .care74-faq-list summary{list-style:none;cursor:pointer;position:relative;padding:20px 38px 20px 0;font-size:14px;font-weight:700;line-height:1.45;color:#22232d}
.page-care .care74-faq-list summary::-webkit-details-marker{display:none}
.page-care .care74-faq-list summary:after{content:"+";position:absolute;right:4px;top:15px;font-size:22px;font-weight:400;color:#735fc2}
.page-care .care74-faq-list details[open] summary:after{content:"–"}
.page-care .care74-faq-list details p{font-size:13px;line-height:1.72;color:#62646f;padding:0 34px 20px 0;margin:0;max-width:820px}

/* ---------- Mobile experience ---------- */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;line-height:1.66}
  .container{width:calc(100% - 32px)!important;max-width:none!important}
  main{overflow:hidden}

  /* Mobile should never depend on scroll-reveal timing to show content. */
  .reveal,.reveal.in,.motion-heading-ready,.motion-heading-ready.motion-in{
    opacity:1!important;transform:none!important;animation:none!important;transition:none!important;clip-path:none!important;will-change:auto!important;
  }

  /* restrained type scale */
  h1{font-size:clamp(36px,9.7vw,42px)!important;line-height:1.04!important;letter-spacing:-.04em!important}
  h2{font-size:clamp(28px,7.6vw,34px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
  h3{font-size:22px;line-height:1.16}
  p{font-size:15px;line-height:1.7}
  .eyebrow,.section-kicker{font-size:9px;letter-spacing:.16em}

  /* header/nav spacing and readable mobile menu */
  .premium-header{position:relative;z-index:1000}
  .premium-header .header-inner{min-height:64px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .premium-header .wordmark{font-size:9px!important;letter-spacing:.12em!important;gap:7px!important}
  .premium-header .brand-crown{width:27px!important;height:24px!important}
  .premium-header .mobile-toggle{grid-column:2!important;width:42px!important;height:42px!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:20px!important}
  .premium-header .nav{top:64px!important;background:#0b0e1c!important;padding:14px 18px 20px!important;gap:2px!important}
  .premium-header .nav>a,.premium-header .nav summary{font-size:13px!important;min-height:44px!important}
  .premium-header .nav-dropdown{position:static!important;min-width:0!important;width:100%!important;box-shadow:none!important;margin:0!important;background:#101321!important}

  /* common section rhythm: less dead space, clearer separation */
  .content-section,.destination-cta-section,.package-section,.custom-code-why,.platform-showcase-v18,.migration-after-platform,.template-mode-intro,.template-value-section,.template-gallery-v18,.migration-review,.migration-fit,.migration-scope,.work-showcase-section,.work-principle-new,.faq-clean-body,.legal-body{padding-top:54px!important;padding-bottom:54px!important}
  .destination-panel{padding:26px 22px!important;border-radius:20px!important;gap:20px!important}
  .destination-panel h2{font-size:28px!important;line-height:1.08!important}
  .destination-panel p{font-size:14px!important;line-height:1.68!important}
  .destination-panel .btn{width:100%!important;justify-content:center!important}

  /* Homepage hero: mobile intentionally removes the full web artwork.
     The approved web remains untouched on desktop; mobile gets a concise,
     text-led hero with a clean navy finish instead of a cropped image strip. */
  .homepage .hero-v24 .hero-v15-grid{min-height:auto!important;padding-top:42px!important;padding-bottom:42px!important}
  .homepage .hero-v15-copy{max-width:100%!important}
  .homepage .hero-v15-copy h1{font-size:clamp(36px,9.5vw,41px)!important;line-height:1.01!important;margin-bottom:16px!important}
  .homepage .hero-v15-copy>p:not(.hero-v15-price){font-size:15px!important;line-height:1.62!important;max-width:390px!important}
  .homepage .hero-v15-price{font-size:15px!important;margin-top:14px!important}
  .homepage .hero-v15-owner{margin-top:14px!important;font-size:9px!important;letter-spacing:.14em!important}
  .homepage .hero-actions{gap:9px!important;margin-top:20px!important}
  .homepage .hero-v24-background{display:none!important}
  .homepage .hero-v24::before{background:linear-gradient(180deg,rgba(255,255,255,.012) 0%,transparent 38%,rgba(0,0,0,.10) 100%)!important}

  /* Homepage work: remove the empty zones around the carousel. */
  .homepage .work-gateway{padding:50px 0 54px!important}
  .homepage .gateway-head{display:grid!important;gap:10px!important;margin-bottom:20px!important}
  .homepage .gateway-head h2{font-size:29px!important;line-height:1.08!important;max-width:360px!important}
  .homepage .coverflow-wrap{min-height:330px!important;height:330px!important}
  .homepage .coverflow{height:304px!important}
  .homepage .cover-browser img{height:198px!important;border-radius:16px!important}
  .homepage .cover-browser{border-radius:16px!important}
  .homepage .cover-meta h3{font-size:20px!important}

  /* Homepage services: readable cards, stronger separation, no oversized blank gaps. */
  .homepage .home-offerings-v18{padding:56px 0 60px!important}
  .homepage .home-offerings-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px!important}
  .homepage .home-offerings-head h2{font-size:30px!important}
  .homepage .home-offerings-head p{font-size:15px!important;line-height:1.7!important;margin:0!important}
  .homepage .service-atlas-v18{gap:14px!important}
  .homepage .service-v18{border-radius:20px!important;padding-left:20px!important;padding-right:20px!important}
  .homepage .service-v18-copy h3{font-size:26px!important;line-height:1.08!important;margin:9px 0 10px!important}
  .homepage .service-v18-copy p{font-size:15px!important;line-height:1.65!important;opacity:.82!important}
  .homepage .service-v18-copy strong{font-size:9.5px!important;margin-top:14px!important}
  .homepage .service-real-mockup,.homepage .migration-compare-visual,.homepage .care-product-visual{left:20px!important;right:20px!important;top:20px!important}
  .homepage .service-real-mockup-custom{height:218px!important}
  .homepage .service-v18-custom{min-height:0!important;padding-top:258px!important;padding-bottom:24px!important}
  .homepage .service-real-mockup-platform{height:176px!important}
  .homepage .service-v18-platform{min-height:0!important;padding-top:218px!important;padding-bottom:24px!important}
  .homepage .service-v18-templates{padding:20px!important;min-height:0!important}
  
  
  
  .homepage .service-v18-migration{padding:20px!important;min-height:0!important}
  .homepage .service-v18-migration .migration-compare-visual{position:relative!important;left:auto!important;right:auto!important;top:auto!important;height:162px!important;margin-bottom:18px!important}
  .homepage .service-v18-migration .service-v18-copy{margin-top:0!important}
  .homepage .service-v18-care{min-height:0!important;padding-top:210px!important;padding-bottom:24px!important}
  .homepage .destination-cta-section{padding:50px 0!important}

  /* About: center visual assets and keep copy from colliding. */
  .page-about .about-story-hero{padding:48px 0 44px!important}
  .page-about .about-story-hero-grid,.page-about .about-web-story-grid,.page-about .about-purpose-grid-v47,.page-about .about-founder-grid-v45{grid-template-columns:1fr!important;gap:28px!important}
  .page-about .about-story-hero h1{font-size:38px!important;max-width:100%!important}
  .page-about .about-story-lead{font-size:18px!important;line-height:1.5!important}
  .page-about .about-web-story{padding:52px 0!important}
  .page-about .about-web-visual-v71{width:min(100%,390px)!important;justify-self:center!important;margin-inline:auto!important;aspect-ratio:1/1!important}
  .page-about .about-web-visual-v71 img{object-position:center!important}
  .page-about .about-web-copy h2,.page-about .about-purpose-heading-v47>h2,.page-about .about-founder-copy-v45 h2{font-size:30px!important;line-height:1.08!important}
  .page-about .about-web-copy p,.page-about .about-founder-copy-v45>p:not(.about-founder-lead-v45){font-size:15px!important;line-height:1.72!important}
  
  .page-about .about-founder-v45{padding:54px 0 60px!important}
  .page-about .about-founder-panel-v45{width:min(100%,350px)!important;max-width:350px!important;justify-self:center!important;margin-inline:auto!important;padding:8px!important}
  .page-about .about-founder-portrait-v45 img{width:100%!important;height:auto!important;object-position:center top!important}

  /* Custom Websites */
  .page-custom .custom-centered-hero{padding:54px 0 48px!important}
  .page-custom .custom-centered-inner{max-width:100%!important}
  .page-custom .custom-centered-inner h1{font-size:38px!important}
  .page-custom .page-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .page-custom .page-hero-actions .btn{width:100%!important;justify-content:center!important}
  .page-custom .proof-rail{gap:7px!important;margin-top:20px!important}
  .page-custom .proof-rail span{font-size:8px!important;padding:7px 9px!important}
  .page-custom .package-grid{grid-template-columns:1fr!important;gap:14px!important;margin-top:28px!important}
  .page-custom .package-card{padding:24px 22px!important;border-radius:20px!important}
  .page-custom .package-card-signature{width:100%!important}
  .page-custom .package-card h3{font-size:28px!important}
  .page-custom .package-card>p,.page-custom .package-card li{font-size:14px!important;line-height:1.68!important}
  .page-custom .custom-code-why-grid,.page-custom .client-editor-v72-grid,.page-custom .platform-showcase-panel-v18{grid-template-columns:1fr!important;gap:28px!important}
  .page-custom .custom-code-why h2,.page-custom .client-editor-copy-v72 h2,.page-custom .platform-copy-v18 h2{font-size:30px!important}
  .page-custom .client-editor-v72{padding:56px 0!important}
  .page-custom .client-admin-mockup-v72{width:100%!important;max-width:420px!important;margin-inline:auto!important}
  
  .page-custom .editor-package-row-v72,.page-custom .editor-package-map-head-v72,.page-custom .editor-platform-note-v72,.page-custom .editor-no-subscription-v72{padding:20px!important}
  .page-custom .platform-showcase-v18{padding:56px 0!important}
  .page-custom .platform-showcase-panel-v18{padding:24px 20px!important;border-radius:20px!important}
  .page-custom .platform-dashboard-mockup-v42{width:100%!important;max-width:480px!important;margin-inline:auto!important}

  /* Templates */
  .page-templates .template-hero-v18{padding:54px 0 44px!important}
  .page-templates .template-hero-v18-grid,.page-templates .template-mode-intro-grid,.page-templates .template-value-grid,.page-templates .template-gallery-head{grid-template-columns:1fr!important;gap:24px!important}
  .page-templates .template-hero-v18 h1{font-size:38px!important;line-height:1.04!important}
  .page-templates .template-hero-v18 p{font-size:15px!important;line-height:1.7!important}
  
  .page-templates .template-tabs-section{padding:18px 0!important}
  .page-templates .template-tabs{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .page-templates .template-tab{justify-content:flex-start!important;padding:12px 14px!important}
  .page-templates .template-mode-intro{padding:54px 0!important}
  .page-templates .template-mode-intro h2{font-size:30px!important}
  .page-templates .mode-device-scene{min-height:0!important;height:auto!important}
  .page-templates .lotus-feature-scene-v67{margin-top:6px!important}
  .page-templates .template-value-section,.page-templates .template-gallery-v18{padding:54px 0!important}
  .page-templates .template-product-art{height:260px!important}
  .page-templates .template-gallery-grid{grid-template-columns:1fr!important;gap:14px!important}
  .page-templates .template-product-v18{border-radius:18px!important}
  .page-templates .coded-coming-soon-v51,.page-coded-coming .coded-coming-page-v51{padding:56px 0!important}
  .page-templates .coded-coming-soon-grid-v51,.page-coded-coming .coded-coming-page-grid-v51{grid-template-columns:1fr!important;gap:30px!important}
  

  /* Migration & Rebuild */
  .page-migration .migration-hero{padding:52px 0!important}
  .page-migration .migration-hero-grid-v41,.page-migration .migration-review-grid,.page-migration .migration-fit-grid{grid-template-columns:1fr!important;gap:28px!important}
  .page-migration .migration-hero h1{font-size:38px!important;line-height:1.04!important}
  .page-migration .migration-hero .page-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .page-migration .migration-hero .btn{width:100%!important;justify-content:center!important}
  .page-migration .migration-hero-case-v41{min-height:300px!important;border-radius:20px!important}
  .page-migration .migration-review-photo{width:min(100%,390px)!important;margin-inline:auto!important}
  .page-migration .migration-review h2,.page-migration .migration-fit h2,.page-migration .migration-scope h2{font-size:30px!important}
  .page-migration .migration-review p{font-size:15px!important;line-height:1.72!important}
  .page-migration .migration-reasons{grid-template-columns:1fr!important;gap:0!important}
  .page-migration .migration-reasons article{padding:20px 0!important;border-left:0!important;border-bottom:1px solid #e1dfe7!important}
  .page-migration .migration-scope-grid{grid-template-columns:1fr!important;gap:8px!important;margin-top:26px!important}
  .page-migration .migration-scope-grid span{font-size:14px!important;line-height:1.55!important;padding:16px!important}

  /* Work */
  .page-work .work-hero-new{padding:52px 0 42px!important}
  .page-work .work-hero-new-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  .page-work .work-hero-new h1{font-size:38px!important}
  .page-work .work-showcase-section{padding:56px 0!important}
  .page-work .work-showcase-list{gap:64px!important}
  .page-work .work-showcase-v68{grid-template-columns:1fr!important;gap:22px!important}
  .page-work .work-showcase-copy h2{font-size:30px!important}
  .page-work .work-showcase-copy p{font-size:15px!important;line-height:1.7!important}
  .page-work .work-shot-pair-v68{grid-template-columns:1fr!important;gap:10px!important}
  .page-work .work-shot-v68{border-radius:14px!important}
  

  /* FAQ / Contact / Legal */
  .page-faq .faq-clean-hero{padding:48px 0 34px!important}
  .page-faq .faq-clean-hero h1{font-size:38px!important}
  .page-faq .faq-clean-grid{grid-template-columns:1fr!important;gap:26px!important}
  .page-faq .faq-clean-index{position:static!important;display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important}
  .page-faq .faq-clean-index a{white-space:nowrap;padding:8px 10px;border-radius:999px;background:#f2effa;font-size:11px!important}
  .page-faq .faq-group.clean{padding-bottom:30px!important;margin-bottom:30px!important}
  .page-faq .faq-group.clean+.faq-group.clean{padding-top:30px!important}
  .page-faq .faq-group.clean h2{font-size:22px!important}
  .page-faq .faq-list summary{font-size:14px!important;line-height:1.5!important;padding-right:36px!important}
  .page-faq .faq-list p{font-size:14px!important;line-height:1.7!important}

  .page-contact .contact-simple-intro{padding:48px 0 28px!important}
  .page-contact .contact-simple-intro h1{font-size:38px!important;max-width:360px!important}
  .page-contact .contact-simple-intro p{font-size:15px!important;line-height:1.68!important}
  .page-contact .contact-form-section{padding:38px 0 58px!important}
  .page-contact .contact-form-simple-inner{padding:22px 18px!important;border-radius:20px!important}
  .page-contact .form-grid{grid-template-columns:1fr!important;gap:18px!important}
  .page-contact .field.full{grid-column:auto!important}
  .page-contact .contact-project-form .btn{width:100%!important;justify-content:center!important}

  .legal-hero{padding:48px 0 34px!important}
  .legal-hero h1{font-size:38px!important}
  .legal-body{padding:46px 0 58px!important}
  .legal-layout{grid-template-columns:1fr!important;gap:22px!important}
  .legal-layout aside{position:static!important;padding-bottom:18px;border-bottom:1px solid #eceaf0}
  .legal-copy h2{font-size:20px!important;margin-top:30px!important}
  .legal-copy p,.legal-layout aside p{font-size:15px!important;line-height:1.72!important}

  /* Care page mobile: calm, readable, one plan after the other. */
  .page-care .care74-hero{padding:50px 0 48px!important}
  .page-care .care74-hero h1{font-size:36px!important;line-height:1.05!important}
  .page-care .care74-hero p{font-size:15px!important;line-height:1.7!important}
  .page-care .care74-hero-actions{display:grid!important;gap:12px!important}
  .page-care .care74-hero-actions .btn{width:100%!important;justify-content:center!important}
  .page-care .care74-infra{padding:52px 0!important}
  .page-care .care74-section-head h2{font-size:29px!important}
  
  
  
  
  .page-care .care74-plans{padding:54px 0 60px!important}
  .page-care .care74-plan-intro{margin-bottom:24px!important}
  .page-care .care74-plan-stack{gap:18px!important}
  .page-care .care74-plan{border-radius:20px!important}
  .page-care .care74-plan-head{grid-template-columns:1fr!important;gap:14px!important;padding:24px 20px!important}
  .page-care .care74-plan-head h3{font-size:29px!important}
  .page-care .care74-plan-body{grid-template-columns:1fr!important}
  .page-care .care74-inclusions,.page-care .care74-content-updates{padding:24px 20px!important}
  .page-care .care74-content-updates{border-left:0!important;border-top:1px solid #ece9f0!important}
  .page-care .care74-plan-platform .care74-content-updates{border-top-color:rgba(255,255,255,.1)!important}
  .page-care .care74-inclusions ul,.page-care .care74-platform-list{grid-template-columns:1fr!important}
  .page-care .care74-inclusions li{font-size:14px!important;line-height:1.5!important;padding:11px 0 11px 17px!important}
  .page-care .care74-editor-note p,.page-care .care74-platform-scope p{font-size:14px!important;line-height:1.68!important}
  .page-care .care74-content-updates .btn{width:100%!important;justify-content:center!important}
  .page-care .care74-support-options{padding:52px 0!important}
  .page-care .care74-support-grid{grid-template-columns:1fr!important;gap:14px!important}
  .page-care .care74-support-grid article{padding:24px 20px!important;border-radius:18px!important}
  .page-care .care74-support-grid h2{font-size:28px!important}
  .page-care .care74-rate-row{grid-template-columns:1fr 1fr!important}
  .page-care .care74-faq{padding:52px 0 58px!important}
  .page-care .care74-faq-grid{grid-template-columns:1fr!important;gap:24px!important}
  .page-care .care74-faq-intro h2{font-size:29px!important}
  .page-care .care74-faq-list summary{font-size:14px!important;padding:18px 34px 18px 0!important}
  .page-care .care74-faq-list details p{font-size:14px!important;line-height:1.7!important;padding-right:18px!important}

  /* footer: compact but not cramped */
  .premium-footer{padding:34px 0 24px!important}
  .premium-footer-main{grid-template-columns:1fr 1fr!important;gap:24px 20px!important}
  .premium-footer .footer-brand{grid-column:1/-1!important}
  .premium-footer .brand-crown{width:30px!important;height:27px!important}
  .premium-footer .footer-nav{gap:10px!important}
  .premium-footer .footer-nav a{font-size:11px!important;line-height:1.45!important}
  
  .premium-footer .copyright{font-size:10px!important;line-height:1.5!important}
}

@media(max-width:430px){
  .container{width:calc(100% - 28px)!important}
  .homepage .hero-v24 .hero-v15-grid{padding-bottom:300px!important}
  
  
  
  
  .premium-footer-main{grid-template-columns:1fr!important}
  .premium-footer .footer-brand,.premium-footer .footer-contact{grid-column:auto!important}
}


/* =========================================================
   V75 — founder identity + FAQ separation + mobile visual refinements
   Mobile-only visual changes preserve desktop compositions.
   ========================================================= */

/* Founder identity: name first, role second. */
.page-about .about-founder-name-v75{
  margin:10px 0 7px!important;
  font-size:clamp(34px,3.4vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  max-width:620px;
}
.page-about .about-founder-role-v75{
  margin:0 0 20px!important;
  max-width:590px;
  color:#343642;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:600;
}

@media(max-width:760px){
  /* Homepage: make the web a focused crown-centered atmosphere, not a banner. */
  .homepage .hero-v24 .hero-v15-grid{
    padding-bottom:252px!important;
  }
  
  
  
  .homepage .hero-v24::before{
    background:linear-gradient(180deg,#070d1b 0%,#070d1b 58%,rgba(7,13,27,.94) 69%,rgba(7,13,27,.38) 87%,rgba(7,13,27,.08) 100%)!important;
  }
  .homepage .hero-v24-blend{
    background:linear-gradient(180deg,rgba(7,13,27,0) 0%,rgba(7,13,27,.02) 60%,rgba(7,13,27,.18) 100%)!important;
  }
  .homepage .work-gateway{padding-top:44px!important}
  .homepage .home-offerings-v18{padding-top:52px!important}

  /* About founder: identity reads clearly and portrait stays centered. */
  .page-about .about-founder-name-v75{
    font-size:31px!important;
    margin:8px 0 6px!important;
  }
  .page-about .about-founder-role-v75{
    font-size:15px!important;
    line-height:1.5!important;
    margin-bottom:18px!important;
  }
  .page-about .about-founder-panel-v45{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .page-about .about-founder-portrait-v45,
  .page-about .about-founder-portrait-v45 img{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Website Templates: Portfolio Edit gets a real mobile composition. */
  .page-templates .portfolio-edit-art{
    height:240px!important;
    padding:0!important;
  }
  
  .page-templates .portfolio-edit-art .gallery-browser-v18{
    left:20px!important;
    right:20px!important;
    top:82px!important;
    bottom:18px!important;
    width:auto!important;
    height:auto!important;
    padding:18px!important;
    border-radius:13px!important;
    z-index:3!important;
  }
  .page-templates .portfolio-edit-art .gallery-browser-v18>b{
    font-size:24px!important;
    line-height:1.02!important;
    margin:auto 0 15px!important;
  }
  .page-templates .portfolio-edit-art .gallery-browser-v18>span{
    font-size:7px!important;
  }
  .page-templates .template-product-meta{
    padding:22px 20px 24px!important;
  }
  .page-templates .template-product-meta h3{
    font-size:24px!important;
  }
  .page-templates .template-product-meta p{
    font-size:14px!important;
    line-height:1.65!important;
  }
}

@media(max-width:430px){
  .homepage .hero-v24 .hero-v15-grid{padding-bottom:238px!important}
  
  
}

/* V75.1 — mobile homepage web: soften the image boundary and focus on the crown. */

@media(max-width:430px){
  .homepage .hero-v24 .hero-v15-grid{padding-bottom:236px!important}
  
  
}



/* =========================================================
   V76 — Mobile homepage hero simplification
   The full spider-web artwork is intentionally desktop-only.
   On phones/small tablets, the hero ends after the content instead
   of reserving image space or attempting to crop the wide artwork.
   ========================================================= */
@media(max-width:820px){
  .homepage .hero-v24-background,
  .homepage .hero-v24-canvas-wide,
  .homepage .hero-v24-canvas-mobile{display:none!important}
  .homepage .hero-v24 .hero-v15-grid{
    min-height:auto!important;
    padding-bottom:42px!important;
  }
  .homepage .hero-v24::before{
    background:linear-gradient(180deg,rgba(255,255,255,.012) 0%,transparent 38%,rgba(0,0,0,.10) 100%)!important;
  }
}


/* =========================================================
   V77 — About mobile hierarchy and founder readability
   Desktop purpose section remains unchanged; mobile gets a
   paired headline + supporting-copy flow for clearer reading.
   ========================================================= */


@media(max-width:760px){
  
  
  
  
  
  
  
  
  

  .page-about .about-founder-v45{padding:54px 0 60px!important}
  .page-about .about-founder-name-v75{font-size:29px!important;line-height:1.05!important;margin:8px 0 7px!important}
  .page-about .about-founder-role-v75{font-size:15px!important;line-height:1.5!important;margin-bottom:20px!important}
  .page-about .about-founder-lead-v45{font-size:18px!important;line-height:1.58!important;margin-bottom:16px!important}
  .page-about .about-founder-copy-v45>p:not(.about-founder-lead-v45):not(.about-founder-role-v75){font-size:16.5px!important;line-height:1.68!important}
}




/* ==========================================================
   V79 — homepage hierarchy, cleaner packages, decorative cleanup
   ========================================================== */

/* Remove the recurring decorative partial-circle/blob from CTA rectangles sitewide. */
.destination-panel::after{
  display:none!important;
  content:none!important;
}

/* Package clarification belongs below the choices, not inside every card. */
.page-custom .package-faq-link-v79{
  margin:24px auto 0;
  max-width:760px;
  text-align:center;
  font-size:13px;
  line-height:1.65;
  color:#666875;
}
.page-custom .package-faq-link-v79 a{
  color:#5f49bc;
  font-weight:700;
  text-decoration:none;
}
.page-custom .package-faq-link-v79 a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Migration is a related-service pointer here; the dedicated page carries the detail. */
.page-custom .migration-after-platform.migration-teaser-text-only-v41{
  padding:54px 0 58px!important;
  background:#f7f6fa!important;
}
.page-custom .migration-teaser-text-v41{
  max-width:760px!important;
}
.page-custom .migration-teaser-text-v41 h2{
  font-size:clamp(30px,3.2vw,40px)!important;
  line-height:1.08!important;
  margin:9px 0 12px!important;
}
.page-custom .migration-teaser-text-v41 p{
  max-width:690px!important;
  margin-top:0!important;
}

@media(max-width:760px){
  .page-custom .package-faq-link-v79{
    margin-top:20px;
    padding:0 4px;
    text-align:left;
    font-size:13.5px;
  }
  .page-custom .migration-after-platform.migration-teaser-text-only-v41{padding:46px 0 50px!important}
  .page-custom .migration-teaser-text-v41 h2{font-size:30px!important}
}

/* v80 — Website Templates content simplification */
.page-templates .template-hero-v80-streamlined{grid-template-columns:minmax(0,820px);justify-content:start;}
.page-templates .template-gallery-head-v80{grid-template-columns:1fr;max-width:760px;}
.page-templates .template-gallery-head-v80 h2{margin-bottom:0;}

@media (max-width: 760px){
  .page-templates .template-hero-v80-streamlined{grid-template-columns:1fr;}
  .page-templates .template-gallery-head-v80{max-width:none;}
}


/* v81 — template hierarchy + migration pricing/navigation refinement */
.page-templates .template-hero-v80-streamlined{
  grid-template-columns:minmax(0,900px);
  justify-content:center;
  text-align:center;
}
.page-templates .template-hero-v18 h1{
  font-size:clamp(40px,4.2vw,58px);
  max-width:900px;
  margin:0 auto 20px;
}
.page-templates .template-hero-v18 p{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
.page-templates .canva-mode .template-mode-intro-grid>div:first-child{
  text-align:center;
}
.page-templates .canva-mode .template-mode-intro-grid>div:first-child h2,
.page-templates .canva-mode .template-mode-intro-grid>div:first-child p{
  margin-left:auto;
  margin-right:auto;
}
.page-templates .canva-mode .template-mode-intro-grid>div:first-child h2{
  font-size:clamp(36px,4vw,52px);
}
.page-templates .template-value-grid{
  grid-template-columns:1fr;
  gap:34px;
}
.page-templates .template-value-grid>div:first-child{
  text-align:center;
  max-width:760px;
  margin:0 auto;
}
.page-templates .template-value-grid h2{
  font-size:clamp(34px,3.8vw,48px);
}
.page-templates .template-gallery-head-v80{
  max-width:none;
  text-align:center;
}
.page-templates .template-gallery-head-v80>div{
  max-width:760px;
  margin:0 auto;
}

.page-migration .migration-pricing-v81{
  padding:82px 0;
  background:#f6f5fa;
}
.page-migration .migration-pricing-inner-v81{
  max-width:840px;
  margin:0 auto;
  text-align:center;
}
.page-migration .migration-pricing-inner-v81 h2{
  font-size:clamp(34px,4vw,50px);
  line-height:1.06;
  letter-spacing:-.045em;
  margin:10px auto 18px;
}
.page-migration .migration-pricing-inner-v81 p{
  max-width:760px;
  margin:0 auto;
  color:#5f616d;
  font-size:15px;
  line-height:1.8;
}
.page-migration .migration-pricing-link-v81{
  display:inline-flex;
  margin-top:24px;
  font-weight:700;
}

@media (max-width:760px){
  .page-templates .template-hero-v80-streamlined,
  .page-templates .canva-mode .template-mode-intro-grid>div:first-child,
  .page-templates .template-value-grid>div:first-child,
  .page-templates .template-gallery-head-v80{
    text-align:center!important;
  }
  .page-templates .template-hero-v18 h1{font-size:36px!important;}
  .page-templates .canva-mode .template-mode-intro-grid>div:first-child h2{font-size:30px!important;}
  .page-migration .migration-pricing-v81{padding:54px 0;}
  .page-migration .migration-pricing-inner-v81 h2{font-size:30px;}
  .page-migration .migration-pricing-inner-v81 p{font-size:15px;line-height:1.7;}
}


/* =========================================================
   V81 refinement — Migration, Care, About and Contact
   ========================================================= */

/* Migration & Rebuild: remove redundant page eyebrow and make preview helper quieter. */
.page-migration .migration-hero-grid-v41 > div:first-child > h1{margin-top:0!important}
.page-migration .migration-hero-note-v44{
  font-size:8px!important;
  line-height:1.4!important;
  margin-top:8px!important;
  letter-spacing:.01em;
}

/* Website Care: clearer scope, more compact infrastructure explanation and centered care intro. */
.page-care .care74-hero h1{margin-top:12px!important}
.page-care .care74-hero-actions{margin-top:24px!important}
.page-care .care74-infra{padding:50px 0!important}
.page-care .care74-infra .care74-section-head{max-width:820px}


.page-care .care74-plan-intro{
  max-width:820px!important;
  margin:0 auto 34px!important;
  text-align:center;
}
.page-care .care74-plan-intro h2{margin-top:0!important}
.page-care .care74-plan-intro p{max-width:760px;margin:0 auto!important}
.page-care .care74-update-value{color:#6d58bf;font-weight:700}
.page-care .care74-faq-intro h2{margin-top:0!important}

/* About: simplify the purpose hierarchy and give the founder statement a quote-like treatment. */


.page-about .about-founder-lead-v45{
  position:relative;
  padding-left:22px;
  border-left:2px solid #8d78e7;
  font-style:italic;
}

/* Contact: visible direct route for general and support questions. */
.page-contact .contact-support-note{
  margin:18px auto 0!important;
  max-width:660px!important;
  padding-top:16px;
  border-top:1px solid #ebe9ef;
  font-size:13.5px!important;
  line-height:1.65!important;
  color:#666873!important;
}
.page-contact .contact-support-note a{color:#6651b7;font-weight:700;text-decoration:none}
.page-contact .contact-support-note a:hover{text-decoration:underline}

@media(max-width:760px){
  .page-migration .migration-hero-note-v44{font-size:7.5px!important;margin-top:7px!important}
  .page-care .care74-infra{padding:44px 0!important}
  .page-care .care74-plan-intro{text-align:center;margin-bottom:24px!important}
  
  .page-about .about-founder-lead-v45{padding-left:18px}
  .page-contact .contact-support-note{margin-top:16px!important;padding-top:14px;font-size:13px!important}
}

/* =========================================================
   V83 — About purpose cards + philosophy refinement + compact Care infrastructure panel
   ========================================================= */

/* About hero + philosophy copy rhythm */
.page-about .about-story-hero h1{max-width:820px!important}
.page-about .about-web-copy p{max-width:650px}

/* Why we exist — structured editorial cards instead of split text columns */
.page-about .about-purpose-v83{
  padding:72px 0 76px;
  background:#090b16;
  color:#fff;
}
.page-about .about-purpose-v83-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:18px;
}
.page-about .about-purpose-v83-panel{
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  min-width:0;
}
.page-about .about-purpose-v83-main{
  padding:34px 34px 36px;
  position:relative;
  overflow:hidden;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.page-about .about-purpose-v83-main::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-105px;
  bottom:-130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(112,82,224,.28),rgba(112,82,224,0) 68%);
  pointer-events:none;
}
.page-about .about-purpose-v83 .section-kicker{
  color:#b5a3ff;
}
.page-about .about-purpose-v83-main h2{
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(37px,3.55vw,49px);
  line-height:1.06;
  letter-spacing:-.035em;
  font-weight:500;
  max-width:500px;
  margin:12px 0 0;
  position:relative;
  z-index:1;
}
.page-about .about-purpose-v83-context{
  padding:34px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.page-about .about-purpose-v83-context p,
.page-about .about-purpose-v83-belief-copy p{
  color:#c9cad3;
  font-size:15px;
  line-height:1.78;
  margin:0;
}
.page-about .about-purpose-v83-context p + p{
  margin-top:18px;
}
.page-about .about-purpose-v83-belief{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
  gap:54px;
  align-items:center;
  padding:30px 34px;
  background:linear-gradient(120deg,rgba(113,84,221,.14),rgba(255,255,255,.02) 47%,rgba(255,255,255,.015));
  border-color:rgba(179,159,255,.2);
}
.page-about .about-purpose-v83-belief-title h3{
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(27px,2.45vw,34px);
  line-height:1.13;
  letter-spacing:-.025em;
  font-weight:500;
  margin:8px 0 0;
  max-width:440px;
}
.page-about .about-purpose-v83-belief-copy{
  padding-left:34px;
  border-left:1px solid rgba(255,255,255,.13);
}
.page-about .about-purpose-v83-close{
  font-family:"Playfair Display",Georgia,serif;
  font-size:17px!important;
  line-height:1.52!important;
  color:#fff!important;
  margin-top:18px!important;
  max-width:650px;
}

/* Website Care — compact framed capabilities rather than a wide text strip */
.page-care .care85-infra{
  padding:56px 0!important;
}
.page-care .care85-infra-layout{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:54px;
  align-items:center;
}
.page-care .care85-infra-head{
  max-width:560px!important;
}
.page-care .care85-infra-head h2{
  font-size:clamp(30px,2.85vw,38px)!important;
  margin:8px 0 12px!important;
}
.page-care .care85-infra-items{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.page-care .care85-infra-items article{
  min-height:118px;
  padding:20px 20px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.page-care .care85-infra-items strong{
  display:block;
  color:#fff;
  font-size:13.5px;
  line-height:1.35;
  margin:0 0 7px;
}
.page-care .care85-infra-items p{
  margin:0;
  color:#aeb1bd;
  font-size:12.5px;
  line-height:1.58;
}


@media(max-width:900px){
  .page-about .about-purpose-v83-grid{grid-template-columns:1fr}
  .page-about .about-purpose-v83-main{min-height:auto}
  .page-about .about-purpose-v83-belief{grid-column:auto;grid-template-columns:1fr;gap:20px}
  .page-about .about-purpose-v83-belief-copy{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .page-care .care85-infra-layout{grid-template-columns:1fr;gap:30px}
  .page-care .care85-infra-head{max-width:720px!important}
}

@media(max-width:760px){
  .page-about .about-purpose-v83{padding:52px 0 56px}
  .page-about .about-purpose-v83-grid{gap:14px}
  .page-about .about-purpose-v83-panel{border-radius:19px}
  .page-about .about-purpose-v83-main,
  .page-about .about-purpose-v83-context,
  .page-about .about-purpose-v83-belief{padding:24px 22px}
  .page-about .about-purpose-v83-main h2{font-size:31px!important;line-height:1.08!important}
  .page-about .about-purpose-v83-context p,
  .page-about .about-purpose-v83-belief-copy p{font-size:15px!important;line-height:1.72!important}
  .page-about .about-purpose-v83-belief-title h3{font-size:27px!important}
  .page-about .about-purpose-v83-close{font-size:17px!important}
  .page-care .care85-infra{padding:46px 0!important}
  .page-care .care85-infra-layout{gap:24px}
  .page-care .care85-infra-items{grid-template-columns:1fr 1fr;gap:10px}
  .page-care .care85-infra-items article{min-height:110px;padding:17px 16px}
}

@media(max-width:520px){
  .page-care .care85-infra-items{grid-template-columns:1fr}
  .page-care .care85-infra-items article{min-height:auto}
}
.page-about .about-purpose-v83-belief-title h3{margin-top:0!important}

/* =========================================================
   V82 — service clarity, legal/footer, form success, work statement
   ========================================================= */

/* Footer — clearer information architecture, no repeated CTA */
.premium-footer .premium-footer-main{
  grid-template-columns:minmax(230px,1.25fr) repeat(3,minmax(140px,.75fr))!important;
  gap:44px!important;
  align-items:start!important;
}
.premium-footer .footer-brand p.footer-brand-summary{
  display:block!important;
  margin:15px 0 12px!important;
  max-width:310px!important;
  color:#aeb0bd!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.premium-footer .footer-email{
  color:#d8d8e3!important;
  font-size:12px!important;
  text-decoration:none;
}
.premium-footer .footer-email:hover{color:#fff!important}
.premium-footer .footer-nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  gap:9px!important;
}
.premium-footer .footer-nav h4{
  margin:0 0 5px!important;
  color:#fff!important;
  font-family:"DM Sans",sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.premium-footer .copyright{
  justify-content:flex-start!important;
  margin-top:34px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

/* Contact — visible post-submit confirmation */
.contact-response-time{
  margin:8px 0 0;
  color:#676977;
  font-size:13px;
}
.inquiry-success-panel{
  background:#fff;
  border:1px solid #e5e3eb;
  border-radius:22px;
  padding:52px 42px;
  text-align:center;
  box-shadow:0 18px 50px rgba(25,20,47,.07);
  outline:none;
}
.inquiry-success-mark{
  width:56px;height:56px;margin:0 auto 20px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#eee9ff;
  color:#6d3dff;
  font-size:25px;font-weight:700;
}
.inquiry-success-panel .section-kicker{display:block;margin-bottom:8px}
.inquiry-success-panel h2{margin:0 0 14px;font-size:38px}
.inquiry-success-panel>p{max-width:650px;margin:0 auto 12px;color:#555763;line-height:1.75}
.inquiry-success-panel .inquiry-success-secondary{font-size:13px;color:#777986;max-width:610px}
.inquiry-success-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.text-button{appearance:none;border:0;background:none;padding:8px;color:#5f4fb9;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
.text-button:hover{color:#372a77}

/* Custom Websites — process + payment milestones */
.project-process-v82{padding:90px 0;background:#f7f7fa}
.project-process-head-v82{max-width:760px;margin:0 auto 42px;text-align:center}
.project-process-head-v82 h2{margin:10px 0 14px;font-size:44px}
.project-process-head-v82 p{margin:0;color:#666874;line-height:1.75}
.project-process-grid-v82{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-process-grid-v82 article{background:#fff;border:1px solid #e5e3eb;border-radius:16px;padding:24px;min-height:190px}
.project-process-grid-v82 article>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eee9ff;color:#6550c2;font-size:11px;font-weight:700;margin-bottom:16px}
.project-process-grid-v82 h3{font-size:21px;margin:0 0 9px}
.project-process-grid-v82 p{margin:0;color:#656773;font-size:13px;line-height:1.7}
.project-payment-v82{margin-top:34px;background:#0a0c17;color:#fff;border-radius:22px;padding:38px}
.project-payment-head-v82{max-width:none;margin-bottom:22px}
.project-payment-head-v82 .section-kicker{color:#b8a7ff}
.project-payment-head-v82 h3{color:#fff;margin:8px 0 10px;font-size:32px;line-height:1.12}
.project-payment-head-v82 p{margin:0;color:#c4c5cf;line-height:1.7}
.project-payment-grid-v82{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-payment-grid-v82 article{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:23px;background:rgba(255,255,255,.035)}
.project-payment-grid-v82 strong{font-family:"Playfair Display",Georgia,serif;font-size:20px;font-weight:500}
.project-payment-grid-v82 p{color:#bbbcc8;font-size:13px;margin:8px 0 14px}
.project-payment-grid-v82 ul{margin:0;padding-left:18px;color:#e5e5ec;font-size:13px;line-height:1.8}
.project-payment-note-v82{margin:18px 0 0;color:#aeb0bc;font-size:12px;line-height:1.7}

@media(min-width:960px){
  .project-payment-head-v82 h3{white-space:nowrap}
}

/* Work — editorial principle after portfolio */




/* Template purchase context */
.template-gallery-purchase-note{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 32px;
  margin-top:22px;
  padding:18px 20px;
  border:1px solid #e6e3eb;
  border-radius:16px;
  background:#fff;
}
.template-gallery-purchase-note p{margin:0!important;color:#70727d!important;font-size:11.5px!important;line-height:1.65!important}
.template-gallery-purchase-note a{color:#5f4fb9;text-decoration:underline;text-underline-offset:2px}

/* Legal policy page */
.page-legal .legal-copy a{color:#5f4fb9}

@media(max-width:900px){
  .premium-footer .premium-footer-main{grid-template-columns:1fr 1fr!important;gap:32px 24px!important}
  .premium-footer .footer-brand{grid-column:1/-1!important}
  .project-process-grid-v82{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .premium-footer .premium-footer-main{grid-template-columns:1fr!important}
  .premium-footer .footer-brand{grid-column:auto!important}
  .project-process-v82{padding:58px 0}
  .project-process-head-v82{text-align:left;margin-bottom:28px}
  .project-process-head-v82 h2{font-size:34px}
  .project-process-grid-v82{grid-template-columns:1fr}
  .project-process-grid-v82 article{min-height:auto}
  .project-payment-v82{padding:28px 22px;border-radius:18px}
  .project-payment-head-v82 h3{font-size:27px}
  .project-payment-grid-v82{grid-template-columns:1fr}
  
  .inquiry-success-panel{padding:38px 22px;border-radius:18px}
  .inquiry-success-panel h2{font-size:30px}
  .template-gallery-purchase-note{grid-template-columns:1fr;gap:9px;margin-top:16px;padding:16px 17px;border-radius:14px}
}

/* =========================================================
   V84 — Website Care three-tier structure
   ========================================================= */
.page-care .care74-plan-backup{
  border-color:#dcd4f6;
  box-shadow:0 22px 64px rgba(70,50,135,.09);
}
.page-care .care74-plan-backup .care74-plan-head{
  background:linear-gradient(145deg,#fbf9ff,#f4f0ff);
  border-bottom-color:#e5def8;
}
.page-care .care74-plan-backup .care74-plan-label,
.page-care .care74-plan-backup .care74-list-label{color:#654fbb}
.page-care .care74-plan-backup .care74-content-updates{
  background:#faf8ff;
  border-left-color:#e5def8;
}

.page-care .care74-backup-scope .care74-editor-note:first-of-type{padding-top:0}
.page-care .care74-ownership-note{
  max-width:940px;
  margin:30px auto 0;
  padding:24px 28px;
  border:1px solid #e3dfeb;
  border-radius:18px;
  background:#fff;
  text-align:center;
}
.page-care .care74-ownership-note h3{
  margin:0 0 8px;
  font-family:"Playfair Display",Georgia,serif;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.025em;
  color:#1a1b24;
}
.page-care .care74-ownership-note p{
  max-width:790px;
  margin:0 auto;
  font-size:13px;
  line-height:1.7;
  color:#666874;
}
@media(max-width:760px){
  
  .page-care .care74-ownership-note{margin-top:20px;padding:22px 18px;border-radius:16px}
  .page-care .care74-ownership-note h3{font-size:22px}
  .page-care .care74-ownership-note p{font-size:13px;line-height:1.65}
}

/* =========================================================
   V85 — Website Care card hierarchy + readability refinement
   Keep the wide stacked editorial plan format; improve rhythm and comparison.
   ========================================================= */
.page-care .care74-plan-intro{margin-bottom:26px!important}
.page-care .care74-plan-intro p{font-size:14.5px!important;line-height:1.72!important}
.page-care .care74-plan-stack{gap:18px!important}
.page-care .care74-plan-head{padding:32px 36px!important;gap:38px!important}
.page-care .care74-plan-head p{font-size:14.5px!important;line-height:1.72!important}
.page-care .care74-plan-body{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important}
.page-care .care74-inclusions,.page-care .care74-content-updates{padding:34px 36px!important}
.page-care .care74-list-label{font-size:9.5px!important;margin-bottom:15px!important}
.page-care .care74-inclusions ul{column-gap:30px!important}
.page-care .care74-inclusions li{font-size:13.5px!important;line-height:1.58!important;padding-top:11px!important;padding-bottom:11px!important}
.page-care .care74-inclusions li:before{top:18px!important}
.page-care .care74-editor-note{padding:17px 0!important}
.page-care .care74-editor-note:first-of-type{padding-top:0!important}
.page-care .care74-editor-note strong{font-size:13.5px!important;line-height:1.45!important;margin-bottom:6px!important}
.page-care .care74-editor-note p,.page-care .care74-platform-scope p{font-size:13px!important;line-height:1.72!important}
.page-care .care74-content-updates .btn{margin-top:22px!important}

/* $49 tier: repeat the base plan and let the added protection flow naturally in the same bullet rhythm. */



.page-care .care74-storage-note{margin-top:9px!important;padding-top:9px;border-top:1px solid #e6e0f3;color:#777285!important;font-size:12px!important}

/* Platform Care carries more information; give it breathing room instead of shrinking it. */
.page-care .care74-plan-platform .care74-inclusions li{font-size:13.5px!important;line-height:1.62!important}
.page-care .care74-plan-platform .care74-platform-scope p{font-size:13.25px!important;line-height:1.76!important}

/* Treat the ownership note as the conclusion of the plan group. */
.page-care .care74-ownership-note{max-width:1040px!important;margin:18px auto 0!important;padding:25px 32px!important}
.page-care .care74-ownership-note p{max-width:860px!important;font-size:13.25px!important}

/* Strengthen the post-launch card without competing with the dark one-off support card. */
.page-care .care74-support-grid article:first-child{background:#faf9fc;border-color:#e4e0eb}
.page-care .care74-support-grid article:first-child h2{font-size:clamp(30px,2.8vw,36px)!important}
.page-care .care74-support-grid article:first-child p{font-size:14px!important;line-height:1.76!important}

/* FAQ questions should read as primary interactive content, not fine print. */
.page-care .care74-faq-list summary{font-size:15.5px!important;line-height:1.48!important;padding-top:22px!important;padding-bottom:22px!important}
.page-care .care74-faq-list details p{font-size:13.5px!important;line-height:1.75!important}

@media(max-width:900px){
  .page-care .care74-plan-body{grid-template-columns:1fr!important}
  .page-care .care74-content-updates{border-left:0!important;border-top:1px solid #ece9f0!important}
  .page-care .care74-plan-platform .care74-content-updates{border-top-color:rgba(255,255,255,.1)!important}
}
@media(max-width:760px){
  .page-care .care74-plan-intro{margin-bottom:20px!important}
  .page-care .care74-plan-stack{gap:16px!important}
  .page-care .care74-plan-head{padding:24px 20px!important}
  .page-care .care74-inclusions,.page-care .care74-content-updates{padding:25px 20px!important}
  .page-care .care74-inclusions ul,.page-care .care74-backup-list,.page-care .care74-platform-list{grid-template-columns:1fr!important}
  .page-care .care74-ownership-note{margin-top:14px!important;padding:22px 18px!important}
  .page-care .care74-faq-list summary{font-size:15px!important;padding:19px 34px 19px 0!important}
}


/* =========================================================
   V86 — Care comparison alignment + Basic Client Editor
   ========================================================= */
/* Independent capability columns prevent the long Hosting Management item
   from forcing awkward row spacing in the neighboring column. */
.page-care .care74-capability-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}
.page-care .care74-capability-columns ul{
  display:block!important;
  list-style:none;
  padding:0;
  margin:0;
}
.page-care .care74-capability-columns li{
  width:100%;
}
.page-care .care74-backup-columns ul:last-child .care74-added-benefit{
  color:#30264f;
}
.page-care .care74-backup-columns ul:last-child .care74-added-benefit strong{
  color:#30264f;
  font-weight:750;
}
/* Show the full Basic Client Editor interface rather than cropping the mockup. */
.page-custom .client-admin-mockup-v72:after{display:none!important}
.page-custom .client-admin-mockup-v72 img{
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:center!important;
}
.page-custom .editor-price-v72{
  align-items:flex-start;
}
.page-custom .editor-price-v72 span{
  max-width:330px;
  line-height:1.5;
  text-align:right;
}
.page-custom .editor-no-subscription-v72{margin-top:34px!important}

@media(max-width:760px){
  .page-care .care74-capability-columns{grid-template-columns:1fr;gap:0}
  .page-custom .editor-price-v72 span{max-width:none;text-align:left}
}

/* =========================================================
   V88 — Production mobile polish
   Scoped to phones/small tablets only. Desktop layouts remain unchanged.
   ========================================================= */
@media(max-width:760px){
  /* Global mobile rhythm and interaction */
  .container{width:calc(100% - 36px)!important}
  body{font-size:16px;line-height:1.68;-webkit-text-size-adjust:100%}
  a,button,summary{-webkit-tap-highlight-color:transparent}
  .btn{min-height:50px!important;padding-inline:20px!important;border-radius:13px!important;font-size:13px!important}
  .section-kicker,.eyebrow{font-size:9.5px!important;letter-spacing:.17em!important}

  /* Header: cleaner premium hamburger and calmer dropdown. */
  .premium-header .header-inner{min-height:66px!important}
  .premium-header .wordmark{font-size:10.5px!important;letter-spacing:.14em!important}
  .premium-header .brand-crown{width:29px!important;height:25px!important}
  .premium-header .mobile-toggle{
    width:44px!important;height:44px!important;min-width:44px!important;
    border-radius:0!important;font-size:0!important;position:relative!important;
    background:
      linear-gradient(#fff,#fff) center 14px/19px 1.5px no-repeat,
      linear-gradient(#fff,#fff) center 21px/19px 1.5px no-repeat,
      linear-gradient(#fff,#fff) center 28px/19px 1.5px no-repeat!important;
  }
  .premium-header .mobile-toggle[aria-expanded="true"]{
    background:
      linear-gradient(45deg,transparent 47%,#fff 48% 52%,transparent 53%) center/20px 20px no-repeat,
      linear-gradient(-45deg,transparent 47%,#fff 48% 52%,transparent 53%) center/20px 20px no-repeat!important;
  }
  .premium-header .nav{top:66px!important;padding:10px 20px 20px!important;box-shadow:0 22px 46px rgba(0,0,0,.30)!important}
  .premium-header .nav>a,.premium-header .nav summary{width:100%!important;min-height:47px!important;padding:12px 2px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;font-size:13.5px!important}
  .premium-header .nav .header-cta{border-bottom:0!important;margin-top:12px!important;min-height:50px!important}
  .premium-header .nav-dropdown a{font-size:13px!important;min-height:44px!important;padding:10px 12px!important}
  html.mobile-nav-open,html.mobile-nav-open body{overflow:hidden!important}

  /* Consistent mobile footer: compact information architecture instead of a long single stack. */
  .premium-footer{padding:36px 0 24px!important}
  .premium-footer .premium-footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px 24px!important}
  .premium-footer .footer-brand{grid-column:1/-1!important}
  .premium-footer .footer-brand p.footer-brand-summary{font-size:12.5px!important;line-height:1.68!important;max-width:320px!important;margin:14px 0 10px!important}
  .premium-footer .footer-email{font-size:12.5px!important}
  .premium-footer .footer-nav{gap:10px!important}
  .premium-footer .footer-nav h4{font-size:10px!important;margin-bottom:4px!important}
  .premium-footer .footer-nav a{font-size:12px!important;line-height:1.5!important;min-height:26px!important;display:flex!important;align-items:center!important}
  .premium-footer .footer-nav-legal{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;column-gap:20px!important;row-gap:8px!important}
  .premium-footer .footer-nav-legal h4{width:100%!important}
  .premium-footer .footer-nav-legal a{width:auto!important}
  .premium-footer .copyright{margin-top:26px!important;padding-top:17px!important;font-size:10.5px!important}

  /* Homepage: stronger reading scale and cleaner product cards. */
  .homepage .hero-v24 .hero-v15-grid{padding-top:38px!important;padding-bottom:40px!important}
  .homepage .hero-v15-copy h1{font-size:clamp(39px,10.4vw,43px)!important;line-height:1.01!important;max-width:355px!important}
  .homepage .hero-v15-copy>p:not(.hero-v15-price){font-size:15.5px!important;line-height:1.64!important}
  .homepage .hero-v15-price{font-size:15.5px!important}
  .homepage .hero-v15-owner{font-size:9.5px!important;letter-spacing:.15em!important;line-height:1.55!important}
  .homepage .hero-v15-copy .hero-actions{max-width:none!important}
  .homepage .work-gateway{padding:48px 0 52px!important}
  .homepage .gateway-head{margin-bottom:18px!important}
  .homepage .gateway-head h2{font-size:30px!important}
  .homepage .gateway-head p{font-size:14.5px!important;line-height:1.65!important}
  .homepage .coverflow-wrap{height:350px!important;min-height:350px!important}
  .homepage .coverflow{height:322px!important}
  .homepage .cover-browser img{height:208px!important}
  .homepage .cover-meta h3{font-size:21px!important}
  .homepage .home-offerings-v18{padding:52px 0 56px!important}
  .homepage .home-offerings-head{margin-bottom:22px!important}
  .homepage .home-offerings-head h2{font-size:30px!important;max-width:350px!important}
  .homepage .home-offerings-head p{font-size:15px!important}
  .homepage .service-atlas-v18{gap:16px!important}
  .homepage .service-v18{border-radius:20px!important}
  .homepage .service-v18-copy h3{font-size:25px!important;line-height:1.08!important}
  .homepage .service-v18-copy p{font-size:14.5px!important;line-height:1.66!important}
  .homepage .service-v18-label-top{font-size:9px!important;letter-spacing:.15em!important}
  .homepage .service-v18-migration .migration-compare-frame{background:#fff!important}
  .homepage .service-v18-migration .migration-compare-frame img{opacity:1!important}

  /* Custom Websites: easier package scanning and better tap targets. */
  .page-custom .package-section{padding-top:50px!important;padding-bottom:56px!important}
  .page-custom .package-intro h2{font-size:30px!important;max-width:340px!important;margin-inline:auto!important}
  .page-custom .package-intro p{font-size:14.5px!important;line-height:1.68!important}
  .page-custom .package-grid{gap:16px!important;margin-top:26px!important}
  .page-custom .package-card{padding:24px 21px 22px!important;border-radius:19px!important}
  .page-custom .package-card h3{font-size:27px!important;line-height:1.08!important}
  .page-custom .package-price,.page-custom .package-price-now{font-size:29px!important}
  .page-custom .package-card>p{font-size:14.5px!important;line-height:1.66!important;margin-top:15px!important}
  .page-custom .package-card ul{margin:19px 0 22px!important;gap:8px!important}
  .page-custom .package-card li{font-size:14px!important;line-height:1.55!important;padding-left:16px!important}
  .page-custom .package-card .btn{width:100%!important;align-self:stretch!important;justify-content:center!important}
  .page-custom .package-faq-link-v79{font-size:13px!important;line-height:1.6!important;margin-top:20px!important}
  .page-custom .project-process-v82{padding:54px 0!important}
  .page-custom .project-process-head-v82{margin-bottom:24px!important}
  .page-custom .project-process-head-v82 h2{font-size:31px!important}
  .page-custom .project-process-grid-v82{gap:10px!important}
  .page-custom .project-process-grid-v82 article{padding:20px!important;border-radius:15px!important}
  .page-custom .project-process-grid-v82 h3{font-size:20px!important}
  .page-custom .project-process-grid-v82 p{font-size:13.5px!important;line-height:1.62!important}
  .page-custom .project-payment-v82{margin-top:24px!important;padding:26px 20px!important}
  .page-custom .custom-code-why,.page-custom .client-editor-v72,.page-custom .platform-showcase-v18,.page-custom .migration-after-platform{padding-top:52px!important;padding-bottom:52px!important}
  .page-custom .client-admin-mockup-v72,.page-custom .platform-dashboard-mockup-v42{border-radius:16px!important}
  .page-custom .platform-showcase-panel-v18{padding:24px 20px!important;border-radius:19px!important}
  .page-custom .platform-copy-v18>p{font-size:14.5px!important;line-height:1.7!important}
  .page-custom .platform-capabilities-v18{gap:7px!important;margin:20px 0!important}
  .page-custom .platform-capabilities-v18 span{font-size:9.5px!important;padding:8px 10px!important}

  /* Website Care: shorten the opening technical section and improve comparison rhythm. */
  .page-care .care74-hero{padding:46px 0 44px!important}
  .page-care .care74-hero h1{font-size:35px!important;max-width:355px!important}
  .page-care .care74-hero p{font-size:14.5px!important;line-height:1.68!important}
  .page-care .care85-infra{padding:48px 0!important}
  .page-care .care85-infra-layout{gap:22px!important}
  .page-care .care85-infra-head h2{font-size:28px!important}
  .page-care .care85-infra-head p{font-size:13.5px!important;line-height:1.68!important}
  .page-care .care85-infra-items{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .page-care .care85-infra-items article{min-height:112px!important;padding:16px 14px!important;border-radius:14px!important}
  .page-care .care85-infra-items strong{font-size:12.5px!important;line-height:1.35!important}
  .page-care .care85-infra-items p{font-size:11.5px!important;line-height:1.5!important}
  .page-care .care74-plans{padding:50px 0 56px!important}
  .page-care .care74-plan-intro h2{font-size:29px!important;max-width:350px!important;margin-inline:auto!important}
  .page-care .care74-plan-intro p{font-size:14px!important;line-height:1.65!important}
  .page-care .care74-plan-stack{gap:16px!important}
  .page-care .care74-plan{border-radius:18px!important;overflow:hidden!important}
  .page-care .care74-plan-head{padding:22px 19px!important;gap:12px!important}
  .page-care .care74-plan-head h3{font-size:28px!important;line-height:1.05!important}
  .page-care .care74-plan-head p{font-size:13.5px!important;line-height:1.62!important}
  .page-care .care74-inclusions,.page-care .care74-content-updates{padding:22px 19px!important}
  .page-care .care74-list-label{font-size:9px!important;margin-bottom:11px!important}
  .page-care .care74-inclusions li{font-size:13.5px!important;line-height:1.52!important;padding:10px 0 10px 16px!important}
  .page-care .care74-editor-note{padding:14px 0!important}
  .page-care .care74-editor-note strong{font-size:13.5px!important}
  .page-care .care74-editor-note p,.page-care .care74-platform-scope p{font-size:13px!important;line-height:1.67!important}
  .page-care .care74-content-updates .btn{width:100%!important;margin-top:18px!important}
  .page-care .care74-ownership-note{margin-top:14px!important;padding:21px 17px!important;border-radius:15px!important}
  .page-care .care74-ownership-note h3{font-size:21px!important}
  .page-care .care74-support-options{padding:50px 0!important}
  .page-care .care74-support-grid article{padding:23px 19px!important}
  .page-care .care74-faq{padding:50px 0 54px!important}
  .page-care .care74-faq-list summary{min-height:58px!important;font-size:14.5px!important;display:flex!important;align-items:center!important}

  /* Migration/Rebuild: make the dense scope section compact without sacrificing content. */
  .page-migration .migration-hero{padding:48px 0!important}
  .page-migration .migration-hero h1{font-size:36px!important;max-width:350px!important}
  .page-migration .migration-hero p{font-size:14.5px!important;line-height:1.67!important}
  .page-migration .migration-hero-case-v41{min-height:0!important;padding:14px!important}
  .page-migration .migration-hero-note-v44{font-size:11px!important;line-height:1.5!important;margin-top:10px!important}
  .page-migration .migration-review,.page-migration .migration-fit,.page-migration .migration-scope{padding:52px 0!important}
  .page-migration .migration-review h2,.page-migration .migration-fit h2,.page-migration .migration-scope h2{font-size:29px!important}
  .page-migration .migration-review p,.page-migration .migration-fit p{font-size:14.5px!important;line-height:1.7!important}
  .page-migration .migration-reasons article{padding:18px 0!important}
  .page-migration .migration-reasons h3{font-size:17px!important;line-height:1.3!important}
  .page-migration .migration-reasons p{font-size:13.5px!important;line-height:1.62!important}
  .page-migration .migration-scope-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .page-migration .migration-scope-grid span{font-size:12.5px!important;line-height:1.45!important;padding:14px 12px!important;border-radius:10px!important}
  .page-migration .migration-pricing-v81{padding:48px 0!important}

  /* Templates: denser selector and more polished product cards. */
  .page-templates .template-hero-v18{padding:48px 0 38px!important}
  .page-templates .template-hero-v18 h1{font-size:36px!important;max-width:350px!important}
  .page-templates .template-hero-v18 p{font-size:14.5px!important;line-height:1.65!important}
  .page-templates .template-tabs-section{padding:14px 0!important}
  .page-templates .template-tabs{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page-templates .template-tab{justify-content:center!important;min-height:44px!important;padding:10px 9px!important;font-size:10px!important;line-height:1.2!important;text-align:center!important}
  .page-templates .template-tab-status{font-size:7px!important}
  .page-templates .template-mode-intro,.page-templates .template-value-section,.page-templates .template-gallery-v18{padding:50px 0!important}
  .page-templates .template-mode-intro h2,.page-templates .template-value-section h2,.page-templates .template-gallery-head h2{font-size:29px!important}
  .page-templates .template-mode-intro p{font-size:14.5px!important;line-height:1.68!important}
  .page-templates .template-value-list{gap:10px!important}
  .page-templates .template-value-list article{padding:20px 18px!important;border-radius:15px!important}
  .page-templates .template-value-list strong{font-size:14px!important}
  .page-templates .template-value-list p{font-size:13.5px!important;line-height:1.6!important}
  .page-templates .template-gallery-grid{gap:16px!important}
  .page-templates .template-product-v18{border-radius:18px!important;overflow:hidden!important}
  .page-templates .template-product-meta{padding:21px 19px 23px!important}
  .page-templates .template-product-meta h3{font-size:24px!important;line-height:1.08!important}
  .page-templates .template-product-meta p{font-size:13.5px!important;line-height:1.62!important}

  /* Work: shorten the portfolio without hiding anything. */
  .page-work .work-hero-new{padding:48px 0 0!important}
  .page-work .work-hero-new-grid{padding-bottom:24px;border-bottom:1px solid #dedce5}
  .page-work .work-hero-new h1{font-size:36px!important;max-width:355px!important}
  .page-work .work-hero-new p{font-size:14.5px!important;line-height:1.65!important}
  .page-work .work-showcase-section{padding:28px 0 56px!important}
  .page-work .work-showcase-list{gap:58px!important}
  .page-work .work-showcase-v68{gap:20px!important}
  .page-work .work-showcase-copy small{font-size:9px!important}
  .page-work .work-showcase-copy h2{font-size:29px!important;margin-top:8px!important}
  .page-work .work-showcase-copy p{font-size:14.5px!important;line-height:1.67!important;margin-top:12px!important}
  .page-work .work-shot-pair-v68{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .page-work .work-media-v68{gap:10px!important}
  .page-work .work-shot-v68{border-radius:13px!important}
  .page-work .work-shot-v68 figcaption{min-height:36px!important;padding:8px 10px!important;font-size:8px!important;letter-spacing:.1em!important}

  /* FAQ: interactive items feel like purposeful mobile controls, not flat strips. */
  .page-faq .faq-clean-hero{padding:46px 0 32px!important}
  .page-faq .faq-clean-hero h1{font-size:37px!important}
  .page-faq .faq-clean-hero p{font-size:15px!important;line-height:1.65!important}
  .page-faq .faq-clean-body{padding:48px 0 54px!important}
  .page-faq .faq-clean-index{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:0!important}
  .page-faq .faq-clean-index a{white-space:normal!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:8px 7px!important;border-radius:999px!important;font-size:10.5px!important;line-height:1.25!important}
  .page-faq .faq-group.clean{padding-bottom:24px!important;margin-bottom:24px!important}
  .page-faq .faq-group.clean+.faq-group.clean{padding-top:24px!important}
  .page-faq .faq-group.clean h2{font-size:23px!important;margin-bottom:10px!important}
  .page-faq .faq-list{display:grid!important;gap:8px!important}
  .page-faq .faq-group.clean .faq-list details{border:1px solid #ece8f4!important;border-radius:13px!important;background:#f7f5fb!important;overflow:hidden!important}
  .page-faq .faq-list summary{min-height:58px!important;padding:15px 42px 15px 14px!important;font-size:14px!important;line-height:1.42!important;display:flex!important;align-items:center!important}
  .page-faq .faq-list summary::after{right:14px!important;top:50%!important;transform:translateY(-50%)!important}
  .page-faq .faq-list details p{padding:0 14px 16px!important;font-size:14px!important;line-height:1.68!important}

  /* Contact: reduce dead space, preserve generous touch fields. */
  .page-contact .contact-simple-intro{padding:46px 0 24px!important}
  .page-contact .contact-simple-intro h1{font-size:37px!important;line-height:1.03!important}
  .page-contact .contact-simple-intro p{font-size:15px!important;line-height:1.66!important}
  .page-contact .contact-response-time{font-size:13.5px!important}
  .page-contact .contact-support-note{margin-top:16px!important;padding-top:16px!important}
  .page-contact .contact-form-section{padding:26px 0 54px!important}
  .page-contact .contact-form-simple-inner{padding:22px 18px!important;border-radius:19px!important}
  .page-contact .contact-project-form .form-grid{gap:19px!important}
  .page-contact .project-form .field label{font-size:12px!important;margin-bottom:8px!important}
  .page-contact .project-form input,.page-contact .project-form select,.page-contact .project-form textarea{min-height:52px!important;border-radius:11px!important;padding:13px 14px!important}
  .page-contact .project-form textarea{min-height:120px!important}
  .page-contact .turnstile-slot:empty{min-height:0!important}
  .page-contact .form-security-field{padding-top:0!important}

  /* Legal pages: comfortable reading width on phones. */
  .page-legal .legal-copy p,.page-legal .legal-copy li{font-size:15px!important;line-height:1.72!important}
}

@media(max-width:360px){
  .container{width:calc(100% - 28px)!important}
  .premium-footer .premium-footer-main{grid-template-columns:1fr!important}
  .premium-footer .footer-brand,.premium-footer .footer-nav-legal{grid-column:auto!important}
  .premium-footer .footer-nav-legal{display:grid!important}
  .page-care .care85-infra-items{grid-template-columns:1fr!important}
  .page-migration .migration-scope-grid{grid-template-columns:1fr!important}
  .page-templates .template-tabs{grid-template-columns:1fr!important}
  .page-work .work-shot-pair-v68{grid-template-columns:1fr!important}
  .page-faq .faq-clean-index{grid-template-columns:1fr!important}
}

/* =========================================================
   V89 — real-device mobile refinements
   Fixes verified from physical iPhone screenshots while preserving desktop.
   ========================================================= */

/* Use drawn SVG arrows instead of Unicode ↗ so iOS cannot substitute an emoji glyph. */
.service-link-label{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.service-link-icon,.external-link-icon{
  display:inline-flex;
  width:13px;
  height:13px;
  flex:0 0 13px;
  color:currentColor;
  vertical-align:-2px;
}
.service-link-icon svg,.external-link-icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.text-link .external-link-icon{margin-left:4px}

/* Coded template preview: desktop-browser presentation only; phone mockup intentionally removed. */
.page-templates .coded-coming-soon-scene-v51 .coded-coming-browser-v51{
  left:0;
  right:0;
  top:8%;
  height:84%;
}

/* Contact Spanish-language availability note. */
.page-contact .contact-spanish-support{
  margin:10px auto 0!important;
  max-width:660px;
  text-align:center;
  color:#4f3eba!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:600;
}

@media(max-width:760px){
  /* Home: keep the service CTAs typographic and emoji-proof on actual iPhones. */
  .homepage .service-link-label{gap:5px!important}
  .homepage .service-link-icon{width:12px;height:12px;flex-basis:12px}

  /* Canva templates: remove the unnecessary dead zone between the showcase image and value section. */
  .page-templates .template-mode-intro{padding-bottom:28px!important}
  .page-templates .lotus-feature-scene-v67{margin-top:20px!important;margin-bottom:0!important}
  .page-templates .template-value-section{padding-top:34px!important}
  .page-templates .template-mode-intro-grid{gap:18px!important}

  /* Coded edition: browser fills the visual now that the phone mockup is intentionally gone. */
  .page-templates .coded-coming-soon-scene-v51{min-height:250px!important}
  .page-templates .coded-coming-soon-scene-v51 .coded-coming-browser-v51{
    left:0!important;right:0!important;top:4%!important;height:88%!important;
  }

  /* Migration review: bring the image into the flow without separating its eyebrow from the copy. */
  .page-migration .migration-review{padding-top:30px!important;padding-bottom:48px!important}
  .page-migration .migration-review-grid{gap:20px!important}
  .page-migration .migration-review-photo{margin:0 auto!important}
  .page-migration .migration-review-grid>div:last-child .section-kicker{margin-top:0!important}

  /* Rebuild reasons: intentional individual cards rather than a compressed connected stack. */
  .page-migration .migration-fit{padding-top:48px!important;padding-bottom:50px!important}
  .page-migration .migration-fit-grid{gap:22px!important}
  .page-migration .migration-reasons{gap:10px!important}
  .page-migration .migration-reasons article,
  .page-migration .migration-reasons article:nth-child(even){
    padding:17px 16px 18px!important;
    border:1px solid #ebe8f0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(28,24,47,.035)!important;
  }
  .page-migration .migration-reasons h3{margin:0 0 7px!important;font-size:16.5px!important;line-height:1.28!important}
  .page-migration .migration-reasons p{margin:0!important;font-size:13.5px!important;line-height:1.6!important}

  /* Contact: make the intro and form feel like one continuous interaction. */
  .page-contact .contact-simple-intro{padding-bottom:14px!important}
  .page-contact .contact-support-note{margin-top:13px!important;padding-top:13px!important}
  .page-contact .contact-spanish-support{margin-top:9px!important;font-size:13px!important}
  .page-contact .contact-form-section{padding-top:12px!important}
}

/* Builder service page reuses the Custom Websites package/process language system. */
.page-builder .builder-centered-hero{background:linear-gradient(180deg,#fbfaff 0%,#f3efff 100%)}
.page-builder .builder-package-section{background:#fff}
.page-builder .builder-platform-section{padding:84px 0;background:#f7f6fa}
.page-builder .builder-platform-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:46px;align-items:center}
.page-builder .builder-platform-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.03;margin:10px 0 16px;max-width:700px}
.page-builder .builder-platform-grid>div>p{font-size:16px;line-height:1.75;color:#5d5b68;max-width:720px}
.page-builder .builder-canva-note{padding:34px;border-radius:24px;background:#131522;color:#fff;box-shadow:0 26px 55px rgba(15,15,26,.12)}
.page-builder .builder-canva-note .section-kicker{color:#cfc3ff}.page-builder .builder-canva-note h3{font-size:30px;line-height:1.06;margin:10px 0 14px;color:#fff}.page-builder .builder-canva-note p{color:#d7d4df!important}.page-builder .builder-canva-note .text-link{color:#d7cfff}
.page-builder .builder-ecommerce-detail{padding:86px 0;background:#121420;color:#fff}
.page-builder .builder-ecommerce-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.page-builder .builder-ecommerce-detail h2{font-size:clamp(34px,4vw,52px);line-height:1.03;margin:10px 0 14px;color:#fff}.page-builder .builder-ecommerce-detail p{color:#d4d2dc;line-height:1.72}.page-builder .builder-ecommerce-list{display:grid;gap:14px}.page-builder .builder-ecommerce-list article{padding:26px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045)}.page-builder .builder-ecommerce-list strong{font-size:16px;color:#fff}.page-builder .builder-ecommerce-list p{margin:9px 0 0;font-size:14px}
.page-builder .builder-vs-custom-section{padding:78px 0;background:#fff}.page-builder .builder-vs-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.page-builder .builder-vs-custom-grid h2{font-size:clamp(34px,4vw,50px);line-height:1.04;margin:10px 0 0}.page-builder .builder-vs-custom-grid p{font-size:16px;line-height:1.75;color:#5c5a66;margin:5px 0 18px}
.page-builder .ecommerce-package-card{border-color:#d8cef9;box-shadow:0 18px 40px rgba(82,61,160,.09)}
.page-custom .builder-note a{font-weight:700;color:#5f49bc;text-decoration:none}.page-custom .builder-note a:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:1120px){
  .page-builder .builder-platform-grid,.page-builder .builder-ecommerce-detail-grid,.page-builder .builder-vs-custom-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:760px){
  .page-builder .builder-platform-section,.page-builder .builder-ecommerce-detail,.page-builder .builder-vs-custom-section{padding:52px 0}
  .page-builder .builder-platform-grid h2,.page-builder .builder-ecommerce-detail h2,.page-builder .builder-vs-custom-grid h2{font-size:30px}
  .page-builder .builder-canva-note{padding:24px 20px;border-radius:19px}.page-builder .builder-canva-note h3{font-size:26px}
  .page-builder .builder-ecommerce-list article{padding:21px 18px}
}

/* =========================================================
   Current homepage service-card system
   One responsive source of truth for the six service cards.
   ========================================================= */
.homepage .home-offerings-v18{padding:108px 0 66px}
.homepage .destination-cta-section{padding:54px 0 76px}
.homepage .service-atlas-v18{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);grid-template-areas:"custom platform" "templates templates" "migration care";gap:16px;align-items:stretch}
.homepage .service-v18{min-width:0;overflow:hidden}
.homepage .service-v18-label-top{position:absolute;z-index:6;top:30px;left:28px;right:28px;display:block;font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:inherit;opacity:.72}
.homepage .service-v18-copy h3{line-height:1.08;letter-spacing:-.045em}
.homepage .service-v18-custom .service-v18-copy h3,.homepage .service-v18-platform .service-v18-copy h3{font-size:clamp(30px,2.55vw,38px)!important}
.homepage .service-v18-builder .service-v18-copy h3,.homepage .service-v18-templates .service-v18-copy h3,.homepage .service-v18-migration .service-v18-copy h3,.homepage .service-v18-care .service-v18-copy h3{font-size:clamp(26px,2vw,31px)!important}

/* Featured row */
.homepage .service-v18-custom,.homepage .service-v18-platform{min-height:0;padding:510px 28px 30px!important}
.homepage .service-v18-custom .service-real-mockup-custom,.homepage .service-v18-platform .service-real-mockup-platform{top:72px!important;left:28px!important;right:28px!important;height:410px!important;aspect-ratio:auto!important}
.homepage .service-v18-platform .service-real-mockup-platform{background:#151623}
.homepage .service-v18-platform .service-real-mockup-platform img{object-fit:contain!important;object-position:center!important;background:#151623}

/* Builder + Templates matched pair */
.homepage .service-pair-v85{grid-area:templates;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0;align-items:stretch}
.homepage .service-pair-v85 .service-v18{grid-area:auto!important;min-height:0!important;height:100%;padding:72px 28px 28px!important;display:flex!important;flex-direction:column}
.homepage .service-pair-v85 .paired-service-image-v85{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16 / 10!important;margin:0 0 20px!important;border-radius:16px!important;overflow:hidden;background:#f2f0f5}
.homepage .service-pair-v85 .paired-service-image-v85 img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.homepage .service-pair-v85 .service-v18-copy{display:flex;flex:1;flex-direction:column;max-width:none!important}
.homepage .service-pair-v85 .service-v18-copy h3{margin:0 0 11px!important}
.homepage .service-pair-v85 .service-v18-copy p{margin:0!important}
.homepage .service-pair-v85 .service-link-label{margin-top:auto!important;padding-top:18px!important}

/* Migration + Care matched row */
.homepage .service-v18-migration,.homepage .service-v18-care{min-height:0!important;height:auto!important;padding:72px 28px 28px!important;display:flex!important;flex-direction:column}
.homepage .service-v18-migration .migration-compare-visual,.homepage .service-v18-care .care-product-visual{position:relative!important;inset:auto!important;width:100%!important;height:205px!important;flex:0 0 205px!important;margin:0 0 20px!important}
.homepage .service-v18-migration .migration-compare-visual{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:stretch!important}
.homepage .service-v18-migration .migration-compare-column{display:grid!important;grid-template-rows:25px minmax(0,1fr)!important;gap:8px!important;min-height:0!important}
.homepage .service-v18-migration .migration-compare-label{min-height:25px!important;height:25px!important;padding:6px 10px!important}
.homepage .service-v18-migration .migration-compare-frame{width:100%!important;height:172px!important;aspect-ratio:auto!important;min-height:0!important}
.homepage .service-v18-care .care-product-visual{display:flex!important;align-items:center!important}
.homepage .service-v18-care .care-console{width:100%!important;height:176px!important;display:grid!important;grid-template-rows:auto repeat(3,1fr)!important;padding:15px 20px!important}
.homepage .service-v18-care .care-console-top{margin-bottom:4px!important}
.homepage .service-v18-care .care-console-row{min-height:0!important;padding:6px 0!important;align-content:center!important}
.homepage .service-v18-migration .service-v18-copy,.homepage .service-v18-care .service-v18-copy{display:block!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.homepage .service-v18-migration .service-v18-copy h3,.homepage .service-v18-care .service-v18-copy h3{margin:0 0 11px!important}
.homepage .service-v18-migration .service-v18-copy p,.homepage .service-v18-care .service-v18-copy p{margin:0!important;min-height:3.44em}
.homepage .service-v18-migration .service-link-label,.homepage .service-v18-care .service-link-label{margin-top:18px!important;padding-top:0!important}

@media(min-width:761px) and (max-width:1120px){
  .homepage .home-offerings-v18{padding:72px 0 58px!important}
  .homepage .destination-cta-section{padding:48px 0 60px!important}
  .homepage .service-atlas-v18{grid-template-columns:1fr 1fr!important;grid-template-areas:"custom custom" "platform platform" "templates templates" "migration care"!important}
  .homepage .service-v18-custom,.homepage .service-v18-platform{padding-left:24px!important;padding-right:24px!important;padding-bottom:28px!important}
  .homepage .service-v18-custom{padding-top:392px!important}
  .homepage .service-v18-platform{padding-top:422px!important}
  .homepage .service-v18-custom .service-real-mockup-custom,.homepage .service-v18-platform .service-real-mockup-platform{top:72px!important;left:24px!important;right:24px!important}
  .homepage .service-v18-custom .service-real-mockup-custom{height:292px!important}
  .homepage .service-v18-platform .service-real-mockup-platform{height:322px!important}
  .homepage .service-v18-custom .service-v18-copy h3,.homepage .service-v18-platform .service-v18-copy h3{font-size:31px!important}
  .homepage .service-v18-builder .service-v18-copy h3,.homepage .service-v18-templates .service-v18-copy h3,.homepage .service-v18-migration .service-v18-copy h3,.homepage .service-v18-care .service-v18-copy h3{font-size:27px!important}
  .homepage .service-pair-v85 .service-v18{padding:72px 24px 26px!important}
  .homepage .service-pair-v85 .paired-service-image-v85{aspect-ratio:16 / 9!important;margin-bottom:18px!important}
  .homepage .service-v18-migration,.homepage .service-v18-care{padding:72px 24px 26px!important}
  .homepage .service-v18-migration .migration-compare-visual,.homepage .service-v18-care .care-product-visual{height:180px!important;flex-basis:180px!important;margin-bottom:18px!important}
  .homepage .service-v18-migration .migration-compare-frame{height:147px!important}
  .homepage .service-v18-care .care-console{height:154px!important;padding:13px 17px!important}
}

@media(max-width:760px){
  .homepage .home-offerings-v18{padding:52px 0 44px!important}
  .homepage .destination-cta-section{padding:40px 0 50px!important}
  .homepage .service-atlas-v18{grid-template-columns:1fr!important;grid-template-areas:"custom" "platform" "templates" "migration" "care"!important}
  .homepage .service-v18-label-top{top:22px;left:20px;right:20px;font-size:9px}
  .homepage .service-v18-custom,.homepage .service-v18-platform{padding-left:20px!important;padding-right:20px!important;padding-bottom:24px!important}
  .homepage .service-v18-custom{padding-top:304px!important}
  .homepage .service-v18-platform{padding-top:292px!important}
  .homepage .service-v18-custom .service-real-mockup-custom,.homepage .service-v18-platform .service-real-mockup-platform{top:58px!important;left:20px!important;right:20px!important;border-radius:15px!important}
  .homepage .service-v18-custom .service-real-mockup-custom{height:222px!important}
  .homepage .service-v18-platform .service-real-mockup-platform{height:210px!important}
  .homepage .service-v18-custom .service-v18-copy h3,.homepage .service-v18-platform .service-v18-copy h3{font-size:27px!important}
  .homepage .service-v18-builder .service-v18-copy h3,.homepage .service-v18-templates .service-v18-copy h3,.homepage .service-v18-migration .service-v18-copy h3,.homepage .service-v18-care .service-v18-copy h3{font-size:25px!important}
  .homepage .service-pair-v85{grid-template-columns:1fr!important}
  .homepage .service-pair-v85 .service-v18{height:auto!important;padding:58px 20px 22px!important}
  .homepage .service-pair-v85 .paired-service-image-v85{aspect-ratio:16 / 10!important;margin-bottom:18px!important;border-radius:15px!important}
  .homepage .service-pair-v85 .service-link-label{margin-top:16px!important;padding-top:0!important}
  .homepage .service-v18-migration,.homepage .service-v18-care{height:auto!important;padding:58px 20px 22px!important}
  .homepage .service-v18-migration .migration-compare-visual,.homepage .service-v18-care .care-product-visual{height:auto!important;flex-basis:auto!important;margin-bottom:18px!important}
  .homepage .service-v18-migration .migration-compare-visual{grid-template-columns:1fr 1fr!important}
  .homepage .service-v18-migration .migration-compare-frame{height:150px!important}
  .homepage .service-v18-care .care-console{height:auto!important;min-height:170px!important;padding:14px 16px!important}
  .homepage .service-v18-migration .service-v18-copy p,.homepage .service-v18-care .service-v18-copy p{min-height:0}
  .homepage .service-v18-care .service-link-label,.homepage .service-v18-migration .service-link-label{margin-top:16px!important}
}