/* 2SHOOT LUT Pack – Light Theme Refactored CSS */
/* -------------------------------------------------
   Goals of refactor:
   - Remove dark-mode legacy rules & !important overrides
   - Slim file size & redundancy
   - Harmonize brand colors & accessibility contrast
   - Re-tune box-shadows for light UI (subtle elevation)
   - Preserve class names used in HTML/JS so no breakage
-------------------------------------------------- */

:root {
  /* Brand palette */
  --color-brand-600:#588157; /* Primary deep */
  --color-brand-500:#A3B18A; /* Accent mid */
  --color-brand-400:#DAD7CD; /* Hover accent */
  --color-bg:#ffffff;
  --color-bg-alt:#f5f7f9;
  --color-surface:#ffffff;
  --color-surface-alt:#f1f4f6;
  --color-border:#d9e1e6;
  --color-border-soft:#e5ebef;
  --color-text:#1f272d;
  --color-text-soft:#4a5964;
  --color-text-faint:#6a7782;
  --color-gradient-brand:linear-gradient(90deg,var(--color-brand-600),var(--color-brand-500));
  --color-gradient-soft:linear-gradient(140deg,#ffffff,#f1f5f7);
  --radius-xs:.4rem;--radius-sm:.65rem;--radius-md:.9rem;--radius-lg:1.25rem;--radius-xl:1.6rem;--radius-2xl:2.2rem;
  --shadow-xs:0 1px 2px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);
  --shadow-sm:0 2px 4px -1px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.06);
  --shadow-md:0 4px 10px -3px rgba(0,0,0,.10),0 2px 6px -1px rgba(0,0,0,.06);
  --shadow-lg:0 10px 26px -10px rgba(0,0,0,.18),0 4px 14px -4px rgba(0,0,0,.10);
  --shadow-elevated:0 20px 48px -18px rgba(0,0,0,.18),0 8px 28px -10px rgba(0,0,0,.12);
  --shadow-focus:0 0 0 3px rgba(88,129,87,.25);
  --focus-ring:0 0 0 2px #fff,0 0 0 5px rgba(88,129,87,.55);
  --transition:ease cubic-bezier(.19,1,.22,1);
  --ease: cubic-bezier(.19,1,.22,1);
}

html,body {background:var(--color-bg);color:var(--color-text);font-feature-settings:"ss01" 1;overflow-x:hidden;font-family:'Mesverda','Mesveda',Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body {line-height:1.4;}

h1,h2,h3,h4 {letter-spacing:-.02em;font-weight:600;color:var(--color-text);} 

/* Navigation */
.nav-link {position:relative;padding:4px 0;display:inline-block;color:var(--color-text-soft);font-weight:500;transition:.35s var(--ease);font-size:.82rem;letter-spacing:.02em;}
.nav-link:after {content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--color-gradient-brand);transition:.55s var(--ease);border-radius:2px;}
.nav-link:hover {color:var(--color-text);}
.nav-link:hover:after {width:100%;}

/* Buttons (Unified system) --------------------------------------------
  Usage: add class 'btn-base' for core sizing, then variant class.
  Existing markup (btn-gradient / btn-ghost / btn-outline-light / sv-action)
  already gets shared styles via grouping below; 'btn-base' is optional for new buttons.
----------------------------------------------------------------------- */
:root {--btn-font-size:.68rem;--btn-gap:.55rem;--btn-radius:var(--radius-md);--btn-weight:600;--btn-letter:.14em;--btn-transition:.5s var(--ease);--btn-pad-y:.85rem;--btn-pad-x:1.45rem;}
.btn-base {display:inline-flex;align-items:center;gap:var(--btn-gap);font-size:var(--btn-font-size);font-weight:var(--btn-weight);letter-spacing:var(--btn-letter);text-transform:uppercase;line-height:1;position:relative;border-radius:var(--btn-radius);padding:var(--btn-pad-y) var(--btn-pad-x);transition:var(--btn-transition);}

/* Variant: Gradient */
.btn-gradient {--btn-pad-y:.8rem;--btn-pad-x:1.55rem;--btn-font-size:.72rem;--btn-transition:.55s var(--ease);background:linear-gradient(135deg, #35443c, #273b30);color:#fff;overflow:hidden;} 
.btn-gradient:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 60%);opacity:0;transition:.6s;mix-blend-mode:overlay;}
.btn-gradient:hover {transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg, #3A5A40, #588157);} 
.btn-gradient:hover:before {opacity:.35;}

/* Variant: Ghost */
.btn-ghost {background:rgba(0,0,0,.04);border:1px solid var(--color-border);color:var(--color-text-soft);} 
.btn-ghost:hover {background:rgba(0,0,0,.08);color:var(--color-text);} 

/* Variant: Outline Light */
.btn-outline-light {--btn-pad-y:.9rem;--btn-pad-x:1.5rem;background:rgba(0,0,0,.035);border:1px solid var(--color-border);color:var(--color-text);backdrop-filter:blur(4px);} 
.btn-outline-light:hover {background:rgba(0,0,0,.07);} 

/* Section action button (inherits base but custom radius & padding) */
.sv-action {--btn-pad-y:1rem;--btn-pad-x:1.55rem;border:1px solid var(--color-border);border-radius:1rem;background:rgba(0,0,0,.04);color:var(--color-text);backdrop-filter:blur(6px);} 
.sv-action:hover {background:rgba(0,0,0,.08);} 

/* Focus ring (shared) */
/* Shared focus ring */
.btn-base:focus-visible,.btn-gradient:focus-visible,.btn-ghost:focus-visible,.btn-outline-light:focus-visible,.sv-action:focus-visible {outline:none;box-shadow:var(--focus-ring);} 

/* Backward compat: if markup missed adding .btn-base, supply structural styling */
:where(.btn-gradient,.btn-ghost,.btn-outline-light,.sv-action):not(.btn-base){display:inline-flex;align-items:center;gap:var(--btn-gap);font-size:var(--btn-font-size);font-weight:var(--btn-weight);letter-spacing:var(--btn-letter);text-transform:uppercase;line-height:1;position:relative;border-radius:var(--btn-radius);padding:var(--btn-pad-y) var(--btn-pad-x);transition:var(--btn-transition);} 

@media (max-width:640px){
  .btn-gradient{padding:.72rem 1.15rem;font-size:.64rem;}
  .btn-ghost{padding:.65rem 1.05rem;font-size:.6rem;border-radius:.75rem;}
  .btn-outline-light{padding:.72rem 1.2rem;font-size:.62rem;}
}

/* Size Variants (apply alongside .btn-base & variant class)
   Usage examples:
   <button class="btn-base btn-gradient btn-sm">Small CTA</button>
   <button class="btn-base btn-ghost btn-lg">Large Ghost</button>
   Order recommendation: base + variant + size (size last if conflicts)
*/
.btn-base.btn-sm, .btn-gradient.btn-sm, .btn-ghost.btn-sm, .btn-outline-light.btn-sm, .sv-action.btn-sm {
  padding:.65rem 1rem;
  font-size:.6rem;
}
.btn-base.btn-lg, .btn-gradient.btn-lg, .btn-ghost.btn-lg, .btn-outline-light.btn-lg, .sv-action.btn-lg {
  padding:1rem 1.75rem;
  font-size:.74rem;
}

/* Responsive adjustments: keep tap target while honoring size variants */
@media (max-width:640px){
  .btn-base.btn-sm, .btn-gradient.btn-sm, .btn-ghost.btn-sm, .btn-outline-light.btn-sm, .sv-action.btn-sm {padding:.6rem .9rem;}
  .btn-base.btn-lg, .btn-gradient.btn-lg, .btn-ghost.btn-lg, .btn-outline-light.btn-lg, .sv-action.btn-lg {padding:.9rem 1.55rem;}
}

/* Hero */
.hero {position:relative;min-height:calc(100vh - 7.5rem);display:flex;align-items:center;overflow:hidden;}
.hero-bg {position:absolute;inset:0;background:#fff;overflow:hidden;z-index:0;}
.hero-bg img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.9) saturate(1.02) contrast(1.02);transform:translate3d(0,0,0) scale(1.15);transition:transform .2s linear;}
.hero-bg:after {content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.48) 42%,rgba(0,0,0,.18)),radial-gradient(circle at 20% 30%,rgba(163,177,138,.20),transparent 70%),radial-gradient(circle at 78% 72%,rgba(88,129,87,.22),transparent 72%);mix-blend-mode:normal;}
.hero-content {position:relative;z-index:2;width:100%;}
/* Force hero foreground to white for darkened image */
.hero-content h1,.hero-content h2,.hero-content p,.hero-content .inline-link-gradient,.hero-content .text-base-300 {color:#ffffff !important;}
.hero-content .text-base-500,.hero-content .text-base-400 {color:rgba(255,255,255,.75) !important;}
.hero-content .btn-ghost {background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3);color:#fff;}
.hero-content .btn-ghost:hover {background:rgba(255,255,255,.18);}
.hero-content .inline-flex.bg-white\/5, /* badge container */
.hero-content .inline-flex.bg-white\/5 * {color:#fff !important;}
.hero-content .inline-flex.bg-white\/5 {background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.35) !important;}
.hero-content .text-base-300{color:rgba(255,255,255,.82) !important;}
.hero-content .text-base-500{color:rgba(255,255,255,.55) !important;}
.hero-content .font-mono.text-white{color:#fff !important;}
.hero-content .price-card,.hero-content .faq-item {color:var(--color-text);} /* ensure no global collateral */

/* Breadcrumb (Hero) */
.breadcrumb{margin-top:.2rem;margin-bottom:.2rem;}
.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.55rem;letter-spacing:.22em;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.55);} 
.breadcrumb-item a{color:rgba(255,255,255,.75);text-decoration:none;transition:.4s var(--ease);} 
.breadcrumb-item a:hover{color:#fff;} 
.breadcrumb-item.active{color:#fff;} 
.breadcrumb-sep{color:rgba(255,255,255,.35);font-weight:500;padding:0 .1rem;} 
@media (max-width:640px){.breadcrumb-list{font-size:.5rem;letter-spacing:.2em;gap:.4rem;}}

/* Hero Inline Pricing */
.hero-pricing{display:flex;flex-direction:column;gap:.55rem;margin-top:.4rem;margin-bottom:.15rem;}
.hero-pricing .hp-row{display:flex;align-items:flex-end;gap:1.1rem;flex-wrap:wrap;}
.hp-values{display:flex;align-items:flex-end;gap:.9rem;}
.hp-current{font-family:Inter,system-ui,sans-serif;font-size:2.3rem;font-weight:600;line-height:1;letter-spacing:-.03em;background:linear-gradient(90deg,#ffffff,#dfe5ea);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));}
.hp-old{font-size:.9rem;letter-spacing:.02em;color:rgba(255,255,255,.55);text-decoration:line-through;font-weight:500;position:relative;top:-4px;}
.hp-badge{font-size:.52rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;padding:.55rem .85rem .48rem;border-radius:.8rem;background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));color:#fff;box-shadow:0 10px 28px -14px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.15);display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;}
.hp-note{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.70);}
@media (max-width:640px){
  .hp-current{font-size:1.95rem;}
  .hp-old{font-size:.8rem;top:-2px;}
  .hp-badge{font-size:.48rem;letter-spacing:.24em;padding:.5rem .7rem .45rem;}
  .hp-note{font-size:.5rem;letter-spacing:.2em;}
}

/* Initial nav link white over hero */
.site-header:not(.scrolled) .nav-link {color:rgba(255,255,255,.78);} 
.site-header:not(.scrolled) .nav-link:hover {color:#fff;}
.site-header:not(.scrolled) .nav-link:after {background:linear-gradient(90deg,#ffffff,#dfe5eb);} 
.site-header.scrolled .nav-link {color:var(--color-text-soft);} 
.site-header.scrolled .nav-link:hover {color:var(--color-text);} 
.site-header:not(.scrolled) .logo-text{color:#fff;}
.site-header.scrolled .logo-text{color:var(--color-text);}
.site-header:not(.scrolled) .ig-btn{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);} 
.site-header:not(.scrolled) .ig-btn:hover{background:rgba(255,255,255,.2);} 
.site-header.scrolled .ig-btn{color:var(--color-text-soft);background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);} 
.site-header.scrolled .ig-btn:hover{background:rgba(0,0,0,.07);}

/* Before/After Hero Mini */
.hero-mini-apply {background:var(--color-surface-alt);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);}
.hero-mini-line {position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:2px;background:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.55),rgba(0,0,0,.06));box-shadow:0 0 0 1px rgba(255,255,255,.4);}
.hero-mini-grip {width:36px;height:36px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.15);backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;color:#222;box-shadow:var(--shadow-lg);transition:.45s;}
.hero-mini-handle:hover .hero-mini-grip {background:#fff;}
.hero-mini-label {position:absolute;top:.75rem;font-size:.5rem;letter-spacing:.15em;font-weight:600;padding:.4rem .6rem .34rem;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.12);backdrop-filter:blur(5px);text-transform:uppercase;color:#2c3941;z-index:20;}
.hero-mini-after-label{left:.75rem;} .hero-mini-before-label{right:.75rem;}

/* Hero Product Slider */
.hero-product-slider{--glass-blur:22px;position:relative;overflow:hidden;border-radius:1.75rem;padding:1.4rem 0 1.2rem;background:rgba(0,0,0,.04);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -25px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);} 
/* Gradient border highlight preserved */
.hero-product-slider:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.7),rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,.4));-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
/* Stable blur layer (separate from animated content to prevent flicker) */
.hero-product-slider:after{content:"";position:absolute;inset:0;border-radius:inherit;/* Fallback simulated blur: duplicate underlying hero bg via pseudo gradient + filter */filter:blur(18px) saturate(1.25);opacity:.9;pointer-events:none;z-index:0;}
.hps-viewport{position:relative;z-index:1;}
.hps-viewport{overflow:hidden;width:100%;}
.hps-track{display:flex;gap:1.6rem;will-change:transform;}
.hps-item{flex:0 0 240px;display:flex;flex-direction:column;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:.95rem .95rem 1.05rem;position:relative;box-shadow:0 12px 28px -14px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);transition:transform .6s var(--ease),box-shadow .6s var(--ease);}
.hps-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%);opacity:.28;pointer-events:none;}
.hps-item:hover{transform:translateY(-6px);box-shadow:0 24px 46px -20px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.18);} 
.hps-media{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:1rem;position:relative;margin-bottom:.85rem;background:#12181e;} 
.hps-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.19,1,.22,1);} 
.hps-item:hover .hps-media img{transform:scale(1.06);} 
.hps-title{font-size:.9rem;font-weight:600;letter-spacing:-.01em;color:#fff;}
.hps-desc{font-size:.62rem;line-height:1.35;color:rgba(255,255,255,.70);margin-top:.45rem;min-height:2.05rem;}
.hps-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:.65rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.72);} 
.hps-price-sale{background:linear-gradient(90deg,var(--color-brand-600),var(--color-brand-400));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.9rem;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));}
.hps-price-original{text-decoration:line-through;color:rgba(255,255,255,.45);font-weight:500;}
.hps-count{padding:.3rem .55rem;border:1px solid rgba(255,255,255,.28);border-radius:.6rem;background:rgba(255,255,255,.12);font-size:.5rem;letter-spacing:.14em;color:rgba(255,255,255,.82);} 
[data-product-carousel] .hps-track{animation:hps-scroll 42s linear infinite;} 
@keyframes hps-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);} }
@media (max-width:900px){.hps-item{flex:0 0 200px;}.hps-title{font-size:.82rem;}.hps-desc{font-size:.6rem;}}

