/* ============================================================
   PHENOM CENTRAL — CSS EFFECTS PACK (full)
   Paste this whole block into: Page Settings → Custom CSS.
   Then add the class name (no dot) in each element's
   "Element's Class" field — NOT the Custom CSS box.
   ============================================================ */

/* ---------- VARIABLES ---------- */
:root{
  --ph-bg:#0B0A0F; --ph-panel:#121019;
  --ph-lime:#b8fc70; --ph-lime-deep:#7fce3c;
  --ph-green:#305b02; --ph-green-h:#407c03;
  --ph-blue:#002277; --ph-blue-h:#003399; --ph-blue-t:#6f9bff;
  --ph-red:#cc2b2b;
  --ph-cream:#F6F0E6; --ph-dim:#A6A29D; --ph-faint:#6F6B69;
  --ph-border:#26242B; --ph-border-acc:#4A6B28;
}

/* ---------- FONTS ---------- */
.ph-display{ font-family:'Big Shoulders Display', sans-serif !important; }
.ph-body{ font-family:'Hanken Grotesk', sans-serif !important; }

/* ---------- HERO SPOTLIGHT GLOWS ---------- */
.ph-hero-glow{
  background-color:#0B0A0F !important;
  background-image:
    radial-gradient(620px circle at 6% -12%, rgba(184,252,112,.22), transparent 60%),
    radial-gradient(540px circle at 94% -4%,  rgba(64,124,3,.32),    transparent 60%),
    radial-gradient(520px circle at 50% 124%, rgba(111,155,255,.12), transparent 65%) !important;
}

/* ---------- FINAL CTA CENTRE GLOW ---------- */
.ph-cta-glow{
  background-color:#0B0A0F !important;
  background-image:radial-gradient(700px circle at 50% 50%, rgba(184,252,112,.16), transparent 62%) !important;
}

