:root {
  --forest: #073e34;
  --deep: #052e29;
  --emerald: #087866;
  --jade: #12a68d;
  --mint: #dff5ed;
  --gold: #ffbe28;
  --ink: #133e34;
  --muted: #667e76;
  --paper: #fafcf9;
  --motion: cubic-bezier(.2,.75,.2,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--gold); outline-offset: 5px; }
.site-shell { min-height: 100vh; min-height: 100svh; position: relative; overflow: clip; background: radial-gradient(ellipse at 22% 22%, #fff 0%, #f9fcf9 56%, #f0f9f4 100%); }
.site-header { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 31px clamp(28px,5.65vw,95px); pointer-events: none; }
.brand, .top-status { pointer-events: auto; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; color: var(--forest); }
.brand-symbol { height: 59px; width: 59px; object-fit: contain; filter: drop-shadow(0px 3px 6px rgba(13,111,83,.10)); }
.brand-name { display: flex; flex-direction: column; gap: 1px; transform: translateY(1px); }
.brand-name strong { font-family: Georgia,"Times New Roman",serif; font-size: 24px; font-weight: 700; letter-spacing: .4px; line-height: 1; }
.brand-name > span { font-size: 11px; letter-spacing: 7.1px; font-weight: 700; margin-left: 2px; line-height: 1.7; }
.top-status { display: inline-flex; align-items: center; gap: 12px; color: #e2f4e9; letter-spacing: 2.1px; font-size: 10px; font-weight: 700; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(255,190,40,.14),0 0 19px rgba(255,190,40,.55); animation: blink 2.8s ease-in-out infinite; }
.hero { display: grid; grid-template-columns: 54% 46%; min-height: 100vh; min-height: 100svh; }
.hero-copy { position: relative; padding: 154px clamp(28px,4.3vw,78px) 115px clamp(28px,7.5vw,124px); display: flex; align-items: center; }
.copy-content { position: relative; z-index: 2; width: 100%; max-width: 660px; padding-bottom: 6px; }
.eyebrow { color: #278e78; font-size: 10px; font-weight: 800; letter-spacing: 3.5px; display: flex; align-items: center; gap: 13px; white-space: nowrap; }
.eyebrow-dash { display: inline-block; width: 30px; height: 2px; border-radius: 2px; background: var(--gold); box-shadow: 0 0 0 1px rgba(255,190,40,.05); }
h1 { font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: -4.8px; font-size: clamp(49px,5.15vw,83px); line-height: 1.18; margin: 29px 0 23px; color: #0c382e; }
.heading-light { font-weight: 600; letter-spacing: -4.5px; }
.heading-highlight { color: #0a957e; letter-spacing: -4.8px; }
.gold-period { color: var(--gold); }
.description { max-width: 490px; margin: 0; font-size: clamp(14px,1.13vw,16.5px); line-height: 1.95; color: #667b74; font-weight: 400; }
.description strong { color: #194c3f; font-weight: 700; }
.action-row { display: flex; margin-top: 32px; }
.share-button { position: relative; display: inline-flex; align-items: center; gap: 16px; min-height: 58px; border: 0; border-radius: 16px; padding: 8px 22px 8px 10px; background: var(--forest); color: white; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: .15px; box-shadow: 0 14px 26px rgba(3,67,51,.16); transition: transform .25s var(--motion), background .25s ease, box-shadow .25s ease; }
.share-button:hover { background: #066851; transform: translateY(-3px); box-shadow: 0 19px 34px rgba(3,67,51,.23); }
.share-button:active { transform: translateY(0); }
.button-icon { width: 40px; height: 40px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.13); border-radius: 11px; display: grid; place-items: center; }
.button-arrow { margin-left: 9px; opacity: .8; transition: transform .25s ease; }
.share-button:hover .button-arrow { transform: translateX(4px); }
.small-note { display: flex; align-items: center; gap: 10px; margin-top: 27px; color: #6b8a7e; font-size: 12px; font-weight: 600; }
.note-icon { color: #118b72; height: 17px; }
.left-decoration { pointer-events: none; user-select: none; position: absolute; left: -85px; bottom: 27px; font: 600 360px/.8 Georgia,serif; color: rgba(14,127,95,.025); }
.visual-panel { background: radial-gradient(circle at 63% 44%, #167b6c 0%, #076251 29%, #06473b 61%, #03352f 100%); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.panel-pattern { position: absolute; inset: 0; opacity: .22; background-image: radial-gradient(rgba(225,254,235,.20) .85px,transparent .85px); background-size: 24px 24px; mask-image: linear-gradient(130deg,transparent 5%,#000 53%,transparent 99%); }
.panel-glow { position: absolute; width: 800px; height: 800px; left: 0; top: 47%; transform: translate(-25%,-50%); background: radial-gradient(circle,rgba(72,209,174,.27),rgba(72,209,174,.04) 44%, transparent 66%); filter: blur(5px); pointer-events: none; }
.orbit { pointer-events: none; position: absolute; left: 50%; top: 49%; border-radius: 50%; border: 1px solid rgba(218,253,237,.16); transform: translate(-50%,-50%); }
.orbit-one { width: min(56vw,725px); height: min(56vw,725px); animation: orbit-spin 40s linear infinite; }
.orbit-two { width: min(43vw,570px); height: min(43vw,570px); border-style: dashed; border-color: rgba(238,255,248,.18); animation: orbit-spin-reverse 45s linear infinite; }
.orbit-three { width: min(69vw,910px); height: min(69vw,910px); border-color: rgba(180,254,227,.09); }
.orbit-dot { position: absolute; left: 14%; top: 14%; width: 13px; height: 13px; border-radius: 50%; background: #f7b72b; box-shadow: 0 0 22px rgba(245,183,43,.55); }
.mini-spark { position: absolute; border-radius: 50%; z-index: 0; pointer-events: none; }
.spark-a { width: 7px; height: 7px; left: 13%; top: 30%; background: #f9bb32; animation: tiny-pulse 3.2s ease-in-out infinite; }
.spark-b { width: 5px; height: 5px; right: 11%; top: 72%; background: #9fe4d3; animation: tiny-pulse 4s ease-in-out infinite 1s; }
.spark-c { width: 4px; height: 4px; right: 24%; top: 16%; background: #f9d17a; animation: tiny-pulse 4.8s ease-in-out infinite 1.4s; }
.logo-card-wrapper { position: relative; z-index: 2; width: min(68%,466px); aspect-ratio: 1; transform: translateY(-9px); animation: card-rise 1.2s var(--motion) both, card-float 7s ease-in-out infinite 1.2s; will-change: transform; }
.logo-card { position: absolute; inset: 0; background: linear-gradient(150deg,#ffffff 0%,#ffffff 62%,#f1f9f6 100%); border-radius: 34px; border: 1px solid rgba(255,255,255,.78); box-shadow: 0 24px 50px rgba(0,20,18,.20),0 70px 100px rgba(0,28,18,.13),inset 0 0 22px rgba(219,250,237,.27); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.logo-card::after { position: absolute; content: ""; inset: 11px; border: 1px solid rgba(6,101,79,.06); border-radius: 25px; pointer-events: none; }
.card-glint { position: absolute; width: 250px; height: 250px; right: -150px; top: -166px; transform: rotate(35deg); background: rgba(250,222,158,.27); filter: blur(42px); }
.main-logo { display: block; width: 93%; height: 93%; object-fit: contain; filter: drop-shadow(0 3px 2px rgba(0,0,0,.018)); }
.float-badge { position: absolute; background: rgba(255,255,255,.97); color: #145846; border: 1px solid rgba(255,255,255,.76); box-shadow: 0 18px 35px rgba(0,32,29,.16); white-space: nowrap; border-radius: 12px; display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 800; letter-spacing: 1.35px; }
.badge-top { top: 12%; right: -16%; padding: 15px 17px; transform: rotate(4deg); }
.badge-indicator { background: #13ab82; width: 7px; height: 7px; border-radius: 50%; box-shadow: 0 0 0 4px rgba(19,171,130,.11); }
.badge-bottom { bottom: 8%; left: -21%; font-size: 12px; font-weight: 700; letter-spacing: 0; padding: 13px 16px 13px 11px; transform: rotate(-5deg); }
.badge-symbol { background: #fff0c8; color: #d89907; width: 29px; height: 29px; border-radius: 9px; display: grid; place-items: center; font-size: 19px; }
.panel-caption { position: absolute; left: 0; right: 0; bottom: 83px; display: flex; align-items: center; justify-content: center; gap: 18px; color: rgba(225,250,235,.65); font-size: 10px; letter-spacing: 2.5px; font-weight: 700; }
.caption-line { width: 30px; height: 1px; background: rgba(226,250,235,.35); }
.site-footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 23px clamp(28px,5.65vw,95px); }
.site-footer p { margin: 0; color: #83958e; font-size: 11px; font-weight: 600; }
.site-footer .footer-domain { color: #dbefe5; letter-spacing: .25px; display: inline-flex; align-items: center; gap: 10px; }
.footer-dot { width: 5px; height: 5px; background: var(--gold); border-radius: 50%; }
.toast { position: fixed; z-index: 20; bottom: 28px; left: 50%; transform: translate(-50%,24px); pointer-events: none; padding: 13px 20px; color: white; background: #0a493c; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.2); font-size: 13px; font-weight: 600; opacity: 0; transition: opacity .25s ease,transform .25s ease; }
.toast.show { opacity: 1; transform: translate(-50%,0); }
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .8s var(--motion), transform .8s var(--motion); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .11s; }
.reveal-delay-2 { transition-delay: .24s; }
.reveal-delay-3 { transition-delay: .35s; }
.reveal-delay-4 { transition-delay: .45s; }
@keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes orbit-spin { from { transform: translate(-50%,-50%) rotate(0); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes orbit-spin-reverse { from { transform: translate(-50%,-50%) rotate(360deg); } to { transform: translate(-50%,-50%) rotate(0deg); } }
@keyframes tiny-pulse { 0%,100% { opacity: .35; transform: scale(.75); } 50% { opacity: 1; transform: scale(1.5); } }
@keyframes card-rise { from { opacity: 0; transform: translateY(37px) scale(.96); } to { opacity: 1; transform: translateY(-9px) scale(1); } }
@keyframes card-float { 0%,100% { transform: translateY(-9px); } 50% { transform: translateY(-23px); } }
@media (max-width: 1250px) {
  .hero { grid-template-columns: 53% 47%; }
  .hero-copy { padding-left: 6vw; padding-right: 20px; }
  h1 { font-size: clamp(46px,5vw,68px); letter-spacing: -3.5px; }
  .heading-light,.heading-highlight { letter-spacing: -3.5px; }
  .badge-top { right: -13%; }
  .badge-bottom { left: -14%; }
}
@media (max-width: 960px) {
  .site-header { position: relative; padding: 21px 32px 0; }
  .top-status { color: var(--emerald); font-size: 9px; letter-spacing: 1.2px; }
  .hero { display: flex; flex-direction: column; min-height: 0; }
  .hero-copy { min-height: 540px; padding: 66px 9vw 62px; }
  .copy-content { max-width: 720px; }
  h1 { font-size: clamp(54px,7.8vw,78px); }
  .description { max-width: 600px; font-size: 16px; }
  .visual-panel { min-height: 600px; border-radius: 35px 35px 0 0; margin: 0 16px; }
  .orbit-one { width: 660px; height: 660px; }
  .orbit-two { width: 520px; height: 520px; }
  .orbit-three { width: 820px; height: 820px; }
  .logo-card-wrapper { width: min(58%,440px); }
  .panel-caption { bottom: 40px; }
  .site-footer { position: relative; padding: 22px 34px; background: #f7fbf8; }
  .site-footer .footer-domain { color: var(--emerald); }
}
@media (max-width: 620px) {
  .site-header { padding: 16px 22px 0; gap: 5px; }
  .brand { gap: 7px; }
  .brand-symbol { width: 45px; height: 45px; }
  .brand-name strong { font-size: 19px; }
  .brand-name > span { font-size: 8.5px; letter-spacing: 6px; }
  .top-status { max-width: 125px; font-size: 8px; line-height: 1.5; letter-spacing: .8px; gap: 9px; }
  .top-status .status-dot { flex: 0 0 7px; height: 7px; }
  .hero-copy { min-height: 0; padding: 72px 26px 62px; }
  .eyebrow { font-size: 9px; letter-spacing: 1.9px; gap: 9px; }
  .eyebrow-dash { width: 20px; }
  h1 { font-size: clamp(41px,10.15vw,61px); letter-spacing: -2.5px; line-height: 1.18; margin: 26px 0 19px; }
  .heading-light,.heading-highlight { letter-spacing: -2.5px; }
  .description { font-size: 14px; line-height: 1.85; max-width: 470px; }
  .action-row { margin-top: 29px; }
  .share-button { min-height: 54px; padding-right: 17px; gap: 11px; }
  .button-arrow { margin-left: 6px; }
  .small-note { margin-top: 22px; font-size: 11px; }
  .visual-panel { min-height: 420px; margin: 0 10px; border-radius: 25px 25px 0 0; }
  .logo-card-wrapper { width: min(66%,330px); }
  .logo-card { border-radius: 25px; }
  .badge-top { top: 7%; right: -20%; font-size: 7.5px; letter-spacing: .4px; padding: 11px 9px; border-radius: 9px; }
  .badge-indicator { width: 6px; height: 6px; }
  .badge-bottom { left: -19%; bottom: 9%; font-size: 10px; padding: 8px 10px 8px 8px; }
  .badge-symbol { width: 24px; height: 24px; font-size: 15px; }
  .panel-caption { font-size: 8px; letter-spacing: 1.5px; bottom: 23px; gap: 9px; }
  .caption-line { width: 17px; }
  .site-footer { padding: 19px 24px; flex-wrap: wrap; gap: 7px; }
  .site-footer p { font-size: 10px; }
  .orbit-one { width: 470px; height: 470px; }
  .orbit-two { width: 345px; height: 345px; }
  .orbit-three { width: 600px; height: 600px; }
}
@media (max-width: 380px) {
  .top-status { max-width: 105px; font-size: 7px; }
  .hero-copy { padding-left: 23px; padding-right: 23px; }
  h1 { font-size: 39px; }
  .visual-panel { min-height: 375px; }
  .logo-card-wrapper { width: 65%; }
  .badge-bottom { left: -16%; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}