/* Generic Before/After (scroll apply) */
.scroll-apply-inner {position:relative;aspect-ratio:16/9;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-surface-alt);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);} 
.sa-handle-line {position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:2px;background:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.6),rgba(0,0,0,.06));}
.sa-handle-grip {width:36px;height:36px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.15);backdrop-filter:blur(6px);border-radius:50%;display:grid;place-content:center;color:#222;box-shadow:var(--shadow-md);transition:.4s;}
.sa-handle:hover .sa-handle-grip {background:#fff;}
.sa-label {position:absolute;top:.85rem;font-size:.52rem;letter-spacing:.16em;font-weight:500;padding:.45rem .65rem .38rem;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);text-transform:uppercase;color:#2d3a42;}
.scroll-hint {position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.52rem;letter-spacing:.15em;font-weight:600;padding:.5rem .9rem .45rem;border-radius:.7rem;background:rgba(255,255,255,.9);color:#2d3a42;pointer-events:none;animation:hintPulse 3.7s ease-in-out infinite;transition:opacity .6s;opacity:.95;text-transform:uppercase;}
@keyframes hintPulse {0%,100%{opacity:.85}50%{opacity:.35}}

/* Chips */
.badge-chip {font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:.45rem .7rem .38rem;background:rgba(0,0,0,.04);border:1px solid var(--color-border);border-radius:999px;backdrop-filter:blur(4px);} 

/* Filter buttons */
.filter-btn {background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-soft);padding:.6rem 1rem;font-size:.55rem;letter-spacing:.14em;font-weight:600;border-radius:999px;transition:.45s var(--ease);text-transform:uppercase;}
.filter-btn:hover {color:var(--color-text);border-color:var(--color-text-faint);} 
.filter-btn.active {background:var(--color-gradient-brand);color:#fff;border-color:transparent;box-shadow:0 10px 22px -12px rgba(88,129,87,.5);} 

/* Cards */
.price-card {background:var(--color-gradient-soft);border:1px solid var(--color-border);border-radius:1.45rem;padding:2rem 1.85rem 2.3rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.8s var(--ease);box-shadow:var(--shadow-sm);} 
.price-card:hover {transform:translateY(-9px);border-color:#b3c0c7;box-shadow:var(--shadow-lg);} 

.faq-item {background:var(--color-gradient-soft);border:1px solid var(--color-border);border-radius:1rem;padding:.9rem 1rem;transition:.6s var(--ease);}
.faq-item.open {background:linear-gradient(140deg,#f9fcfd,#eef3f6);border-color:#b7c4cc;}
.faq-trigger {width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--color-text);font-weight:500;font-size:.9rem;cursor:pointer;padding:.2rem 0;letter-spacing:.01em;}
.faq-content {max-height:0;overflow:hidden;transition:max-height .6s ease;}
.faq-item.open .faq-content {max-height:250px;}

.testimonial {flex:0 0 310px;background:linear-gradient(135deg,#ffffff,#f3f7f9 55%,#eef2f5);border:1px solid var(--color-border);padding:1.1rem 1.1rem .95rem;border-radius:1.15rem;position:relative;overflow:hidden;font-size:.8rem;line-height:1.38;box-shadow:var(--shadow-sm);transition:.6s var(--ease);} 
.testimonial:hover {box-shadow:var(--shadow-md);border-color:#c8d3d9;}

/* Showcases / LUT thumbs */
.showcase-thumb {position:relative;aspect-ratio:16/9;border-radius:1.35rem;overflow:hidden;background:var(--color-surface-alt);border:1px solid var(--color-border);cursor:pointer;isolation:isolate;box-shadow:var(--shadow-sm);transition:1.2s var(--ease), border-color .4s var(--ease);} 
.showcase-thumb img {width:100%;height:100%;object-fit:cover;transition:1.2s var(--ease);} 
.showcase-thumb:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 35%,rgba(163,177,138,.22),transparent 65%);opacity:0;transition:1s;mix-blend-mode:overlay;border-radius:inherit;}
.sv-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(255,255,255,.18),rgba(255,255,255,.06));transition:.9s;border-radius:inherit;}
.showcase-thumb:hover img {transform:scale(1.1);} 
.showcase-thumb:hover:before {opacity:1;} 
.showcase-thumb:hover .sv-overlay {background:linear-gradient(to top,rgba(255,255,255,.3),rgba(255,255,255,.1));}
.sv-play-corner {position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;border-radius:9999px;display:grid;place-items:center;color:var(--color-text);border:1px solid var(--color-border);background:rgba(255,255,255,.75);backdrop-filter:blur(4px);transition:.3s var(--ease);} 
.showcase-thumb:hover .sv-play-corner {transform:translateY(-1px);}

/* Section Headers */
.sv-header {position:relative;border-radius:var(--radius-2xl);overflow:hidden;}
.sv-header-bg {position:absolute;inset:0;background:linear-gradient(135deg,#f4f7f9,#e9eef2 45%,#e1e7eb);}
.sv-header-inner {position:relative;padding:3.8rem clamp(1.4rem,2.8vw,3rem) 3.9rem;}
.sv-title {font-size:clamp(2.6rem,5.2vw,4.2rem);line-height:1.05;font-weight:600;letter-spacing:-.03em;background:linear-gradient(90deg,#1b2226,#51636d);background-clip:text;-webkit-background-clip:text;color:transparent;}
.sv-sub {font-size:.95rem;line-height:1.5;color:var(--color-text-soft);}
/* (Removed duplicate .sv-action block - unified button system earlier defines it) */

/* Tutorial Section */
.tutorial-section {position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;background:#fff;overflow:hidden;}
.tutorial-bg {position:absolute;inset:0;background:var(--tutorial-bg, url('assets/images/background/02.jpg')) center/cover no-repeat;} 
.tutorial-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(255,255,255,.8),rgba(255,255,255,.4));}
.tutorial-content {position:relative;z-index:2;text-align:center;max-width:940px;}
.tutorial-badge {display:inline-flex;align-items:center;font-size:.52rem;letter-spacing:.16em;font-weight:600;text-transform:uppercase;padding:.5rem .95rem .45rem;border-radius:999px;background:rgba(0,0,0,.04);border:1px solid var(--color-border);backdrop-filter:blur(4px);margin-bottom:1.6rem;color: #fff;} 
.tutorial-content h2 {font-size:clamp(2.6rem,5.5vw,4rem);line-height:1.05;font-weight:600;background:linear-gradient(90deg,#1e2428,#4f606a);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:1.15rem;letter-spacing:-.02em;}
.tutorial-buttons {display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:1.5rem;}
/* Force light variant buttons inside tutorial to use white text */
.tutorial-section .btn-outline-light,.tutorial-section .btn-ghost{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);} 
.tutorial-section .btn-outline-light:hover,.tutorial-section .btn-ghost:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;}
.tutorial-section .btn-outline-light span,.tutorial-section .btn-ghost span{color:inherit;}

/* Pricing Section */
.pricing-section {position:relative;overflow:hidden;background:#fff;}
.pricing-section:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(218,215,205,.05),transparent 70%);} 

/* Testimonial Slider */
.testimonial-slider {--ts-gap:1.75rem;}
.testimonial-slider .ts-viewport {position:relative;overflow:hidden;padding:0 2.6rem;}
@media (min-width:640px){.testimonial-slider .ts-viewport{padding:0 3rem;}}
@media (min-width:1024px){.testimonial-slider .ts-viewport{padding:0 3.5rem;}}
.testimonial-slider .ts-track {transition:transform .8s var(--ease);will-change:transform;}
.testimonial-slider.dragging .ts-track {transition:none;cursor:grabbing;}
.ts-btn {width:46px;height:46px;border-radius:.9rem;background:rgba(255,255,255,.7);border:1px solid var(--color-border);display:grid;place-items:center;color:var(--color-text);backdrop-filter:blur(6px);transition:.45s var(--ease);box-shadow:var(--shadow-sm);} 
.ts-btn:hover:not(:disabled){background:var(--color-gradient-brand);color:#fff;border-color:transparent;}
.ts-btn:disabled {opacity:.35;cursor:not-allowed;}
.testimonial-slider .ts-btn.ts-side {position:absolute;top:45%;transform:translateY(-50%);z-index:6;box-shadow:var(--shadow-sm);} 
.ts-btn.ts-prev{left:.65rem;} .ts-btn.ts-next{right:.65rem;}
@media (min-width:640px){.ts-btn.ts-prev{left:1rem;} .ts-btn.ts-next{right:1rem;}}
@media (min-width:1024px){.ts-btn.ts-prev{left:1.25rem;} .ts-btn.ts-next{right:1.25rem;}}
.testimonial-slider .ts-dots {display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2.4rem;justify-content:center;}
.testimonial-slider .ts-dot {width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.28);cursor:pointer;position:relative;transition:.4s var(--ease);box-shadow:0 0 0 1px rgba(255,255,255,.6);} 
.testimonial-slider .ts-dot:hover {background:rgba(0,0,0,.38);} 
.testimonial-slider .ts-dot.active {background:var(--color-gradient-brand);border-color:transparent;box-shadow:0 4px 14px -4px rgba(88,129,87,.32);} 

/* Lightbox */
#lightbox {position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.60);backdrop-filter:blur(10px);}
#lightbox.active {display:flex;} 
.lightbox-inner {width:min(1200px,92vw);max-height:85vh;position:relative;display:flex;flex-direction:column;gap:.9rem;}
.lightbox-media {position:relative;padding-top:56.25%;border-radius:1rem;overflow:hidden;}
.lightbox-media iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.lightbox-close,.lightbox-prev,.lightbox-next {position:fixed;width:42px;height:42px;border-radius:.85rem;background:rgba(255,255,255,.75);border:1px solid var(--color-border);display:grid;place-items:center;color:var(--color-text);cursor:pointer;backdrop-filter:blur(6px);transition:.4s;box-shadow:var(--shadow-xs);z-index:10;} 
.lightbox-close {top:.6rem;right:.6rem;} 
.lightbox-prev {left:.7rem;top:50%;transform:translateY(-50%);} 
.lightbox-next {right:.7rem;top:50%;transform:translateY(-50%);} 
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover {background:var(--color-gradient-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm);} 
.lightbox-caption {font-size:.66rem;letter-spacing:.1em;font-weight:600;color:#fff;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;padding:0 .2rem;}
.lightbox-footer {display:flex;justify-content:space-between;align-items:center;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:0 .2rem 0;}
.lb-disabled {opacity:.35;pointer-events:none;}

/* Remove legacy fades */
.hero-fade,.tech-fade-bottom,.tech-fade-top,.tutorial-fade-top,.tutorial-fade-bottom,.pricing-fade-top,.pricing-fade-bottom,.lut-videos-fade-bottom {display:none !important;}

/* Header */
.site-header {transition:background-color .55s var(--ease),backdrop-filter .55s, border-color .55s;background:transparent;border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:none;} 
.site-header.scrolled {background:rgba(255,255,255,.92);border-color:#cfd7dc;backdrop-filter:blur(14px) saturate(1.2);} 

/* Footer */
footer {padding:3rem 0;border-top:1px solid var(--color-border-soft);background:#fff;}
footer a:hover {text-decoration:underline;}

/* Scrollbar (WebKit) */
::-webkit-scrollbar {width:14px;} 
::-webkit-scrollbar-track {background:var(--color-surface-alt);} 
::-webkit-scrollbar-thumb {background:linear-gradient(#ced7dd,#b9c3cc);border:3px solid var(--color-surface-alt);border-radius:16px;} 
::-webkit-scrollbar-thumb:hover {background:linear-gradient(#c1cbd2,#aab5bf);} 

/* Animations base */
[data-animate]{opacity:0;transform:translateY(38px);} 
[data-animate].animated{opacity:1;transform:none;transition:all 1s var(--ease);} 
[data-animate="fade-left"]{transform:translateX(55px);} 
[data-animate="fade-left"].animated{transform:translateX(0);} 

/* Utility */
.text-base-300{color:var(--color-text-soft);} .text-base-500{color:var(--color-text-faint);} .text-white{color:var(--color-text);} 
.line-through{text-decoration:line-through;}

/* Brand carousel essentials */
.hero-visual-stack,.hero-brand-block,.hero-brand-carousel,.hbc-mask,.hbc-track {min-width:0;}
.hero-brand-block {margin-top:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;}
.hero-brand-label {text-align:center;font-size:.55rem;letter-spacing:.22em;font-weight:600;text-transform:uppercase;color:var(--color-text-faint);opacity:.85;}
.hbc-mask {width:100%;max-width:640px;overflow:hidden;position:relative;pointer-events:auto;}
.hbc-track {display:flex;width:max-content;will-change:transform;}
.hbc-row {display:flex;align-items:center;gap:1.7rem;padding:.55rem 1.2rem;}
.hbc-row img {height:80px;width:auto;object-fit:contain;filter:grayscale(100%) brightness(.92) contrast(1.05);opacity:.85;transition:.4s;}
.hbc-row img:hover {filter:grayscale(0%) brightness(1) contrast(1.05);opacity:1;}
@media (max-width:640px){.hbc-row{gap:1.6rem;} .hbc-row img{height:72px;}}
@keyframes hbcScroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--hbc-distance,50%)));}}

/* Accessibility focus */
:focus-visible {outline:none;box-shadow:var(--focus-ring);} 

/* End Refactored CSS */html,body{background:#080b0f;color:#f4f4f4;font-feature-settings:"ss01" 1;overflow-x:hidden;}
/* Darker overall background */
body{background:#040506;}
h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600;}
.nav-link{position:relative;padding:4px 0;display:inline-block;color:#a1adbb;font-weight:500;transition:.35s;font-size:.82rem;letter-spacing:.02em;}
.nav-link:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#588157,#A3B18A);transition:.55s cubic-bezier(.19,1,.22,1);border-radius:2px;}
.nav-link:hover{color:#fff;}
.nav-link:hover:after{width:100%;}
.mobile-link{padding:.55rem 0;border-bottom:1px solid #1a232c;font-size:.85rem;letter-spacing:.01em;}
.mobile-link:last-child{border-bottom:0;}
.mobile-link:hover{color:#fff}
/* Removed legacy dark button variant duplicates */
/* Mobile button size reduction */
/* (Removed duplicate dark-mode mobile button overrides) */
.hero{position:relative;min-height:calc(82vh);display:flex;align-items:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:#000;overflow:hidden;z-index:0;}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(1.05) contrast(1.05);transform:translate3d(0,0,0) scale(1.15);transition:transform .2s linear;}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,11,15,.75),rgba(8,11,15,.41) 35%,rgba(8,11,15,.11)),radial-gradient(circle at 15% 20%,rgba(163,177,138,.18),transparent 65%),radial-gradient(circle at 85% 75%,rgba(88,129,87,.12),transparent 70%);mix-blend-mode:multiply;}
.hero-bg:before{content:none;}
.hero-content{position:relative;z-index:2;width:100%;}
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 70%,#000 100%);pointer-events:none;z-index:1;}
.perspective{perspective:1100px;}
.parallax-card{transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.19,1,.22,1),box-shadow .65s;}
.parallax-card:hover{box-shadow:0 30px 60px -28px rgba(0,0,0,.85);}

/* Hero side cards */
.metrics-card{position:absolute;right:0;top:-5px;;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 28px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05);}
.metrics-card h4{font-size:.65rem;letter-spacing:.22em;font-weight:600;text-transform:uppercase;color:#8fa1b5;}
.metric-bar{height:6px;border-radius:4px;background:#25303b;overflow:hidden;position:relative;}
.metric-bar span{position:absolute;inset:0;left:0;background:linear-gradient(90deg,#588157,#A3B18A);width:62%;}
.metric-bar.alt span{background:linear-gradient(90deg,#588157,#A3B18A);width:50%;}
.metrics-card footer{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#95a5b6;display:flex;flex-direction:column;gap:.35rem;}
.metrics-card .active-label{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#8fa1b5;}
.metrics-card .active-value{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;color:#fff;}
/* Hero brands variant */
.metrics-card.brands{display:flex;flex-direction:column;gap:.9rem;}
.metrics-card.brands .hero-brands{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem .65rem;font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.metrics-card.brands .hero-brands li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:.3rem .5rem;border-radius:.55rem;text-align:center;color:#dfe4ea;backdrop-filter:blur(4px);transition:.4s;}
.metrics-card.brands .hero-brands li:hover{background:rgba(255,255,255,.12);color:#fff;}
.brands-note{margin-top:auto;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#97a6b6;font-weight:600;}

/* Mobile positioning: center brands card at bottom */
@media (max-width: 767px){
  .metrics-card.brands{left:0;right:0;top:auto;bottom:0;margin:0 auto;width:max-content;}
}

/* Hero mini before/after slider */
.hero-mini-apply{background:#0d1217;}
/* .hero-mini-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.15));z-index:1;pointer-events:none;mix-blend-mode:multiply;} */
.hero-mini-after-clip{clip-path:inset(0 50% 0 0);transition:clip-path .6s cubic-bezier(.19,1,.22,1);will-change:clip-path;}
.hero-mini-inner.dragging .hero-mini-after-clip{transition:none !important;}
.hero-mini-edge{background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.45));mix-blend-mode:multiply;}
.hero-mini-handle{--size:54px;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:10;}
.hero-mini-line{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:2px;background:linear-gradient(to bottom,rgba(255,255,255,.05),rgba(255,255,255,.7),rgba(255,255,255,.05));box-shadow:0 0 0 1px rgba(0,0,0,.4);}
.hero-mini-grip{width:36px;height:36px;background:rgba(206,206,206,.16);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 16px 38px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.05);transition:.45s;}
.hero-mini-handle:hover .hero-mini-grip{background:rgba(26,32,40,.95);}
.hero-mini-label{position:absolute;top:.75rem;font-size:.48rem;letter-spacing:.15em;font-weight:600;padding:.4rem .6rem .34rem;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(5px);text-transform:uppercase;color:#d8e0e9;z-index:20;pointer-events:none;}
.hero-mini-after-label{left:.75rem;}
.hero-mini-before-label{right:.75rem;}

/* Auto Apply slider */
.scroll-apply-wrapper{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:5rem 1.5rem 2.5rem;}
.scroll-apply-inner{position:relative;aspect-ratio:16/9;border-radius:2rem;overflow:hidden;background:#0a0b0c;border:none;box-shadow:0 28px 62px -50px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05);}
/* Vertical variant for free-ratio sliders (defaults to portrait 9:16) */
.scroll-apply-inner.is-vertical{aspect-ratio:9/16;}

/* Free aspect ratio variant: container height is driven by the before image */
.scroll-apply-inner.is-free{aspect-ratio:auto;}
.scroll-apply-inner.is-free .sa-before{position:static;width:100%;height:auto;display:block;}
.scroll-apply-inner.is-free .sa-after-clip{position:absolute;inset:0;}
.scroll-apply-inner:before{content:"";position:absolute;inset:0;background:none;pointer-events:none;}
.sa-before,.sa-after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none;}
.sa-after-clip{position:absolute;inset:0;width:100%;overflow:hidden;clip-path:inset(0 55% 0 0);transition:clip-path .55s cubic-bezier(.19,1,.22,1);will-change:clip-path;}
.scroll-apply-inner.dragging .sa-after-clip{transition:none !important;}
.sa-gradient-edge{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.45));mix-blend-mode:multiply;}
.sa-handle{--size:64px;position:absolute;top:0;bottom:0;left:45%;transform:translateX(-50%);cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center;touch-action:none;}
.sa-handle-line{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:2px;background:linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.6),rgba(255,255,255,.06));}
.sa-handle-grip{width:36px;height:36px;background:rgba(206,206,206,.16);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:50%;display:grid;place-content:center;color:#fff;box-shadow:0 14px 38px -12px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.05);transition:.4s;}
.sa-handle:hover .sa-handle-grip{background:rgba(25,32,42,.95);border-color:rgba(255,255,255,.28);}
.sa-label{position:absolute;top:.85rem;font-size:.52rem;letter-spacing:.16em;font-weight:400;padding:.45rem .65rem .38rem;border-radius:999px;background:rgba(0,0,0,.30);backdrop-filter:blur(6px);text-transform:uppercase;color:#d7dfe8;}
.sa-label-after{left:.85rem;}
.sa-label-before{right:.85rem;}
.scroll-hint{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.52rem;letter-spacing:.15em;font-weight:600;padding:.5rem .9rem .45rem;border-radius:.7rem;background:rgba(0,0,0,.45);color:#d4dce5;pointer-events:none;animation:hintPulse 3.7s ease-in-out infinite;transition:opacity .6s;opacity:.95;text-transform:uppercase;}
@keyframes hintPulse{0%,100%{opacity:.85}50%{opacity:.3}}
.scroll-apply-wrapper.user-interacted .scroll-hint{opacity:0;}
@media (max-width:860px){.sa-handle{--size:54px;} .scroll-apply-inner{border-radius:1.6rem;}}

.badge-chip{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:.45rem .7rem .38rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;backdrop-filter:blur(6px);}

.compare-wrapper{background:#0f151c;position:relative;}
.compare-wrapper img{user-select:none;pointer-events:none;}
.after-img{position:absolute;inset:0;width:100%;overflow:hidden;will-change:clip-path;}
.after-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#5E7D63;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;cursor:ew-resize;box-shadow:0 14px 38px -16px #3F5A49;transition:.45s;}
.slider-handle:hover{background:#3F5A49;}
.compare-wrapper .badge-left,.compare-wrapper .badge-right{position:absolute;top:.75rem;font-size:.5rem;letter-spacing:.14em;font-weight:600;padding:.38rem .6rem .32rem;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#d8e0e9;pointer-events:none;}
.compare-wrapper .badge-left{left:.7rem;}
.compare-wrapper .badge-right{right:.7rem;}
.after-grade-city{filter:saturate(1.15) contrast(1.1) brightness(1.05) hue-rotate(4deg);}
.after-grade-night{filter:contrast(1.12) brightness(1.03) saturate(1.2) hue-rotate(-4deg);}
.after-grade-travel{filter:saturate(1.18) contrast(1.08) brightness(1.04) hue-rotate(6deg);}
.after-grade-soft{filter:contrast(1.05) brightness(1.07) saturate(1.05) hue-rotate(2deg);}

.filter-btn{background:#121a22;border:1px solid rgba(255,255,255,.13);color:#95a3b5;padding:.6rem 1rem;font-size:.55rem;letter-spacing:.14em;font-weight:600;border-radius:999px;transition:.45s;text-transform:uppercase;}
.filter-btn:hover{color:#fff;border-color:rgba(255,255,255,.3);}
.filter-btn.active{background:linear-gradient(90deg,#3F5A49,#5E7D63 60%);color:#fff;border-color:transparent;box-shadow:0 10px 30px -16px #3F5A49;}
.lut-card{transition:transform .8s cubic-bezier(.19,1,.22,1),border-color .35s,background .6s;}
.lut-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.25);}
.lut-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 24%,rgba(94,125,99,.16),transparent 65%);opacity:0;transition:.55s;}
.lut-card:hover:before{opacity:1;}

.tech-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;padding:1.1rem 1.25rem;position:relative;overflow:hidden;backdrop-filter:blur(14px);transition:.55s;}
.tech-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(94,125,99,.25),rgba(63,90,73,.16),transparent);opacity:0;transition:.7s;}
.tech-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);}
.tech-card:hover:before{opacity:1;}
.price-card{background:linear-gradient(140deg,#07090c,#10161d);border:1px solid rgba(255,255,255,.1);border-radius:1.45rem;padding:2rem 1.85rem 2.3rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.8s cubic-bezier(.19,1,.22,1);}
.price-card:before{content:"";position:absolute;top:-25%;left:-10%;width:170%;height:150%;background:radial-gradient(circle at 30% 30%,rgba(88,129,87,.15),transparent 65%);opacity:0;transition:.75s;}
.price-card:hover{transform:translateY(-9px);border-color:rgba(255,255,255,.26);}
.price-card:hover:before{opacity:1;}
.faq-item{background:linear-gradient(140deg,#151d25,#111519);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.9rem 1rem;transition:.6s;position:relative;overflow:hidden;}
.faq-item.open{background:linear-gradient(140deg,#1d2732,#111a22);border-color:rgba(255,255,255,.25);}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:#e2e8f0;font-weight:400;font-size:.9rem;cursor:pointer;padding:.2rem 0;letter-spacing:.01em;}
.faq-content{max-height:0;overflow:hidden;transition:max-height .6s ease;}
.faq-item.open .faq-content{max-height:250px;}

.testimonial{flex:0 0 310px;background:linear-gradient(135deg,#141a23,#10151c 55%,#0d1218);border:1px solid rgba(255,255,255,.08);padding:1.1rem 1.1rem .95rem;border-radius:1.15rem;position:relative;overflow:hidden;font-size:.8rem;line-height:1.35;}
.testimonial:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 18%,rgba(94,125,99,.22),transparent 72%);opacity:0;transition:.65s;}
.testimonial:hover:before{opacity:1;}
.marquee{animation:marquee 44s linear infinite;width:max-content;}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Hero Brand Carousel */
.hero-visual-stack{width:100%;}
.hero-visual-stack .hero-mini-apply{flex:0 0 auto;}
.hero-brand-block{margin-top:1.8rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;}
.hero-brand-label{text-align:center;font-size:.55rem;letter-spacing:.22em;font-weight:600;text-transform:uppercase;color:#9dabb7;opacity:.85;}
@media (min-width:768px){.hero-brand-label{font-size:.58rem;}}
.hero-brand-carousel{padding:.3rem 0 0;display:block;width:100%;overflow:hidden;}
.hero-visual-stack,.hero-brand-block,.hero-brand-carousel,.hbc-mask,.hbc-track{min-width:0;}
.hero-visual-stack{overflow:hidden;}
.hbc-mask{width:100%;max-width:640px;overflow:hidden;position:relative;pointer-events:auto;}
.hbc-track{display:flex;width:max-content;animation:none;will-change:transform;}
.hbc-track.hbc-animate{animation:hbcScroll var(--hbc-duration,18s) linear infinite;}
.hbc-row{display:flex;align-items:center;gap:1.7rem;padding:.55rem 1.2rem;}
.hbc-row img{height:80px;width:auto;object-fit:contain;filter:grayscale(100%) brightness(.9) contrast(1.05);opacity:.85;transition:.4s;}
.hbc-row img:hover{filter:grayscale(0%) brightness(1) contrast(1.05);opacity:1;}
@media (max-width:640px){.hbc-row{gap:1.6rem;} .hbc-row img{height:72px;}}
@keyframes hbcScroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--hbc-distance,50%)))}}
@media (prefers-reduced-motion:reduce){
  .hbc-track.hbc-animate{animation-duration:calc(var(--hbc-duration,18s)*2);}
}
/* Mobile hero overflow containment */
@media (max-width:767px){
  .hero-content,.hero-visual-stack,.hero-brand-block,.hero-mini-apply{max-width:100%;}
  .hero-brand-carousel,.hbc-mask{width:100%;overflow:hidden;}
  .hbc-row{padding:.55rem .9rem;}
}
/* Ensure hero grid children can shrink to viewport width */
.hero .grid > *{min-width:0;}
.hero .grid > div{min-width:0;}
/* Avoid inline negative margins need; centralize spacing control */
.hero-brand-block{margin-top:1.2rem;}

.video-examples{padding:5.5rem 0 5rem;}
.video-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
.video-thumb{position:relative;aspect-ratio:16/9;border-radius:1.05rem;overflow:hidden;background:#121a22;cursor:pointer;border:1px solid rgba(255,255,255,.08);transition:.55s;}
.video-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.9) contrast(1.05) saturate(1.06);transition:1.1s;}
.video-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.12));opacity:.85;mix-blend-mode:multiply;transition:.55s;}
.video-thumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.video-thumb .play span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 32px -14px rgba(0,0,0,.8);transition:.45s;color:#fff;}
.video-thumb:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);}
.video-thumb:hover img{transform:scale(1.065);}
.video-thumb:hover:before{opacity:.6;}
.video-thumb:hover .play span{background:rgba(94,125,99,.9);border-color:rgba(255,255,255,.35);}
@keyframes pulsePlay{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(94,125,99,.4)}50%{transform:scale(1.08);box-shadow:0 0 0 14px rgba(94,125,99,0)}}
.play-pulse{animation:pulsePlay 3.2s ease-in-out infinite;}

body.modal-open{overflow:hidden;}

.compat-brands{background:#0a0f15;position:relative;padding:5.5rem 0;}
.compat-brands:before{content:none;}
.brand-title{font-size:1.2rem;font-weight:500;text-align:center;letter-spacing:.01em;margin-bottom:2.2rem;color:#dfe4ea;}
.brand-logos{display:flex;flex-wrap:wrap;gap:2.6rem;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;}
.brand-logos span{font-family:Inter,system-ui,sans-serif;font-size:1.65rem;font-weight:600;letter-spacing:.015em;color:#f4f6f9;position:relative;line-height:1;}
.brand-logos span.alt{font-weight:500;font-size:1.4rem;}
.brand-logos span.symbol{font-size:2rem;font-weight:600;}
.brand-logos span:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.15),transparent 70%);opacity:0;mix-blend-mode:overlay;transition:.5s;}
.brand-logos span:hover:after{opacity:.6;}

.tutorial-section{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;background:#000;overflow:hidden;}
.tutorial-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=2000&q=60') center/cover no-repeat;filter:brightness(.58) contrast(1.05) saturate(1.08);}
.tutorial-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,11,15,.52),rgba(8,11,15,.25));}
.tutorial-bg:after{content:none;}
.tutorial-content{position:relative;z-index:2;text-align:center;max-width:940px;}
.tutorial-badge{display:inline-flex;align-items:center;font-size:.52rem;letter-spacing:.16em;font-weight:600;text-transform:uppercase;padding:.5rem .95rem .45rem;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(5px);margin-bottom:1.6rem;}
.tutorial-content h2{font-size:clamp(2.6rem,5.5vw,4rem);line-height:1.05;font-weight:600;background:linear-gradient(90deg,#fff,#d9e0e9);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:1.15rem;letter-spacing:-.02em;}
.tutorial-buttons{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:1.5rem;}
/* (outline-light duplicate removed) */
.tutorial-sub{font-size:.54rem;letter-spacing:.16em;font-weight:600;color:#cbd3dc;margin-top:.8rem;text-transform:uppercase;}
.tutorial-fade-top,.tutorial-fade-bottom{position:absolute;left:0;right:0;z-index:2;pointer-events:none;}
.tutorial-fade-top{top:0;height:160px;background:linear-gradient(to bottom,#080a0d 0%,rgba(0,0,0,0) 100%);}
.tutorial-fade-bottom{bottom:0;height:160px;background:linear-gradient(to top,#000 0%,rgba(0,0,0,0) 100%);}


[data-animate]{opacity:0;transform:translateY(38px);}
[data-animate].animated{opacity:1;transform:none;transition:all 1s cubic-bezier(.19,1,.22,1);}
[data-animate="fade-left"]{transform:translateX(55px);}
[data-animate="fade-left"].animated{transform:translateX(0);}
::-webkit-scrollbar{width:14px;}::-webkit-scrollbar-track{background:#0b1015;}::-webkit-scrollbar-thumb{background:linear-gradient(#252e38,#182027);border:3px solid #0b1015;border-radius:16px;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#2d3742,#1f2830);}
footer a:hover{text-decoration:underline;}

/* Dynamic Header */

/* Technology section parallax */
[data-tech-parallax]{position:relative;overflow:hidden;}
.tech-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.45) saturate(1.05) contrast(1.05);transform:translate3d(0,0,0) scale(1.15);transition:transform .25s linear;}
.tech-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,11,15,.95),rgba(8,11,15,.35) 40%,rgba(8,11,15,.85));mix-blend-mode:normal;pointer-events:none;}
.tech-noise{display:none;}
/* Fades */
.tech-fade-top,.tech-fade-bottom{position:absolute;left:0;right:0;z-index:2;pointer-events:none;}
.tech-fade-top{top:0;height:160px;background:linear-gradient(to bottom,#000 0%,rgba(0,0,0,0) 100%);}
.tech-fade-bottom{bottom:0;height:160px;background:linear-gradient(to top,#080a11 0%,rgba(0,0,0,0) 100%);}

/* Technology list: keep fade, remove horizontal shift from fade-left */
#technology li[data-animate="fade-left"]{
  transform:none !important;
  margin-left:0 !important;
}

/* LUT Video Showcase */
.lut-videos-section{position:relative;}
.lut-video-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.lut-video-grid.large{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));}
.lut-video-grid .span-2{grid-column:span 2;}
@media (max-width:900px){.lut-video-grid .span-2{grid-column:span 1;}}
.showcase-thumb{position:relative;aspect-ratio:16/9;border-radius:1.35rem;overflow:hidden;background:#11181f;border:1px solid rgba(255,255,255,.08);cursor:pointer;isolation:isolate;}
/* Safari hover rounding glitch fix: enforce clipping & GPU layer */
.showcase-thumb{position:relative;aspect-ratio:16/9;border-radius:1.35rem;overflow:hidden;background:#11181f;border:1px solid rgba(255,255,255,.08);cursor:pointer;isolation:isolate;/* force proper corner clipping in Safari */-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(circle at center,white,black);-webkit-transform:translateZ(0);transform:translateZ(0);}
.showcase-thumb img{width:100%;height:100%;object-fit:cover;transition:1.2s cubic-bezier(.19,1,.22,1);}
.showcase-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 35%,rgba(94,125,99,.18),transparent 65%);opacity:0;transition:1s;mix-blend-mode:overlay;border-radius:inherit;}
.sv-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.15),rgba(0,0,0,.05));transition:.9s;border-radius:inherit;}
.sv-meta{position:absolute;left:0;right:0;bottom:.9rem;padding:.9rem 1rem 0;display:flex;flex-direction:column;gap:.35rem;z-index:2;}
.sv-meta h3{font-size:.85rem;font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.2;}
.sv-badge{display:inline-block;font-size:.5rem;letter-spacing:.18em;font-weight:600;padding:.4rem .7rem .32rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#dfe5eb;}
.showcase-thumb:hover img{transform:scale(1.12);}
.showcase-thumb:hover:before{opacity:1;}
.showcase-thumb:hover .sv-overlay{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.1));}
.showcase-thumb:active img{transform:scale(1.08);}
.lut-videos-fade-bottom{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to top,#000,rgba(0,0,0,0));pointer-events:none;}
/* Play icon overlay */
.sv-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;}
.sv-play-btn{width:58px;height:58px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;color:#fff;box-shadow:0 16px 38px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);transition:.6s;position:relative;}
.sv-play-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 70%);opacity:0;mix-blend-mode:overlay;transition:.6s;}
.showcase-thumb:hover .sv-play-btn{background:rgba(94,125,99,.9);border-color:rgba(255,255,255,.35);transform:translateY(-4px) scale(1.05);}
.showcase-thumb:hover .sv-play-btn:before{opacity:.55;}
.showcase-thumb:active .sv-play-btn{transform:translateY(-2px) scale(1.02);}

/* Top-right play icon for LUT thumbs */
.sv-play-corner{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;border-radius:9999px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);transition:.3s cubic-bezier(.19,1,.22,1);}
.showcase-thumb:hover .sv-play-corner{transform:translateY(-1px);}

/* Showcase header */
.sv-header{position:relative;border-radius:2.2rem;overflow:hidden;}
.sv-header-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f151c,#101b24 45%,#0d141b),radial-gradient(circle at 26% 34%,rgba(11,8,23,.23),transparent 70%),radial-gradient(circle at 78% 68%,rgba(12,15,39,.35),transparent 65%);background-blend-mode:overlay;}
.sv-header:before{content:none;}
.sv-header-inner{position:relative;padding:3.8rem clamp(1.4rem,2.8vw,3rem) 3.9rem;}
.sv-title{font-size:clamp(2.6rem,5.2vw,4.2rem);line-height:1.05;font-weight:600;letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#dfe5eb);background-clip:text;-webkit-background-clip:text;color:transparent;}
.sv-sub{font-size:.95rem;line-height:1.5;}
/* (Removed legacy dark-mode .sv-action overrides to preserve light variant styling) */
@media (max-width:900px){.tech-bg{transform:scale(1.25);} }

/* Central Pricing Section */
.pricing-section{position:relative;overflow:hidden;}
.pricing-section:before{content:"";position:absolute;inset:0;mix-blend-mode:normal;opacity:.4;pointer-events:none;}
.pricing-fade-top,.pricing-fade-bottom{position:absolute;left:0;right:0;pointer-events:none;height:140px;z-index:1;}
.pricing-fade-top{top:0;background:linear-gradient(to bottom,#000,rgba(0,0,0,0));}
.pricing-fade-bottom{bottom:0;background:linear-gradient(to top,#000,rgba(0,0,0,0));}

/* Testimonial Slider (replaces marquee) */
.testimonial-slider{--ts-gap:1.75rem;}
.testimonial-slider .ts-viewport{position:relative;overflow:hidden;}
.testimonial-slider .ts-viewport{padding:0 2.6rem;} /* base padding for arrow gutter */
@media (min-width:640px){
  .testimonial-slider .ts-viewport{padding:0 3rem;} /* increase slightly tablet */
}
@media (min-width:1024px){
  .testimonial-slider .ts-viewport{padding:0 3.5rem;} /* desktop gutter */
}
.testimonial-slider .ts-track{transition:transform .8s cubic-bezier(.19,1,.22,1);will-change:transform;}
.testimonial-slider.dragging .ts-track{transition:none;cursor:grabbing;}
/* slide width responsive: base ~88%, sm 70%, md 48%, lg 33% (adjusted by JS using flex-basis) */
.testimonial-slider .testimonial{flex:0 0 auto;width:clamp(260px,80vw,310px);} /* fallback, JS will compute precise */
.ts-nav{position:relative;z-index:5;}
.ts-btn{width:46px;height:46px;border-radius:.9rem;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;backdrop-filter:blur(6px);transition:.45s;}
.ts-btn:hover:not(:disabled){background:rgba(94,125,99,.85);}
.ts-btn:disabled{opacity:.35;cursor:not-allowed;}
@media (max-width:640px){
  .ts-btn{width:40px;height:40px;border-radius:.75rem;}
}
/* Remove old marquee animation context */
.testimonial-slider .marquee{animation:none;}
/* Side nav buttons */
.testimonial-slider .ts-btn.ts-side{position:absolute;top:45%;transform:translateY(-50%);z-index:6;box-shadow:0 10px 28px -14px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06);}
.testimonial-slider .ts-btn.ts-prev{left:.65rem;}
.testimonial-slider .ts-btn.ts-next{right:.65rem;}
@media (min-width:640px){
  .testimonial-slider .ts-btn.ts-prev{left:1rem;}
  .testimonial-slider .ts-btn.ts-next{right:1rem;}
}
@media (min-width:1024px){
  .testimonial-slider .ts-btn.ts-prev{left:1.25rem;}
  .testimonial-slider .ts-btn.ts-next{right:1.25rem;}
}
/* Pagination dots */
.testimonial-slider .ts-dots{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2.4rem;justify-content:center;}
.testimonial-slider .ts-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.28);cursor:pointer;position:relative;transition:.4s;box-shadow:0 0 0 1px rgba(0,0,0,.4);}
.testimonial-slider .ts-dot:focus-visible{outline:2px solid #5E7D63;outline-offset:2px;}
.testimonial-slider .ts-dot:hover{background:rgba(255,255,255,.45);} 
.testimonial-slider .ts-dot.active{background:linear-gradient(90deg,#3F5A49,#5E7D63);border-color:transparent;box-shadow:0 4px 14px -4px rgba(63,90,73,.55);} 

/* ============================= */
/* LIGHT-ONLY OVERRIDES (dark removed) */
/* ============================= */
html,body{background:#ffffff !important;color:#1e272e !important;}
body{background:#ffffff !important;}
/* Header */
/* Basic text utility overrides */
/*.text-white{color:#0e1114 !important;}*/
/* Buttons */
/* Hero */
.hero-bg{background:#fff !important;}
.hero-bg img{filter:brightness(.9) saturate(1.02) contrast(1.02) !important;}
.hero-fade{display:none !important;}
/* Before/After sliders */
.hero-mini-apply,.scroll-apply-inner{background:#f4f6f8 !important;border-color:rgba(0,0,0,.08) !important;}
.hero-mini-line,.sa-handle-line{background: rgba(255, 255, 255, 0.8) !important;}
.hero-mini-grip,.sa-handle-grip{background:rgba(255,255,255,.7) !important;border-color:rgba(0,0,0,.12) !important;color:#222 !important;}
.hero-mini-label,.sa-label,.scroll-hint{background:rgba(255,255,255,.75) !important;color:#233037 !important;}
/* Technology section */
.tech-fade-top,.tech-fade-bottom{display:none !important;}
/* LUT Videos */
.lut-videos-section> .absolute{display:none !important;}
.showcase-thumb{background:#f3f6f8 !important;border-color:rgba(0,0,0,.08) !important;}
.sv-overlay{background:linear-gradient(to top,rgba(255,255,255,.15),rgba(255,255,255,.05)) !important;}
/* Testimonials */
#depoimentos{background:#fff !important;}
.testimonial{background:linear-gradient(135deg,#ffffff,#f3f7f9 55%,#eef2f5) !important;border:1px solid rgba(0,0,0,.08) !important;}
/* Tutorial */
.tutorial-section{background:#fff !important;}
.tutorial-overlay{background:linear-gradient(to top,rgba(0,0,0,.20),rgba(0,0,0,.05)) !important;}
.tutorial-fade-top,.tutorial-fade-bottom{display:none !important;}
/* Pricing */
.pricing-section{background:#fff !important;}
.pricing-fade-top,.pricing-fade-bottom{display:none !important;}
.price-card{background:linear-gradient(140deg,#ffffff,#f1f5f7) !important;border:1px solid rgba(0,0,0,.08) !important;}
/* FAQ */
.faq-item{background:linear-gradient(140deg,#ffffff,#eef2f5) !important;border:1px solid rgba(0,0,0,.08) !important;}
.faq-item.open{background:linear-gradient(140deg,#f5f9fb,#e8edf1) !important;border-color:rgba(0,0,0,.22) !important;}
.faq-trigger{color:#1d2730 !important;}
/* Lightbox */
/*.lightbox-media{background:#fff !important;border-color:rgba(0,0,0,.12) !important;}*/
.lightbox-close,.lightbox-prev,.lightbox-next{background:rgba(255,255,255,.7) !important;border-color:rgba(0,0,0,.12) !important;color:#26323a !important;}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:linear-gradient(90deg,#5E7D63,#3F5A49) !important;color:#fff !important;}
/* Testimonial nav */
.testimonial-slider .ts-btn{background:rgba(255,255,255,.65) !important;border-color:rgba(0,0,0,.12) !important;color:#27323a !important;}
.testimonial-slider .ts-btn:hover:not(:disabled){background:linear-gradient(90deg,#5E7D63,#3F5A49) !important;color:#fff !important;}
.testimonial-slider .ts-dot.active{background:linear-gradient(90deg,#5E7D63,#3F5A49) !important;border-color:transparent !important;}
/* Footer */
footer{background:#fff !important;border-color:rgba(0,0,0,.08) !important;}
/* Remove all dark fade overlays */
.hero-fade,.tech-fade-bottom,.tech-fade-top,.tutorial-fade-top,.tutorial-fade-bottom,.pricing-fade-top,.pricing-fade-bottom,.lut-videos-fade-bottom{display:none !important;background:none !important;}
/* End light-only overrides */

/* ============================= */
/* BLOG SECTION (Latest Posts)   */
/* ============================= */
.blog-section{position:relative;background:#fff;overflow:hidden;}
/* Ensure content sits above decorative accent */
.blog-section > .max-w-7xl{position:relative;z-index:2;}
.blog-section .blog-bg-accent{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 18% 24%,rgba(63,90,73,.08),transparent 62%),
  radial-gradient(circle at 82% 72%,rgba(94,125,99,.07),transparent 70%),
  linear-gradient(180deg,#ffffff,#f7fafb 65%,#eef3f6);
  opacity:.62;mix-blend-mode:normal;}
.blog-intro h2{background:linear-gradient(90deg,#1b252b,#3d515a);-webkit-background-clip:text;background-clip:text;color:transparent;}
.blog-grid{display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));position:relative;}
@media (min-width:900px){.blog-grid{grid-template-columns:repeat(3,1fr);} }
.blog-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border);background:linear-gradient(150deg,#ffffff,#f4f7f9 55%,#eef2f5);border-radius:1.55rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:.85s var(--ease);isolation:isolate;}
.blog-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 24%,rgba(63,90,73,.16),transparent 68%);opacity:0;transition:1s var(--ease);mix-blend-mode:overlay;}
.blog-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:#c3ced4;}
.blog-card:hover:before{opacity:1;}
.bc-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;}
.bc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.4s cubic-bezier(.19,1,.22,1);filter:brightness(.94) saturate(1.05) contrast(1.04);}
.blog-card:hover .bc-media img{transform:scale(1.08);}
.bc-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,.08));opacity:.55;transition:.9s;}
.blog-card:hover .bc-media:after{opacity:.35;}
.bc-category{position:absolute;left:.9rem;top:.85rem;font-size:.52rem;letter-spacing:.18em;font-weight:600;text-transform:uppercase;padding:.45rem .7rem .38rem;border-radius:.75rem;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);color:#1e262c;}
.bc-body{display:flex;flex-direction:column;padding:1.25rem 1.25rem 1.4rem;gap:.85rem;}
.bc-title{font-size:1rem;line-height:1.25;letter-spacing:-.01em;font-weight:600;}
.bc-title a{color:var(--color-text);text-decoration:none;background:linear-gradient(90deg,var(--color-text),var(--color-text));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:.6s;}
.bc-title a:hover{background-size:100% 2px;}
.bc-excerpt{font-size:.72rem;line-height:1.45;color:var(--color-text-soft);}
.bc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.bc-meta .dot{width:4px;height:4px;border-radius:50%;background:currentColor;display:inline-block;}
.blog-more .btn-ghost{--btn-pad-y:.95rem;--btn-pad-x:1.7rem;font-size:.62rem;box-shadow:0 10px 24px -16px rgba(0,0,0,.18);}
.blog-more .btn-ghost:hover{box-shadow:0 20px 42px -20px rgba(0,0,0,.35);}
@media (max-width:640px){
  .blog-card{border-radius:1.25rem;}
  .bc-body{padding:1rem 1rem 1.15rem;}
  .bc-title{font-size:.95rem;}
  .bc-excerpt{font-size:.7rem;}
}

/* ============================= */
/* PRODUCTS PREVIEW SECTION      */
/* ============================= */
.products-preview-section{position:relative;background:#fff;overflow:hidden;}
.products-preview-section .pp-bg-accent{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 82% 24%,rgba(63,90,73,.08),transparent 65%),
  radial-gradient(circle at 18% 78%,rgba(94,125,99,.07),transparent 70%),
  linear-gradient(180deg,#ffffff,#f5f9fa 68%,#eef3f6);opacity:.58;}
.products-preview-section > .max-w-7xl{position:relative;z-index:2;}
.pp-head h2{background:linear-gradient(90deg,#1b252b,#3d515a);background-clip:text;-webkit-background-clip:text;color:transparent;}
.pp-filters{flex-wrap:wrap;}
.pp-filter{appearance:none;border:none;cursor:pointer;background:rgba(0,0,0,.035);border:1px solid var(--color-border);color:var(--color-text-soft);padding:.65rem 1.15rem;font-size:.58rem;letter-spacing:.18em;font-weight:600;text-transform:uppercase;border-radius:999px;transition:.55s var(--ease);position:relative;display:inline-flex;align-items:center;gap:.45rem;}
.pp-filter:hover{color:var(--color-text);border-color:var(--color-text-faint);}
.pp-filter.active{background:var(--color-gradient-brand);color:#fff;border-color:transparent;box-shadow:0 10px 26px -16px rgba(63,90,73,.55);}
.pp-grid{display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));}
@media (min-width:900px){.pp-grid{grid-template-columns:repeat(3,1fr);} }
.pp-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border);background:linear-gradient(150deg,#ffffff,#f4f7f9 55%,#eef2f5);border-radius:1.55rem;overflow:hidden;transition:.85s var(--ease);isolation:isolate;}
.pp-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(63,90,73,.18),transparent 70%);opacity:0;transition:1s var(--ease);mix-blend-mode:overlay;}
.pp-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:#c3ced4;}
.pp-card:hover:before{opacity:1;}
.pp-media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;}
.pp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.4s cubic-bezier(.19,1,.22,1);filter:brightness(.95) saturate(1.05) contrast(1.04);}
.pp-card:hover .pp-media img{transform:scale(1.08);}
.pp-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,.08));opacity:.55;transition:.9s;}
.pp-card:hover .pp-media:after{opacity:.38;}
.pp-badge{position:absolute;left:.85rem;top:.75rem;font-size:.5rem;letter-spacing:.18em;font-weight:600;text-transform:uppercase;padding:.45rem .65rem .38rem;border-radius:.7rem;background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(6px);color:#1e262c;}
.pp-badge.alt{background:rgba(63,90,73,.88);color:#fff;border-color:rgba(0,0,0,.12);}
.pp-body{display:flex;flex-direction:column;padding:1.25rem 1.25rem 1.55rem;gap:.85rem;}
.pp-title{font-size:1rem;line-height:1.25;letter-spacing:-.01em;font-weight:600;}
.pp-title a{color:var(--color-text);text-decoration:none;background:linear-gradient(90deg,var(--color-text),var(--color-text));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:.6s;}
.pp-title a:hover{background-size:100% 2px;}
.pp-desc{font-size:.7rem;line-height:1.45;color:var(--color-text-soft);}
.pp-meta{display:flex;align-items:center;gap:.65rem;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.pp-price{font-size:.95rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(90deg,var(--color-brand-600),var(--color-brand-500));-webkit-background-clip:text;background-clip:text;color:transparent;}
.pp-old{text-decoration:line-through;font-weight:500;opacity:.55;}
.pp-action{box-shadow:0 10px 26px -16px rgba(63,90,73,.55);} 
.pp-card:hover .pp-action{transform:translateY(-2px);} 
/* Product card actions: two-column grid (one row) */
.pp-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:.55rem;align-items:stretch;}
.pp-actions .pp-action,.pp-actions .pp-secondary{width:100%;justify-content:center;}
/* Removed .pp-secondary size overrides to ensure global .btn-base + variant styles apply consistently */
.pp-more .btn-ghost{--btn-pad-y:.95rem;--btn-pad-x:1.7rem;font-size:.62rem;box-shadow:0 10px 24px -16px rgba(0,0,0,.18);} 
.pp-more .btn-ghost:hover{box-shadow:0 20px 42px -20px rgba(0,0,0,.35);} 
@media (max-width:640px){
  .pp-card{border-radius:1.25rem;}
  .pp-body{padding:1rem 1rem 1.25rem;}
  .pp-title{font-size:.95rem;}
  .pp-desc{font-size:.68rem;}
}

/* ============================= */
/* ALBUMS SECTION (Polaroid)     */
/* ============================= */
.albums-section{position:relative;background:#fff;overflow:hidden;}
.albums-section>.max-w-7xl{position:relative;z-index:2;}
.albums-bg-accent{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 18% 25%,rgba(63,90,73,.07),transparent 62%),
  radial-gradient(circle at 85% 72%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f7f9fa 70%,#eef2f4);opacity:.55;}
.albums-intro h2{background:linear-gradient(90deg,#1c252b,#32444c);-webkit-background-clip:text;background-clip:text;color:transparent;}
.album-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
@media (min-width:900px){.album-grid{grid-template-columns:repeat(4,1fr);} }
/* Polaroid card */
.album-polaroid{position:relative;display:block;}
.polaroid-frame{--polaroid-bg:#fff;--polaroid-border:#e3e7eb;--polaroid-shadow:0 6px 18px -6px rgba(34,46,56,.05),0 18px 42px -18px rgba(34,46,56,.02);position:relative;display:flex;flex-direction:column;width:100%;text-decoration:none;background:var(--polaroid-bg);border:1px solid var(--polaroid-border);border-radius:.9rem;padding:.9rem .9rem 1.25rem;box-shadow:var(--polaroid-shadow);transition:1s var(--ease);isolation:isolate;}
.polaroid-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.3));opacity:0;transition:1.2s var(--ease);border-radius:inherit;mix-blend-mode:overlay;}
.polaroid-frame:hover{transform:translateY(-6px);box-shadow:0 10px 26px -10px rgba(34,46,56,.07),0 24px 60px -24px rgba(34,46,56,.14);} 
.polaroid-frame:hover:before{opacity:1;}
.polaroid-photo{position:relative;aspect-ratio:4/5;border-radius:.55rem;overflow:hidden;background:#dfe5e8;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),0 2px 5px rgba(0,0,0,.08);} 
.polaroid-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.4s cubic-bezier(.19,1,.22,1);filter:contrast(1.04) saturate(1.05) brightness(.98);} 
.polaroid-frame:hover .polaroid-photo img{transform:scale(1.08);} 
.polaroid-label{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.95rem;padding:.1rem .2rem 0;} 
.polaroid-title{font-size:.82rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;color:#213038;} 
.polaroid-date{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#6d7b82;} 
.polaroid-frame:after{content:"";position:absolute;left:50%;top:.5rem;transform:translateX(-50%);width:52%;height:18px;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.0) 40%,rgba(0,0,0,.08));opacity:.35;filter:blur(2px);pointer-events:none;} 
.album-polaroid:nth-child(2) .polaroid-frame{--polaroid-bg:#fcfdfd;} 
.album-polaroid:nth-child(3) .polaroid-frame{--polaroid-bg:#ffffff;} 
.albums-more .btn-ghost{--btn-pad-y:.9rem;--btn-pad-x:1.6rem;font-size:.6rem;box-shadow:0 10px 24px -16px rgba(0,0,0,.18);} 
.albums-more .btn-ghost:hover{box-shadow:0 20px 42px -20px rgba(0,0,0,.30);} 
@media (max-width:640px){
  .album-grid{gap:1.8rem;grid-template-columns:repeat(2,1fr);} 
  .polaroid-frame{padding:.7rem .7rem 1rem;border-radius:.75rem;}
  .polaroid-photo{border-radius:.5rem;}
  .polaroid-title{font-size:.78rem;}
  .polaroid-date{font-size:.5rem;letter-spacing:.2em;}
}

/* ============================= */
/* DIFFERENTIALS SECTION         */
/* ============================= */
.diff-section{position:relative;background:#fff;overflow:hidden;}
.diff-section>.max-w-7xl{position:relative;z-index:2;}
.diff-bg-accent{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 20% 30%,rgba(63,90,73,.05),transparent 62%),
  radial-gradient(circle at 82% 75%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f6f9fa 70%,#eef2f5);opacity:.6;}
.diff-intro h2{background:linear-gradient(90deg,#1c262c,#3a4c55);-webkit-background-clip:text;background-clip:text;color:transparent;}
.diff-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
@media (min-width:920px){.diff-grid{grid-template-columns:repeat(2,1fr);} }
.diff-card{position:relative;display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--color-border);padding:1.25rem 1.2rem 1.35rem;border-radius:1.35rem;transition:.75s var(--ease);overflow:hidden;}
.diff-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 24%,rgba(63,90,73,.16),transparent 68%);opacity:0;transition:1s var(--ease);mix-blend-mode:overlay;}
.diff-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#b9c6cd;}
.diff-card:hover:before{opacity:1;}
.diff-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:.9rem;background:linear-gradient(135deg, #35443c, #273b30);color:#fff;box-shadow:0 8px 18px -8px rgba(53,68,60,.25),0 0 0 1px rgba(0,0,0,.02);font-size:.9rem;}
.diff-title{font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);} 
.diff-text{font-size:.72rem;line-height:1.5;color:var(--color-text-soft);} 
@media (max-width:640px){
  .diff-card{padding:1.05rem 1rem 1.1rem;border-radius:1.05rem;}
  .diff-title{font-size:.9rem;}
  .diff-text{font-size:.68rem;}
  .diff-grid{gap:1.4rem;}
}

/* ============================= */
/* CATALOG PAGE                  */
/* ============================= */
.catalog-hero{position:relative;overflow:hidden;}
.catalog-hero-accent{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 18% 28%,rgba(63,90,73,.06),transparent 65%),
  radial-gradient(circle at 82% 75%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f6f9fa 72%,#eef2f5);opacity:.7;}
.catalog-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;}
.catalog-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:brightness(.82) saturate(1.05) contrast(1.02);}
.catalog-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.45) 48%,rgba(0,0,0,.18)),radial-gradient(circle at 20% 30%,rgba(94,125,99,.25),transparent 70%),radial-gradient(circle at 78% 72%,rgba(63,90,73,.25),transparent 72%);}
.catalog-hero > .max-w-7xl{position:relative;z-index:2;}
.catalog-hero h1,.catalog-hero p,.catalog-hero .breadcrumb-list a,.catalog-hero .breadcrumb-item.active{color:#fff;}
.catalog-hero .breadcrumb-list a{opacity:.78;transition:.35s var(--ease);}
.catalog-hero .breadcrumb-list a:hover{opacity:1;}
.catalog-hero p{color:rgba(255,255,255,.85) !important;}
.catalog-wrapper{background:#fff;}
.catalog-sidebar{width:250px;flex:0 0 250px;position:sticky;top:96px;align-self:flex-start;display:flex;flex-direction:column;gap:2.5rem;}
@media (max-width:980px){
  .catalog-wrapper .max-w-7xl{flex-direction:column;}
  .catalog-sidebar{position:relative;top:0;width:100%;flex:initial;order:2;background:linear-gradient(180deg,#ffffff,#f4f7f8);border:1px solid var(--color-border);border-radius:1.35rem;padding:1.4rem 1.3rem;box-shadow:var(--shadow-sm);}
  .catalog-main{order:1;}
}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
@media (min-width:1100px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}}

/* Filter blocks */
.cf-block{display:flex;flex-direction:column;gap:.95rem;}
.cf-legend{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.cf-options{display:flex;flex-direction:column;gap:.55rem;}
.cf-option{font-size:.72rem;display:flex;align-items:center;gap:.55rem;font-weight:500;letter-spacing:-.01em;color:var(--color-text-soft);cursor:pointer;user-select:none;}
.cf-option input{appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;display:grid;place-items:center;position:relative;transition:.4s var(--ease);background:linear-gradient(180deg,#ffffff,#f5f7f8);cursor:pointer;}
.cf-option input:hover{border-color:#b4c0c7;}
.cf-option input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(63,90,73,.35);}
.cf-option input:checked{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));}
/* .cf-option input:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.4);} */
.cf-select{width:100%;background:#fff;border:1px solid var(--color-border);border-radius:.85rem;padding:.65rem .85rem;font-size:.7rem;font-weight:500;letter-spacing:.02em;outline:none;transition:.4s var(--ease);}
.cf-select:focus{border-color:#b4c0c7;box-shadow:0 0 0 3px rgba(63,90,73,.18);}
.cf-sort-wrapper{position:relative;}
.cf-sort-wrapper:after{content:"";position:absolute;right:.9rem;top:50%;width:8px;height:8px;border:2px solid var(--color-text-soft);border-top:none;border-left:none;transform:translateY(-60%) rotate(45deg);pointer-events:none;opacity:.55;}
.cf-actions .btn-ghost{--btn-pad-y:.7rem;--btn-pad-x:1.1rem;}
.cf-meta{color:var(--color-text-soft);}
.catalog-empty{margin-top:2.5rem;font-size:.8rem;font-weight:500;color:var(--color-text-soft);text-align:center;padding:2rem 1rem;border:1px dashed var(--color-border);border-radius:1.25rem;}

/* Accent */
.catalog-accent{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.05;background:radial-gradient(circle at 25% 30%,#3F5A49,transparent 70%),radial-gradient(circle at 80% 70%,#5E7D63,transparent 75%);} 



/* ============================= */
/* ALBUM DETAIL PAGE             */
/* ============================= */
.album-meta-section{background:#fff;position:relative;overflow:hidden;}
.album-meta-accent{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 18% 25%,rgba(63,90,73,.07),transparent 62%),
  radial-gradient(circle at 85% 72%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f7f9fa 68%,#eef2f4);opacity:.5;}
.album-meta-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));position:relative;z-index:2;}
.album-meta-block{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.1rem 1.25rem;border:1px solid var(--color-border);border-radius:1.2rem;position:relative;background:#fff;box-shadow:0 4px 12px -8px rgba(34,46,56,.08);}
.album-meta-block:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 32% 22%,rgba(63,90,73,.12),transparent 70%);opacity:0;transition:1s var(--ease);}
.album-meta-block:hover:before{opacity:1;}
.album-meta-label{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.album-meta-value{font-size:.75rem;line-height:1.5;color:var(--color-text-soft);font-weight:500;}
@media (max-width:640px){
  .album-meta-grid{gap:1.2rem;}
  .album-meta-block{padding:1rem .95rem 1.05rem;}
  .album-meta-value{font-size:.72rem;}
}

/* Masonry Gallery */
.album-gallery-section{background:#fff;position:relative;overflow:hidden;}
.album-gallery-accent{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 20% 30%,rgba(63,90,73,.05),transparent 62%),
  radial-gradient(circle at 80% 72%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f6f9fa 72%,#eef2f4);opacity:.45;}
.album-masonry{column-count:1;column-gap:1.4rem;}
@media (min-width:600px){.album-masonry{column-count:2;}}
@media (min-width:980px){.album-masonry{column-count:3;}}
.album-item{break-inside:avoid;margin:0 0 1.4rem;position:relative;}
.album-item a{display:block;position:relative;border-radius:1rem;overflow:hidden;background:#e1e6e9;border:1px solid var(--color-border);box-shadow:0 6px 20px -10px rgba(34,46,56,.15);transition:.9s var(--ease);}
.album-item a:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.2));mix-blend-mode:overlay;opacity:0;transition:1s var(--ease);}
.album-item a:hover{transform:translateY(-5px);box-shadow:0 14px 36px -14px rgba(34,46,56,.25);} 
.album-item a:hover:before{opacity:1;}
.album-item img{width:100%;height:auto;display:block;object-fit:cover;filter:contrast(1.04) saturate(1.05) brightness(.98);transition:1.4s cubic-bezier(.19,1,.22,1);}
.album-item a:hover img{transform:scale(1.06);} 

/* Lightbox image override */
#lightboxImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.lightbox-media.show-image{padding-top:0;display:flex;align-items:center;justify-content:center;min-height:50vh;overflow:hidden;border-radius:1rem !important;}
.lightbox-media.show-image iframe{display:none !important;}
.lightbox-media.show-image #lightboxImage[hidden]{display:none;}
.lightbox-media.show-image #lightboxImage:not([hidden]){display:block;}

/* ============================= */
/* BLOG CATALOG PAGE             */
/* ============================= */
.blog-catalog-wrapper{background:#fff;position:relative;overflow:hidden;}
.blog-catalog-accent{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 18% 28%,rgba(63,90,73,.06),transparent 65%),
  radial-gradient(circle at 82% 75%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f6f9fa 72%,#eef2f5);opacity:.6;}
.blog-sidebar{width:250px;flex:0 0 250px;position:sticky;align-self:flex-start;display:flex;flex-direction:column;gap:2.5rem;}
@media (max-width:980px){
  .blog-catalog-wrapper .max-w-7xl{flex-direction:column;}
  .blog-sidebar{position:relative;top:0;width:100%;flex:initial;order:2;background:linear-gradient(180deg,#ffffff,#f4f7f8);border:1px solid var(--color-border);border-radius:1.35rem;padding:1.4rem 1.3rem;box-shadow:var(--shadow-sm);}
  .blog-main{order:1;}
}
/* Filters */
.bf-block{display:flex;flex-direction:column;gap:.95rem;}
.bf-legend{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.bf-options{display:flex;flex-direction:column;gap:.55rem;}
.bf-option{font-size:.72rem;display:flex;align-items:center;gap:.55rem;font-weight:500;letter-spacing:-.01em;color:var(--color-text-soft);cursor:pointer;user-select:none;}
.bf-option input{appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;display:grid;place-items:center;position:relative;transition:.4s var(--ease);background:linear-gradient(180deg,#ffffff,#f5f7f8);cursor:pointer;}
.bf-option input:hover{border-color:#b4c0c7;}
.bf-option input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(63,90,73,.35);}
.bf-option input:checked{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));}
.bf-select{width:100%;background:#fff;border:1px solid var(--color-border);border-radius:.85rem;padding:.65rem .85rem;font-size:.7rem;font-weight:500;letter-spacing:.02em;outline:none;transition:.4s var(--ease);}
.bf-select:focus{border-color:#b4c0c7;box-shadow:0 0 0 3px rgba(63,90,73,.18);}
.bf-sort-wrapper{position:relative;}
.bf-sort-wrapper:after{content:"";position:absolute;right:.9rem;top:50%;width:8px;height:8px;border:2px solid var(--color-text-soft);border-top:none;border-left:none;transform:translateY(-60%) rotate(45deg);pointer-events:none;opacity:.55;}
.bf-actions .btn-ghost{--btn-pad-y:.7rem;--btn-pad-x:1.1rem;}
.bf-meta{color:var(--color-text-soft);}
.blog-empty{margin-top:2.5rem;font-size:.8rem;font-weight:500;color:var(--color-text-soft);text-align:center;padding:2rem 1rem;border:1px dashed var(--color-border);border-radius:1.25rem;}

/* ============================= */
/* BLOG POST PAGE                */
/* ============================= */
.post-hero{position:relative;overflow:hidden;background:#111;color:#fff;}
.post-hero-bg{position:absolute;inset:0;overflow:hidden;}
.post-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:brightness(.62) saturate(1.05) contrast(1.04);}
.post-hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.4) 48%,rgba(0,0,0,.18)),radial-gradient(circle at 22% 30%,rgba(94,125,99,.28),transparent 70%),radial-gradient(circle at 78% 72%,rgba(63,90,73,.26),transparent 72%);}
.post-hero-meta .bc-category{position:relative;z-index:2;}
.post-hero-title{color:#fff;}
.post-hero-excerpt{color:rgba(255,255,255,.85) !important;}
.post-hero .breadcrumb-list a,.post-hero .breadcrumb-item.active{color:#fff;opacity:.82;}
.post-hero .breadcrumb-list a:hover{opacity:1;}
.post-dot{width:4px;height:4px;border-radius:50%;background:#fff;display:inline-block;margin:0 .25rem;opacity:.55;}
.post-meta{font-size:.62rem;letter-spacing:.18em;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.7);}

.post-main-wrapper{background:#fff;position:relative;padding-top:4rem;}
.post-bg-accent{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 18% 28%,rgba(63,90,73,.06),transparent 65%),
  radial-gradient(circle at 82% 75%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f6f9fa 72%,#eef2f5);opacity:.5;}

/* Sidebar TOC */
.post-aside{width:250px;flex:0 0 250px;position:sticky;top:120px;align-self:flex-start;}
.post-aside-inner{display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem 1.3rem 1.55rem;border:1px solid var(--color-border);background:linear-gradient(160deg,#ffffff,#f4f7f8 60%,#eef2f5);border-radius:1.4rem;box-shadow:var(--shadow-sm);position:relative;}
.post-aside-title{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.post-toc{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin:0;padding:0;}
.post-toc a{font-size:.7rem;font-weight:500;letter-spacing:-.01em;color:var(--color-text-soft);text-decoration:none;position:relative;padding:.3rem .2rem;border-radius:.5rem;transition:.45s var(--ease);}
.post-toc a:before{content:"";position:absolute;left:-.55rem;top:50%;width:6px;height:6px;background:var(--color-brand-600);border-radius:50%;transform:translateY(-50%) scale(.4);opacity:0;transition:.45s var(--ease);}
.post-toc a:hover{color:var(--color-text);background:rgba(63,90,73,.08);}
.post-toc a:hover:before{opacity:1;transform:translateY(-50%) scale(1);}
.post-back{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-brand-600);}
.post-back:hover{text-decoration:underline;}

@media (max-width:1080px){
  .post-main-wrapper .max-w-7xl{flex-direction:column;}
  .post-aside{position:relative;top:0;width:100%;flex:initial;order:2;}
  .post-aside-inner{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:1.1rem;padding:1.2rem 1.15rem 1.25rem;}
  .post-toc{flex-direction:row;flex-wrap:wrap;gap:.9rem;}
  .post-toc a{padding:.35rem .55rem;font-size:.63rem;background:#fff;border:1px solid var(--color-border);} 
  .post-toc a:before{display:none;}
}

/* Article Body */
.post-article{position:relative;z-index:2;}
.article-body{max-width:780px;line-height:1.65;font-size:.9rem;color:var(--color-text-soft);}
.article-body p{margin:0 0 1.25rem;}
.article-body h2{font-size:1.45rem;line-height:1.15;font-weight:600;margin:2.4rem 0 1.1rem;color:var(--color-text);letter-spacing:-.02em;}
.article-body h3{font-size:1.05rem;font-weight:600;margin:2rem 0 .9rem;color:var(--color-text);letter-spacing:-.01em;}
.article-body strong{color:var(--color-text);}
.article-body em{background:linear-gradient(90deg,rgba(63,90,73,.08),rgba(94,125,99,.12));padding:.15rem .35rem;border-radius:.4rem;font-style:normal;}
.article-body ul{margin:0 0 1.4rem 1.2rem;list-style:disc;}
.article-body li{margin:.4rem 0 .4rem;}
.article-body blockquote{margin:2rem 0;padding:1.4rem 1.5rem 1.5rem;font-size:.95rem;line-height:1.5;position:relative;font-weight:500;color:var(--color-text);background:linear-gradient(150deg,#ffffff,#f4f7f9);border:1px solid var(--color-border);border-radius:1.3rem;}
.article-body blockquote:before{content:"“";position:absolute;left:1.1rem;top:.6rem;font-size:2.6rem;line-height:1;color:var(--color-brand-600);opacity:.25;font-weight:700;}
.article-body figure{margin:2.2rem 0 2.2rem;display:flex;flex-direction:column;gap:.8rem;}
.article-body figure.wide{width:110%;max-width:110%;transform:translateX(-5%);} 
@media (max-width:900px){.article-body figure.wide{width:100%;max-width:100%;transform:none;}}
.article-body img{border-radius:1.2rem;box-shadow:0 16px 40px -24px rgba(34,46,56,.35),0 4px 14px -6px rgba(34,46,56,.18);width:100%;height:auto;}
.article-body figcaption{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);padding-left:.2rem;}
.article-body pre{background:#111;color:#fff;padding:1.3rem 1.4rem;border-radius:1.1rem;font-size:.7rem;line-height:1.5;overflow:auto;box-shadow:0 14px 34px -20px rgba(0,0,0,.45);} 
.article-body code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.7rem;}

/* Share */
.post-share{display:flex;flex-direction:column;gap:.9rem;border:1px solid var(--color-border);background:linear-gradient(150deg,#ffffff,#f4f7f9);padding:1.1rem 1.1rem 1.2rem;border-radius:1.2rem;}
.share-label{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.share-buttons{display:flex;flex-wrap:wrap;gap:.55rem;}
.share-btn{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.7rem .95rem;border:1px solid var(--color-border);border-radius:.85rem;background:#fff;display:inline-flex;align-items:center;gap:.45rem;transition:.5s var(--ease);}
.share-btn:hover{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));color:#fff;border-color:transparent;box-shadow:0 10px 26px -14px rgba(63,90,73,.5);} 
.copy-feedback{font-size:.55rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-brand-600);min-height:14px;}

/* ============================= */
/* MOBILE NAVIGATION             */
/* ============================= */
.mobile-nav-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;transition:.5s var(--ease);box-shadow:0 4px 14px -6px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.05);}
.mobile-nav-toggle:hover{background:rgba(255,255,255,.15);} 
.mobile-nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.4);} 
.mobile-nav-toggle .ham-line{position:absolute;left:50%;width:20px;height:2px;background:#fff;border-radius:2px;transform:translateX(-50%);transition:.55s cubic-bezier(.8,.2,.2,1);}
.mobile-nav-toggle .ham-line.top{top:36%;}
.mobile-nav-toggle .ham-line.middle{top:50%;}
.mobile-nav-toggle .ham-line.bottom{top:64%;}
.mobile-nav-toggle[aria-expanded="true"] .ham-line.top{transform:translate(-50%,6px) rotate(45deg);}
.mobile-nav-toggle[aria-expanded="true"] .ham-line.middle{opacity:0;transform:translateX(-50%) scaleX(0);}
.mobile-nav-toggle[aria-expanded="true"] .ham-line.bottom{transform:translate(-50%,-6px) rotate(-45deg);} 
/* Variant when header is scrolled (light background) */
#siteHeader.scrolled .mobile-nav-toggle{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);}
#siteHeader.scrolled .mobile-nav-toggle:hover{background:rgba(0,0,0,.08);} 
#siteHeader.scrolled .mobile-nav-toggle:focus-visible{box-shadow:0 0 0 3px rgba(0,0,0,.25);} 
#siteHeader.scrolled .mobile-nav-toggle .ham-line{background:#222f38;} 
#siteHeader.scrolled .mobile-nav-toggle[aria-expanded="true"] .ham-line.top{background:#222f38;} 
#siteHeader.scrolled .mobile-nav-toggle[aria-expanded="true"] .ham-line.bottom{background:#222f38;} 

.mobile-menu{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:rgba(8,13,16,.45);backdrop-filter:blur(2px);padding:0;overflow:hidden;}
@media (min-width:768px){.mobile-menu{display:none !important;}}
.mobile-menu-inner{width:min(92%,360px);margin:0 0 0 auto;display:flex;flex-direction:column;gap:2.2rem;padding:1.25rem 1.25rem 2.2rem;height:100%;background:linear-gradient(160deg,#ffffff,#f4f7f9 55%,#eef2f5);border-left:1px solid var(--color-border);box-shadow:-6px 0 28px -12px rgba(34,46,56,.25);position:relative;overflow-y:auto;transform:translateX(8%) translateY(4px) scale(.98);opacity:0;transition:.6s var(--ease);border-top-left-radius:1.4rem;border-bottom-left-radius:1.4rem;}
.mobile-menu-close{position:absolute;top:1.05rem;right:.95rem;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.9rem;border:1px solid var(--color-border);background:linear-gradient(145deg,#fff,#f2f5f7);color:var(--color-text);box-shadow:0 4px 14px -6px rgba(34,46,56,.18);cursor:pointer;font-size:.75rem;transition:.5s var(--ease);}
.mobile-menu-close:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px -8px rgba(34,46,56,.25);}
.mobile-menu-close:active{transform:translateY(0);box-shadow:0 3px 10px -6px rgba(34,46,56,.25);}
.mobile-menu-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 0 .75rem;margin:-.4rem 0 .25rem;background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.55) 70%,rgba(255,255,255,0));backdrop-filter:blur(4px);z-index:5;}
.mobile-menu-logo .logo-text{display:inline-block;font-size:.9rem;letter-spacing:.4em;color:var(--color-text);font-weight:500;}
.mobile-menu-top .mobile-menu-close{position:static;top:auto;right:auto;box-shadow:0 2px 8px -4px rgba(34,46,56,.18);}
.mobile-menu.active .mobile-menu-inner{transform:translateX(0) translateY(0) scale(1);opacity:1;}
.mobile-menu-nav{width:100%;}
.mobile-menu-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;}
.mobile-menu-list .m-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.95rem 1.05rem;border:1px solid var(--color-border);background:linear-gradient(145deg,#ffffff,#f4f7f9 60%,#eef2f5);border-radius:1rem;font-size:.8rem;font-weight:600;letter-spacing:-.005em;color:var(--color-text);text-decoration:none;position:relative;overflow:hidden;transition:.55s var(--ease);box-shadow:0 4px 14px -8px rgba(34,46,56,.12);} 
.mobile-menu-list .m-link:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 24%,rgba(63,90,73,.16),transparent 70%);opacity:0;transition:1s var(--ease);mix-blend-mode:overlay;}
.mobile-menu-list .m-link:hover{transform:translateY(-4px);box-shadow:0 14px 32px -16px rgba(34,46,56,.25);}
.mobile-menu-list .m-link:hover:before{opacity:1;}
.mobile-menu-extra{display:flex;flex-direction:column;gap:.9rem;}
.m-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.15rem;font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border-radius:.95rem;text-decoration:none;transition:.5s var(--ease);border:1px solid var(--color-border);background:#fff;}
.m-cta.primary{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));color:#fff;border-color:transparent;box-shadow:0 10px 26px -14px rgba(63,90,73,.55);} 
.m-cta.primary:hover{transform:translateY(-4px);box-shadow:0 18px 44px -18px rgba(63,90,73,.6);} 
.m-cta.alt:hover{background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));color:#fff;border-color:transparent;}

body.modal-open{overflow:hidden;touch-action:none;}
@keyframes fadeInPanel{from{opacity:0;transform:translateX(8%) scale(.96);}to{opacity:1;transform:translateX(0) scale(1);}}

/* ===================================== */
/* Course Page                          */
/* ===================================== */
.course-page .course-hero{background:linear-gradient(145deg,#fff,#f6f9fb 70%,#eef2f5);}
.course-hero .course-hero-bg{position:absolute;inset:0;overflow:hidden;}
.course-hero .hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 58%,rgba(94,125,99,.18),transparent 65%);mix-blend-mode:multiply;}
.course-hero .gradient-text{background:linear-gradient(90deg,#3F5A49,#5E7D63 70%,#7aa986);-webkit-background-clip:text;background-clip:text;color:transparent;}

.course-vsl-section .vsl-frame{cursor:pointer;}
.course-vsl-section .vsl-frame:focus-visible{outline:2px solid var(--color-border);outline-offset:4px;border-radius:1.2rem;}
.vsl-aspect{aspect-ratio:16/9;position:relative;}
.vsl-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.vsl-play-btn span{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#5E7D63,#3F5A49);color:#fff;box-shadow:0 10px 30px -12px rgba(63,90,73,.55);transition:.6s var(--ease);}
.vsl-frame:hover .vsl-play-btn span{transform:scale(1.08);box-shadow:0 16px 46px -14px rgba(63,90,73,.55);} 

.course-modules-section{background:linear-gradient(180deg,#fdfefe,#f4f7f6);} 
.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2.1rem;}
.module-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(160deg,#ffffff,#f2f6f4 55%,#e9efec);border:1px solid var(--color-border);border-radius:1.4rem;overflow:hidden;box-shadow:0 8px 26px -12px rgba(34,46,56,.16);transition:.65s var(--ease);}
.module-card:hover{transform:translateY(-6px);box-shadow:0 18px 46px -18px rgba(34,46,56,.25);} 
.module-cover{width:100%;aspect-ratio:3/4;background-size:cover;background-position:center;filter:saturate(.96) contrast(1.05);}
.module-body{padding:.95rem .95rem 1.15rem;}
.module-title{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;color:var(--color-text);}

/* Netflix-style modules rail */
.modules-rail-wrapper{position:relative;overflow:hidden;}
.modules-rail{display:flex;gap:1.4rem;overflow-x:auto;padding:.4rem .25rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.modules-rail::-webkit-scrollbar{display:none;}
.module-poster{position:relative;flex:0 0 165px;aspect-ratio:2/3;border-radius:1.05rem;overflow:hidden;scroll-snap-align:start;background:#e5ebe8;box-shadow:0 10px 28px -14px rgba(34,46,56,.25),0 0 0 1px rgba(34,46,56,.06);cursor:pointer;transition:.6s cubic-bezier(.19,1,.22,1);}
@media (min-width:640px){.module-poster{flex-basis:185px;}}
@media (min-width:940px){.module-poster{flex-basis:205px;}}
.module-poster:focus-visible{outline:2px solid var(--color-border);outline-offset:4px;}
.module-poster:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 20px 46px -20px rgba(34,46,56,.35),0 0 0 1px rgba(34,46,56,.08);} 
.poster-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.05);transition:inherit;}
.poster-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem .85rem .85rem;background:linear-gradient(180deg,rgba(8,13,16,0) 30%,rgba(8,13,16,.65));}
.poster-index{width:2.2rem;height:2.2rem;border-radius:.7rem;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:#fff;box-shadow:0 4px 14px -6px rgba(0,0,0,.35);margin-bottom:.6rem;}
.poster-title{font-size:.74rem;font-weight:600;letter-spacing:.04em;line-height:1.25;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45);} 
.module-poster:hover .poster-img{transform:scale(1.08);}
.modules-rail-wrapper{--nav-w:46px;}
.modules-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:var(--nav-w);height:var(--nav-w);display:none;align-items:center;justify-content:center;border-radius:1rem;border:1px solid var(--color-border);background:linear-gradient(145deg,#ffffff,#f2f5f4);box-shadow:0 10px 30px -16px rgba(34,46,56,.45);cursor:pointer;z-index:10;transition:.55s var(--ease);color:var(--color-text);}
@media (min-width:860px){.modules-nav-btn{display:flex;opacity:0;pointer-events:none;}
  .modules-rail-wrapper:hover .modules-nav-btn{opacity:1;pointer-events:auto;}
}
.modules-nav-btn:hover{transform:translateY(-50%) scale(1.07);box-shadow:0 18px 40px -18px rgba(34,46,56,.5);}
.modules-nav-btn:active{transform:translateY(-50%) scale(.95);} 
.modules-nav-btn.prev{left:.2rem;}
.modules-nav-btn.next{right:.2rem;}

.course-diffs-section{background:linear-gradient(145deg,#fff,#f7faf8 70%,#eef3f0);} 
.diffs-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.diff-card{background:linear-gradient(150deg,#ffffff,#f2f6f4 60%,#e9efec);border:1px solid var(--color-border);padding:1.6rem 1.4rem 1.55rem;border-radius:1.35rem;position:relative;overflow:hidden;box-shadow:0 8px 26px -14px rgba(34,46,56,.16);transition:.55s var(--ease);} 
.diff-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(94,125,99,.18),transparent 65%);opacity:.7;pointer-events:none;}
.diff-card:hover{transform:translateY(-5px);box-shadow:0 16px 42px -18px rgba(34,46,56,.25);} 
.diff-title{font-size:.92rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.55rem;color:var(--color-text);} 
.diff-desc{font-size:.8rem;line-height:1.55;color:var(--color-muted,#586476);} 

.course-pricing-section{background:linear-gradient(180deg,#f7faf9,#f0f5f2);} 
.pricing-wrapper{background:linear-gradient(160deg,#ffffff,#f2f6f4 55%,#e9efec);border:1px solid var(--color-border);border-radius:1.8rem;padding:3rem 2.2rem 3.2rem;display:grid;gap:3rem;box-shadow:0 10px 40px -18px rgba(34,46,56,.18),0 0 0 1px rgba(34,46,56,.04);} 
@media (min-width:900px){.pricing-wrapper{grid-template-columns:1fr 1fr;align-items:start;}}
.pricing-body{display:grid;gap:2.2rem;}
.price-main{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;}
.price-installments{font-size:1.9rem;font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,#3F5A49,#5E7D63);-webkit-background-clip:text;background-clip:text;color:transparent;}
.price-installments strong{font-weight:600;}
.price-or{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600;color:var(--color-muted,#586476);} 
.price-full{font-size:1.05rem;font-weight:600;color:#3F5A49;letter-spacing:.01em;}
.price-cta{display:flex;flex-direction:column;gap:.95rem;}
.pricing-guarantee{margin-top:.4rem;text-align:center;}

.course-page .btn-xl{height:3.4rem;font-size:.75rem;letter-spacing:.18em;border-radius:1.1rem;}
.course-page .btn-lg{height:3rem;font-size:.68rem;letter-spacing:.18em;border-radius:1.05rem;}

/* Minor utility alignment tweaks */
.course-page .section-accent,.modules-accent,.diffs-accent,.pricing-accent{position:absolute;inset:0;pointer-events:none;}

/* Post Navigation */
.post-nav{display:flex;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;}
.post-nav-link{flex:1 1 280px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--color-border);background:linear-gradient(160deg,#ffffff,#f4f7f9 55%,#eef2f5);padding:1.2rem 1.3rem 1.3rem;border-radius:1.3rem;position:relative;overflow:hidden;text-decoration:none;color:var(--color-text);transition:.9s var(--ease);}
.post-nav-link:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 24%,rgba(63,90,73,.18),transparent 68%);opacity:0;transition:1s var(--ease);mix-blend-mode:overlay;}
.post-nav-link:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#c2cdd3;}
.post-nav-link:hover:before{opacity:1;}
.post-nav-link small{display:block;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);margin-bottom:.35rem;}
.post-nav-link .pnl-meta{font-size:.75rem;font-weight:600;letter-spacing:-.01em;}
.post-nav-link.prev{justify-content:flex-start;}
.post-nav-link.prev .i-lucide-arrow-left{flex-shrink:0;}
.post-nav-link.next{justify-content:flex-end;}

/* Recommended */
.post-recommended{position:relative;}
.post-rec-title{background:linear-gradient(90deg,#1b252b,#3d515a);-webkit-background-clip:text;background-clip:text;color:transparent;}
.post-rec-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}
@media (min-width:900px){.post-rec-grid{grid-template-columns:repeat(3,1fr);} }

@media (max-width:900px){
  .post-main-wrapper{padding-top:2rem;}
  .article-body{font-size:.85rem;}
  .post-hero-title{font-size:2.2rem;}
}

/* ============================= */
/* CONTACT PAGE                  */
/* ============================= */
.contact-section{background:#fff;position:relative;overflow:hidden;}
.contact-accent{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 18% 25%,rgba(63,90,73,.07),transparent 62%),
  radial-gradient(circle at 85% 72%,rgba(94,125,99,.05),transparent 70%),
  linear-gradient(180deg,#ffffff,#f7f9fa 70%,#eef2f4);opacity:.55;}
.contact-form{position:relative;z-index:2;}
.form-field{display:flex;flex-direction:column;gap:.55rem;}
.form-label{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-text-faint);}
.form-input,.form-textarea{width:100%;background:#fff;border:1px solid var(--color-border);border-radius:1rem;padding:.95rem 1.05rem;font-size:.73rem;font-weight:500;letter-spacing:.01em;outline:none;resize:vertical;min-height:52px;line-height:1.4;transition:.45s var(--ease);} 
.form-textarea{min-height:160px;}
.form-input:focus,.form-textarea:focus{border-color:#b4c0c7;box-shadow:0 0 0 3px rgba(63,90,73,.18);} 
.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-faint);font-weight:400;}
.form-error{min-height:14px;font-size:.55rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:#d9534f;}
.contact-email{position:relative;}
.contact-email a{position:relative;}
.contact-card{display:flex;flex-direction:column;gap:.6rem;border:1px solid var(--color-border);background:#fff;padding:1.2rem 1.1rem 1.3rem;border-radius:1.25rem;transition:.75s var(--ease);position:relative;overflow:hidden;}
.contact-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 24%,rgba(63,90,73,.14),transparent 68%);opacity:0;transition:1s var(--ease);}
.contact-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px -20px rgba(34,46,56,.25);}
.contact-card:hover:before{opacity:1;}
.contact-card-icon{width:40px;height:40px;border-radius:.9rem;display:grid;place-items:center;font-size:.8rem;background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-500));color:#fff;box-shadow:0 8px 18px -8px rgba(63,90,73,.35);} 
.contact-card-title{font-size:.8rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);} 
.contact-card-text{font-size:.66rem;line-height:1.45;color:var(--color-text-soft);} 
@media (max-width:640px){
  .contact-card{padding:1rem .95rem 1.05rem;border-radius:1.05rem;}
  .contact-card-title{font-size:.78rem;}
  .contact-card-text{font-size:.62rem;}
}