/* ---------- SECTION FADE (dark -> panel) ---------- */
.ph-section-fade{
  background:linear-gradient(180deg,#0B0A0F 0%, #121019 100%) !important;
}

/* ---------- FILM-GRAIN OVERLAY (subtle, optional) ---------- */
.ph-grain{position:relative;}
.ph-grain::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- MARQUEE BULB ROW ----------
   Apply .ph-bulbs to a small EMPTY element on its OWN line above the
   eyebrow. The 5 dots are a fixed-width background so Groove cannot
   collapse or stack them. */
.ph-bulbs{
  display:block !important;
  width:89px !important; min-width:89px !important; max-width:89px !important;
  height:12px !important; min-height:0 !important;
  flex:0 0 auto !important; align-self:flex-start !important;
  padding:0 !important; border:0 !important;
  background-color:transparent !important; background-repeat:no-repeat !important;
  background-image:
    radial-gradient(circle 4px at 4px 50%,  #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 24px 50%, #6f9bff 65%, transparent 67%),
    radial-gradient(circle 4px at 44px 50%, #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 64px 50%, #7fce3c 65%, transparent 67%),
    radial-gradient(circle 4px at 84px 50%, #b8fc70 65%, transparent 67%) !important;
  filter:drop-shadow(0 0 5px rgba(184,252,112,.55));
  margin:0 0 22px 4px !important;
  animation:ph-flick 2.6s infinite ease-in-out;
}
@keyframes ph-flick{0%,100%{opacity:1}45%{opacity:.45}55%{opacity:.95}}
/* center the bulb row in its container (use with .ph-bulbs) */
.ph-bulbs-center{ margin-left:auto !important; margin-right:auto !important; }

/* ---------- BUTTONS ---------- */
.ph-btn-green,.ph-btn-blue,.ph-btn-ghost{
  display:inline-flex;align-items:center;gap:.5em;
  font-weight:700;font-size:15.5px;line-height:1;text-decoration:none;
  padding:14px 24px;border-radius:100px;border:1px solid transparent;cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,border-color .25s;
}
.ph-btn-green{background:#305b02 !important;color:#F6F0E6 !important;}
.ph-btn-green:hover{background:#407c03 !important;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(184,252,112,.5);}
.ph-btn-blue{background:#002277 !important;color:#F6F0E6 !important;}
.ph-btn-blue:hover{background:#003399 !important;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(111,155,255,.45);}
.ph-btn-ghost{background:transparent !important;color:#F6F0E6 !important;border-color:#26242B !important;}
.ph-btn-ghost:hover{border-color:#F6F0E6 !important;transform:translateY(-2px);}

/* ---------- CARDS (hover lift + top glow) ---------- */
.ph-card{
  position:relative;overflow:hidden;
  background:#121019 !important;border:1px solid #26242B;border-radius:18px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
}
.ph-card:hover{transform:translateY(-6px);border-color:#3a3744;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
.ph-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at 50% -10%, rgba(184,252,112,.12), transparent 60%);
}
.ph-card:hover::before{opacity:1;}

/* ---------- HIGHLIGHTED "PHENOM WAY" CARD ---------- */
.ph-accent-border{
  border:1px solid #4A6B28 !important;
  background:rgba(184,252,112,.05) !important;
}

/* BETA panel — static blue version (pale blue fill, blue border, no animation).
   The calm counterpart to .ph-beta-border. Matches the notice/planbar look on
   the Trivia page. Pair with .ph-card:  class="ph-card ph-beta-panel" */
.ph-beta-panel{
  border:1px solid #2b3a78 !important;
  background:rgba(0,34,119,.16) !important;
}

/* ---------- ICON CHIP (lime square) ---------- */
.ph-icon-chip{
  display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:#b8fc70 !important;color:#14210a !important;font-weight:900;font-size:22px;
}

/* ---------- KICKER LABEL (dash beside text, left-aligned) ---------- */
.ph-kicker{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:fit-content !important;
  margin:0 auto 0 0 !important;     /* keeps it left even inside a centered column */
  text-align:left !important;
  color:#b8fc70 !important;font-weight:700;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
}
.ph-kicker::before{
  content:"" !important;
  display:block !important;
  flex:0 0 auto !important;
  width:26px !important;height:2px !important;
  background:#b8fc70 !important;
}
/* center the kicker in its container (use with .ph-kicker) */
.ph-kicker-center{ margin-left:auto !important; margin-right:auto !important; }

/* ---------- GLOWING HEADLINE LINE ---------- */
.ph-glow-text{color:#b8fc70 !important;text-shadow:0 0 40px rgba(184,252,112,.5);}

/* ============================================================
   BLUE / BETA THEME VARIANTS  (Phenom Trivia beta page)
   Most classes are reused unchanged — only the LIME-accent pieces
   need a blue twin. STACK the "-blue" modifier on the base class
   where noted (e.g. Element's Class = "ph-kicker ph-kicker-blue").
   The hero/CTA glows are STANDALONE — use them instead of the
   lime version, not alongside it.
   Reused as-is on the Trivia page: ph-card, ph-btn-blue,
   ph-btn-ghost, ph-beta-border, ph-nav, ph-navsec, ph-herosec,
   ph-grain, ph-reveal, ph-menu, and panels (section background).
   ============================================================ */

/* Kicker — use:  ph-kicker ph-kicker-blue */
.ph-kicker-blue{ color:#6f9bff !important; }
.ph-kicker-blue::before{ background:#6f9bff !important; }

/* Glowing headline word — use:  ph-glow-text-blue  (instead of ph-glow-text) */
.ph-glow-text-blue{ color:#6f9bff !important; text-shadow:0 0 40px rgba(111,155,255,.55); }

/* Hero spotlight — use:  ph-hero-glow-blue  (instead of ph-hero-glow) */
.ph-hero-glow-blue{
  background-color:#0B0A0F !important;
  background-image:
    radial-gradient(620px circle at 6% -12%, rgba(111,155,255,.20), transparent 60%),
    radial-gradient(560px circle at 94% -6%, rgba(0,34,119,.45),    transparent 60%),
    radial-gradient(520px circle at 50% 124%, rgba(184,252,112,.10), transparent 65%) !important;
}

/* Final CTA centre glow — use:  ph-cta-glow-blue  (instead of ph-cta-glow) */
.ph-cta-glow-blue{
  background-color:#0B0A0F !important;
  background-image:radial-gradient(700px circle at 50% 50%, rgba(111,155,255,.18), transparent 62%) !important;
}

/* Bulb row — use:  ph-bulbs ph-bulbs-blue  (blue-led colours + blue glow) */
.ph-bulbs-blue{
  background-image:
    radial-gradient(circle 4px at 4px 50%,  #6f9bff 65%, transparent 67%),
    radial-gradient(circle 4px at 24px 50%, #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 44px 50%, #6f9bff 65%, transparent 67%),
    radial-gradient(circle 4px at 64px 50%, #b8fc70 65%, transparent 67%),
    radial-gradient(circle 4px at 84px 50%, #6f9bff 65%, transparent 67%) !important;
  filter:drop-shadow(0 0 5px rgba(111,155,255,.55)) !important;
}

/* BETA pill badge — standalone (new). Put on a small text element. */
.ph-badge-beta{
  display:inline-flex !important;align-items:center;gap:6px;
  background:#002277 !important;color:#F6F0E6 !important;
  font-family:'Hanken Grotesk',sans-serif !important;
  font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  padding:4px 9px;border-radius:100px;
}

/* Optional blue twins (only if you use these on the Trivia page) */
.ph-icon-chip-blue{ background:#6f9bff !important; color:#04122e !important; }
.ph-link-blue{ color:#6f9bff !important; }
.ph-link-blue::after{ background:#6f9bff !important; }
.ph-link-blue:hover{ color:#9bbcff !important; }

/* ============================================================
   CONTACT FORM  (style a GroovePages/GrooveMail form to match)
   Apply ph-form to the form container; ph-input / ph-textarea /
   ph-select to fields; ph-label to labels; ph-submit to the
   button. Works on a native GrooveMail form or a hand-built one.
   ============================================================ */
.ph-form{ background:#121019 !important;border:1px solid #26242B !important;border-radius:20px !important;padding:34px !important; }
.ph-label{ display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A6A29D !important;margin-bottom:8px; }
.ph-input,.ph-textarea,.ph-select{
  width:100%;background:#0E0D14 !important;color:#F6F0E6 !important;
  border:1px solid #26242B !important;border-radius:12px !important;
  padding:14px 16px !important;font-family:'Hanken Grotesk',sans-serif !important;font-size:15.5px;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.ph-input:focus,.ph-textarea:focus,.ph-select:focus{ border-color:#b8fc70 !important;box-shadow:0 0 0 3px rgba(184,252,112,.15) !important; }
.ph-textarea{ min-height:140px;resize:vertical; }
.ph-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:#305b02 !important;color:#F6F0E6 !important;font-weight:700;font-size:16px;
  padding:16px 26px !important;border:1px solid transparent !important;border-radius:100px !important;cursor:pointer;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.ph-submit:hover{ background:#407c03 !important;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(184,252,112,.5); }
.ph-form-note{ font-size:12.5px;color:#6F6B69 !important;margin-top:16px;text-align:center; }
.ph-hp{ position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden; }  /* spam honeypot */

/* Confirmation panel — reveal after submit (hide the form, show this) */
.ph-form-success{ background:#121019 !important;border:1px solid #4A6B28 !important;border-radius:20px !important;padding:48px 34px !important;text-align:center; }
.ph-form-success .check{ width:70px;height:70px;border-radius:50%;background:rgba(184,252,112,.12);color:#b8fc70 !important;display:grid;place-items:center;font-size:34px;font-weight:800;margin:0 auto 18px;font-family:'Big Shoulders Display',sans-serif !important; }
.ph-form-success h2,.ph-form-success h3{ color:#F6F0E6 !important;font-family:'Big Shoulders Display',sans-serif !important;font-weight:800;text-transform:uppercase;font-size:30px;margin-bottom:8px; }
.ph-form-success p{ color:#A6A29D !important;margin-bottom:20px; }
.ph-form-success a{ color:#b8fc70 !important;font-weight:700; }

/* ============================================================
   SPACING HELPERS — vertical margin above/below an element
   (headings, etc.). Attach to the element via Element's Class.
   Uses !important to override Groove's locked inline margins.
   em units scale with the font size.
   ============================================================ */
.ph-flush{ margin-top:0 !important; margin-bottom:0 !important; }       /* no space above OR below */
.ph-flush-top{ margin-top:0 !important; }                               /* no space above */
.ph-flush-bottom{ margin-bottom:0 !important; }                        /* no space below */
.ph-tight{ margin-top:.2em !important; margin-bottom:.2em !important; } /* small space above + below */
.ph-tight-top{ margin-top:.2em !important; }                            /* small space above */
.ph-tight-bottom{ margin-bottom:.2em !important; }                      /* small space below */

/* Stacked headline lines sitting too far apart? Put ph-stack-tight on
   the COLUMN/CONTAINER to zero its flex gap. */
.ph-stack-tight{ gap:0 !important; row-gap:0 !important; }

/* ============================================================
   SCREENSHOT FRAME — present an app/UI screenshot.
   Add ph-shot to the Image element itself (or to a figure/div
   wrapping the screenshot). Built-in border, dark fill, rounded
   corners and a soft drop shadow so a dark screenshot lifts off
   a dark page. Keep the real title bar in your screenshot — no
   extra chrome needed. Add ph-shot-glow as well for a subtle lime
   halo (good for the hero shot). ph-shot-cap styles a caption line.
   ============================================================ */
.ph-shot{ border:1px solid #26242B !important;border-radius:14px !important;overflow:hidden !important;background:#0E0F14 !important;box-shadow:0 40px 90px -50px rgba(0,0,0,.95) !important;display:block !important; }
.ph-shot.ph-shot-glow,.ph-shot-glow.ph-shot{ box-shadow:0 40px 90px -50px rgba(0,0,0,.95),0 0 70px -20px rgba(184,252,112,.25) !important; }
.ph-shot img,.ph-shot video{ display:block !important;width:100% !important;height:auto !important;border-radius:0 !important; }
.ph-shot-cap{ display:block;font-size:12.5px !important;color:#6F6B69 !important;text-align:center !important;margin-top:10px !important; }

/* ---------- PROBLEM-AREA PANEL ----------
   Apply .ph-prob to each bordered mini-card in the Problem section
   (the container holding one X marker + its text). Set the text colours
   on the inner elements: X = #cc2b2b, bold lead-in = #F6F0E6, body = #A6A29D. */
.ph-prob{
  display:flex !important;
  gap:14px !important;
  align-items:flex-start !important;
  padding:16px 18px !important;
  background:rgba(255,255,255,.02) !important;
  border:1px solid #26242B !important;
  border-radius:14px !important;
}

/* ---------- WHY PANELS ----------
   Apply .ph-why to each card in the "Why Phenom" section.
   .ph-why-ic on the lime icon element; titles/body styled automatically,
   or use .ph-why-title / .ph-why-text on the inner elements directly. */
.ph-why{
  background:#121019 !important;
  border:1px solid #26242B !important;
  border-radius:18px;
  padding:30px !important;
  transition:transform .3s ease,border-color .3s ease;
}
.ph-why:hover{ transform:translateY(-4px); border-color:#3a3744 !important; }
.ph-why-ic{
  display:block;line-height:1;margin-bottom:14px;
  font-family:'Big Shoulders Display',sans-serif !important;
  font-weight:900;font-size:26px;color:#b8fc70 !important;
}
.ph-why h3, .ph-why-title{ color:#F6F0E6 !important; }
.ph-why p,  .ph-why-text{ color:#A6A29D !important; }

/* ---------- DIFFERENCE / COMPARISON PANELS ----------
   Apply .ph-diff to each column, PLUS .ph-diff-old (red) or
   .ph-diff-new (lime) for the variant — e.g. "ph-diff ph-diff-new".
   Headings, body and markers colour automatically; helper classes
   (.ph-diff-title / .ph-diff-text / .ph-diff-yes / .ph-diff-no) are
   there if you need to target inner elements directly. */
.ph-diff{
  border:1px solid #26242B !important;
  border-radius:18px;
  padding:32px !important;
}
.ph-diff-old{ background:rgba(204,43,43,.05) !important; }
.ph-diff-new{ background:rgba(184,252,112,.05) !important; border-color:#4A6B28 !important; }

/* headings */
.ph-diff h3, .ph-diff-title{ font-weight:800; margin-bottom:18px; }
.ph-diff-old h3, .ph-diff-old .ph-diff-title{ color:#cc2b2b !important; }
.ph-diff-new h3, .ph-diff-new .ph-diff-title{ color:#b8fc70 !important; }

/* body text */
.ph-diff p, .ph-diff li, .ph-diff-text{ color:#A6A29D !important; }

/* tick / cross markers */
.ph-diff-yes{ color:#b8fc70 !important; font-weight:800; }
.ph-diff-no { color:#cc2b2b !important; font-weight:800; }

/* ---------- DROPDOWN STACKING FIX ----------
   Fixes nav dropdowns rendering BEHIND the next section (e.g. the hero
   with ph-hero-glow / ph-grain, which create their own stacking context).
   Put ph-navsec on the SECTION/ROW that holds the nav embed.
   If the hero still wins, also put ph-herosec on the hero section. */
.ph-navsec{ position:relative !important; z-index:1000 !important; overflow:visible !important; }
.ph-herosec{ position:relative !important; z-index:1 !important; }

/* ---------- STICKY NAV WITH FROSTED BLUR ----------
   Apply .ph-nav to the nav block, and turn on Groove's Sticky option. */
.ph-nav{
  position:sticky;top:0;z-index:1000;
  background:rgba(11,10,15,.7) !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid #26242B !important;
}

/* ---------- ANIMATED BETA-CARD BORDER (rotating gradient edge) ----------
   Apply alongside .ph-card on the Phenom Trivia card.
   Element's Class field:  ph-card ph-beta-border
   Uses ::after, so it coexists with .ph-card's ::before hover glow.
   On browsers without @property support the edge shows as a static
   gradient (no spin) — still looks good. */
@property --ph-angle{ syntax:'<angle>'; initial-value:0deg; inherits:false; }

.ph-beta-border{
  border-color:transparent !important;   /* gradient ring replaces the flat border */
}
.ph-beta-border::after{
  content:"" !important;
  position:absolute; inset:0;
  border-radius:inherit; padding:1px;
  background:conic-gradient(from var(--ph-angle,0deg),
    #002277, #6f9bff, #b8fc70, #6f9bff, #002277) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; z-index:2;
  animation:ph-angle-spin 6s linear infinite;
}
@keyframes ph-angle-spin{ to{ --ph-angle:360deg; } }

/* Simpler alternative — pulsing blue glow (works everywhere). To use this
   instead, delete the rotating block above and uncomment this:
.ph-beta-border{ border:1px solid #002277 !important; animation:ph-beta-pulse 3s ease-in-out infinite; }
@keyframes ph-beta-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(0,34,119,.6), 0 0 24px -8px rgba(111,155,255,.5);}
  50%    {box-shadow:0 0 0 1px rgba(111,155,255,.9), 0 0 42px -6px rgba(111,155,255,.85);}
}
*/

/* ---------- ANIMATED LINK UNDERLINE ("Learn more ->") ----------
   Apply .ph-link to text links / text CTAs. */
.ph-link{
  position:relative;color:#b8fc70 !important;font-weight:700;text-decoration:none !important;
  display:inline-flex;align-items:center;gap:.4em;
}
.ph-link::after{
  content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;
  background:#b8fc70;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.ph-link:hover::after{transform:scaleX(1);}
.ph-link:hover{color:#cdfd97 !important;}

/* ---------- DROPDOWN / MENU PANEL ----------
   Apply .ph-menu to a custom dropdown panel; .ph-menu-group on
   non-clickable heading rows; links inside style automatically. */
.ph-menu{
  background:#121019 !important;border:1px solid #26242B !important;border-radius:14px;
  padding:14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.85);min-width:230px;
}
.ph-menu .ph-menu-group{
  display:block;margin:10px 8px 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#6F6B69;font-weight:700;
}
.ph-menu .ph-menu-group:first-child{margin-top:0;}
.ph-menu a{
  display:block;padding:8px 10px;border-radius:8px;color:#A6A29D !important;
  font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;
}
.ph-menu a:hover{background:rgba(184,252,112,.08);color:#b8fc70 !important;}

/* ---------- OPTIONAL: CSS FADE-UP ON SCROLL ----------
   Groove's built-in "Fade Up" is the easy route; this is a no-JS
   alternative for browsers that support scroll-driven animations. */
@supports (animation-timeline: view()){
  .ph-reveal{
    opacity:0;transform:translateY(28px);
    animation:ph-rise both;
    animation-timeline:view();
    animation-range:entry 0% entry 40%;
  }
}
@keyframes ph-rise{to{opacity:1;transform:none;}}

/* ---------- ACCESSIBILITY: respect reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ph-reveal{opacity:1 !important;transform:none !important;animation:none !important;}
  .ph-bulbs,.ph-beta-border{animation:none !important;}
  .ph-beta-border::after{animation:none !important;}
  .ph-link::after{transition:none !important;}
  .ph-card,.ph-btn-green,.ph-btn-blue,.ph-btn-ghost{transition:none !important;}
} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 .gp-component-id-wV741it1gE { position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } } @media (min-width: 1200px) { .gp-component-id-wV741it1gE { position: relative;z-index: 15;margin-left: auto;margin-right: auto; } }

 .gp-component-id-GwQ4pX5EFR.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-GwQ4pX5EFR.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-GwQ4pX5EFR.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-GwQ4pX5EFR.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-GwQ4pX5EFR.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-GwQ4pX5EFR.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-GwQ4pX5EFR { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-GwQ4pX5EFR { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-GwQ4pX5EFR { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-GwQ4pX5EFR { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-GwQ4pX5EFR { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (min-width: 1200px) { .gp-component-id-GwQ4pX5EFR { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } }

 .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } @media (max-width: 639px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-AFCze9dq90 { overflow-wrap: break-word;width: 100%; } }

 .gp-component-id-yCrHpyoXK7 { width: 100%;height: 100%; } @media (max-width: 639px) { .gp-component-id-yCrHpyoXK7 { width: 100%;height: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yCrHpyoXK7 { width: 100%;height: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yCrHpyoXK7 { width: 100%;height: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yCrHpyoXK7 { width: 100%;height: 100%; } } @media (min-width: 1200px) { .gp-component-id-yCrHpyoXK7 { width: 100%;height: 100%; } }

 .gp-component-id-pPwND1Omv0 { width: 100%;height: 100%; } @media (max-width: 639px) { .gp-component-id-pPwND1Omv0 { width: 100%;height: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-pPwND1Omv0 { width: 100%;height: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-pPwND1Omv0 { width: 100%;height: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-pPwND1Omv0 { width: 100%;height: 100%; } } @media (min-width: 1200px) { .gp-component-id-pPwND1Omv0 { width: 100%;height: 100%; } }

 .gp-component-id-f0gsqWyWKy { width: 100%; } @media (max-width: 639px) { .gp-component-id-f0gsqWyWKy { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-f0gsqWyWKy { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-f0gsqWyWKy { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-f0gsqWyWKy { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-f0gsqWyWKy { width: 100%;overflow-wrap: break-word; } }

 .gp-component-id-bPlwVc2oJH { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } @media (max-width: 639px) { .gp-component-id-bPlwVc2oJH { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-bPlwVc2oJH { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-bPlwVc2oJH { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-bPlwVc2oJH { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (min-width: 1200px) { .gp-component-id-bPlwVc2oJH { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } }

 .gp-component-id-TO2FS4soNC { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-TO2FS4soNC { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-TO2FS4soNC { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-TO2FS4soNC { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-TO2FS4soNC { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-TO2FS4soNC { width: 100%;padding-left: 8px;padding-right: 8px; } }

 .gp-component-id-BnbrtHn_yW { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-BnbrtHn_yW { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-BnbrtHn_yW { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-BnbrtHn_yW { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-BnbrtHn_yW { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-BnbrtHn_yW { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 1200px; } }

 .gp-component-id-BM5fGS3DGL { object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } @media (max-width: 639px) { .gp-component-id-BM5fGS3DGL { object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 25%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-BM5fGS3DGL { object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 25%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-BM5fGS3DGL { object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 25%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-BM5fGS3DGL { object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 25%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (min-width: 1200px) { .gp-component-id-BM5fGS3DGL { object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 25%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } }

 .gp-component-id-34UqDEyJ8.gp-component > [data-section-overlay] { position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-34UqDEyJ8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-34UqDEyJ8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-34UqDEyJ8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-34UqDEyJ8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-34UqDEyJ8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } }

 @media (max-width: 639px) { .gp-component-id-34UqDEyJ8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-34UqDEyJ8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-34UqDEyJ8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-34UqDEyJ8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-34UqDEyJ8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } }

 .gp-component-id-2IZRdIZCZB { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-2IZRdIZCZB { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-2IZRdIZCZB { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-2IZRdIZCZB { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-2IZRdIZCZB { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-2IZRdIZCZB { width: 25%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } }

 .gp-component-id-1PtJwl8ev5 { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-1PtJwl8ev5 { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-1PtJwl8ev5 { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-1PtJwl8ev5 { width: 75%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-1PtJwl8ev5 { width: 75%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-1PtJwl8ev5 { width: 75%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } }

 .gp-component-id-ijXzboci0W.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-ijXzboci0W.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ijXzboci0W.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ijXzboci0W.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ijXzboci0W.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-ijXzboci0W.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-ijXzboci0W { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-ijXzboci0W { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ijXzboci0W { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ijXzboci0W { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ijXzboci0W { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } } @media (min-width: 1200px) { .gp-component-id-ijXzboci0W { z-index: auto;position: relative;min-height: 50px;width: 100%;min-width: 100%;max-width: 100%; } }

 .gp-component-id-49kJSnfA8.gp-component > [data-section-overlay] { position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-49kJSnfA8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-49kJSnfA8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-49kJSnfA8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-49kJSnfA8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-49kJSnfA8.gp-component > [data-section-overlay] { background-color: rgba(11, 10, 15, 1);position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } }

 @media (max-width: 639px) { .gp-component-id-49kJSnfA8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-49kJSnfA8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-49kJSnfA8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-49kJSnfA8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-49kJSnfA8 { padding-top: 10px;padding-bottom: 10px;z-index: auto;position: relative;min-height: 50px; } }

 .gp-component-id-Sz1wvO5NNA.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-Sz1wvO5NNA.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Sz1wvO5NNA.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Sz1wvO5NNA.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Sz1wvO5NNA.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-Sz1wvO5NNA.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } }

 .gp-component-id-Sz1wvO5NNA { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-Sz1wvO5NNA { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Sz1wvO5NNA { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Sz1wvO5NNA { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Sz1wvO5NNA { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-Sz1wvO5NNA { z-index: auto;position: relative;min-height: 50px; } }

 .gp-component-id-TAjw6ntZCc { width: 100%; } @media (max-width: 639px) { .gp-component-id-TAjw6ntZCc { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-TAjw6ntZCc { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-TAjw6ntZCc { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-TAjw6ntZCc { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-TAjw6ntZCc { width: 100%;overflow-wrap: break-word; } }

 .gp-component-id-W24ElV2HQ1 { position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-W24ElV2HQ1 { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-W24ElV2HQ1 { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-W24ElV2HQ1 { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-W24ElV2HQ1 { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (min-width: 1200px) { .gp-component-id-W24ElV2HQ1 { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } }

 .gp-component-id-wSwE8asVO.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-wSwE8asVO.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-wSwE8asVO.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-wSwE8asVO.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-wSwE8asVO.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-wSwE8asVO.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-wSwE8asVO { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-wSwE8asVO { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-wSwE8asVO { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-wSwE8asVO { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-wSwE8asVO { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-wSwE8asVO { z-index: auto;position: relative;min-height: 50px; } }

 .gp-component-id-0dmOLp28j { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-0dmOLp28j { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0dmOLp28j { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0dmOLp28j { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0dmOLp28j { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-0dmOLp28j { width: 100%;overflow-wrap: break-word; } }

 .gp-component-id-hlp0qeBCmP { position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-hlp0qeBCmP { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-hlp0qeBCmP { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-hlp0qeBCmP { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-hlp0qeBCmP { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } } @media (min-width: 1200px) { .gp-component-id-hlp0qeBCmP { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;min-width: 100%;max-width: 100%; } }

 .gp-component-id-jmGAvcI4sL.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-jmGAvcI4sL.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-jmGAvcI4sL.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-jmGAvcI4sL.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-jmGAvcI4sL.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-jmGAvcI4sL.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-jmGAvcI4sL { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-jmGAvcI4sL { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-jmGAvcI4sL { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-jmGAvcI4sL { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-jmGAvcI4sL { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-jmGAvcI4sL { z-index: auto;position: relative;min-height: 50px; } }

 .gp-component-id-PzpQwCEjjH.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-PzpQwCEjjH.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-PzpQwCEjjH.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-PzpQwCEjjH.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-PzpQwCEjjH.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-PzpQwCEjjH.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } }

 .gp-component-id-PzpQwCEjjH { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-PzpQwCEjjH { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-PzpQwCEjjH { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-PzpQwCEjjH { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-PzpQwCEjjH { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-PzpQwCEjjH { z-index: auto;position: relative;min-height: 50px; } }


  .phn{
    font-family:'Hanken Grotesk',-apple-system,Segoe UI,Roboto,sans-serif;
    position:relative;z-index:100000;
    background:rgba(11,10,15,.72);
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border-bottom:1px solid #26242B;
  }
  .phn *{box-sizing:border-box;margin:0;padding:0}

  .phn-top{display:none;max-width:1180px;margin:0 auto;align-items:center;justify-content:flex-end;min-height:56px;padding:0 16px;}
  .phn-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:0;cursor:pointer;padding:0;}
  .phn-burger span{display:block;height:2px;width:23px;margin-left:auto;background:#F6F0E6;transition:transform .25s,opacity .2s;}
  .phn.phn-open .phn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .phn.phn-open .phn-burger span:nth-child(2){opacity:0;}
  .phn.phn-open .phn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .phn-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:6px;min-height:60px;}
  .phn-item{position:relative;}
  .phn-link,.phn-trigger{
    display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
    font:600 15px/1 'Hanken Grotesk',sans-serif;color:#A6A29D;
    background:none;border:0;cursor:pointer;text-decoration:none;
    padding:14px 16px;border-radius:10px;transition:color .2s,background .2s;
  }
  .phn-link:hover,.phn-trigger:hover,.phn-item.open .phn-trigger{color:#b8fc70;}
  .phn-trigger .caret{font-size:11px;opacity:.8;transition:transform .25s;}
  .phn-item.open .phn-trigger .caret{transform:rotate(180deg);}

  .phn-panel{
    position:absolute;top:calc(100% + 6px);left:0;
    background:#121019;border:1px solid #26242B;border-radius:14px;
    padding:14px;min-width:262px;box-shadow:0 30px 70px -28px rgba(0,0,0,.85);
    opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    transition-delay:.28s;          /* grace period before hiding */
    z-index:100001;
  }
  .phn-panel::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;} /* hover bridge */
  /* open via hover (desktop), keyboard focus, or click (.open) */
  @media (hover:hover) and (pointer:fine){
    .phn-item:hover > .phn-panel,
    .phn-item:focus-within > .phn-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s;}
  }
  .phn-item.open > .phn-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s;}

  .phn-panel .phn-group{display:block;margin:12px 8px 5px;font:700 11px/1 'Hanken Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6F6B69;}
  .phn-panel .phn-group:first-child{margin-top:0;}
  .phn-panel a{display:block;padding:9px 10px;border-radius:8px;text-decoration:none;font:600 14.5px/1.2 'Hanken Grotesk',sans-serif;color:#A6A29D;transition:background .18s,color .18s;}
  .phn-panel a:hover{background:rgba(184,252,112,.08);color:#b8fc70;}

  /* ---------- MOBILE ---------- */
  @media (max-width:760px){
    .phn-top{display:flex;}
    .phn-burger{display:flex;}
    .phn-inner{
      position:absolute;top:100%;left:0;right:0;max-width:none;
      flex-direction:column;align-items:stretch;gap:0;
      background:#121019;border-bottom:1px solid #26242B;
      padding:8px 10px 16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.85);
      transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;
      transition:opacity .25s ease,transform .25s ease,visibility .25s;
    }
    .phn.phn-open .phn-inner{transform:none;opacity:1;visibility:visible;pointer-events:auto;}
    .phn-item{width:100%;position:static;}
    .phn-link,.phn-trigger{width:100%;justify-content:space-between;padding:14px 12px;font-size:16px;}
    .phn-panel{position:static;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;
      background:transparent;border:0;box-shadow:none;padding:0 0 8px 12px;min-width:0;transition:none;}
    .phn-panel::before{display:none;}
    .phn-item.open > .phn-panel{display:block;}
  }



  .sk{--ink:#0B0A0F;--panel:#121019;--panel2:#16131f;--lime:#b8fc70;--lime-deep:#7fce3c;
    --cream:#F6F0E6;--dim:#A6A29D;--faint:#6F6B69;--border:#26242B;--border-acc:#4A6B28;--red:#E5594C;
    background:var(--ink);color:var(--cream);font-family:'Hanken Grotesk',-apple-system,Segoe UI,Roboto,sans-serif;
    font-size:16.5px;line-height:1.62}
  .sk *{box-sizing:border-box;margin:0;padding:0}
  .sk .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
  .sk h1,.sk h2,.sk h3{font-family:'Big Shoulders Display',sans-serif;font-weight:800;text-transform:uppercase;line-height:.95}
  .sk .kick{font-family:'Big Shoulders Display';font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--lime)}
  .sk .sec{padding:64px 0;border-top:1px solid var(--border)}
  .sk .sec h2{font-size:clamp(27px,4.4vw,42px);margin:10px 0 14px}
  .sk .sec .lead{color:var(--dim);max-width:66ch;font-size:17px}
  .sk .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:700;font-size:17px;padding:17px 34px;border-radius:100px;text-decoration:none;cursor:pointer;line-height:1;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s}
  .sk .btn-green{background:#305b02;color:var(--cream)}
  .sk .btn-green:hover{background:#407c03;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(184,252,112,.5)}
  .sk .btn-ghost{background:transparent;color:var(--cream);border-color:var(--border)}
  .sk .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

  /* HERO */
  .sk .hero{position:relative;padding:70px 0 60px;overflow:hidden}
  .sk .hero-glow{position:absolute;inset:0;background:radial-gradient(56% 62% at 82% -10%, rgba(184,252,112,.17), transparent 60%);background-repeat:no-repeat;pointer-events:none}
  .sk .badge-top{display:inline-block;background:rgba(184,252,112,.1);border:1px solid var(--border-acc);color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:18px}
  .sk .hero h1{font-size:clamp(40px,7vw,74px);font-weight:900;margin-bottom:16px;max-width:16ch}
  .sk .hero h1 .l{color:var(--lime);text-shadow:0 0 36px rgba(184,252,112,.4)}
  .sk .hero .sub{font-size:19px;color:var(--dim);max-width:60ch;margin-bottom:26px}
  .sk .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
  .sk .price-inline{font-size:15px;color:var(--cream);font-weight:600}
  .sk .price-inline b{font-family:'Big Shoulders Display';font-weight:900;font-size:22px;color:var(--lime);vertical-align:-1px;margin-right:4px}
  .sk .cta-note{font-size:13px;color:var(--faint);max-width:56ch}
  .sk .trust{display:flex;gap:8px 22px;flex-wrap:wrap;color:var(--faint);font-size:13.5px;font-weight:600;margin-top:26px}
  .sk .trust b{color:var(--cream)}

  /* PROBLEM */
  .sk .prob{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
  .sk .prob p{color:var(--dim);margin-bottom:14px}
  .sk .prob p b{color:var(--cream)}
  .sk .prob .punch{border-left:2px solid var(--lime);padding-left:18px;color:var(--cream);font-size:19px;font-weight:600}
  .sk .prob-stat{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:26px}
  .sk .prob-stat .big{font-family:'Big Shoulders Display';font-weight:900;font-size:54px;color:var(--lime);line-height:1}
  .sk .prob-stat .cap{color:var(--dim);font-size:14.5px;margin-top:6px}
  .sk .prob-stat hr{border:0;border-top:1px solid var(--border);margin:18px 0}

  /* PLAYLISTS */
  .sk .plists{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
  .sk .pl{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:24px 22px;position:relative}
  .sk .pl:first-child{grid-column:span 2;background:linear-gradient(120deg,var(--panel2),var(--panel))}
  .sk .pl .name{font-family:'Big Shoulders Display';font-weight:900;font-size:26px;color:var(--cream)}
  .sk .pl .count{font-family:'Big Shoulders Display';font-weight:800;font-size:13px;color:var(--lime);letter-spacing:.06em;margin-left:10px;vertical-align:2px}
  .sk .pl p{color:var(--dim);font-size:14.5px;margin-top:10px}
  .sk .pl .tags{margin-top:14px;display:flex;gap:7px;flex-wrap:wrap}
  .sk .pl .tag{font-size:11.5px;font-weight:700;color:var(--dim);background:var(--ink);border:1px solid var(--border);border-radius:100px;padding:4px 10px}
  .sk .plnote{margin-top:18px;color:var(--faint);font-size:14px}

  /* THREE FILES */
  .sk .files{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
  .sk .file{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:26px 22px}
  .sk .file .fn{font-family:'Big Shoulders Display';font-weight:800;font-size:13px;color:var(--lime);letter-spacing:.08em;margin-bottom:12px}
  .sk .file h3{font-size:19px;margin-bottom:8px}
  .sk .file p{color:var(--dim);font-size:14.5px}

  /* STEPS */
  .sk .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:30px;counter-reset:s}
  .sk .step{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:24px 20px}
  .sk .step .n{font-family:'Big Shoulders Display';font-weight:900;font-size:15px;color:var(--ink);background:var(--lime);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;margin-bottom:14px}
  .sk .step h3{font-size:18px;margin-bottom:7px}
  .sk .step p{color:var(--dim);font-size:14px}
  .sk .stepnote{margin-top:20px;color:var(--faint);font-size:14px}
  .sk .stepnote b{color:var(--lime)}

  /* TOOLS */
  .sk .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
  .sk .tool{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:24px 22px}
  .sk .tool .badge2{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:100px;margin-bottom:12px}
  .sk .tool.free .badge2{background:rgba(184,252,112,.12);color:var(--lime);border:1px solid rgba(184,252,112,.3)}
  .sk .tool.inc .badge2{background:rgba(184,252,112,.12);color:var(--lime);border:1px solid rgba(184,252,112,.3)}
  .sk .tool.opt .badge2{background:var(--ink);color:var(--dim);border:1px solid var(--border)}
  .sk .tool h3{font-size:20px;margin-bottom:8px}
  .sk .tool p{color:var(--dim);font-size:14.5px}

  /* PRICING */
  .sk .pricegrid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:8px}
  .sk .pcard{border:1px solid var(--border-acc);border-radius:18px;background:linear-gradient(180deg,rgba(184,252,112,.06),transparent);padding:30px 28px}
  .sk .pcard .tier{font-family:'Big Shoulders Display';font-weight:900;text-transform:uppercase;font-size:24px}
  .sk .pcard .amt{font-family:'Big Shoulders Display';font-weight:900;font-size:58px;color:var(--lime);line-height:1;margin:8px 0 2px}
  .sk .pcard .amt small{font-size:20px;color:var(--dim);font-weight:700}
  .sk .pcard .once{color:var(--dim);font-size:14px;margin-bottom:20px}
  .sk .pcard ul{list-style:none;display:grid;gap:11px;margin-bottom:24px}
  .sk .pcard li{display:flex;gap:11px;font-size:15px;color:var(--cream)}
  .sk .pcard li .t{color:var(--lime);font-weight:800}
  .sk .subcard{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:28px 26px}
  .sk .subcard h3{font-size:20px;margin-bottom:12px}
  .sk .subcard p{color:var(--dim);font-size:14.5px;margin-bottom:12px}
  .sk .subcard p b{color:var(--cream)}
  .sk .subcard .rate{font-family:'Big Shoulders Display';font-weight:900;font-size:30px;color:var(--cream)}
  .sk .subcard .rate small{font-size:15px;color:var(--dim);font-weight:700}
  .sk .subcard .founding{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);background:rgba(184,252,112,.1);border:1px solid var(--border-acc);border-radius:100px;padding:4px 10px;margin-left:8px;vertical-align:3px}

  /* COMPARISON */
  .sk .cmp{width:100%;border-collapse:collapse;margin-top:26px;font-size:15px;border:1px solid var(--border);border-radius:16px;overflow:hidden}
  .sk .cmp th,.sk .cmp td{padding:15px 18px;border-bottom:1px solid var(--border);text-align:left;color:var(--cream)}
  .sk .cmp thead th{font-family:'Big Shoulders Display';font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--cream);background:var(--panel2)}
  .sk .cmp thead th.plus{color:var(--lime)}
  .sk .cmp td.feat{color:var(--dim);font-weight:600}
  .sk .cmp td .t{color:var(--lime);font-weight:800}
  .sk .cmp tr:last-child td{border-bottom:none}
  .sk .cmp tr:last-child td{font-weight:700;color:var(--cream)}
  .sk .cmp .upsell{margin-top:16px;color:var(--faint);font-size:14px}
  .sk .cmp-wrap{overflow-x:auto}
  .sk .cmp .plus-col{background:rgba(184,252,112,.05)}

  /* FAQ */
  .sk .faq{margin-top:24px;display:grid;gap:10px}
  .sk details{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:0 20px}
  .sk summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:700;color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:12px}
  .sk summary::-webkit-details-marker{display:none}
  .sk summary .pm{color:var(--lime);font-weight:800;font-size:20px}
  .sk details[open] summary .pm{transform:rotate(45deg)}
  .sk details p{color:var(--dim);font-size:14.5px;padding:0 0 18px}
  .sk details p b{color:var(--cream)}

  /* FINAL CTA */
  .sk .final{text-align:center;padding:70px 0}
  .sk .final h2{font-size:clamp(30px,5vw,48px)}
  .sk .final p{color:var(--dim);max-width:52ch;margin:12px auto 26px}

  @media(max-width:860px){
    .sk .prob,.sk .plists,.sk .files,.sk .tools,.sk .pricegrid{grid-template-columns:1fr}
    .sk .pl:first-child{grid-column:span 1}
  }



  .sk{--ink:#0B0A0F;--panel:#121019;--lime:#b8fc70;--cream:#F6F0E6;--dim:#A6A29D;--faint:#6F6B69;--border:#26242B;--border-acc:#4A6B28;
    background:var(--ink);color:var(--cream);font-family:'Hanken Grotesk',-apple-system,Segoe UI,Roboto,sans-serif;font-size:16.5px;line-height:1.62}
  .sk *{box-sizing:border-box;margin:0;padding:0}
  .sk .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
  .sk h2{font-family:'Big Shoulders Display',sans-serif;font-weight:800;text-transform:uppercase;line-height:.95}
  .sk .kick{font-family:'Big Shoulders Display';font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--lime)}
  .sk .sec{padding:64px 0;border-top:1px solid var(--border)}
  .sk .sec h2{font-size:clamp(27px,4.4vw,42px);margin:10px 0 14px}
  .sk .lead{color:var(--dim);font-size:17px}
  .sk .dlsec{text-align:center}
  .sk .dlsec .kick,.sk .dlsec h2,.sk .dlsec .lead{margin-left:auto;margin-right:auto}
  .sk .dlsec .lead{max-width:60ch}
  .sk .dl-panel{margin-top:30px;border:1px solid var(--border-acc);border-radius:18px;background:linear-gradient(180deg,rgba(184,252,112,.06),transparent);padding:40px 28px}
  .sk .pb-dl{text-align:center;color:var(--cream)}
  .sk .pb-dl *{box-sizing:border-box;margin:0;padding:0}
  .sk .pb-dl .pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:#305b02;color:var(--cream);font-weight:700;font-size:17px;padding:18px 38px;border:1px solid transparent;border-radius:100px;text-decoration:none;cursor:pointer;line-height:1;transition:transform .25s,box-shadow .25s,background .25s}
  .sk .pb-dl .pb-btn:hover{background:#407c03;transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(184,252,112,.5)}
  .sk .pb-dl .pb-btn .ar{transition:transform .25s}.sk .pb-dl .pb-btn:hover .ar{transform:translateY(2px)}
  .sk .pb-dl .pb-meta{font-size:13.5px;color:var(--dim);font-weight:600;margin-top:18px}
  .sk .pb-dl .pb-alt{font-size:13.5px;color:var(--faint);margin-top:8px}
  .sk .pb-dl .pb-alt a{color:var(--lime);font-weight:600;text-decoration:none}.sk .pb-dl .pb-alt a:hover{text-decoration:underline}
  .sk .pb-dl .pb-req{font-size:12.5px;color:var(--faint);margin-top:10px}



  .phf{
    --bg:#0B0A0F; --lime:#b8fc70; --cream:#F6F0E6;
    --dim:#A6A29D; --faint:#6F6B69; --border:#26242B;
    font-family:'Hanken Grotesk',-apple-system,Segoe UI,Roboto,sans-serif;
    background:var(--bg);border-top:1px solid var(--border);
    color:var(--dim);
  }
  .phf *{box-sizing:border-box;margin:0;padding:0}
  .phf-inner{max-width:1180px;margin:0 auto;padding:56px 24px 36px;}

  .phf-grid{
    display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.2fr;gap:36px;
  }
  .phf-brand{max-width:340px;}
  .phf-logo{display:block;height:42px;width:auto;margin-bottom:18px;}
  .phf-tag{font-size:14px;line-height:1.6;color:var(--faint);margin-bottom:16px;}
  .phf-about{display:inline-block;font-size:14.5px;font-weight:600;color:var(--dim);text-decoration:none;transition:color .2s;}
  .phf-about:hover{color:var(--lime);}
  .phf-meta{display:flex;gap:10px 18px;flex-wrap:wrap;}
  .phf-legal a{color:var(--faint);text-decoration:none;transition:color .2s;}
  .phf-legal a:hover{color:var(--lime);}
  .phf-sep{opacity:.5;margin:0 6px;}

  .phf-col h4{
    font-size:12px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--faint);font-weight:700;margin-bottom:15px;
  }
  .phf-col a{
    display:block;font-size:14.5px;font-weight:500;color:var(--dim);
    text-decoration:none;margin-bottom:11px;transition:color .2s;
  }
  .phf-col a:hover{color:var(--lime);}

  .phf-bottom{
    display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
    margin-top:48px;padding-top:24px;border-top:1px solid var(--border);
    font-size:13px;color:var(--faint);
  }

  @media (max-width:900px){
    .phf-grid{grid-template-columns:1fr 1fr;gap:30px;}
    .phf-brand{grid-column:1 / -1;max-width:none;}
  }
  @media (max-width:520px){
    .phf-grid{grid-template-columns:1fr;}
    .phf-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
  }