*,*:before,*:after{box-sizing:border-box}.marketing-page *,.marketing-page *:before,.marketing-page *:after{margin:0;padding:0}:root{--green-dark: #507455;--green-deeper: #3e5c43;--green-light: #95c9a9;--green-tint: #e8f3ec;--yellow: #fad757;--yellow-hover: #f2cc59;--amber: #f2af4f;--cream: #f5ebdc;--cream-mid: #ebe0d2;--cream-hero: #f0e6d4;--text-primary: #2d3b30;--text-secondary: #5a7260;--text-muted: #8a9e92;--white: #fff;--border: #ddd0b8;--radius: 10px;--radius-lg: 14px;--shadow: 0 2px 12px rgba(80, 116, 85, .08);--shadow-lg: 0 8px 32px rgba(80, 116, 85, .12);--max-width: 1200px}body.marketing-body{font-family:Nunito,sans-serif;background:var(--cream);color:var(--text-primary);line-height:1.6}.marketing-page a{color:inherit;text-decoration:none}.marketing-page img{display:block;max-width:100%}.site-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:var(--app-top-offset, 0px);z-index:100}body.marketing-body:has([data-debug-banner]) .site-header:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:2px;background:var(--white)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:2px 24px;display:flex;align-items:center;gap:20px}.brand-logo{display:flex;align-items:center;flex-shrink:0}.brand-logo img,.class-nest-logo{height:72px;width:auto;max-width:14rem;object-fit:contain}.class-nest-logo__chick{transform-box:fill-box;transform-origin:center bottom}.brand-logo:hover .class-nest-logo__chick{animation:class-nest-chick-bounce .55s ease-in-out infinite}@keyframes class-nest-chick-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.brand-logo:hover .class-nest-logo__chick{animation:none}}.nav-main{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-main a{font-size:14px;font-weight:600;color:var(--text-secondary);transition:color .15s;white-space:nowrap}.nav-main a:hover{color:var(--green-dark)}.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius);font-family:Nunito,sans-serif;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:background .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--yellow);color:var(--text-primary)}.btn-primary:hover{background:var(--yellow-hover)}.btn-ghost{background:var(--green-dark);color:var(--white);font-weight:600;padding:10px 22px;border:none}.btn-ghost:hover{background:var(--green-deeper)}.marketing-page a.btn-ghost,.marketing-page a.demo-link,.marketing-page a.btn-ghost:hover,.marketing-page a.demo-link:hover{color:var(--white)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;margin-left:auto}.nav-toggle__icon{width:24px;height:24px;color:var(--green-dark)}.hero{background:var(--cream-hero);border-bottom:1px solid var(--border);overflow:hidden}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:64px 24px 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-content h1{font-family:Quicksand,sans-serif;font-weight:800;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;color:var(--green-dark);margin-bottom:20px}.hero-content p{font-size:17px;color:var(--green-dark);margin-bottom:32px;max-width:480px}.hero-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-lg{padding:14px 28px;font-size:15px;border-radius:var(--radius-lg)}.demo-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--white);background:var(--green-dark);padding:14px 28px;border-radius:var(--radius-lg);transition:background .15s,transform .1s}.demo-link:hover{background:var(--green-deeper)}.demo-link:active{transform:scale(.98)}.demo-link__icon{width:22px;height:22px}.hero-visual{position:relative;min-height:380px}.hero-illustration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hero-chick{position:relative;z-index:2;width:min(100%,380px);height:auto;display:block;filter:drop-shadow(0 8px 32px rgba(80,116,85,.12))}.hero-screens{position:absolute;right:0;top:20px;display:flex;flex-direction:column;gap:12px}.screen-card{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-lg);padding:12px;width:220px}.screen-card--calendar{width:200px;align-self:flex-end;margin-right:20px}.screen-bar{height:8px;background:var(--green-tint);border-radius:4px;margin-bottom:8px;width:60%}.screen-block{height:28px;background:var(--cream);border-radius:6px;margin-bottom:6px}.screen-block--green{background:var(--green-tint)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.screen-grid span{height:24px;background:var(--cream-mid);border-radius:4px}.screen-grid span:nth-child(2){background:var(--green-light);opacity:.5}.screen-grid span:nth-child(5){background:var(--yellow);opacity:.6}.intro{background:var(--white);border-bottom:1px solid var(--border)}.intro-inner{max-width:760px;margin:0 auto;padding:48px 24px;text-align:center}.intro-inner h1{font-family:Quicksand,sans-serif;font-weight:800;font-size:clamp(1.75rem,3vw,2.25rem);color:var(--green-dark);margin-bottom:20px;line-height:1.2}.intro-inner p{font-size:18px;color:var(--text-secondary);line-height:1.75}.features-section{padding:72px 24px}.features-inner{max-width:var(--max-width);margin:0 auto}.features-heading{font-family:Quicksand,sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2rem);color:var(--text-primary);margin-bottom:32px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:var(--white);border:1.5px solid var(--amber);border-radius:var(--radius-lg);padding:24px 20px;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.feature-icon__icon{width:22px;height:22px}.feature-icon--green{background:var(--green-tint);color:var(--green-dark)}.feature-icon--yellow{background:#fef3cd;color:#b8860b}.feature-icon--blue{background:#e3f0f8;color:#4a7fa5}.feature-icon--pink{background:#fce8ef;color:#c0607a}.feature-icon--lavender{background:#e8e0f4;color:#6b5b8a}.feature-icon--mint{background:#dff5e8;color:#3d7a5c}.feature-card h3{font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;color:var(--text-primary);margin-bottom:8px}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.55}.site-footer{background:var(--green-deeper);color:#ffffffd9;width:100%}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:220px 1fr auto;gap:48px;align-items:start}.footer-brand img{width:100%;max-width:220px;height:auto;mix-blend-mode:screen}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-col h4{font-family:Quicksand,sans-serif;font-weight:700;font-size:13px;color:var(--white);margin-bottom:14px;letter-spacing:.02em}.footer-col a{display:block;font-size:13px;color:#ffffffb3;margin-bottom:8px;transition:color .15s}.footer-col a:hover{color:var(--white)}.footer-social{display:flex;gap:12px}.footer-social a{width:36px;height:36px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:var(--white);transition:background .15s}.footer-social__icon{width:18px;height:18px}.footer-social a:hover{background:#ffffff38}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 24px;text-align:center;font-size:13px;opacity:.6}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.footer-social{grid-column:1 / -1}}@media(max-width:768px){.nav-main,.header-actions{display:none}.nav-toggle{display:block}.header-inner.nav-open .nav-main{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);padding:16px 24px;border-bottom:1px solid var(--border);gap:16px}.header-inner.nav-open .header-actions{display:flex;position:absolute;top:calc(100% + 200px);left:24px;right:24px;justify-content:center}.hero-inner{grid-template-columns:1fr;padding:40px 24px}.hero-visual{min-height:280px;margin-top:16px}.features-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:28px}.footer-links{grid-template-columns:repeat(2,1fr)}}
