:root{
  --paper:#f7f5ec;
  --paper-deep:#eeeade;
  --forest:#0b3b20;
  --forest-2:#175a2e;
  --leaf:#68ad2b;
  --leaf-soft:#9bce55;
  --orange:#e99a2b;
  --ink:#193222;
  --muted:#707a70;
  --line:rgba(11,59,32,.15);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:"DM Sans",sans-serif;overflow-x:hidden}
.paper{position:fixed;inset:0;z-index:-10;background:
  radial-gradient(circle at 50% 18%,rgba(255,255,255,.95),transparent 36%),
  linear-gradient(135deg,#f8f7ef 0%,#f3f1e6 55%,#eeecdf 100%)}
.paper:after{content:"";position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sun-glow{position:fixed;width:650px;height:650px;left:50%;top:-390px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 68%);z-index:-7}
.green-glow{position:fixed;width:600px;height:600px;left:-350px;bottom:-280px;border-radius:50%;background:radial-gradient(circle,rgba(104,173,43,.13),transparent 68%);z-index:-6}
.orange-glow{position:fixed;width:500px;height:500px;right:-300px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(233,154,43,.10),transparent 68%);z-index:-6}

.leaf{position:fixed;z-index:-4;opacity:.10;border:1px solid var(--leaf);border-radius:100% 0 100% 0;transform:rotate(34deg)}
.leaf:after{content:"";position:absolute;width:1px;height:120%;left:50%;top:-10%;background:var(--leaf);transform:rotate(-35deg)}
.leaf-1{width:150px;height:280px;left:-80px;top:22%}
.leaf-2{width:110px;height:210px;right:-60px;top:20%;transform:rotate(205deg);opacity:.075}

.page{min-height:100svh;max-width:1450px;margin:auto;padding:27px 5.2vw 18px;display:flex;flex-direction:column}
.nav{display:flex;justify-content:space-between;align-items:center}
.micro-brand{display:flex;align-items:center;gap:10px;font:800 9px/1 "Manrope",sans-serif;letter-spacing:.2em;color:var(--forest)}
.micro-mark{display:flex;gap:2px;align-items:flex-end;height:17px}
.micro-mark i{display:block;width:5px;background:var(--leaf);border-radius:7px 7px 2px 7px;transform:rotate(-24deg)}
.micro-mark i:nth-child(1){height:9px}.micro-mark i:nth-child(2){height:16px}.micro-mark i:nth-child(3){height:12px}
.instagram{display:flex;align-items:center;gap:8px;color:var(--forest);text-decoration:none;font-size:10px;font-weight:600}
.instagram span{color:var(--muted);font-weight:500}.instagram b{font-size:14px;color:var(--leaf);margin-left:1px}

.hero{width:min(980px,100%);margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding:8px 0 10px}
.top-rule{width:min(520px,90%);display:flex;align-items:center;gap:12px;color:#7c877a;font:700 7px/1 "Manrope",sans-serif;letter-spacing:.28em;margin-bottom:8px}
.top-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}
.top-rule span:last-child{background:linear-gradient(90deg,var(--line),transparent)}

.logo-box{width:min(630px,91vw);margin:-3px auto -8px}
.logo-box img{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 24px rgba(26,61,31,.10))}

.announcement{display:flex;align-items:center;gap:8px;color:var(--forest-2);font:800 7px/1 "Manrope",sans-serif;letter-spacing:.27em;margin:2px 0 13px}
.dot{width:4px;height:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(233,154,43,.10)}
h1{font-family:"Playfair Display",serif;font-size:clamp(54px,7vw,88px);line-height:.87;letter-spacing:-.055em;color:var(--forest);margin:0;font-weight:700}
h1 em{font-style:italic;color:var(--leaf);font-weight:600}
.intro{max-width:585px;color:var(--muted);font-size:13px;line-height:1.75;margin:18px auto 25px}

.launch-card{width:min(770px,100%);display:flex;align-items:center;justify-content:center;gap:32px;padding:20px 28px;background:rgba(255,255,255,.68);border:1px solid rgba(11,59,32,.13);border-radius:18px;box-shadow:0 20px 55px rgba(35,61,38,.10),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(14px);text-align:left}
.date-block{min-width:205px}.date-block small,.count-block>small{font:800 7px/1 "Manrope",sans-serif;letter-spacing:.25em;color:var(--leaf)}
.date-line{display:flex;align-items:center;gap:9px;margin-top:5px;color:var(--forest)}
.date-line strong{font:800 34px/1 "Manrope",sans-serif;letter-spacing:-.07em}
.date-line span{font:800 9px/1.25 "Manrope",sans-serif;letter-spacing:.18em}
.date-block p{font-size:9px;color:var(--muted);margin:5px 0 0;letter-spacing:.04em}
.vertical-line{width:1px;height:48px;background:var(--line)}
.count-block{min-width:345px}.count-block>small{color:#899287}
.countdown{display:flex;align-items:center;gap:9px;margin-top:8px}
.countdown div{text-align:center;min-width:48px}
.countdown strong{display:block;font:800 25px/1 "Manrope",sans-serif;letter-spacing:-.05em;color:var(--forest);font-variant-numeric:tabular-nums}
.countdown span{display:block;margin-top:5px;font:800 6px/1 "Manrope",sans-serif;letter-spacing:.17em;color:#90988e}
.countdown i{font-style:normal;color:var(--orange);font-size:18px;margin-top:-8px}

.follow-pill{display:flex;align-items:center;gap:9px;margin-top:20px;padding:9px 15px;border:1px solid rgba(11,59,32,.14);border-radius:999px;color:var(--muted);text-decoration:none;background:rgba(255,255,255,.38);font-size:9px;box-shadow:0 7px 22px rgba(20,56,29,.04);transition:.25s}
.follow-pill strong{color:var(--forest);font-weight:700}
.follow-pill b{color:var(--leaf);font-size:13px}
.follow-pill:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 28px rgba(20,56,29,.10)}

.bottom-motif{display:flex;align-items:center;gap:9px;margin-top:16px;color:var(--orange);font-size:9px}
.bottom-motif span{height:1px;width:42px;background:linear-gradient(90deg,transparent,rgba(11,59,32,.20))}
.bottom-motif span:last-child{background:linear-gradient(90deg,rgba(11,59,32,.20),transparent)}

footer{display:flex;justify-content:space-between;color:#91988f;font:800 6px/1 "Manrope",sans-serif;letter-spacing:.2em;padding-top:9px}

@media(max-width:760px){
  .page{padding:20px 18px 15px}
  .hero{padding-top:32px}
  .instagram span{display:none}
  .logo-box{width:min(560px,98vw)}
  .intro{font-size:12px}
  .launch-card{flex-direction:column;gap:17px;text-align:center;padding:18px 15px}
  .date-block{min-width:0}.count-block{min-width:0}
  .vertical-line{width:110px;height:1px}
  .date-block p{margin-top:4px}
  .countdown{gap:3px}.countdown div{min-width:45px}.countdown strong{font-size:22px}
  footer span:nth-child(2){display:none}
}
@media(max-width:430px){
  .micro-brand{font-size:7px}.top-rule{font-size:6px}
  h1{font-size:53px}
  .logo-box{margin-top:3px}
  .follow-pill{font-size:8px}
  footer span:last-child{display:none}
}