.marketing{--bg-primary:#fff;--bg-secondary:#f0f3ff;--bg-card:#fff;--text-primary:#0f1115;--text-secondary:#5c6070;--text-muted:#9498a6;--accent:#384bfb;--accent-hover:#2a3ad4;--accent-subtle:#eceeff;--border:#0000000f;--border-strong:#0000001a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 24px #384bfb1f;--radius-button:12px;--radius-card:16px;--radius-mockup:20px;--font-headline:"Clash Display", sans-serif;--font-body:"Satoshi", sans-serif;--font-mono:"JetBrains Mono", monospace;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);font-size:16px;line-height:1.5}@layer base{html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.marketing ::selection{background:var(--accent);color:#fff}.section-hero,.section-white{background:#fff}.section-tinted{isolation:isolate;background:#f0f3ff;position:relative}.section-tinted:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff 0%,#f0f3ff 100%);height:120px;position:absolute;top:-60px;left:0;right:0}.section-tinted:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#f0f3ff 0%,#fff 100%);height:120px;position:absolute;bottom:-60px;left:0;right:0}@media (min-width:768px){.hero-grid{grid-template-columns:5fr 7fr}}.section-footer{isolation:isolate;background:#f0f3ff;position:relative}.section-footer:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff 0%,#f0f3ff 100%);height:120px;position:absolute;top:-60px;left:0;right:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpScale{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0%}to{width:60%}}@keyframes orbRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes hiwSlideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.insights-card-active .hiw-icon{animation:.4s ease-out .3s forwards iconDraw}@keyframes iconDraw{to{stroke-dashoffset:0}}@keyframes calendarPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.line-without-animate{stroke-dasharray:600;stroke-dashoffset:600px;animation:.8s ease-in-out .2s forwards drawWithout}@keyframes drawWithout{to{stroke-dashoffset:0}}.line-with-animate{stroke-dasharray:900;stroke-dashoffset:900px;animation:1s 1.2s forwards drawWith}@keyframes drawWith{to{stroke-dashoffset:0}}.gap-fill-animate{animation:.6s ease-out 1.6s forwards gapFadeIn}@keyframes gapFadeIn{0%{opacity:0}to{opacity:.06}}.label-fade-in{animation:.3s ease-out 2.2s forwards labelFade}@keyframes labelFade{0%{opacity:0}to{opacity:1}}.bento-grid{grid-template-columns:1fr;grid-template-areas:"composer""briefing""planner""analytics""monet";gap:12px;display:grid}@media (min-width:768px){.bento-grid{grid-template:"composer briefing briefing""composer planner planner""monet analytics analytics"/1fr 1fr 1fr;gap:12px}}.hero-animate{opacity:0;animation:.5s ease-out forwards fadeUp}.hero-animate-scale{opacity:0;animation:.6s ease-out forwards fadeUpScale}.hero-animate-nav{opacity:0;animation:.3s ease-out .2s forwards fadeIn}.scroll-reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:0s}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.2s}.stagger-4{transition-delay:.3s}:root,:host{--font-body:"Satoshi", sans-serif}