/* SUNSHINE — marketing site · Sunbeam tokens, auto light/dark (Moonbeam) */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
:root{
  --cream:#FFF3E6; --cream-2:#FFEAD6; --card:#ffffff; --ink:#2c1c14; --ink-2:#6b584c;
  --muted:#98867a; --line:#F2DCC8; --line-2:#E7C9AF;
  --coral:#E8462B; --coral-2:#FF6A45; --tang:#FF9A3D; --gold:#FFC24B; --amber:#FFE08A;
  --disp:"Baloo 2",system-ui,sans-serif; --body:"DM Sans",system-ui,sans-serif;
  --shadow-fat:0 14px 0 rgba(224,110,60,.10); --shadow-soft:0 18px 40px -22px rgba(120,60,20,.5);
  --btn-shadow:0 8px 0 rgba(150,40,20,.28); --r:20px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --cream:#241A16; --cream-2:#33241D; --card:#2F221B;
  --ink:#FFF1E4; --ink-2:#D9C4B5; --muted:#A08A7C;
  --line:#3F2E25; --line-2:#4E3A2F;
  --coral:#FF7A52; --coral-2:#FF9470; --tang:#FFA35C; --gold:#FFC96B; --amber:#FFE3A0;
  --shadow-fat:0 14px 0 rgba(0,0,0,.30); --shadow-soft:0 18px 40px -22px rgba(0,0,0,.8);
  --btn-shadow:0 8px 0 rgba(90,25,10,.55);
}}
:root[data-theme="dark"]{
  --cream:#241A16; --cream-2:#33241D; --card:#2F221B;
  --ink:#FFF1E4; --ink-2:#D9C4B5; --muted:#A08A7C;
  --line:#3F2E25; --line-2:#4E3A2F;
  --coral:#FF7A52; --coral-2:#FF9470; --tang:#FFA35C; --gold:#FFC96B; --amber:#FFE3A0;
  --shadow-fat:0 14px 0 rgba(0,0,0,.30); --shadow-soft:0 18px 40px -22px rgba(0,0,0,.8);
  --btn-shadow:0 8px 0 rgba(90,25,10,.55);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
::selection{background:var(--tang);color:#fff}
a{color:var(--coral);text-decoration:none}
a:hover{color:var(--coral-2)}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px}
/* nav */
.nav{display:flex;align-items:center;gap:30px;height:88px}
.brand{display:flex;align-items:center;gap:11px;color:var(--coral);font-family:var(--disp);font-weight:700;font-size:23px;letter-spacing:-.01em}
.brand .mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,var(--tang),var(--coral));display:flex;align-items:center;justify-content:center;color:#fff}
.nav .links{display:flex;gap:26px;margin-left:auto}
.nav .links a{font-size:16px;font-weight:600;color:var(--ink);opacity:.55}
.nav .links a:hover{opacity:.85}
.nav .links a.on{opacity:1;color:var(--coral)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:17px;padding:14px 26px;border-radius:999px;border:none;cursor:pointer;white-space:nowrap}
.btn.solid{background:var(--coral);color:#fff;box-shadow:var(--btn-shadow)}
.btn.solid:hover{background:var(--coral-2);color:#fff}
.btn.tint{background:var(--cream-2);color:var(--coral);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.tint:hover{color:var(--coral-2)}
/* type */
h1{font-family:var(--disp);font-weight:700;letter-spacing:-.015em;line-height:1.02;margin:0}
h2{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;color:var(--coral);margin:0}
.lede{font-size:19px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
/* hero */
.hero{text-align:center;padding:84px 0 64px;position:relative}
.hero h1{font-size:clamp(48px,7vw,84px)}
.hero h1 em{font-style:normal;color:var(--coral)}
.hero .lede{max-width:560px;margin:22px auto 0}
.hero .cta{display:flex;gap:14px;justify-content:center;margin-top:36px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:14px;color:var(--coral);background:var(--cream-2);border:1px solid var(--line-2);padding:7px 16px;border-radius:999px;margin-bottom:24px}
/* generic card */
.panel{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-fat);padding:32px}
/* footer */
footer{margin-top:96px;border-top:1px solid var(--line)}
footer .wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:26px;padding-bottom:38px;font-size:14px;font-weight:500;color:var(--muted)}
footer .wrap a{color:var(--ink-2)}
footer .spacer{flex:1}
/* sun rays decoration */
.sun-deco{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:520px;height:260px;pointer-events:none;opacity:.5}
/* theme toggle */
.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--card);color:var(--coral);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 0 rgba(224,110,60,.10);flex:0 0 auto}
.theme-toggle:hover{color:var(--coral-2)}
.theme-toggle .moon{display:none}
:root[data-theme="dark"] .theme-toggle .sunico{display:none}
:root[data-theme="dark"] .theme-toggle .moon{display:block}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-toggle .sunico{display:none}
  :root:not([data-theme="light"]) .theme-toggle .moon{display:block}
}