/*
 * AC Novyx 6.0 — final polish layer.
 * High contrast, real project photography, desktop/mobile layout and Gmail forms.
 */
:root{
  --ink:#101512;
  --ink-2:#18211c;
  --paper:#f7f5ef;
  --paper-2:#ffffff;
  --paper-3:#edf1ec;
  --muted:#58635c;
  --line:rgba(16,21,18,.14);
  --line-dark:rgba(255,255,255,.14);
  --green:#35d07f;
  --green-2:#0a6f3b;
  --green-dark:#07512d;
  --shadow:0 22px 65px rgba(13,25,18,.13);
  --shadow-soft:0 12px 35px rgba(13,25,18,.09);
  --radius:24px;
}
html{scroll-behavior:smooth;scroll-padding-top:130px;overflow-x:hidden}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}
body::before{opacity:.2}
::selection{background:var(--green);color:#07110b}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.container{width:min(1240px,calc(100% - 48px))}
.site-main{min-height:60vh}
.section{padding:clamp(72px,8vw,124px) 0}
.section,.footer-cta{content-visibility:visible;contain-intrinsic-size:auto}
.section-heading p,.section-heading-row>p,.page-hero p,.hero-copy>p{color:var(--muted)}
.section h2,.page-hero h1,.hero h1{letter-spacing:-.045em;text-wrap:balance}
.section h2 em,.page-hero h1 em,.hero h1 em{color:var(--green-2);font-style:normal}
.eyebrow{color:var(--green-dark);font-weight:800;letter-spacing:.14em}

/* Header and serious wordmark */
.utility-bar{background:#0b100d;color:#eaf2ed;border-bottom:1px solid rgba(255,255,255,.08)}
.utility-inner a,.utility-inner p{color:#d8e1db}
.utility-inner p span{background:var(--green);box-shadow:0 0 0 5px rgba(53,208,127,.13)}
.site-header{background:rgba(247,245,239,.96);border-bottom:1px solid rgba(16,21,18,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header.scrolled{box-shadow:0 12px 40px rgba(11,18,14,.09)}
.header-inner{min-height:86px}
.brand{display:flex;align-items:center;min-width:190px}
.brand .custom-logo{display:block;width:clamp(195px,17vw,265px)!important;max-height:54px!important;height:auto!important;object-fit:contain;object-position:left center}
.main-nav .menu>li>a{color:#202a24;font-weight:720}
.main-nav .menu>li>a:hover,.main-nav .menu>li.current-menu-item>a,.main-nav .menu>li.current-menu-ancestor>a{color:var(--green-dark)}
.menu a:after{background:var(--green-2)}
.menu .sub-menu{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.menu .sub-menu a{color:var(--ink)}
.menu .sub-menu a:hover{background:#eef7f1;color:var(--green-dark)}
.btn{border-radius:999px;font-weight:800;min-height:48px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.2;text-align:center}
.btn-primary{background:var(--green-2);color:#fff;border-color:var(--green-2);box-shadow:0 10px 30px rgba(10,111,59,.2)}
.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(16,21,18,.28)}
.btn-ghost:hover{background:#fff;color:var(--green-dark);border-color:var(--green-2)}
.text-link{color:var(--green-dark);font-weight:800}
.text-link:hover{color:var(--ink)}

/* Heroes — editorial rather than futuristic */
.hero.hero-editorial,.hero-v4{background:linear-gradient(145deg,#f8f6f0 0%,#eef3ed 100%);color:var(--ink);isolation:isolate}
.hero.hero-editorial::before,.hero.hero-editorial::after,.hero-v4::before,.hero-v4::after{opacity:.25;filter:blur(30px)}
.editorial-hero-grid{gap:clamp(36px,6vw,84px);align-items:center}
.hero-editorial .hero-copy>p,.hero-v4 .hero-copy>p{color:#4c5850}
.editorial-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.editorial-proof div{border-color:var(--line)}
.editorial-proof strong{color:var(--ink)}
.editorial-proof span{color:var(--muted)}
.editorial-collage{filter:none}
.collage-main,.collage-card,.real-browser{background:#fff;border:1px solid rgba(16,21,18,.13);box-shadow:var(--shadow);overflow:hidden}
.collage-main{border-radius:30px;transform:rotate(-1deg)}
.collage-main img{aspect-ratio:1.75/1;object-fit:cover;object-position:top center}
.collage-card{border-radius:18px;color:var(--ink)}
.collage-card img{width:100%;height:auto;object-fit:cover}
.page-hero{background:linear-gradient(145deg,#101713 0%,#17251d 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.page-hero h1,.page-hero h2{color:#fff}
.page-hero h1 em{color:#7ce5aa}
.page-hero p{color:#d0dad3;max-width:820px}
.page-hero .eyebrow,.page-hero .breadcrumbs a{color:#9df0be}
.page-hero .breadcrumbs span{color:#c7d1cb}
.page-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.38)}
.page-hero .btn-ghost:hover{background:#fff;color:var(--ink)}
.service-price-note{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.25);box-shadow:var(--shadow)}
.service-price-note span,.service-price-note small{color:var(--muted)}
.service-price-note strong{color:var(--green-dark)}

/* Cards and readable sections */
.service-card,.pricing-card,.maintenance-card,.benefits-grid article,.process-item,.faq-item,.form-card,.case-summary,.project-card,.story-card,.value-card{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.service-card p,.pricing-card p,.maintenance-card p,.benefits-grid p,.process-item p,.faq-item p,.case-summary p,.project-info span{color:var(--muted)}
.service-card:hover,.pricing-card:hover,.real-work-card:hover{transform:translateY(-6px);border-color:rgba(10,111,59,.45);box-shadow:var(--shadow)}
.service-card h3,.pricing-card h2,.maintenance-card strong,.faq-item summary{color:var(--ink)}
.service-card-youtube{background:linear-gradient(145deg,#111a15,#17291e);color:#fff;border-color:rgba(53,208,127,.3)}
.service-card-youtube h3,.service-card-youtube .text-link{color:#fff}
.service-card-youtube p{color:#cbd7cf}
.service-number{color:var(--green-dark)}
.included-list>div,.feature-points>div,.seo-pill-grid span{background:#fff;border:1px solid var(--line);color:var(--ink)}

/* Real portfolio assets */
.real-portfolio-section{background:#f0f3ee}
.real-portfolio-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:28px;align-items:stretch}
.real-work-card{display:flex;flex-direction:column;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.real-work-card figure{margin:0;background:#111;overflow:hidden}
.real-work-card figure img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:top center;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.real-work-card:hover figure img{transform:scale(1.025)}
.real-work-card>div{padding:28px}
.real-work-card>div>span{display:block;color:var(--green-dark);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.real-work-card h2{font-size:clamp(1.55rem,2.1vw,2.35rem);margin:10px 0 12px;letter-spacing:-.04em}
.real-work-card p{color:var(--muted);margin:0 0 20px}
.real-work-card b{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark)}
.real-work-wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr)}
.real-work-wide figure img{aspect-ratio:1.9/1;min-height:360px}
.real-work-tall{grid-row:span 2}
.real-work-tall figure img{aspect-ratio:.8/1;object-fit:contain;background:#0a0d0b;padding:18px}
.real-browser{border-radius:28px;padding:12px;background:#111712;position:relative}
.real-browser::before{content:"";display:block;height:24px;border-radius:16px 16px 5px 5px;background:radial-gradient(circle at 16px 50%,#ff6b68 0 4px,transparent 5px),radial-gradient(circle at 31px 50%,#ffd45c 0 4px,transparent 5px),radial-gradient(circle at 46px 50%,#5dd68b 0 4px,transparent 5px),linear-gradient(90deg,#212a24,#17201a)}
.real-browser img{display:block;width:100%;height:auto;border-radius:0 0 17px 17px;background:#fff}
.real-browser figcaption{background:#111712;color:#fff;padding:14px 10px 4px}
.real-browser figcaption a{color:#9df0be;font-weight:800}
.real-youtube-gallery{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}
.real-youtube-gallery figure,.project-gallery-real figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}
.real-youtube-gallery img{display:block;width:100%;aspect-ratio:1.65/1;object-fit:cover;object-position:top center}
.real-youtube-gallery figcaption,.project-gallery-real figcaption{padding:18px 22px;color:var(--muted)}
.real-flyer-grid,.project-gallery-real{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1fr);gap:clamp(34px,7vw,90px);align-items:center}
.real-flyer-grid figure{max-width:470px;margin:0 auto;background:#0c100e;padding:18px;border-radius:28px;box-shadow:var(--shadow)}
.real-flyer-grid figure img,.project-gallery-real figure img{display:block;width:100%;height:auto;border-radius:14px}
.project-gallery-copy{padding:clamp(26px,4vw,58px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft)}
.project-gallery-copy p{color:var(--muted)}
.single-image.project-hero-image{margin-top:56px;margin-bottom:70px}

/* Price grid */
.pricing-disclaimer{display:flex;gap:16px;align-items:flex-start;background:#e7f4eb;border:1px solid rgba(10,111,59,.22);border-radius:20px;padding:22px 24px;color:#173b26;margin-top:28px}
.pricing-disclaimer svg{flex:0 0 auto;color:var(--green-dark)}
.pricing-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pricing-card{border-radius:26px;padding:clamp(25px,3vw,38px)}
.pricing-card.featured{background:#101713;color:#fff;border-color:#2d6847}
.pricing-card.featured h2,.pricing-card.featured .pricing-price,.pricing-card.featured li{color:#fff}
.pricing-card.featured p,.pricing-card.featured small{color:#cbd6cf}
.pricing-card.featured .btn-primary{background:var(--green);border-color:var(--green);color:#07110b}
.pricing-price{color:var(--green-dark);font-weight:900}
.pricing-tag{background:#e5f5eb;color:#07512d;border:1px solid rgba(10,111,59,.18)}
.pricing-card ul li::before,.maintenance-card ul li::before{color:var(--green-2)}
.youtube-pricing-section{background:#0e1511;color:#fff}
.youtube-pricing-section .pricing-category-heading h2{color:#fff}
.youtube-pricing-section .pricing-category-heading p{color:#cbd6cf}
.youtube-pricing-section .pricing-card{background:#fff;color:var(--ink)}
.youtube-pricing-section .pricing-card.featured{background:#1b2b21;color:#fff}
.real-youtube-pricing-proof{margin-top:40px}
.maintenance-pricing{background:#eef2ed}
.maintenance-card{border-radius:24px}

/* SEO included block */
.seo-integrated-section,.seo-trust-section{background:#eaf2eb}
.seo-integrated-grid,.seo-trust-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,7vw,90px);align-items:start}
.seo-integrated-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.seo-integrated-list>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)}
.seo-integrated-list strong{display:block;color:var(--ink);margin-bottom:6px}
.seo-integrated-list span{color:var(--muted);font-size:.94rem}

/* Forms: clear, accessible and functional */
.form-card{border-radius:30px;padding:clamp(22px,4vw,42px)}
.ac-form label{color:var(--ink);font-weight:750}
.ac-form label span{color:#a21919}
.ac-form input,.ac-form select,.ac-form textarea{width:100%;background:#fff;color:var(--ink);border:1px solid #bfc8c1;border-radius:13px;padding:14px 15px;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.ac-form input::placeholder,.ac-form textarea::placeholder{color:#7a857e;opacity:1}
.ac-form input:hover,.ac-form select:hover,.ac-form textarea:hover{border-color:#89978e}
.ac-form input:focus,.ac-form select:focus,.ac-form textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 4px rgba(53,208,127,.14);outline:0}
.form-grid{gap:18px}
.choice-grid label>span{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;min-height:140px}
.choice-grid label small{color:var(--muted)}
.choice-grid input:checked+span{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(53,208,127,.15);background:#eff9f2}
.consent{font-weight:500!important;color:#4d5851!important;line-height:1.55}
.consent input{width:auto!important;min-width:18px;height:18px;margin-top:3px}
.email-compose-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.email-compose-notice{margin-top:18px;padding:16px 18px;background:#e6f6eb;border:1px solid rgba(10,111,59,.25);border-radius:14px;color:#143a24}
.email-compose-notice strong,.email-compose-notice span{display:block;color:inherit}
.form-reassurance{color:var(--muted);font-size:.9rem;margin:14px 0 0}
.step-actions>div{width:100%}
.quote-direct-links{background:#fff;border:1px solid var(--line);color:var(--ink)}

/* Legal pages */
.legal-section{background:#f4f4ef}
.legal-layout{align-items:start}
.legal-summary{background:#101713;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);border-radius:24px}
.legal-summary .eyebrow{color:#9df0be}
.legal-summary a{color:#e9f1ec}
.legal-summary nav a:hover{color:#9df0be}
.legal-summary .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.legal-content{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);padding:clamp(28px,5vw,68px)}
.legal-content h2,.legal-content h3{color:var(--ink)}
.legal-content p,.legal-content li,.legal-content dd{color:#4e5a52;line-height:1.78}
.legal-content a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
.legal-data>div{border-color:var(--line);background:#f7f8f5}
.legal-data dt{color:var(--muted)}

/* Footer */
.footer-cta{background:#dfece3;color:var(--ink)}
.footer-cta h2{color:var(--ink)}
.footer-cta p{color:var(--muted)}
.site-footer{background:#0b100d;color:#fff}
.site-footer p,.site-footer li,.site-footer span{color:#bfcac3}
.site-footer h3,.site-footer a{color:#fff}
.site-footer a:hover{color:#8fe9b4}
.site-footer .brand .custom-logo{filter:none;max-height:58px!important}
.footer-bottom{border-color:rgba(255,255,255,.12)}
.mobile-contact-bar{background:#0b100d;border-top:1px solid rgba(255,255,255,.12)}
.mobile-contact-bar a:last-child{background:var(--green);color:#07110b}

/* Project cards and image fidelity */
.project-visual img,.case-preview-main img,.youtube-feature-visual img{object-fit:cover;object-position:top center}
.youtube-feature-visual,.case-preview-main,.case-preview-side figure{border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.youtube-feature-section{background:#101713;color:#fff}
.youtube-feature-section h2{color:#fff}
.youtube-feature-section p,.youtube-feature-section span{color:#cad5ce}
.youtube-feature-section .feature-points>div{background:#18231d;border-color:rgba(255,255,255,.14)}
.youtube-feature-section .feature-points strong{color:#fff}
.project-showcase-section{background:#fff}
.case-preview-side figure{background:#0d110f}
.case-preview-side figure img{object-fit:contain;background:#0d110f}

/* Fine motion, with progressive enhancement and reduced-motion support */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(28px)}
.js .reveal.is-visible{opacity:1;transform:none}
.real-work-card,.pricing-card,.service-card,.btn,.project-card{will-change:transform}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.real-work-card,.pricing-card,.service-card,.btn,.project-card,.real-work-card figure img{transition:none!important;transform:none!important}.page-transition{display:none!important}}

/* Desktop refinements */
@media (min-width:1101px){
  .main-nav .menu{gap:clamp(13px,1.25vw,25px)}
  .main-nav .menu>li>a{font-size:.92rem;white-space:nowrap}
  .header-cta{white-space:nowrap}
  .portfolio-cases-section .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet */
@media (max-width:1100px){
  .container{width:min(100% - 36px,1000px)}
  .header-inner{min-height:76px}
  .brand .custom-logo{width:215px!important;max-height:49px!important}
  .real-portfolio-grid,.real-youtube-gallery,.seo-integrated-grid,.seo-trust-grid{grid-template-columns:1fr}
  .real-work-wide{grid-template-columns:1fr}
  .real-work-wide figure img{min-height:0}
  .real-work-tall{grid-row:auto}
  .real-work-tall figure img{max-height:620px}
  .real-youtube-gallery img{aspect-ratio:1.65/1}
  .pricing-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile */
@media (max-width:780px){
  html{scroll-padding-top:88px}
  .container{width:min(100% - 28px,720px)}
  .section{padding:68px 0}
  .utility-bar{display:none}
  .site-header{top:0}
  .header-inner{min-height:72px}
  .brand{min-width:0;max-width:205px}
  .brand .custom-logo{width:200px!important;max-width:100%!important;max-height:46px!important}
  .header-cta{display:none}
  .menu-toggle{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px}
  .main-nav{background:#f8f6f0;border-top:1px solid var(--line)}
  .main-nav .menu a{color:var(--ink)}
  .main-nav .menu .sub-menu{background:#eef2ed;border:0;box-shadow:none}
  .hero-actions,.footer-cta-actions,.email-compose-actions{align-items:stretch;flex-direction:column}
  .hero-actions .btn,.footer-cta-actions .btn,.email-compose-actions .btn{width:100%}
  .page-hero{padding-top:64px;padding-bottom:70px}
  .page-hero h1{font-size:clamp(2.35rem,12vw,4.2rem);line-height:.98}
  .editorial-collage{margin-top:8px}
  .collage-main{transform:none;border-radius:22px}
  .collage-main img{aspect-ratio:1.35/1}
  .real-portfolio-grid,.pricing-grid-two,.pricing-grid-four,.maintenance-grid,.real-flyer-grid,.project-gallery-real,.seo-integrated-list{grid-template-columns:1fr}
  .real-work-card,.real-work-wide{display:flex}
  .real-work-card figure img,.real-work-wide figure img{min-height:0;aspect-ratio:1.45/1}
  .real-work-tall figure img{aspect-ratio:.82/1;max-height:640px;padding:12px}
  .real-work-card>div{padding:22px}
  .real-work-card h2{font-size:1.55rem}
  .real-browser{padding:8px;border-radius:20px}
  .real-youtube-gallery{gap:18px}
  .real-youtube-gallery img{aspect-ratio:1.45/1}
  .real-flyer-grid figure{max-width:390px;padding:12px}
  .project-gallery-copy{padding:25px}
  .form-card{padding:20px;border-radius:22px}
  .form-grid{grid-template-columns:1fr}
  .choice-grid,.quote-choice-grid{grid-template-columns:1fr 1fr}
  .choice-grid label>span{min-height:120px;padding:16px}
  .step-actions{flex-direction:column;align-items:stretch}
  .step-actions .btn{width:100%}
  .legal-layout{display:block}
  .legal-summary{position:static;margin-bottom:22px}
  .legal-content{padding:24px 20px;border-radius:22px}
  .footer-grid-rich{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .site-footer{padding-bottom:84px}
}

@media (max-width:520px){
  .container{width:min(100% - 22px,500px)}
  .brand{max-width:178px}
  .brand .custom-logo{width:176px!important;max-height:42px!important}
  .section{padding:58px 0}
  .page-hero h1{font-size:clamp(2.15rem,13vw,3.4rem)}
  .section h2{font-size:clamp(2rem,10vw,3rem)}
  .choice-grid,.quote-choice-grid{grid-template-columns:1fr}
  .pricing-card,.maintenance-card{padding:22px 19px}
  .pricing-price{font-size:2.35rem}
  .real-work-card figure img,.real-work-wide figure img{aspect-ratio:1.25/1}
  .real-youtube-gallery img{aspect-ratio:1.3/1}
  .footer-grid-rich{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}
  .footer-bottom>div{display:flex;flex-wrap:wrap;gap:12px 18px}
}

/* Service proof images and pricing notice alignment */
.service-detail-media{grid-template-columns:55px minmax(0,1fr) minmax(300px,.78fr)!important;align-items:center}
.service-proof-image{margin:0;align-self:stretch;background:#101512;border-radius:22px;overflow:hidden;border:1px solid rgba(16,21,18,.13);box-shadow:var(--shadow-soft)}
.service-proof-image img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover;object-position:top center}
.service-proof-image figcaption{padding:15px 18px;color:#d6e0d9;background:#101512;font-size:.9rem;line-height:1.5}
.service-proof-image.flyer-proof img{object-fit:contain;padding:16px;background:#0b0f0d}
.youtube-price-proof{background:#fff}
.pricing-disclaimer{display:block;background:transparent;border:0;border-radius:0;padding:30px 0 0;margin:0;color:#173b26}
.pricing-disclaimer>.container{display:flex;gap:16px;align-items:flex-start;background:#e7f4eb;border:1px solid rgba(10,111,59,.22);border-radius:20px;padding:22px 24px}
.pricing-disclaimer strong{color:#07512d;white-space:nowrap}
.pricing-disclaimer p{margin:0;color:#31543e}
@media(max-width:1120px){.service-detail-media{grid-template-columns:55px 1fr!important}.service-detail-media .service-proof-image{grid-column:2}}
@media(max-width:680px){.service-detail-media{display:block!important}.service-detail-media .service-proof-image{margin-top:25px}.service-proof-image img{min-height:0;aspect-ratio:1.25/1}.service-proof-image.flyer-proof img{aspect-ratio:.8/1}.pricing-disclaimer>.container{display:block}.pricing-disclaimer strong{display:block;margin-bottom:7px}}