.demo-antigravity{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-soft:cubic-bezier(.45, 0, .55, 1);--t-fast:.2s;--t-med:.4s;--t-slow:.8s;--t-ambient:8s;--cream:#fffef9;--cream-deeper:#fdf9ec;--paper:#fffcf5;--ink:#1a2e05;--ink-soft:#3f4423;--olive:#65a30d;--olive-deep:#4d7c0f;--olive-soft:#b8d4b0;--tomato:#c04528;--line:#e7e2c8}@keyframes polaroid-float{0%,to{translate:0}50%{translate:0 -6px}}.demo-antigravity .polaroid-tile{rotate:var(--rot,0deg);animation:polaroid-float 6s var(--ease-in-out-soft,ease-in-out) infinite;will-change:translate;background:#fff;width:220px;padding:8px 8px 28px;position:absolute;box-shadow:0 6px 16px #1f2e0533,0 16px 40px #1f2e051a}.demo-antigravity .polaroid-tile .img{aspect-ratio:4/3;filter:sepia(.15)saturate(1.05)contrast(1.03);background:linear-gradient(135deg,#fef3c7,#fed7aa);justify-content:center;align-items:center;width:100%;font-size:78px;display:flex;overflow:hidden}.demo-antigravity .polaroid-tile .img img{object-fit:cover;width:100%;height:100%;display:block}.demo-antigravity .polaroid-tile .caption{text-align:center;font-family:var(--font-caveat), Georgia, serif;color:#1f2e05cc;font-size:13px;position:absolute;bottom:4px;left:6px;right:6px}.demo-antigravity main{max-width:1500px;margin:0 auto;box-shadow:0 0 120px #3c280f14}@media (max-width:767px){.demo-antigravity .tomato-margin{opacity:.18!important;width:.5px!important;animation:none!important;left:3%!important}.demo-antigravity .hero-polaroids{display:none!important}.demo-antigravity-hero-grid{grid-template-columns:1fr!important;gap:0!important}.demo-antigravity-steps-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding-left:6%!important;padding-right:6%!important}.demo-antigravity-hit-grid{text-align:center;grid-template-columns:1fr!important;gap:24px!important}.demo-antigravity-flow-grid{grid-template-rows:auto auto auto auto auto!important;grid-template-columns:1fr!important;gap:8px!important;padding:0 8%!important}.demo-antigravity-flow-grid .flow-arrow-rotate{margin:0 auto;transform:rotate(85deg)!important}.demo-antigravity-numbers-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.demo-antigravity-numbers-grid>:first-child{border-bottom:1px dashed var(--line);grid-column:span 2;padding-bottom:12px;border-right:none!important;padding-right:0!important}.demo-antigravity-promos-grid{grid-template-rows:auto auto auto!important;grid-template-columns:1fr 1fr!important}.demo-antigravity-promos-grid>:first-child{grid-area:span 1/span 2}.demo-antigravity-hero h1{font-size:2.5rem!important}.demo-antigravity main>*{padding-left:6%!important;padding-right:6%!important}.demo-antigravity main>*>:first-child{padding-left:0!important}.demo-antigravity .toolbar-fixed{gap:6px;top:8px!important;right:8px!important}.demo-antigravity .toolbar-fixed button,.demo-antigravity .toolbar-fixed>div{padding:4px 8px!important;font-size:10px!important}.demo-antigravity.inspect .layer-legend{max-width:200px!important;padding:10px!important;font-size:10px!important;bottom:8px!important;right:8px!important}}@media (min-width:768px) and (max-width:1023px){.demo-antigravity-steps-grid{gap:10px!important}.demo-antigravity-numbers-grid{gap:14px!important}}@media (min-width:1441px){.demo-antigravity .polaroid-tile{width:260px}.demo-antigravity .polaroid-tile .img{font-size:90px}}.demo-antigravity .ambient-grain{pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.demo-antigravity .notebook-bg{background-color:var(--cream);background-image:repeating-linear-gradient(0deg, transparent, transparent 31px, var(--olive-soft) 31px, var(--olive-soft) 32px);background-size:100% 32px;background-attachment:fixed;position:relative}.demo-antigravity .tomato-margin{background:var(--tomato);opacity:.35;pointer-events:none;width:1px;animation:margin-breath var(--t-ambient) var(--ease-in-out-soft) infinite;position:absolute;top:0;bottom:0;left:5%}@keyframes margin-breath{0%,to{opacity:.35;width:1px}50%{opacity:.5;width:1.5px}}.demo-antigravity .eyebrow-dot{vertical-align:middle;background:var(--olive);width:6px;height:6px;animation:dot-pulse 2.4s var(--ease-in-out-soft) infinite;border-radius:50%;margin-right:8px;display:inline-block}.demo-antigravity .in-viewport .eyebrow-dot{animation-duration:1.2s}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.demo-antigravity .spotlight-bg{pointer-events:none;z-index:0;background:radial-gradient(circle 500px at var(--cursor-x,50%) var(--cursor-y,50%), #65a30d1a, transparent 65%);transition:opacity var(--t-med) var(--ease-out-expo);opacity:1;position:fixed;inset:0}.demo-antigravity .lift-card{transition:transform var(--t-med) var(--ease-out-expo), box-shadow var(--t-med) var(--ease-out-expo);box-shadow:0 1px 3px #1a2e0514}.demo-antigravity .lift-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #65a30d26,0 4px 10px #1a2e050f}.demo-antigravity .spotlight-border{isolation:isolate;border:1px solid var(--line);transition:border-color var(--t-fast) var(--ease-out-expo);position:relative}.demo-antigravity .spotlight-border:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle 120px at var(--card-cursor-x,50%) var(--card-cursor-y,50%), #c84b3180, transparent 70%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--t-med) var(--ease-out-expo);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-antigravity .spotlight-border:hover:before{opacity:1}.demo-antigravity .animated-link{color:var(--ink);text-decoration:none;position:relative}.demo-antigravity .animated-link:after{content:"";background:var(--tomato);transform-origin:0;width:100%;height:1.5px;transition:transform var(--t-med) var(--ease-out-expo);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.demo-antigravity .animated-link:hover:after,.demo-antigravity .animated-link:focus-visible:after{transform:scaleX(1)}.demo-antigravity .scroll-progress{background:linear-gradient(to right, var(--tomato), var(--olive));z-index:1000;transform-origin:0;width:100%;height:3px;transform:scaleX(var(--scroll-progress,0));transition:transform 80ms linear;position:fixed;top:0;left:0}.demo-antigravity .typewriter{white-space:normal;word-spacing:.15em}.demo-antigravity .typewriter span{opacity:0;transition:opacity var(--t-med) var(--ease-out-expo), transform var(--t-med) var(--ease-out-expo);margin-right:.3em;display:inline-block;transform:translateY(8px)}.demo-antigravity .typewriter span:last-child{margin-right:0}.demo-antigravity .typewriter.visible span{opacity:1;transform:translateY(0)}.demo-antigravity .typewriter.visible span:first-child{transition-delay:0s}.demo-antigravity .typewriter.visible span:nth-child(2){transition-delay:.1s}.demo-antigravity .typewriter.visible span:nth-child(3){transition-delay:.2s}.demo-antigravity .typewriter.visible span:nth-child(4){transition-delay:.3s}.demo-antigravity .typewriter.visible span:nth-child(5){transition-delay:.4s}.demo-antigravity .typewriter.visible span:nth-child(6){transition-delay:.5s}.demo-antigravity .typewriter.visible span:nth-child(7){transition-delay:.6s}.demo-antigravity .reveal-up{opacity:0;transition:opacity var(--t-slow) var(--ease-out-expo), transform var(--t-slow) var(--ease-out-expo);transform:translateY(24px)}.demo-antigravity .reveal-up.visible{opacity:1;transform:translateY(0)}.demo-antigravity .reveal-left{opacity:0;transition:opacity var(--t-slow) var(--ease-out-expo), transform var(--t-slow) var(--ease-out-expo);transform:translate(-24px)}.demo-antigravity .reveal-left.visible{opacity:1;transform:translate(0)}.demo-antigravity .reveal-right{opacity:0;transition:opacity var(--t-slow) var(--ease-out-expo), transform var(--t-slow) var(--ease-out-expo);transform:translate(24px)}.demo-antigravity .reveal-right.visible{opacity:1;transform:translate(0)}.demo-antigravity .svg-underline path{stroke-dasharray:200;stroke-dashoffset:200px;transition:stroke-dashoffset 1.2s var(--ease-out-expo) .3s}.demo-antigravity .svg-underline.visible path{stroke-dashoffset:0}.demo-antigravity :focus-visible{outline:2px solid var(--olive);outline-offset:4px;border-radius:4px}.demo-antigravity .skip-link{background:var(--ink);color:var(--cream);transition:top var(--t-fast) var(--ease-out-expo);z-index:1001;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;position:absolute;top:-100px;left:16px}.demo-antigravity .skip-link:focus{top:16px}.demo-antigravity[data-time-of-day=evening]{--cream:#fdf6e8;--cream-deeper:#f9efd9;--paper:#fdf6e8;--tomato:#b0432a}@media (prefers-reduced-motion:reduce){.demo-antigravity *,.demo-antigravity :before,.demo-antigravity :after{transition:none!important;animation:none!important}.demo-antigravity .reveal-up,.demo-antigravity .reveal-left,.demo-antigravity .reveal-right,.demo-antigravity .typewriter span{opacity:1;transform:none}.demo-antigravity .svg-underline path{stroke-dashoffset:0}}.demo-antigravity.inspect [data-layer]:after{content:attr(data-layer);background:var(--ink);color:var(--cream);letter-spacing:1px;z-index:100;pointer-events:none;text-transform:uppercase;border-radius:3px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;position:absolute;top:-10px;left:8px}.demo-antigravity.inspect [data-layer=L1]:after{background:#a855f7}.demo-antigravity.inspect [data-layer=L2]:after{background:#dc2626}.demo-antigravity.inspect [data-layer=L3]:after{background:#65a30d}.demo-antigravity.inspect [data-layer=L4]:after{background:#1d4ed8}.demo-antigravity.inspect [data-layer=L5]:after{background:#f59e0b}.demo-antigravity.inspect [data-layer]{outline-offset:2px;outline:1px dashed;position:relative}.demo-antigravity .filter-toggle{cursor:pointer;font-family:var(--font-inter), sans-serif;color:var(--olive-deep);letter-spacing:.01em;transition:background var(--t-fast,.15s) ease, border-color var(--t-fast,.15s) ease;background:#65a30d1f;border:1.5px solid #65a30d73;border-radius:999px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.demo-antigravity .filter-toggle:hover{border-color:var(--olive);background:#65a30d33}.demo-antigravity .filter-toggle .ft-summary{opacity:.85;font-weight:600}.demo-antigravity .filter-toggle .ft-chev{font-size:12px}.demo-antigravity .filter-bar.collapsed .filter-toggle{margin-bottom:0}.demo-antigravity .filter-collapsible{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .28s,opacity .2s;display:grid}.demo-antigravity .filter-collapsible-inner{min-height:0;overflow:hidden}.demo-antigravity .filter-bar.collapsed .filter-collapsible{opacity:0;pointer-events:none;grid-template-rows:0fr}.demo-antigravity .filter-bar.collapsed{padding-top:8px;padding-bottom:8px}@media (prefers-reduced-motion:reduce){.demo-antigravity .filter-collapsible{transition:none}}.demo-antigravity{overflow-x:clip}.demo-antigravity .promo-card,.demo-antigravity .recipe-card{content-visibility:auto;contain-intrinsic-size:0 340px}