/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-\[72px\]{height:72px}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}}}:root{--sky-top:#dcebfb;--sky-mid:#eaf2fb;--sky-lower:#f8fafc;--sky-bottom:#fff;--surface:#fff;--surface-muted:#f7f8fa;--surface-card:#fafbfc;--text-primary:#111;--text-secondary:#0000009e;--text-muted:#888;--border-light:#0000000d;--border-medium:#0000001a;--shadow-soft:0 2px 20px #0000000a;--shadow-card:0 20px 60px #0f172a14;--shadow-elevated:0 20px 60px #0f172a14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--transition-base:.2s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "Noto Sans Tamil", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-primary);background:#fff;min-height:100vh;line-height:1.6;overflow-x:hidden}.hero-dashboard-wrapper{background:linear-gradient(#a3c4e5 0%,#fff 100%);width:100%;padding-top:80px;position:relative;overflow:hidden}#app-root{width:100%;max-width:100vw;overflow-x:hidden}.cloud-bg{position:relative;overflow:hidden}.hero-cloud-left{pointer-events:none;filter:blur(28px);background:radial-gradient(#ffffffb8 0%,#ffffff73 35%,#ffffff2e 60%,#fff0 100%);border-radius:999px;width:340px;height:180px;position:absolute;top:155px;left:-95px}.hero-cloud-right{pointer-events:none;filter:blur(24px);background:radial-gradient(#ffffffa6 0%,#ffffff61 40%,#ffffff26 70%,#fff0 100%);border-radius:999px;width:260px;height:140px;position:absolute;top:170px;right:-65px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-up}.animate-fade-up-delay-4{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .5s forwards fade-up}.animate-fade-up-delay-5{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .65s forwards fade-up}.animate-fade-up-delay-6{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .8s forwards fade-up}.btn-primary{background:var(--text-primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;height:60px;transition:all var(--transition-smooth);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 34px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #0000001a}.btn-primary:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 8px 28px #0000002e}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 16px #0000001a}.btn-secondary{-webkit-backdrop-filter:blur(12px);height:60px;color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;background:#ffffff8c;border:1px solid #0000000f;justify-content:center;align-items:center;gap:8px;padding:0 34px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#ffffffc7;border-color:#0000001a;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.btn-secondary:active{transform:translateY(0)}.navbar{z-index:100;width:100%;height:80px;transition:all var(--transition-smooth);background:#a3c4e5;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);background:#ffffffb8}.navbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-width:0;max-width:1280px;height:100%;margin:0 auto;padding:0 32px;display:flex}.dashboard-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid #0000000d;overflow:hidden;box-shadow:0 20px 60px #0f172a14}.dashboard-topbar{border-bottom:1px solid var(--border-light);background:var(--surface-muted);justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1;padding:16px 20px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500}.stat-value{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700}.stat-value.danger{color:#e05252}.transit-row{border-bottom:1px solid var(--border-light);transition:background var(--transition-base);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.transit-row:hover{background:var(--surface-muted)}.transit-row:last-child{border-bottom:none}.comparison-strip{flex-wrap:nowrap;justify-content:center;align-items:center;gap:28px;display:flex}.comparison-pill{white-space:nowrap;border-radius:9px;align-items:center;gap:10px;height:52px;padding:0 28px;font-size:18px;font-weight:500;display:inline-flex}.comparison-before{color:#d84b4b;background:#fff7f7;border:1px solid #ff00001a}.comparison-after{color:#179b63;background:#f4fff6;border:1px solid #10b9812e}.comparison-arrow{color:#999;opacity:.45;flex-shrink:0}@media (width<=1024px){.hero-heading{font-size:64px!important}.navbar-inner{padding:0 16px}.hero-heading{letter-spacing:-.03em!important;font-size:42px!important}.hero-subtitle{font-size:17px!important}.hero-cta-group{flex-direction:column!important;align-items:center!important}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{width:100%;max-width:320px}.cloud-left,.cloud-right{opacity:.1!important}.cloud-layer-deep-left,.cloud-layer-deep-right{display:none}.dashboard-topbar{flex-wrap:wrap;gap:8px}.dashboard-preview-wrapper{width:100%!important;max-width:100%!important;padding:0 16px!important}.comparison-pill{white-space:nowrap;height:46px;padding:0 20px;font-size:15px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.problem-section{background-color:#fafafa;justify-content:center;padding:120px 64px;display:flex}.problem-grid{grid-template-columns:45% 55%;align-items:stretch;gap:80px;width:100%;max-width:1280px;display:grid}.story-board{background-color:#f7f7f7;background-image:radial-gradient(#0000000f 2px,#0000 2px);background-size:18px 18px;border:1px solid #0000000a;border-radius:28px;width:100%;height:100%;min-height:520px;position:relative;overflow:hidden}.story-card{background:#fff;border-radius:16px;transition:transform .3s;position:absolute;box-shadow:0 8px 30px #0000000f}.story-card:hover{z-index:10;margin-top:-4px}.opacity-0{opacity:0}@media (width<=1024px){.problem-grid{gap:60px;flex-direction:column!important;display:flex!important}.problem-content{order:1!important}.story-board{order:2!important}.problem-heading{font-size:48px!important}.problem-section{padding:64px 20px}.problem-heading{white-space:nowrap!important;letter-spacing:-.01em!important;font-size:20px!important;font-weight:600!important;line-height:31px!important}.problem-section p{white-space:normal!important;color:#6b7280!important;font-size:13px!important}.problem-section p br{display:none!important}.problem-section h3{font-size:15px!important}.story-board{width:368px!important;max-width:100%!important;height:263px!important;min-height:auto!important;margin-top:16px!important;margin-left:auto!important;margin-right:auto!important}.story-board-inner{transform-origin:50%!important;transform:scale(.57)!important}}.process-section{background-color:#fafafa;justify-content:center;padding:140px 0 120px;display:flex;position:relative;overflow:hidden}.process-container{width:100%}.process-header{text-align:center;width:100%;padding:0 64px}.process-headline{letter-spacing:-.02em;color:#101828;text-align:center;width:100%;margin:0 auto;font-family:Inter,sans-serif;font-size:33px;font-weight:700;line-height:1.2}.process-description{color:#4a5565;text-align:center;white-space:nowrap;width:100%;margin:32px auto 0;font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:1.7}.skyline-container{justify-content:center;width:100%;display:flex;position:relative}.skyline-glow{opacity:.7;pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffffe6,#fff0);width:800px;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skyline-gif{object-fit:cover;z-index:1;width:100%;height:auto;display:block;position:relative}.flow-grid{box-sizing:border-box;grid-template-columns:repeat(5,1fr);align-items:start;gap:40px;width:100%;min-width:0;max-width:1440px;margin-top:72px;margin-left:auto;margin-right:auto;padding:0 64px;display:grid}.flow-item-container{justify-content:center;align-items:flex-start;display:flex;position:relative}.flow-item{text-align:center;flex-direction:column;flex:1;align-items:center;transition:transform .3s;display:flex}.flow-item:hover{transform:translateY(-4px)scale(1.02)}.flow-icon-wrapper{justify-content:center;align-items:center;height:110px;margin-bottom:20px;display:flex}.custom-icon path[stroke=\#10B981]{transition:stroke .3s}.flow-item:hover .custom-icon path[stroke=\#10B981],.flow-item:hover .custom-icon line[stroke=\#10B981]{stroke:#34d399}.flow-title{color:#111827;margin-bottom:8px;font-size:20px;font-weight:700}.flow-subtitle{color:#667085;font-size:14px;line-height:1.6}.flow-connector{z-index:-1;opacity:0;align-items:center;width:calc(100% - 160px);display:flex;position:absolute;top:55px;left:calc(50% + 80px)}.dashed-line{border-top:2px dashed #d1d5db;flex:1;height:2px}.arrow-tip{border-top:2px solid #d1d5db;border-right:2px solid #d1d5db;width:6px;height:6px;margin-left:-4px;transform:rotate(45deg)}.animate-draw-in path,.animate-draw-in rect,.animate-draw-in circle,.animate-draw-in line{stroke-dasharray:4000;stroke-dashoffset:4000px;animation:2s ease-out forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.animate-connector{animation:.5s ease-out forwards fadeSlideRight}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.process-headline{font-size:30px}.flow-grid{gap:20px}.flow-connector{width:25px;right:-15px}.flow-title{font-size:28px}}.mobile-only-section{display:none}@media (width<=1024px){.mobile-only-section{text-align:center;background-color:#fafafa;padding:64px 20px 0;display:block}.mobile-only-section h2{color:#111;letter-spacing:-.01em;margin-bottom:16px;font-size:26px;font-weight:600;line-height:1.4}.mobile-only-desc{color:#6b7280;z-index:2;margin:0;font-size:10.5px;font-weight:400;line-height:1.6;position:relative}.process-section{display:none!important}}.transparency-section{background:linear-gradient(#fff 0% 55%,#c6dcf4 95%);padding:140px 0 120px;position:relative}.transparency-container{box-sizing:border-box;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:0 64px}.transparency-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:72px;display:flex}.transparency-headline{color:#0e0e0e;letter-spacing:-.02em;white-space:nowrap;text-align:center;margin-bottom:24px;font-family:Inter,sans-serif;font-size:38px;font-weight:600;line-height:1.2}.transparency-description{color:#303030cc;margin:0 auto;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.6}.transparency-dashboard-wrapper{box-sizing:border-box;width:100%;min-width:0;max-width:980px;margin:0 auto}.dashboard-preview-wrapper>div{box-sizing:border-box;width:100%;min-width:0;max-width:1100px;margin:0 auto}.t-dashboard-card{background:#fff;border:1px solid #0000000d;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0f172a14}.t-dashboard-topbar{background:#fafafa;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.t-plant-selector{color:#111827;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.t-topbar-right{align-items:center;gap:16px;display:flex}.t-search{color:#667085;background:#fff;border:1px solid #0000000d;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.t-icon-btn{color:#667085;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.t-icon-btn:hover{background:#0000000d}.t-notification-dot{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:6px}.t-actions-btn{color:#fff;cursor:pointer;background:#111827;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.t-dashboard-content{background:#fff;padding:32px}.t-module-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex;position:relative}.t-module-title-group h3{color:#111827;margin-bottom:4px;font-size:20px;font-weight:700}.t-total-spend{color:#667085;font-size:14px}.t-module-actions{gap:12px;display:flex;position:relative}.t-filter-btn{color:#111827;cursor:pointer;border:1px solid #00000014;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.t-icon-btn-border{color:#667085;cursor:pointer;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.t-floating-dropdown{z-index:10;background:#fff;border:1px solid #0000000d;border-radius:14px;width:140px;padding:8px;position:absolute;top:48px;right:48px;box-shadow:0 12px 32px #0f172a14}.t-dropdown-item{color:#667085;cursor:pointer;border-radius:6px;margin-bottom:2px;padding:8px 12px;font-size:13px}.t-dropdown-item.active{color:#111827;background:#fafafa;font-weight:500}.t-expenses-list{flex-direction:column;gap:12px;display:flex}.t-expense-row{background:#fafafa;border-radius:14px;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.t-expense-category{text-transform:uppercase;color:#98a2b3;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.t-expense-name{color:#111827;margin-bottom:2px;font-size:15px;font-weight:600}.t-expense-meta{color:#98a2b3;font-size:13px}.t-expense-amount{color:#111827;font-size:16px;font-weight:700}.t-feature-row{grid-template-columns:repeat(3,1fr);gap:80px;max-width:1080px;margin-top:96px;margin-left:auto;margin-right:auto;display:grid}.t-feature-icon{color:#111827;margin-bottom:20px}.t-feature-title{color:#111827;margin-bottom:12px;font-size:20px;font-weight:700}.t-feature-desc{color:#667085;font-size:18px;line-height:1.7}.pricing-section{background:#c6dcf4;padding:140px 0}.problem-container,.pricing-container{box-sizing:border-box;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:0 64px}.pricing-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:64px;display:flex}.pricing-headline{color:#111827;letter-spacing:-.03em;max-width:950px;margin-bottom:24px;font-family:Inter,sans-serif;font-size:68px;font-weight:800;line-height:1.1}.pricing-description{color:#667085;max-width:800px;margin:0 auto 32px;font-size:22px;line-height:1.6}.pricing-warning-pill{color:#e15241;background:#ef444414;border:1px solid #ef444426;border-radius:999px;align-items:center;gap:8px;margin-bottom:48px;padding:8px 24px;font-size:15px;font-weight:500;display:inline-flex}.pricing-toggle-wrapper{justify-content:center;align-items:center;gap:16px;display:flex}.pricing-toggle{cursor:pointer;background:#e5e7eb;border:none;border-radius:999px;width:52px;height:32px;transition:background .3s;position:relative}.pricing-toggle.active{background:#15803d}.toggle-thumb{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.pricing-toggle.active .toggle-thumb{transform:translate(20px)}.toggle-label{color:#111827;font-size:18px;font-weight:600}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:32px;display:grid}.pricing-card{background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;height:560px;padding:40px;display:flex;position:relative}.pricing-card.featured{z-index:10;border:2px solid #15803d;transform:scale(1.04);box-shadow:0 20px 60px #16a34a26}.p-save-badge{color:#fff;white-space:nowrap;background:#15803d;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.p-card-header{margin-bottom:32px}.p-plan-name{color:#111827;margin-bottom:8px;font-size:24px;font-weight:700}.p-plan-desc{color:#667085;font-size:15px}.p-card-price{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.p-currency{color:#111827;font-size:32px;font-weight:600}.p-amount{color:#111827;letter-spacing:-.04em;font-size:48px;font-weight:800}.p-amount.text-custom{letter-spacing:-.02em;font-size:36px}.p-period{color:#667085;font-size:16px;font-weight:500}.p-billing-note{color:#98a2b3;margin-bottom:32px;font-size:14px}.p-features-list{flex-direction:column;flex-grow:1;gap:16px;margin:0;padding:0;list-style:none;display:flex}.p-features-list li{color:#4a5565;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.p-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;height:56px;margin-top:32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.p-btn-outline{color:#111827;background:0 0;border:1px solid #0000001a}.p-btn-outline:hover{background:#00000005}.p-btn-primary{color:#fff;background:#15803d;border:none}.p-btn-primary:hover{background:#166534}.cta-section{background:#c6dcf4;padding:160px 0;position:relative;overflow:hidden}.cta-cloud{pointer-events:none;z-index:0;position:absolute}.cta-cloud-left{width:340px;top:50%;left:-40px;transform:translateY(-50%)}.cta-cloud-right{width:260px;top:50%;right:-20px;transform:translateY(-50%)}.cta-container{box-sizing:border-box;z-index:10;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:0 64px;position:relative}.cta-content{text-align:center;flex-direction:column;align-items:center;display:flex}.cta-headline{color:#111827;letter-spacing:-.02em;max-width:900px;margin-bottom:24px;font-family:Inter,sans-serif;font-size:46px;font-weight:600;line-height:1.2}.cta-description{color:#667085;white-space:nowrap;margin-bottom:48px;font-size:20px;line-height:1.6}.cta-btn-primary{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:999px;align-items:center;gap:12px;height:64px;margin-bottom:24px;padding:0 36px;font-size:18px;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 12px 24px #11182726}.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #11182733}.cta-microcopy{color:#98a2b3;font-size:14px}@media (width>=1024px){.hero-subtitle-span{white-space:nowrap}}.animate-fade-up-delay-1{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .15s forwards fade-up}.animate-fade-up-delay-2{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards fade-up}.animate-fade-up-delay-3{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .45s forwards fade-up}@media (width<=1024px){.pricing-grid{grid-template-columns:1fr;gap:40px}.pricing-card{height:auto}.pricing-card.featured{transform:scale(1)}.t-feature-row{gap:40px}.transparency-headline,.cta-headline{font-size:40px}.pricing-headline{font-size:38px}.transparency-section,.pricing-section,.cta-section{padding:80px 0}.transparency-container,.pricing-container,.cta-container{padding:0 24px}.t-feature-row{text-align:center;grid-template-columns:1fr}.t-feature-col{flex-direction:column;align-items:center;display:flex}.t-dashboard-topbar{flex-direction:column;align-items:flex-start;gap:16px}.t-topbar-right{flex-wrap:wrap;justify-content:space-between;width:100%}.t-module-header{flex-direction:column;gap:16px}.t-floating-dropdown{left:0;right:auto}.t-expense-row{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:16px}.t-expense-amount{align-self:flex-start}}.footer-outer{background:#c6dcf4;padding:64px 24px}.footer-card{box-sizing:border-box;background:#dcebfb;border-radius:32px;flex-direction:column;width:100%;min-width:0;max-width:1100px;min-height:420px;margin:0 auto;padding:56px;display:flex;position:relative}.footer-content{justify-content:space-between;width:100%;display:flex}.footer-left{width:60%}.footer-logo{letter-spacing:-.02em;font-family:Inter,Geist,sans-serif;font-size:42px;font-weight:800}.logo-concrete{color:#111827}.logo-os{color:#6b7280}.footer-socials{gap:16px;margin-top:40px;display:flex}.social-btn{color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex}.social-btn:hover{transform:translateY(-2px)}.footer-right{gap:80px;width:40%;display:flex}.footer-links-col{flex-direction:column;display:flex}.footer-col-title{color:#111827;margin-bottom:28px;font-size:24px;font-weight:700}.footer-nav{flex-direction:column;gap:18px;display:flex}.footer-nav a{color:#667085;font-size:18px;font-weight:400;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#111827}.footer-bottom{width:100%;margin-top:auto;padding-top:100px}.footer-divider{background:#11182714;width:100%;height:1px}.footer-copyright{color:#374151;text-align:left;margin-top:32px;font-size:16px;font-weight:500}@media (width<=1024px){.footer-content{flex-direction:column;gap:48px}.footer-left,.footer-right{width:100%}.footer-right{flex-wrap:wrap;gap:48px}.footer-bottom{padding-top:64px}.transparency-container,.pricing-container,.process-container,.footer-outer{padding-left:32px;padding-right:32px}.flow-grid{gap:20px;padding:0 32px}.t-feature-row{gap:40px}p[style*="white-space: nowrap"],h2[style*=whiteSpace],h2[style*=white-space],.transparency-headline,.pricing-headline{white-space:normal!important}.hero-dashboard-wrapper{background:linear-gradient(#a3c4e5 0%,#eef4fa 55%,#f4f8fb 85%,#fff 100%)!important}#hero-section{width:100%;padding-top:20px!important;overflow:hidden!important}.navbar-inner{height:72px!important;padding:0 40px!important}.hero-cloud-left-img,.hero-cloud-right-img{opacity:.95!important;z-index:1!important;object-fit:contain!important;width:156px!important;height:80px!important}.hero-cloud-left-img{top:16px!important;left:-48px!important}.hero-cloud-right-img{top:8px!important;right:-48px!important}.hero-headline-wrapper,.hero-subtitle-wrapper,.hero-cta-group,.hero-microcopy-wrapper{z-index:2!important;padding-left:20px!important;padding-right:20px!important}.hero-heading{letter-spacing:-.03em!important;color:#111827!important;max-width:100%!important;margin:0 auto!important;font-family:Inter,sans-serif!important;font-size:18px!important;font-weight:600!important;line-height:34px!important}.hero-heading-span{display:block;white-space:nowrap!important}.hero-subtitle-wrapper{margin-top:24px!important}.hero-subtitle{color:#6b7280!important;max-width:100%!important;margin:0 auto!important;font-family:Inter,sans-serif!important;font-size:10px!important;font-weight:400!important;line-height:19.3px!important}.hero-subtitle-span{display:block;white-space:nowrap!important}.hero-cta-group{width:100%;margin-top:24px!important}#cta-demo{color:#fff!important;background:#2d2d2d!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:320px!important;height:36px!important;padding:0!important;font-size:12px!important;font-weight:400!important;display:flex!important}#cta-demo svg{stroke-width:1.5px!important;margin-left:6px!important;display:inline-block!important}.hero-microcopy-wrapper{margin-top:16px!important}.hero-microcopy-text{color:#98a2b3!important;margin:0!important;font-size:10px!important}.dashboard-preview-wrapper{width:100%!important;margin-top:32px!important;padding-top:0!important;padding-left:20px!important;padding-right:20px!important}.dashboard-preview-wrapper>div{border-radius:12px!important;max-width:360px!important;margin:0 auto!important;transform:none!important;box-shadow:0 8px 30px #0f172a14!important}#before-after-strip{margin-top:24px!important;padding:0 20px 48px!important}.comparison-strip{flex-direction:column!important;gap:12px!important}.comparison-before{color:#6b7280!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;justify-content:center!important;width:max-content!important;min-width:240px!important;height:40px!important;padding:0 20px!important;font-size:13px!important;font-weight:400!important;box-shadow:0 2px 8px #0000000a!important}.comparison-before strong{color:#ef4444!important;font-weight:400!important}.comparison-after{color:#111827!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;justify-content:center!important;width:max-content!important;min-width:240px!important;height:40px!important;padding:0 20px!important;font-size:13px!important;font-weight:400!important;box-shadow:0 2px 8px #0000000a!important}.comparison-after strong{color:#10b981!important;font-weight:400!important}.comparison-before svg,.comparison-after svg{width:14px!important;height:14px!important;margin-right:4px!important}.comparison-before svg circle,.comparison-before svg path,.comparison-after svg circle,.comparison-after svg path{stroke-width:1.5px!important}.comparison-arrow.sm\:hidden,.comparison-arrow{display:none!important}.problem-section{padding:64px 24px!important}.problem-grid{grid-template-columns:1fr;gap:48px}.story-board{order:-1;height:300px!important}.process-section{padding:80px 0!important}.process-headline{font-size:26px!important}.process-header{padding:0 24px}.flow-grid{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;gap:24px!important;padding:0 24px 32px!important;display:flex!important}.flow-grid::-webkit-scrollbar{display:none}.flow-item-container{scroll-snap-align:center;flex:0 0 85%}.flow-connector{display:none!important}.transparency-section{padding:64px 0!important}.transparency-container{padding:0 32px!important}.transparency-headline{white-space:normal!important;margin-bottom:16px!important;padding:0!important;font-size:26px!important}.transparency-description{max-width:600px!important;margin:0 auto 32px!important;font-size:13px!important}.transparency-dashboard-wrapper{display:none!important}.transparency-mobile-image-wrapper{display:block!important}.t-feature-row{grid-template-columns:1fr!important;gap:32px!important;margin-top:64px!important}.t-feature-col{text-align:left!important;align-items:flex-start!important}.t-feature-icon{width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:8px!important;padding:0!important}.t-feature-title{margin-bottom:8px!important;font-size:14px!important;font-weight:500!important}.t-feature-desc{font-size:11px!important;line-height:1.5!important}.pricing-section{padding:80px 0!important}.pricing-container{padding:0 12px!important}.pricing-headline{font-size:48px!important}.pricing-description{font-size:16px!important}.pricing-warning-pill{font-size:13px!important}.pricing-grid{grid-template-columns:1fr!important;gap:32px!important}.cta-section{padding:80px 24px!important}.cta-headline{font-size:32px!important}.cta-description{white-space:normal!important;font-size:16px!important}.cta-cloud-left{opacity:.9!important;width:clamp(140px,18vw,180px)!important;display:block!important;left:clamp(-20px,-2vw,0px)!important}.cta-cloud-right{opacity:.9!important;width:clamp(140px,18vw,180px)!important;display:block!important;right:clamp(-20px,-2vw,0px)!important}.footer-outer{padding:60px 40px!important}.footer-card{padding:48px!important}.footer-content{flex-direction:column!important;align-items:flex-start!important;gap:48px!important}.footer-right{justify-content:flex-start!important;gap:64px!important;width:100%!important}.footer-socials{justify-content:flex-start!important}.footer-logo{font-size:32px!important}.footer-bottom{margin-top:48px!important}}.transparency-mobile-image-wrapper{display:none}@media (width<=767px){.navbar-inner{padding:0 20px!important}.transparency-mobile-image-wrapper{margin-top:-60px!important;display:block!important}.transparency-section{padding:24px 0 32px!important}.transparency-container{padding:0 12px!important}.transparency-headline{letter-spacing:-.02em!important;text-align:center!important;white-space:normal!important;max-width:360px!important;margin:40px auto 10px!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important}.transparency-description{color:#6b7280!important;text-align:center!important;max-width:100%!important;margin:12px auto 18px!important;font-size:10px!important;font-weight:400!important;line-height:1.45!important;display:block!important}.transparency-dashboard-wrapper,.t-dashboard-topbar{display:none!important}.t-dashboard-card{min-width:unset!important;width:980px!important;transform:scale(calc(100cqi / 980))!important;transform-origin:0 0!important}.pricing-headline{font-size:20px!important}.pricing-description{white-space:nowrap!important;max-width:100%!important;font-size:11px!important}.pricing-warning-pill{white-space:nowrap!important;margin-top:-8px!important;padding:8px 16px!important;font-size:11px!important}.pricing-toggle-wrapper,.pricing-grid{margin-top:-12px!important}.cta-headline{font-size:24px!important}.cta-description{white-space:normal!important;font-size:12px!important}#cta-demo-bottom{height:36px!important;margin-top:-12px!important;padding:0 24px!important;font-size:11px!important}.footer-outer{background:#d3e4f7!important;padding:1px 0!important}.footer-card{background:#dcebfb!important;border-radius:28px!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;width:calc(100% - 56px)!important;max-width:334px!important;min-height:506px!important;margin:40px auto!important;padding:40px 32px!important;display:flex!important}.footer-content{flex-direction:column!important;align-items:flex-start!important;gap:0!important;width:100%!important}.footer-left{flex-direction:column!important;align-items:flex-start!important;width:100%!important;display:flex!important}.footer-logo{margin-bottom:28px!important;font-family:Geist,Inter,sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important}.footer-socials{justify-content:flex-start!important;gap:14px!important;margin-top:0!important;margin-bottom:40px!important;display:flex!important}.social-btn{border-radius:999px!important;width:42px!important;height:42px!important}.social-btn:hover{transform:none!important}.footer-right{grid-template-columns:1fr 1fr!important;justify-content:start!important;align-items:start!important;gap:36px!important;width:100%!important;margin-bottom:56px!important;display:grid!important}.footer-links-col{flex-direction:column!important;align-items:flex-start!important;display:flex!important}.footer-col-title{color:#111827!important;margin-bottom:20px!important;font-size:16px!important;font-weight:700!important}.footer-nav{flex-direction:column!important;gap:14px!important;display:flex!important}.footer-nav a{color:#667085!important;font-size:14px!important;font-weight:400!important;line-height:1.9!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important;width:100%!important;margin-top:0!important;display:flex!important}.footer-divider{width:100%!important;margin-bottom:24px!important;display:none!important}.footer-copyright{color:#374151!important;text-align:left!important;max-width:240px!important;margin:0!important;font-size:12px!important;font-weight:600!important;line-height:1.6!important}}@media (width<=380px){.transparency-dashboard-wrapper{display:none!important}.t-dashboard-card{transform:scale(calc(100cqi / 980))!important}}@media (width>=1025px) and (width<=1919px){.process-section{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important;overflow:hidden!important}.skyline-container{flex-direction:column!important;align-items:center!important}.process-header{margin-bottom:0!important;padding:0 32px!important;position:relative!important;top:auto!important}.process-headline{text-align:center!important;max-width:1200px!important;margin:0 auto!important;font-size:clamp(42px,4vw,64px)!important;font-weight:700!important}.process-description{color:#667085!important;text-align:center!important;white-space:normal!important;max-width:1000px!important;margin:20px auto 48px!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:1.6!important}.skyline-gif{object-fit:contain!important;width:100%!important;max-width:1600px!important;height:auto!important;margin:0 auto!important;display:block!important;position:relative!important}.flow-grid{z-index:10!important;justify-content:space-between!important;align-items:flex-start!important;gap:0!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;display:flex!important;position:absolute!important;bottom:clamp(20px,3.13199vw - 12.1029px,48px)!important;left:50%!important;right:auto!important;transform:translate(-50%)translateY(108px)!important}.flow-item-container{flex-direction:row!important;flex:1!important;align-items:flex-start!important;display:flex!important}.flow-item-container:last-child{flex:0 0 clamp(100px,12vw,140px)!important}.flow-item{flex:0 0 clamp(100px,12vw,140px)!important;width:clamp(100px,12vw,140px)!important}.flow-connector{opacity:.9!important;z-index:1!important;flex:1 0!important;width:100%!important;margin:55px 16px 0!important;position:relative!important;top:auto!important;left:auto!important;transform:translateY(-50%)!important}}@media (width>=1440px) and (width<=1440px){.process-headline{white-space:nowrap!important;font-size:44px!important}}@media (width>=1025px){.pricing-grid{margin-top:24px!important}.pricing-card:not(.featured){transform:translateY(24px)!important}.pricing-card.featured{transform:scale(1.04)translateY(0)!important}}@media (width>=1025px) and (width<=1424px){.transparency-headline{box-sizing:border-box!important;letter-spacing:-.02em!important;text-align:center!important;white-space:normal!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;font-weight:700!important;line-height:1.3!important}}@media (width>=1025px) and (width<=1180px){.transparency-headline{padding-left:32px!important;padding-right:32px!important;font-size:34px!important}}@media (width>=1181px) and (width<=1320px){.transparency-headline{padding-left:40px!important;padding-right:40px!important;font-size:38px!important}}@media (width>=1321px) and (width<=1424px){.transparency-headline{padding-left:48px!important;padding-right:48px!important;font-size:42px!important}}@media (width>=760px) and (width<=1024px){.flow-grid{scroll-snap-type:none!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:0!important;width:100%!important;max-width:100%!important;margin:40px auto 0!important;padding:0 clamp(24px,4vw,32px)!important;display:flex!important;position:relative!important;overflow-x:visible!important}.flow-item-container{scroll-snap-align:none!important;flex-direction:row!important;flex:1!important;align-items:flex-start!important;display:flex!important}.flow-item-container:last-child{flex:0 0 clamp(90px,11vw,116px)!important}.flow-item{text-align:center!important;opacity:1!important;flex-direction:column!important;flex:0 0 clamp(90px,11vw,116px)!important;align-items:center!important;width:clamp(90px,11vw,116px)!important;display:flex!important;transform:none!important}.flow-connector{opacity:.9!important;flex:1 0!important;width:100%!important;margin:28px 8px 0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:translateY(-50%)!important}.mobile-process-arrows{display:none!important}.custom-icon{width:clamp(40px,5.5vw,56px)!important;height:auto!important}.flow-title{margin-top:12px!important;font-size:clamp(18px,2.5vw,22px)!important;font-weight:700!important}.flow-subtitle{color:#667085!important;margin-top:8px!important;font-size:clamp(11px,1.5vw,13px)!important;line-height:1.5!important}}@media (width>=1026px) and (width<=1919px){.flow-item-container:nth-child(2) .flow-connector{transform:translateY(-50%)translate(8px)!important}.flow-item-container:nth-child(4) .flow-connector{transform:translateY(-50%)translate(24px)!important}}.pricing-responsive-headline{white-space:nowrap!important;flex-direction:row!important;justify-content:center!important;display:flex!important}@media (width>=762px) and (width<=822px){.pricing-responsive-headline{flex-direction:column!important}.pricing-headline-space{display:none!important}}@media (width>=760px) and (width<=1023px){.navbar,.navbar-inner,#main-navbar .lg\:hidden{height:60px!important;min-height:60px!important;max-height:60px!important}.hero-dashboard-wrapper{padding-top:60px!important}}@media (width<=759px){.navbar,.navbar-inner,#main-navbar .lg\:hidden{height:56px!important;min-height:56px!important;max-height:56px!important}.hero-dashboard-wrapper{padding-top:56px!important}.cta-cloud-left{opacity:.85!important;width:clamp(110px,20vw,140px)!important;display:block!important;left:clamp(-30px,-4vw,-15px)!important}.cta-cloud-right{opacity:.85!important;width:clamp(110px,20vw,140px)!important;display:block!important;right:clamp(-30px,-4vw,-15px)!important}}@media (width>=320px) and (width<=389px){.hero-subtitle{letter-spacing:normal!important;text-align:center!important;width:100%!important;max-width:300px!important;margin:0 auto!important;font-size:8px!important;line-height:1.45!important}}@media (width>=340px) and (width<=369px){.comparison-strip{box-sizing:border-box!important;width:100%!important;padding-left:16px!important;padding-right:16px!important}.comparison-after{white-space:nowrap!important;box-sizing:border-box!important;width:100%!important;max-width:calc(100vw - 32px)!important;height:40px!important;min-height:40px!important;font-size:10.5px!important}}@media (width<=767px){.hero-dashboard-wrapper{background:linear-gradient(#88bef4 0%,#eef4fa 55%,#f4f8fb 85%,#fff 100%)!important}.transparency-section{background:linear-gradient(#fff 0% 55%,#c6dcf4 95%)!important}.pricing-section,.cta-section,.footer-outer{background:#c6dcf4!important}.navbar:not(.scrolled){background:#8cc0f466!important}.hero-subtitle,.hero-subtitle-span,.hero-microcopy-text,.cta-description{color:#303030f2!important}.footer-founders{text-align:left!important;white-space:normal!important;gap:16px!important;margin-top:8px!important;margin-bottom:48px!important;font-size:clamp(12px,2.8vw,16px)!important}}.footer-founders{color:inherit;opacity:.9;text-align:left;flex-direction:column;gap:10px;margin-top:24px;font-size:clamp(12px,1.2vw,16px);font-weight:500;line-height:1.6;display:flex}.contact-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-modal-content{text-align:center;background:#fff;border-radius:20px;width:420px;max-width:calc(100vw - 32px);padding:32px;position:relative;box-shadow:0 20px 60px #0000001f}@media (width<=1024px){.contact-modal-content{width:380px}}@media (width<=767px){.contact-modal-content{width:calc(100vw - 32px);padding:24px}}.contact-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.contact-modal-close:hover{color:#111827;background:#f3f4f6}.contact-modal-heading{color:#111827;margin:0 0 8px;font-family:Geist,Inter,sans-serif;font-size:24px;font-weight:700}.contact-modal-subheading{color:#6b7280;margin:0 0 32px;font-size:14px}.contact-modal-details{flex-direction:column;gap:16px;display:flex}.contact-person{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.contact-person:last-child{border-bottom:none;padding-bottom:0}.contact-name{color:#111827;font-size:16px;font-weight:500}.contact-number{color:#111827;font-size:16px;font-weight:500;line-height:1.8;text-decoration:none;transition:color .2s}.contact-number:hover{color:#2563eb}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.2s ease-out forwards modalFadeIn}.animate-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleIn}.demo-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.demo-modal-content{background:#000;border-radius:20px;flex-direction:column;width:80vw;max-width:1100px;padding:16px;display:flex;position:relative;box-shadow:0 20px 80px #00000040}@media (width<=1024px){.demo-modal-content{width:90vw}}@media (width<=767px){.demo-modal-content{border-radius:16px;width:calc(100vw - 24px);padding:12px}}.demo-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.demo-modal-title{color:#fff;margin:0;font-family:Geist,Inter,sans-serif;font-size:18px;font-weight:600}.demo-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.demo-modal-close:hover{color:#fff;background:#ffffff1a}.demo-modal-body{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.demo-video-player{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}