@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#173b2d;
  --ink-2:#0b2c27;
  --hero-ink:#0c2c28;
  --hero-panel:#153e37;
  --lime:#d5df58;
  --lime-soft:#ebefaf;
  --paper:#f8f6f0;
  --accent:#c46b3f;
  --font-body:"Open Sans",Arial,sans-serif;
  --font-display:"Josefin Sans",Arial,sans-serif;
}
body{font-family:var(--font-body);background:var(--paper);color:var(--ink)}
h1,h2,h3,.brand,.button,.main-nav,.category-tab,.product-meta h3,.process-card h3,.testimonial-card blockquote,.footer-brand p,.hero-stamp strong,.admin-sidebar h1,.admin-view-head h2,.settings-card h3{font-family:var(--font-display),Arial,sans-serif}
.hero-refresh{position:relative;isolation:isolate;min-height:min(760px,calc(100svh - 110px));display:flex;align-items:center;padding:58px 0 70px!important;background:var(--hero-ink);color:#f7f7ee;overflow:hidden}
.hero-refresh:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 74% 48%,rgba(104,153,89,.28),transparent 28%),radial-gradient(circle at 0% 100%,rgba(24,91,78,.7),transparent 42%),linear-gradient(125deg,#0c2c28 0%,#103630 45%,#0c2c28 100%)}
.hero-refresh:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(220,240,210,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(220,240,210,.18) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,black,transparent 88%);pointer-events:none}
.hero-refresh-grid{gap:72px;grid-template-columns:minmax(390px,.9fr) minmax(460px,1.1fr)}
.hero-refresh-copy{padding:28px 0 20px;position:relative;z-index:2}
.hero-topline{display:flex;align-items:center;gap:12px;color:#a6c4b0;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:34px}
.hero-live-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 6px rgba(213,223,88,.1)}
.hero-serial{margin-left:auto;color:#789e8b}
.hero-refresh h1{font-family:var(--font-display),Arial,sans-serif;font-size:clamp(58px,7.3vw,112px);line-height:.87;letter-spacing:-.075em;font-weight:500;margin:0 0 30px;max-width:660px;color:#fbfaf3}
.hero-refresh h1 span{color:var(--lime);font-weight:600}
.hero-refresh .hero-text{color:#b3c8bd;max-width:520px;font-size:14px;line-height:1.85;margin:0 0 33px}
.hero-refresh .hero-actions{gap:27px}
.hero-cta{background:var(--lime);color:var(--hero-ink);box-shadow:0 15px 40px rgba(213,223,88,.16);border-color:var(--lime);min-height:53px;padding-inline:22px}
.hero-cta:hover{background:#f0f3af;border-color:#f0f3af;color:var(--hero-ink)}
.hero-text-link{display:inline-flex;align-items:center;gap:9px;color:#f7f7ee;font-family:var(--font-display),Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:6px}
.hero-text-link:hover{color:var(--lime);border-color:var(--lime)}
.hero-text-link svg{width:15px}
.hero-proof{display:flex;align-items:center;gap:13px;color:#f5f5ec;margin-top:54px;font-size:11px}
.hero-proof-line{width:38px;height:1px;background:var(--lime)}
.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-family:var(--font-display);font-weight:600;font-size:13px}.hero-proof small{color:#8eb0a0;margin-top:3px;font-size:10px}
.hero-stage{min-height:595px;position:relative;overflow:hidden;border:1px solid rgba(224,242,215,.2);background:linear-gradient(145deg,rgba(57,104,80,.38),rgba(5,34,31,.78));box-shadow:0 28px 90px rgba(0,0,0,.22);border-radius:2px}
.hero-stage:before{content:"";position:absolute;inset:18px;border:1px solid rgba(218,239,210,.18);pointer-events:none}
.hero-stage-head,.hero-stage-note{position:absolute;left:28px;right:28px;z-index:4;display:flex;justify-content:space-between;gap:14px;color:#b6d0bd;font-size:8px;font-weight:800;letter-spacing:.16em}
.hero-stage-head{top:29px}.hero-stage-note{bottom:26px;color:#7eaa92}
.hero-variant-switcher{position:absolute;left:28px;top:57px;z-index:5;display:flex;gap:6px}.hero-variant{min-width:86px;min-height:42px;border:1px solid rgba(229,239,222,.24);background:rgba(5,30,27,.48);color:#d9e6d9;padding:7px 9px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;transition:.2s;backdrop-filter:blur(8px)}.hero-variant:hover{border-color:var(--lime);color:var(--lime)}.hero-variant.active{background:var(--lime);border-color:var(--lime);color:var(--hero-ink)}.hero-variant span{font:600 14px var(--font-display)}.hero-variant small{font:700 8px var(--font-body);line-height:1.05;letter-spacing:.02em}.hero-variant.active small{color:var(--hero-ink)}
.hero-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(206,234,198,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(206,234,198,.14) 1px,transparent 1px);background-size:42px 42px;opacity:.22;mask-image:radial-gradient(circle at 54% 48%,black,transparent 74%)}
.hero-model{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;--poster-color:transparent;--progress-bar-color:var(--lime);--progress-mask:transparent;--interaction-prompt-color:var(--lime);filter:saturate(1.06) contrast(1.04)}
.hero-orbit{position:absolute;z-index:1;left:50%;top:52%;border:1px solid rgba(213,223,88,.42);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none}.orbit-one{width:68%;height:35%}.orbit-two{width:77%;height:53%;transform:translate(-50%,-50%) rotate(61deg);border-color:rgba(171,218,166,.22)}
.hero-model-caption{position:absolute;left:28px;bottom:56px;z-index:5;display:flex;align-items:center;gap:12px;background:rgba(5,30,27,.74);padding:12px 15px;border-left:2px solid var(--lime);backdrop-filter:blur(10px)}
.hero-model-index{font-family:var(--font-display);font-size:25px;color:var(--lime);line-height:1}.hero-model-caption strong,.hero-model-caption small{display:block}.hero-model-caption strong{font-family:var(--font-display);font-size:13px;font-weight:600}.hero-model-caption small{font-size:9px;color:#9bb9a4;margin-top:3px}
.hero-model-reset{position:absolute;right:28px;bottom:56px;z-index:5;background:transparent;border:1px solid rgba(229,239,222,.28);color:#e3ecdf;padding:11px 13px;display:flex;align-items:center;gap:7px;font:600 10px var(--font-body);cursor:pointer;transition:.2s}.hero-model-reset:hover{background:rgba(213,223,88,.12);border-color:var(--lime);color:var(--lime)}.hero-model-reset svg{width:13px}
.model-credit{color:#b6d0bd;text-decoration:underline;text-underline-offset:3px}.model-credit:hover{color:var(--lime)}
.journal-section{background:#f0ece4}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.journal-card{background:var(--paper);padding:14px 14px 23px;position:relative;transition:transform .25s ease,box-shadow .25s ease}.journal-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(23,59,45,.09)}.journal-number{position:absolute;right:25px;top:25px;z-index:2;color:var(--white);font:500 24px var(--font-display);text-shadow:0 2px 12px rgba(0,0,0,.25)}.journal-image{height:230px;overflow:hidden;background:#dfe7dc}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.journal-card:hover .journal-image img{transform:scale(1.045)}.journal-type{color:var(--accent);font-size:9px;letter-spacing:.16em;font-weight:800;margin:19px 8px 9px}.journal-card h3{font-size:23px;line-height:1.08;font-weight:600;letter-spacing:-.035em;margin:0 8px 19px}.journal-link{display:inline-flex;align-items:center;gap:8px;margin-left:8px;border-bottom:1px solid rgba(23,59,45,.4);padding-bottom:4px;font:600 12px var(--font-display)}.journal-link svg{width:14px}.journal-card:hover .journal-link{color:var(--accent);border-color:var(--accent)}
.hero-refresh + .trust-strip{background:#e8eddf}
.hero-refresh + .trust-strip .trust-item{font-family:var(--font-body)}
@media(max-width:1024px){.hero-refresh-grid{grid-template-columns:1fr 1fr;gap:36px}.hero-refresh h1{font-size:clamp(53px,7vw,78px)}.hero-stage{min-height:510px}}
@media(max-width:1024px){.journal-grid{gap:16px}.journal-card h3{font-size:20px}.journal-image{height:190px}}
@media(max-width:760px){.hero-refresh{min-height:auto;padding:42px 0 54px!important}.hero-refresh-grid{grid-template-columns:1fr;gap:34px}.hero-refresh-copy{padding:4px 0 0}.hero-topline{margin-bottom:27px;font-size:8px}.hero-serial{display:none}.hero-refresh h1{font-size:clamp(54px,16vw,76px);line-height:.88;margin-bottom:22px}.hero-refresh .hero-text{font-size:13px;line-height:1.75;margin-bottom:26px}.hero-refresh .hero-actions{gap:19px}.hero-cta{min-height:50px;padding-inline:17px}.hero-text-link{font-size:12px}.hero-proof{margin-top:33px}.hero-stage{min-height:480px;height:480px}.hero-stage-head,.hero-stage-note{left:18px;right:18px;font-size:7px}.hero-stage-head{top:22px}.hero-stage-note{bottom:19px}.hero-variant-switcher{left:18px;right:18px;top:51px;gap:5px}.hero-variant{min-width:0;flex:1;padding:7px 7px;gap:6px}.hero-variant small{font-size:7px}.hero-stage:before{inset:12px}.hero-model-caption{left:18px;bottom:47px;padding:10px 12px}.hero-model-reset{right:18px;bottom:47px;padding:9px 10px;font-size:9px}.orbit-one{width:90%;height:35%}.orbit-two{width:100%;height:48%}.journal-grid{grid-template-columns:1fr;gap:18px}.journal-image{height:230px}.journal-card h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero-model{--camera-orbit:0deg 75deg 105%}.hero-refresh *{transition:none!important}}
.hero-brand-lockup{display:block;width:min(176px,42vw);height:auto;margin:0 0 27px;opacity:.96;filter:drop-shadow(0 12px 26px rgba(0,0,0,.14))}
.hero-refresh-copy .hero-topline{margin-bottom:23px}
@media(max-width:760px){.hero-brand-lockup{width:145px;margin-bottom:22px}.hero-refresh-copy .hero-topline{margin-bottom:25px}}

/* Editorial hero pass: deliberate line breaks, readable microcopy, no compressed labels. */
.hero-refresh-grid{align-items:center;gap:clamp(48px,6vw,88px)}
.hero-refresh-copy{padding:24px 0 18px;min-width:0}
.hero-topline{justify-content:space-between;gap:22px;min-height:22px;margin-bottom:28px;line-height:1.35}
.hero-topline-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.hero-topline-brand>span:last-child,.hero-serial{white-space:nowrap}
.hero-serial{padding-left:18px;border-left:1px solid rgba(166,196,176,.34);margin-left:auto;letter-spacing:.14em}
.hero-refresh h1{font-size:clamp(58px,6.7vw,96px);line-height:.94;letter-spacing:-.06em;max-width:560px;text-wrap:balance;overflow-wrap:normal}
.hero-refresh h1 .hero-line{display:block;white-space:nowrap;color:#fbfaf3;font-weight:500}
.hero-refresh h1 .hero-line-accent{color:var(--lime);font-weight:600}
.hero-refresh .hero-text{max-width:448px;line-height:1.72;margin-bottom:31px}
.hero-stage-head,.hero-stage-note{letter-spacing:.12em;line-height:1.35}
.hero-stage-head{gap:18px}
.hero-stage-note{gap:18px}

@media(max-width:1024px){
  .hero-refresh-grid{gap:34px}
  .hero-refresh h1{font-size:clamp(52px,6.5vw,78px);letter-spacing:-.055em}
}
@media(max-width:760px){
  .hero-refresh-copy{padding:4px 0 0}
  .hero-topline{justify-content:flex-start;gap:0;margin-bottom:27px}
  .hero-topline-brand>span:last-child{white-space:normal}
  .hero-refresh h1{font-size:clamp(50px,14vw,68px);line-height:.96;letter-spacing:-.055em;max-width:100%}
  .hero-refresh h1 .hero-line{white-space:normal}
  .hero-refresh .hero-text{max-width:34rem;line-height:1.7}
  .hero-stage-head,.hero-stage-note{gap:8px;letter-spacing:.08em}
}