:root{font-family:Inter,system-ui,sans-serif;--bg: #f6f8f3;--surface: #ffffff;--surface-alt: #eef4e9;--text: #1f271d;--muted: #596456;--green: #8DC63F;--green-dark: #6CBE45;--border: rgba(50, 54, 57, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:inherit;color:var(--text);background:linear-gradient(180deg,#f8faf5,#f3f7ef 45%,#edf3e8);scroll-snap-type:y mandatory;overflow-y:auto}a{color:inherit}.deck{width:100%}.slide{min-height:100vh;display:flex;align-items:center;padding:5.5rem 0;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.slide.alt{background:#8dc63f0d}.hero-slide,.closing-slide{background:radial-gradient(circle at top,rgba(141,198,63,.1),transparent 28%),linear-gradient(180deg,#f8faf5,#f3f7ef)}.container{width:min(1180px,calc(100% - 3rem));margin:0 auto}.narrow{width:min(900px,calc(100% - 3rem))}.closing-slide .narrow{width:min(1320px,calc(100% - 3rem))}.center{text-align:center}.hero-top-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:center}.hero-copy-block{text-align:left;max-width:640px}.reality-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:center}.openclaw-overview-layout{display:grid;gap:1.75rem}.use-case-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.25rem;align-items:center}.use-case-layout-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.use-case-copy{max-width:620px}.use-case-points{margin-top:1.35rem}.use-case-points.grid.three{grid-template-columns:1fr;gap:1rem}.use-case-visual-stack{display:grid;gap:1rem;align-self:start}.use-case-visual{display:flex;flex-direction:column;justify-content:center}.use-case-visual .openclaw-overview-image{max-height:420px;margin-bottom:0}.use-case-layout-reverse .use-case-copy{max-width:640px}.use-case-layout-reverse .use-case-visual-stack{align-self:center}.use-case-value-card{margin-top:0}.openclaw-overview-header{max-width:860px}.openclaw-pillars{margin-top:0}.openclaw-overview-banner{display:flex;flex-direction:column;justify-content:center}.openclaw-overview-closing{margin-top:.25rem}.openclaw-overview-image{display:block;width:100%;max-height:280px;object-fit:cover;height:auto;border-radius:18px;margin-bottom:1.25rem;box-shadow:0 14px 34px #32363914;background:#fff}.reality-copy{max-width:560px}.reality-image-card{margin:0;border-radius:26px;overflow:hidden;border:1px solid var(--border);box-shadow:0 18px 42px #32363914;background:#fff}.reality-image{display:block;width:100%;height:auto}.hero-image-card{position:relative;background:#ffffffb8;border:1px solid var(--border);border-radius:24px;padding:1.35rem;box-shadow:0 12px 28px #32363912;max-width:280px;margin-left:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image-card:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:999px;background:radial-gradient(circle,rgba(108,190,69,.18),transparent 70%);filter:blur(10px);animation:glowPulse 4.2s ease-in-out infinite}.hero-openclaw-logo{position:relative;width:100%;max-width:180px;display:block;animation:logoFloat 4.6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}.section-kicker{color:var(--green-dark);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;margin-bottom:.85rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,4.6vw,4.1rem);line-height:1.06;margin-bottom:1rem}.headline-line{display:block}.tone-green{color:#111}.tone-dark{color:var(--green-dark)}.word-reveal{display:inline-block;opacity:0;transform:translateY(10px);animation:wordReveal .95s ease forwards}.word-delay-1{animation-delay:.25s}.word-delay-2{animation-delay:.7s}.word-delay-3{animation-delay:1.15s}.word-delay-4{animation-delay:1.6s}@keyframes wordReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h2{font-size:clamp(1.75rem,2.3vw,2.45rem);line-height:1.12;margin-bottom:.9rem;max-width:22ch}.center h2,.center h1{margin-left:auto;margin-right:auto}.closing-slide h2{max-width:24ch;font-size:clamp(1.95rem,3vw,3rem)}.closing-slide .section-intro{max-width:64ch;margin-left:auto;margin-right:auto}.hero-copy-block h1,.hero-copy-block .lead,.hero-copy-block .sublead{margin-left:0;margin-right:0}.hero-copy-block .lead{max-width:42ch}.hero-copy-block .sublead{max-width:50ch}h3{font-size:1.15rem;line-height:1.35;margin-bottom:.55rem}.lead{font-size:1.04rem;line-height:1.6;color:var(--muted);max-width:none;margin:0 auto .75rem;white-space:nowrap}.sublead,.section-intro,.panel p,.comparison-grid p,.trust p{color:var(--muted);font-size:1rem;line-height:1.7}.sublead{white-space:nowrap}.hero-fade{opacity:0;transform:translateY(10px);animation:heroFadeUp .9s ease forwards}.hero-fade-1{animation-delay:.55s}.hero-fade-2{animation-delay:.95s}.hero-fade-3{animation-delay:1.25s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.presenter{margin-top:1.25rem;color:#74816f;font-size:.95rem}.presenter-accent{color:var(--green-dark)}.grid.three,.grid.four,.comparison-grid{display:grid;gap:1.35rem;margin-top:2rem}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-simple-grid{margin-top:2.3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;align-items:stretch}.shift-card{position:relative;min-height:250px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.shift-reveal{opacity:0;transform:translateY(18px);animation:shiftReveal .7s ease forwards}.shift-delay-1{animation-delay:.2s}.shift-delay-2{animation-delay:.45s}.shift-delay-3{animation-delay:.7s}@keyframes shiftReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.shift-card:hover{transform:translateY(-4px);border-color:#6cbe4547;box-shadow:0 18px 40px #3236391a;background:linear-gradient(180deg,#fff,#f8fbf3)}.shift-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.9rem;background:#8dc63f1f;transition:background .25s ease,transform .25s ease}.shift-card:hover .shift-icon{background:#6cbe4533;transform:scale(1.04)}.shift-svg{width:22px;height:22px;fill:#547f2d}.shift-icon-strong{background:#6cbe4533}.shift-icon-strong .shift-svg{fill:#3e6620}.shift-step{display:inline-flex;margin-bottom:.85rem;padding:.38rem .62rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;color:var(--green-dark);background:#8dc63f1f;transition:background .25s ease}.shift-card:hover .shift-step{background:#6cbe452e}.shift-card h3{font-size:1.22rem;margin-bottom:.65rem}.shift-card p{max-width:26ch}.shift-hover-card{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;padding:1rem;border-radius:18px;background:#1f271df0;color:#ffffffeb;box-shadow:0 18px 40px #14181433;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.shift-hover-card .mini-label{color:#8dc63ff2}.shift-hover-card ul{margin:0;padding-left:1rem}.shift-hover-card li{color:#ffffffe6}.shift-card:hover .shift-hover-card{opacity:1;transform:translateY(0)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.45rem;box-shadow:0 14px 36px #3236390d}.openclaw-feature-card{position:relative;overflow:hidden}.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.95rem;background:#8dc63f24}.feature-svg{width:22px;height:22px;fill:#547f2d}.panel.accent{border-color:#8dc63f40;background:linear-gradient(180deg,#fff,#f5faef)}.mini-label{color:var(--green-dark);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.panel ul{margin:0;padding-left:1.1rem;color:var(--muted)}.panel li+li{margin-top:.55rem}.bullet-cloud{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.bullet-cloud.centered{justify-content:center}.bullet-cloud span{padding:.7rem 1rem;border-radius:999px;background:#8dc63f1f;color:#496226;font-weight:600}.pain-pill{opacity:0;transform:translateY(10px);animation:painReveal .55s ease forwards}.pain-delay-1{animation-delay:.15s}.pain-delay-2{animation-delay:.28s}.pain-delay-3{animation-delay:.41s}.pain-delay-4{animation-delay:.54s}.pain-delay-5{animation-delay:.67s}@keyframes painReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pain-closing{opacity:0;transform:translateY(10px);animation:painReveal .6s ease forwards;animation-delay:.95s}.closing-line{margin-top:1.6rem;font-size:1.02rem;line-height:1.6;font-weight:600}.slide-next{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%) translateY(6px);width:44px;height:44px;border:none;border-radius:999px;background:#ffffffe6;color:#5b7b31;box-shadow:0 10px 24px #3236391f;font-size:1.2rem;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.slide:hover .slide-next,.slide:focus-within .slide-next{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.slide-next:hover{transform:translate(-50%) translateY(-2px);background:#fff;box-shadow:0 14px 28px #32363929}.cta-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.75rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:.95rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.98rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.cta-button:hover{transform:translateY(-2px)}.cta-button.primary{background:linear-gradient(135deg,#8dc63f,#6cbe45);color:#fff;box-shadow:0 14px 32px #6cbe453d}.cta-button.secondary{background:#fff;color:#547f2d;border:1px solid rgba(108,190,69,.18);box-shadow:0 12px 28px #32363914}.value-pulse{display:inline-block;animation:valueGlow 2.8s ease-in-out infinite}@keyframes valueGlow{0%,to{color:#1f271d;text-shadow:0 0 0 rgba(108,190,69,0)}50%{color:#6cbe45;text-shadow:0 0 18px rgba(108,190,69,.28)}}.reveal{opacity:.35;transform:translateY(24px) scale(.985);transition:opacity .7s ease,transform .7s ease}.reveal.show,.reveal.show-on-load{opacity:1;transform:translateY(0) scale(1)}@media (min-width: 1280px){.hero-copy-block{max-width:700px}.panel{min-height:220px}.comparison-grid .panel{min-height:320px}.shift-card{min-height:270px}}@media (max-width: 980px){.grid.three,.grid.four,.comparison-grid{grid-template-columns:1fr 1fr}.shift-simple-grid,.reality-grid,.use-case-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){body{scroll-snap-type:none}.slide{scroll-snap-align:none;scroll-snap-stop:normal}.reveal,.reveal.show,.reveal.show-on-load{opacity:1;transform:none;transition:none}}@media (max-width: 900px){.hero-top-grid{grid-template-columns:1fr}.hero-image-card{max-width:none;margin-left:0}}@media (max-width: 720px){.slide{min-height:auto;padding:4rem 0}.grid.three,.grid.four,.comparison-grid{grid-template-columns:1fr}h1{font-size:2.5rem}h2{max-width:none}.lead,.sublead{white-space:normal}}