@tailwind base;@tailwind components;@tailwind utilities;:root{--ob-space-page-x: clamp(1rem, 4vw, 2rem);--ob-space-section-y: clamp(2.5rem, 8vw, 6rem);--ob-text-hero: clamp(2rem, 9vw, 4rem);--pepsi-blue: #0056b3;--pepsi-black: #050505;--pepsi-red: #ff0000;--pepsi-white: #ffffff;--text-mega: clamp(5rem, 16vw, 12rem)}*,*:before,*:after{box-sizing:border-box;min-width:0}html,body,#root{width:100%;max-width:100%}body{margin:0;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}img,svg,video,canvas{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6,li,a,button,label,input,textarea,select{overflow-wrap:anywhere;word-break:break-word}@layer utilities{.animate-shimmer{animation:shimmer 2s infinite linear}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin-slow{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes diagnosticFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.diagnostic-reveal{animation:diagnosticFadeUp .42s cubic-bezier(.22,1,.36,1) forwards}.diagnostic-reveal-1{animation-delay:.03s}.diagnostic-reveal-2{animation-delay:.1s}.diagnostic-reveal-3{animation-delay:.17s}@keyframes diagnosticMissingPulse{0%,to{box-shadow:0 0 #dc262600;border-color:#b91c1c8c}50%{box-shadow:0 0 0 3px #f871712e;border-color:#b91c1ccc}}.diagnostic-missing-pulse{border-color:#b91c1cb3!important;animation:diagnosticMissingPulse 1.3s ease-in-out infinite}@keyframes diagnosticSoftFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.diagnostic-soft-fade{animation:diagnosticSoftFadeIn .28s ease-out forwards}@keyframes diagnosticStepSwap{0%{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.diagnostic-step-stage{animation:diagnosticStepSwap .36s cubic-bezier(.22,1,.36,1)}.landing-diagnostic-panel{max-height:0;opacity:0;overflow:hidden;transform:translateY(24px) scale(.97);transform-origin:top center;transition:max-height .9s cubic-bezier(.22,1,.36,1),opacity .45s ease,transform .9s cubic-bezier(.22,1,.36,1)}.landing-diagnostic-panel-open{max-height:12000px;opacity:1;transform:translateY(0) scale(1)}.landing-diagnostic-stage{position:relative}.landing-diagnostic-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,#d02d0442,#d02d0400 58%);opacity:0}.landing-diagnostic-panel-open .landing-diagnostic-stage:before{animation:landingDiagnosticBurst .65s cubic-bezier(.16,1,.3,1) forwards}.b-materialize{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform,filter}.b-materialize[data-visible=false]{opacity:.88;transform:translateY(14px) scale(.992);filter:blur(1.8px)}@keyframes bOrbFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.b-testimonial-orb{box-shadow:0 18px 44px #1f1f1f1f;animation:bOrbFloat 7s ease-in-out infinite;animation-delay:var(--orb-delay, 0s);transition:transform .28s ease,box-shadow .28s ease}.b-testimonial-orb:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 56px #1f1f1f2e}.b-how-demo{box-shadow:0 14px 34px #1f1f1f1a}.b-how-step-shell{scroll-margin-top:110px}.b-how-step-card{transform:translateY(58px) scale(.98);opacity:.62;box-shadow:0 8px 22px #1f1f1f0f;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),opacity .21s ease,border-color .21s ease}.b-how-step-card-active{transform:translateY(0) scale(1);opacity:1;border-color:#d02d0442;box-shadow:0 18px 38px #1f1f1f24}.b-how-step-card-next{transform:translateY(74px) scale(.965);opacity:.68}.b-how-step-card-past{transform:translateY(-24px) scale(.955);opacity:.44}.b-how-sync-frame{opacity:0;transform:scale(1.015);transition:opacity .46s ease,transform .46s ease}.b-how-sync-frame-active{opacity:1;transform:scale(1)}.b-how-vignette{background:linear-gradient(180deg,#ffffff0f,#0b0b0b1f)}.b-how-sync-cursor{width:14px;height:20px;border-radius:10px;background:#fff;border:1px solid rgba(11,11,11,.35);box-shadow:0 6px 14px #0b0b0b40;transition:left .48s cubic-bezier(.2,.9,.2,1),top .48s cubic-bezier(.2,.9,.2,1),transform .26s ease}.b-how-sync-cursor:after{content:"";position:absolute;left:3px;top:3px;width:6px;height:10px;border-radius:4px;background:#1f1f1f}@media(max-width:768px){.b-materialize{transition:none;transform:none;filter:none;opacity:1}.b-testimonial-orb{animation:none}.b-how-sync-cursor{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1023px){.b-how-step-card,.b-how-step-card-next,.b-how-step-card-past,.b-how-step-card-active{transform:none;opacity:1}}@keyframes landingDiagnosticBurst{0%{opacity:0;transform:scale(.62);filter:blur(14px)}50%{opacity:.6}to{opacity:0;transform:scale(1.45);filter:blur(0)}}@media print{body{background:#fff!important}.diagnostic-print-hide{display:none!important}.diagnostic-print-root{padding-top:0!important;padding-bottom:0!important;background:#fff!important}.diagnostic-print-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}.diagnostic-print-open[open]{display:block!important}.diagnostic-print-open:not([open]){display:block!important}.diagnostic-print-open summary{list-style:none;cursor:default}.diagnostic-print-open:not([open])>*:not(summary){display:block!important}.diagnostic-print-footer{position:fixed;bottom:8px;right:16px}}