:root{--plate:#ECEEF1;--plate-2:#E3E6EB;--shell:#FFFFFF;--yolk-1:#FBD24E;--yolk-2:#F2A30E;--yolk-rim:#E07C00;--ink:#262019;--ink-soft:#6F6A62;--tag:#B8770A;--line:#D9DCE2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito Sans,system-ui,sans-serif;background:var(--plate);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:Fredoka,system-ui,sans-serif;font-weight:600;line-height:1.05}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tag)}.logo{display:inline-flex;align-items:center;gap:9px;line-height:1}.logo-word{font-family:Fredoka;font-weight:700;font-size:calc(var(--logo-size) * 1.05);letter-spacing:.01em;color:var(--ink)}nav{position:sticky;top:0;z-index:50;background:#eceef1d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{text-decoration:none}.nav-right{display:flex;align-items:center;gap:22px}.nav-link{font-family:Fredoka;font-weight:500;font-size:.98rem;text-decoration:none;color:var(--ink)}.nav-link:hover{color:var(--yolk-rim)}.nav-cta{font-family:Fredoka;font-weight:500;font-size:.95rem;text-decoration:none;color:var(--ink);background:var(--yolk-1);padding:9px 18px;border-radius:999px;border:1.5px solid var(--yolk-rim);transition:transform .15s ease}.nav-cta:hover{transform:translateY(-2px)}@media (max-width:520px){.nav-link{display:none}}header{padding:72px 0 40px;overflow:hidden}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700;letter-spacing:-.01em}.hero h1 .yolkword{color:var(--yolk-rim)}.lead{font-size:1.18rem;color:var(--ink-soft);margin:22px 0 30px;max-width:32ch}.btns{display:flex;gap:14px;flex-wrap:wrap}.btn{font-family:Fredoka;font-weight:500;font-size:1.02rem;text-decoration:none;padding:13px 26px;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease;display:inline-block;cursor:pointer;border:none}.btn-primary{background:var(--yolk-1);color:var(--ink);border:1.5px solid var(--yolk-rim);box-shadow:0 6px 18px #e07c0038}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 24px #e07c004d}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-ghost:hover{transform:translateY(-3px);background:var(--ink);color:var(--shell)}.egg-stage{display:flex;justify-content:center;align-items:center}.egg{position:relative;width:min(360px,80vw);aspect-ratio:1.18/1;animation:float 6s ease-in-out infinite}.egg-white{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shell);border-radius:62% 38% 55% 45%/58% 52% 48% 42%;box-shadow:0 30px 60px -20px #26201947,inset 0 -8px 22px #d9dce299}.egg-yolk{position:absolute;top:30%;left:34%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--yolk-1),var(--yolk-2) 68%,var(--yolk-rim));box-shadow:inset 0 -6px 16px #e07c0073,0 8px 20px #e07c004d}.egg-yolk .shine{position:absolute;top:18%;left:24%;width:26%;height:26%;border-radius:50%;background:#ffffff8c;filter:blur(2px)}.egg-label{position:absolute;bottom:14%;left:50%;transform:translate(-50%);font-family:Fredoka;font-weight:600;color:var(--ink-soft);font-size:.95rem;white-space:nowrap}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@media (max-width:760px){.hero{grid-template-columns:1fr;text-align:center;gap:24px}.lead{margin-left:auto;margin-right:auto}.btns{justify-content:center}.egg-stage{order:-1}}section{padding:64px 0}.sec-head{text-align:center;max-width:46ch;margin:0 auto 44px}.sec-head h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:10px 0 8px}.sec-head p{color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:680px){.grid{grid-template-columns:1fr}}.card{background:var(--shell);border-radius:22px;padding:30px 28px;position:relative;border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px #2620194d}.card .num{position:absolute;top:22px;right:24px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 38% 35%,var(--yolk-1),var(--yolk-2) 70%,var(--yolk-rim));font-family:Fredoka;font-weight:600;font-size:.78rem;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #e07c0066}.card .spruch{font-family:Fredoka;font-weight:500;font-size:1.32rem;line-height:1.2;letter-spacing:-.01em;padding-right:30px}.card .tag{display:inline-block;margin-top:14px;font-size:.82rem;font-weight:700;color:var(--tag);background:#fbf1dc;padding:4px 12px;border-radius:999px}.shop{background:var(--plate-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:680px){.use-grid{grid-template-columns:1fr}}.use{background:var(--shell);border-radius:20px;padding:30px 26px;border:1px solid var(--line)}.use .ic{font-size:1.9rem;margin-bottom:12px}.use h3{font-size:1.18rem;margin-bottom:8px}.use p{color:var(--ink-soft);font-size:.96rem}.shop-cta{text-align:center;margin-top:36px}.signup{text-align:center}.signup .box{background:var(--ink);color:var(--shell);border-radius:28px;padding:54px 32px;max-width:720px;margin:0 auto}.signup h2{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:12px}.signup .box .yolkword{color:var(--yolk-1)}.signup p{color:#cbc7bf;max-width:42ch;margin:0 auto 26px}.form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center}.form input{flex:1;min-width:200px;padding:14px 18px;border-radius:999px;border:none;font-family:Nunito Sans;font-size:1rem}.form button{font-family:Fredoka;font-weight:500;font-size:1rem;padding:14px 26px;border-radius:999px;border:none;background:var(--yolk-1);color:var(--ink);cursor:pointer;transition:transform .15s ease}.form button:hover{transform:translateY(-2px)}.form-note{font-size:.82rem;margin-top:16px;opacity:.7}footer{padding:40px 0;text-align:center;color:var(--ink-soft);font-size:.9rem}.footer-brand{display:inline-block;margin-bottom:10px;text-decoration:none}.footer-links{margin-top:14px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.footer-links a{color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:.88rem;border-bottom:1px solid transparent;transition:border-color .15s ease}.footer-links a:hover{border-color:var(--ink-soft)}.copyright{margin-top:16px;font-size:.82rem;opacity:.75}@media (prefers-reduced-motion:reduce){.egg{animation:none}*{transition:none!important}}