.navbar{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);z-index:1000;width:calc(100% - 2rem);max-width:1200px;transition:var(--transition);background-color:#ffffffd9;border:1px solid #ffffff80;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000000d}.navbar.scrolled{background-color:#fffffff2;border-color:#0000000d;top:.5rem;box-shadow:0 8px 24px #00000014}.navbar-container{justify-content:space-between;align-items:center;height:72px;padding:0 1.5rem;display:flex}.navbar-logo{z-index:1001;align-items:center;display:flex}.navbar-logo img{width:auto;height:48px}.navbar-links{align-items:center;gap:2.5rem;display:flex}.navbar-links a{color:var(--text-dark);opacity:.8;font-size:.95rem;font-weight:500}.navbar-links a:hover,.navbar-links a.active{color:var(--primary);opacity:1}.navbar-actions{align-items:center;display:flex}.mobile-menu-btn{color:var(--text-dark);cursor:pointer;z-index:1001;background:0 0;border:none;margin-right:-.5rem;padding:.5rem;display:none}.mobile-menu-overlay{z-index:999;opacity:0;visibility:hidden;background-color:#fff;flex-direction:column;padding:100px 2rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu-overlay.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-links{flex-direction:column;flex-grow:1;gap:2rem;display:flex}.mobile-menu-links a{color:var(--text-dark);border-bottom:1px solid var(--border-color);padding-bottom:1rem;font-size:2rem;font-weight:700}.mobile-menu-footer{margin-top:auto}@media (width>=993px){.d-flex-mobile{display:none!important}}@media (width<=992px){.d-none-mobile{display:none!important}.mobile-menu-btn{display:flex}.navbar-container{padding:0 1rem}}@media (width<=768px){.navbar{width:calc(100% - 1rem);top:.5rem}}.footer{background-color:var(--bg-gray);border-top:1px solid var(--border-color);padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-logo{width:auto;height:64px;margin-bottom:1.5rem}.footer-description{color:var(--text-secondary);max-width:400px}.footer-links-group h4{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.125rem}.footer-links-group ul{flex-direction:column;gap:.75rem;display:flex}.footer-links-group a{color:var(--text-secondary);transition:var(--transition)}.footer-links-group a:hover{color:var(--primary)}.footer-links-group a.disabled{color:var(--text-light);cursor:not-allowed;pointer-events:none}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-light);padding-top:2rem;font-size:.875rem}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.hero-section{padding:160px 0 100px;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.hero-badge{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--primary);background:#fff;gap:.5rem;width:auto;max-width:100%;margin-bottom:2rem;padding:.5rem 1.25rem;display:inline-flex}.badge-pulse{background-color:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #104a7666}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #104a76b3}70%{transform:scale(1);box-shadow:0 0 0 10px #104a7600}to{transform:scale(.95);box-shadow:0 0 #104a7600}}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, #3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title{margin-bottom:1.5rem}.hero-subtitle{max-width:90%;margin-bottom:2.5rem}.hero-cta{gap:1rem;margin-bottom:3rem;display:flex}.hero-trust{flex-wrap:wrap;gap:1.5rem;display:flex}.trust-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.trust-item svg{color:var(--primary)}.hero-visual{z-index:10;position:relative}.dashboard-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);background:#fff;border:1px solid #fff3;position:relative}.dashboard-glow{z-index:-1;background:radial-gradient(circle,#104a7626 0%,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-img{border-radius:calc(var(--radius-lg) - 1px);width:100%;display:block}.float-card{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:6s ease-in-out infinite float;display:flex;position:absolute}.float-icon-wrapper{width:40px;height:40px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.float-value{color:var(--text-dark);font-size:1.125rem;font-weight:700;line-height:1.2}.float-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.float-card-1{animation-delay:0s;top:10%;left:-15%}.float-card-2{animation-delay:-2s;bottom:20%;right:-10%}.float-card-3{animation-delay:-4s;bottom:-5%;left:10%}.problem-card{text-align:left}.problem-icon{width:48px;height:48px;color:var(--secondary-dark);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffa7261a 0%,#ffa72633 100%);justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.feature-mini-card{flex-direction:column;display:flex}.feature-check{color:var(--primary);margin-bottom:1rem}.timeline-horizontal{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;display:flex;position:relative}.timeline-node{z-index:2;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex;position:relative}.node-number{border:2px solid var(--primary);width:40px;height:40px;color:var(--primary);box-shadow:0 0 0 4px var(--bg-canvas);transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.timeline-node:hover .node-number{background:var(--primary);color:#fff;transform:scale(1.1)}.node-text{text-align:center;font-size:.875rem;font-weight:600}.node-connector{background:var(--border-color);z-index:-1;width:100%;height:2px;position:absolute;top:20px;left:50%}.benefit-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.benefit-icon-wrapper{width:48px;height:48px;color:var(--primary);border-radius:var(--radius-md);background:#104a761a;justify-content:center;align-items:center;display:flex}.benefit-list{flex-direction:column;gap:1rem;display:flex}.benefit-list li{align-items:flex-start;gap:.75rem;font-weight:500;display:flex}.cta-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);text-align:center;border:none;padding:4rem 2rem}.mb-12{margin-bottom:3rem}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-secondary{color:var(--text-secondary)}.text-white{color:#fff!important}.text-primary{color:var(--primary)}.flex{display:flex}.gap-4{gap:1rem}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin:0 auto 2.5rem}.hero-cta,.hero-trust{justify-content:center}.float-card{display:none}}@media (width<=768px){.hero-section{padding-top:120px}.hero-badge{white-space:normal;text-align:left}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.d-none-mobile{display:none}.timeline-horizontal{flex-direction:column;align-items:flex-start;gap:2rem}.timeline-node{flex-direction:row;width:100%}.node-connector{width:2px;height:calc(100% + 2rem);top:40px;left:19px}}.page-wrapper{min-height:calc(100vh - 80px);padding-top:80px}.page-header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);padding:8rem 0 6rem;position:relative;overflow:hidden}.page-header:before{content:"";background:radial-gradient(circle at 100% 0,#ffa72626,#0000 50%);position:absolute;inset:0}.bento-grid{gap:var(--card-spacing-desktop);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);display:grid}.bento-card{flex-direction:column;height:100%;display:flex}.bento-large-1{flex-direction:row;grid-area:span 2/span 2;padding:0}.bento-large-2{flex-direction:column;grid-area:span 2/span 2;padding:0}.bento-medium{grid-area:span 1/span 2}.bento-small{grid-area:span 1/span 1}.bento-content{padding:var(--card-spacing-desktop);flex-direction:column;flex:1;justify-content:center;display:flex}.bento-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--primary);background:#104a760d;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.bento-list{flex-direction:column;gap:.75rem;display:flex}.bento-list li{color:var(--text-secondary);padding-left:1.5rem;font-size:.95rem;font-weight:500;position:relative}.bento-list li:before{content:"→";color:var(--secondary);font-weight:700;position:absolute;left:0}.bento-visual{background-color:var(--bg-gray);flex:1;justify-content:flex-end;align-items:flex-end;min-height:200px;display:flex;position:relative;overflow:hidden}.bento-image{object-fit:cover;object-position:left top;width:100%;height:100%}.bento-large-1 .bento-image{border-left:1px solid var(--border-color)}.bento-large-2 .bento-image{border-top:1px solid var(--border-color);object-position:center top}@media (width<=1024px){.bento-grid{gap:var(--card-spacing-mobile);grid-template-columns:repeat(2,1fr)}.bento-large-1{flex-direction:column;grid-column:span 2}.bento-visual{border-left:none;border-top:1px solid var(--border-color);min-height:150px}.bento-large-1 .bento-image{border-left:none;border-top:1px solid var(--border-color)}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.bento-large-1,.bento-large-2,.bento-medium,.bento-small{grid-area:auto/span 1}.bento-content{padding:var(--card-spacing-mobile)}}.role-card{-webkit-backdrop-filter:blur(20px);background:#fffc;flex-direction:column;height:100%;display:flex}.role-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.role-icon-wrapper{border-radius:var(--radius-lg);width:72px;height:72px;transition:var(--transition);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.role-card:hover .role-icon-wrapper{transform:scale(1.05)rotate(5deg)}.role-capabilities{flex-direction:column;flex-grow:1;gap:.75rem;display:flex}.capability-item{background-color:var(--bg-white);border-radius:var(--radius-md);transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.capability-item:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm);transform:translate(4px)}.capability-check{font-size:1.25rem;font-weight:800}.capability-text{color:var(--text-dark);font-weight:500}.role-link{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.role-link:hover{gap:.75rem}@media (width<=1024px){.roles-grid{grid-template-columns:1fr}}.workflow-grid{gap:var(--card-spacing-desktop);grid-template-columns:repeat(4,1fr);display:grid}.workflow-column{background:#fff}.workflow-title{color:var(--primary);border-bottom:2px solid var(--border-color);padding-bottom:1rem}.workflow-steps-vertical,.workflow-step-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.workflow-step{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;width:100%;box-shadow:var(--shadow-sm);transition:var(--transition);color:var(--text-dark);padding:1rem;font-size:.875rem;font-weight:600}.workflow-step:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-2px)}.workflow-arrow-down{color:var(--text-light);margin:.75rem 0;animation:2s infinite pulse-down}@keyframes pulse-down{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media (width<=1024px){.workflow-grid{gap:var(--card-spacing-mobile);grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.workflow-grid{grid-template-columns:1fr}}.demo-container{gap:var(--card-spacing-desktop);grid-template-columns:1fr 1.2fr;align-items:flex-start;display:grid}.demo-expectations{flex-direction:column;gap:2rem;display:flex}.demo-expectation-item{align-items:flex-start;gap:1.5rem;display:flex}.demo-expectation-item svg{flex-shrink:0;margin-top:.25rem}.faq-list{flex-direction:column;gap:1.5rem;display:flex}.faq-item{border-left:3px solid var(--secondary);padding-left:1.5rem}.demo-form-card{padding:3rem}.demo-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-dark);font-size:.875rem;font-weight:600}.input-group input,.input-group select,.input-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);background-color:var(--bg-canvas);color:var(--text-dark);padding:1rem 1.25rem;font-family:inherit;font-size:1rem}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #104a761a}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-light);opacity:.7}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";color:var(--text-secondary);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.input-group select{appearance:none;width:100%;padding-right:3rem}.btn-submit{width:100%;margin-top:1rem;padding:1.25rem;font-size:1.125rem}.inline-icon{vertical-align:text-bottom;margin-right:.25rem;display:inline-block}@media (width<=1024px){.demo-container{grid-template-columns:1fr;gap:4rem}}@media (width<=768px){.form-row{grid-template-columns:1fr}.demo-form-card{padding:2rem}}:root{--primary:#104a76;--primary-light:#186aa9;--primary-dark:#0a2e4b;--secondary:#ffa726;--secondary-light:#ffb74d;--secondary-dark:#f57c00;--text-dark:#0f172a;--text-secondary:#334155;--text-light:#64748b;--bg-white:#fff;--bg-canvas:#fafafc;--bg-gray:#f1f5f9;--border-color:#0f172a14;--border-color-hover:#104a7633;--section-spacing-desktop:120px;--content-spacing-desktop:48px;--card-spacing-desktop:32px;--section-spacing-mobile:72px;--content-spacing-mobile:24px;--card-spacing-mobile:24px;--shadow-sm:0 2px 8px -2px #0f172a0d;--shadow-md:0 12px 24px -4px #0f172a14, 0 4px 8px -2px #0f172a0a;--shadow-lg:0 24px 48px -12px #0f172a1f, 0 12px 24px -8px #0f172a0f;--shadow-hover:0 32px 64px -12px #104a7626, 0 16px 32px -8px #104a7614;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:blur(24px);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1);--transition:all .4s cubic-bezier(.16, 1, .3, 1);--transition-slow:all .8s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{color:var(--text-dark);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-dark);letter-spacing:-.02em;line-height:1.1}.text-h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800}.text-h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}.text-h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.text-h4{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}.text-body-lg{color:var(--text-secondary);font-size:clamp(1.125rem,1.5vw,1.25rem)}.text-body{color:var(--text-secondary);font-size:1rem}a{color:var(--primary);transition:var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-spacing-mobile) 0;position:relative}@media (width>=768px){.section{padding:var(--section-spacing-desktop) 0}.container{padding:0 2rem}}.text-center{text-align:center}.btn{border-radius:var(--radius-full);transition:var(--transition-fast);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #104a7640}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #104a7659}.btn-secondary{color:var(--text-dark);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{background-color:var(--bg-gray);border-color:var(--text-dark);transform:translateY(-2px)}.btn-accent{background-color:var(--secondary);color:#fff;box-shadow:0 4px 12px #ffa7264d}.btn-accent:hover{background-color:var(--secondary-light);transform:translateY(-2px);box-shadow:0 8px 24px #ffa72666}.premium-card{border-radius:var(--radius-lg);padding:var(--card-spacing-mobile);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:var(--transition);background:#fff;position:relative;overflow:hidden}@media (width>=768px){.premium-card{padding:var(--card-spacing-desktop)}}.premium-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-color-hover);transform:translateY(-8px)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:normal;text-align:left;align-items:center;width:auto;max-width:100%;padding:.375rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary);background-color:#104a7614}.grid{gap:var(--card-spacing-mobile);display:grid}@media (width>=768px){.grid{gap:var(--card-spacing-desktop)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.bg-gradient-mesh{background-image:radial-gradient(at 0 0,#104a760a 0,#0000 50%),radial-gradient(at 100% 0,#ffa7260a 0,#0000 50%)}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-5{padding-left:1.25rem}