@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--navy-deep:#0f1a2e;--navy-medium:#1b2a4a;--navy-light:#2d4a6f;--blue-primary:#2e75b6;--blue-light:#4a9fd9;--blue-glow:#2e75b633;--white:#fff;--off-white:#f7f9fc;--light-gray:#e8eff7;--medium-gray:#94a3b8;--dark-text:#1e293b;--green:#10b981;--red-soft:#ef4444;--gold:#f59e0b;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--space-9:128px;--max-content:1280px;--max-full:1440px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.6s cubic-bezier(.16, 1, .3, 1)}*,: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(--dark-text);background:var(--white);font-size:17px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:var(--blue-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--blue-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{font-size:clamp(36px,5vw,72px);line-height:1.05}h2{letter-spacing:-.01em;font-size:clamp(28px,3.5vw,44px);font-weight:600;line-height:1.2}h3{font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.3}p{margin-bottom:1em}.mono{font-family:var(--font-mono);font-weight:500}.caption{color:var(--medium-gray);font-size:14px;line-height:1.5}.container{width:100%;max-width:var(--max-content);padding:0 var(--space-4);margin:0 auto}.container-wide{width:100%;max-width:var(--max-full);padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-8) 0}.section-dark{background:var(--navy-deep);color:var(--white)}.section-dark p,.section-dark .caption{color:var(--medium-gray)}.section-dark h1,.section-dark h2,.section-dark h3{color:var(--white)}.section-alt{background:var(--off-white)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1023px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--white);border:1px solid var(--light-gray);padding:var(--space-5);transition:box-shadow var(--transition-base), transform var(--transition-base);border-radius:16px;box-shadow:0 4px 24px #0f1a2e0f}.card:hover{transform:translateY(-2px);box-shadow:0 8px 40px #0f1a2e1f}.card-dark{background:#1b2a4a80;border-color:#2d4a6f4d}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--blue-primary);color:var(--white);border-radius:12px;padding:16px 32px;box-shadow:0 4px 12px #2e75b64d}.btn-primary:hover{color:var(--white);background:#2563a8;transform:scale(1.02);box-shadow:0 6px 20px #2e75b666}.btn-secondary{border:1.5px solid var(--blue-primary);color:var(--blue-primary);background:0 0;border-radius:12px;padding:15px 31px}.btn-secondary:hover{color:var(--blue-primary);background:#2e75b61a}.btn-ghost{color:var(--medium-gray);background:0 0;border-radius:8px;padding:10px 20px}.btn-ghost:hover{color:var(--white);background:#ffffff0d}.btn-large{border-radius:14px;padding:20px 48px;font-size:18px}.badge{color:var(--blue-primary);font-family:var(--font-sans);background:#2e75b61a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.badge-green{color:var(--green);background:#10b9811a}.badge-gold{color:var(--gold);background:#f59e0b1a}.metric{font-family:var(--font-mono);color:var(--navy-deep);font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.1}.metric-accent{color:var(--blue-primary)}.metric-white{color:var(--white)}.comparison-table{border-collapse:collapse;width:100%;font-size:15px}.comparison-table thead{background:var(--navy-deep);color:var(--white)}.comparison-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:16px 20px;font-size:14px;font-weight:600}.comparison-table th:first-child{border-radius:12px 0 0}.comparison-table th:last-child{border-radius:0 12px 0 0}.comparison-table td{border-bottom:1px solid var(--light-gray);vertical-align:top;padding:16px 20px}.comparison-table tbody tr:hover{background:var(--off-white)}.comparison-table .highlight-col{background:#2e75b60a}.comparison-table .check{color:var(--green);font-weight:700}.header{z-index:1000;height:72px;transition:all var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-transparent{background:0 0}.header-glass{-webkit-backdrop-filter:blur(20px);background:#0f1a2ed9;border-bottom:1px solid #ffffff0d}.header-inner{width:100%;max-width:var(--max-full);padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{flex-direction:column;gap:0;display:flex}.header-logo-text{font-family:var(--font-sans);color:var(--white);letter-spacing:.08em;font-size:20px;font-weight:700}.header-logo-sub{color:var(--medium-gray);letter-spacing:.02em;margin-top:-2px;font-size:11px;font-weight:400}.header-nav{align-items:center;gap:var(--space-5);display:flex}.header-nav a{color:var(--medium-gray);transition:color var(--transition-fast);font-size:15px;font-weight:500;position:relative}.header-nav a:hover{color:var(--white)}.header-nav a:after{content:"";background:var(--blue-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.header-nav a:hover:after{width:100%}.header-actions{align-items:center;gap:var(--space-3);display:flex}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--white);width:22px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{background:var(--navy-deep);z-index:999;justify-content:center;align-items:center;gap:var(--space-5);width:100%;height:100vh;transition:right var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.open{right:0}.mobile-menu a{color:var(--white);font-size:24px;font-weight:600}.footer{background:var(--navy-deep);color:var(--medium-gray);padding:var(--space-7) 0 var(--space-6)}.footer-grid{gap:var(--space-7);margin-bottom:var(--space-7);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-2);flex-direction:column;display:flex}.footer-brand-name{color:var(--white);letter-spacing:.08em;font-size:20px;font-weight:700}.footer-brand-sub{color:var(--medium-gray);font-size:14px}.footer-col h4{color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:14px;font-weight:600}.footer-col ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.footer-col a{color:var(--medium-gray);transition:color var(--transition-fast);font-size:14px}.footer-col a:hover{color:var(--white)}.footer-bottom{padding-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid #ffffff14;flex-wrap:wrap;font-size:13px;display:flex}.hero{background:var(--navy-deep);align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero-content{gap:var(--space-7);z-index:2;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-text{gap:var(--space-4);flex-direction:column;display:flex}.hero h1{color:var(--white);font-size:clamp(40px,5vw,64px)}.hero h1 span{color:var(--blue-primary)}.hero-subtitle{color:var(--medium-gray);max-width:540px;font-size:18px;line-height:1.7}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-visual{perspective:1000px;position:relative}.report-card{background:var(--white);padding:var(--space-5);transition:transform var(--transition-base);border-radius:16px;max-width:480px;margin:0 auto;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 20px 60px #0000004d,0 0 40px #2e75b61a}.report-card:hover{transform:rotateY(0)rotateX(0)}.report-header{padding-bottom:var(--space-3);border-bottom:1px solid var(--light-gray);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.report-title{color:var(--navy-deep);font-size:16px;font-weight:700}.report-line{border-bottom:1px solid #e8eff780;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.report-line-label{color:var(--medium-gray)}.report-line-value{font-family:var(--font-mono);color:var(--dark-text);font-weight:500}.report-line-value.positive{color:var(--green)}.report-line-value.negative{color:var(--red-soft)}.report-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--blue-primary);margin-top:var(--space-3);margin-bottom:var(--space-2);font-size:13px;font-weight:600}.dots-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.dots-bg:before{content:"";background-image:radial-gradient(circle,#2e75b626 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite dotFloat;position:absolute;inset:-20%}@keyframes dotFloat{0%{transform:translate(0)}50%{transform:translate(10px,-10px)}to{transform:translate(0)}}.social-proof{background:var(--off-white);padding:var(--space-4) 0;overflow:hidden}.social-proof-inner{align-items:center;gap:var(--space-7);flex-wrap:wrap;justify-content:center;display:flex}.social-proof-text{color:var(--medium-gray);white-space:nowrap;font-size:14px;font-weight:500}.social-proof-logos{align-items:center;gap:var(--space-6);display:flex}.provider-logo{font-family:var(--font-sans);color:var(--medium-gray);filter:grayscale();opacity:.5;transition:all var(--transition-base);cursor:default;letter-spacing:.02em;font-size:18px;font-weight:700}.provider-logo:hover{filter:grayscale(0%);opacity:1;color:var(--navy-medium)}.problem-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.problem-metrics{gap:var(--space-6);flex-direction:column;display:flex}.problem-metric{gap:var(--space-2);flex-direction:column;display:flex}.problem-metric .metric{color:var(--white)}.problem-context h2{margin-bottom:var(--space-4)}.team-mode{background:linear-gradient(180deg, var(--navy-deep), var(--navy-medium));padding:var(--space-9) 0;position:relative;overflow:hidden}.team-mode-header{text-align:center;margin-bottom:var(--space-8)}.team-mode-header h2{color:var(--white);margin-bottom:var(--space-3)}.team-mode-header p{color:var(--medium-gray);max-width:640px;margin:0 auto;font-size:18px}.flow-container{max-width:900px;margin:0 auto;position:relative}.flow-steps{gap:var(--space-7);flex-direction:column;display:flex;position:relative}.flow-step{gap:var(--space-4);grid-template-columns:80px 1fr;align-items:flex-start;display:grid}.flow-node{width:64px;height:64px;color:var(--blue-primary);transition:all var(--transition-base);background:#2e75b626;border:2px solid #2e75b64d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.flow-node.active{background:var(--blue-primary);border-color:var(--blue-primary);color:var(--white);box-shadow:0 0 30px #2e75b666}.flow-connector{width:2px;height:calc(100% + var(--space-7) - 64px);background:linear-gradient(180deg, var(--blue-primary), #2e75b61a);position:absolute;top:64px;left:31px}.flow-content{padding-top:12px}.flow-content h3{color:var(--white);margin-bottom:var(--space-2);font-size:20px}.flow-content p{color:var(--medium-gray);font-size:15px}.flow-preview{margin-top:var(--space-3);padding:var(--space-3);font-family:var(--font-mono);color:var(--medium-gray);background:#0f1a2e99;border:1px solid #2e75b633;border-radius:12px;font-size:13px;line-height:1.6}.demo-output{padding:var(--space-8) 0;background:var(--off-white)}.demo-card{background:var(--white);max-width:900px;transition:transform var(--transition-base);border-radius:20px;margin:0 auto;overflow:hidden;box-shadow:0 12px 48px #0f1a2e1a}.demo-card:hover{transform:scale(1.01)}.demo-card-visual{background:var(--navy-deep);padding:var(--space-6) var(--space-5);position:relative}.demo-card-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0f1a2ecc);position:absolute;inset:0}.demo-report-preview{font-family:var(--font-mono);color:var(--medium-gray);white-space:pre-wrap;font-size:13px;line-height:1.8}.demo-report-preview .highlight{color:var(--blue-light)}.demo-card-info{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.demo-info-item{padding:var(--space-4);text-align:center;border-right:1px solid var(--light-gray)}.demo-info-item:last-child{border-right:none}.demo-info-value{font-family:var(--font-mono);color:var(--navy-deep);margin-bottom:4px;font-size:24px;font-weight:700}.demo-info-label{color:var(--medium-gray);font-size:13px}.key-numbers{padding:var(--space-8) 0}.key-numbers-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.key-number{text-align:center;padding:var(--space-5);position:relative}.key-number:not(:last-child):after{content:"";background:var(--light-gray);width:1px;height:60%;position:absolute;top:20%;right:0}.key-number .metric{margin-bottom:var(--space-2)}.security-badges{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.security-badge{align-items:center;gap:var(--space-2);padding:var(--space-4);min-width:130px;transition:all var(--transition-base);cursor:default;background:#2e75b614;border:1px solid #2e75b626;border-radius:16px;flex-direction:column;display:flex}.security-badge:hover{background:#2e75b626;transform:translateY(-4px);box-shadow:0 8px 24px #2e75b626}.security-badge-icon{width:40px;height:40px;color:var(--blue-primary);background:#2e75b626;border-radius:10px;justify-content:center;align-items:center;display:flex}.security-badge-text{color:var(--white);text-align:center;font-size:13px;font-weight:600}.cta-final{background:linear-gradient(135deg, var(--navy-deep), var(--navy-medium), #1a3a6a);padding:var(--space-9) 0;text-align:center;position:relative;overflow:hidden}.cta-final:before{content:"";background:radial-gradient(circle at 50% 100%,#2e75b626,#0000 60%);position:absolute;inset:0}.cta-final h2{color:var(--white);margin-bottom:var(--space-5);position:relative}.cta-final .btn-primary{position:relative}.cta-subtitle{color:var(--medium-gray);margin-top:var(--space-3);font-size:15px;position:relative}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #2e75b64d}50%{box-shadow:0 4px 30px #2e75b699}}.btn-pulse{animation:3s ease-in-out infinite pulse-glow}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero{background:linear-gradient(135deg, var(--navy-deep), #0d1f3c, var(--navy-medium), var(--navy-deep));background-size:400% 400%;animation:10s infinite gradientShift}.page-transition{animation:.5s ease-out fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--dark-text);font-size:14px;font-weight:500}.form-input,.form-select{font-family:var(--font-sans);border:1.5px solid var(--light-gray);background:var(--white);color:var(--dark-text);transition:border-color var(--transition-fast);border-radius:10px;outline:none;padding:14px 16px;font-size:16px}.form-input:focus,.form-select:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px #2e75b61a}.form-input::placeholder{color:var(--medium-gray)}.specialist-card{background:var(--white);border:1px solid var(--light-gray);padding:var(--space-5);text-align:center;transition:all var(--transition-base);cursor:default;border-radius:16px}.specialist-card:hover{border-color:var(--blue-primary);transform:translateY(-4px);box-shadow:0 8px 32px #2e75b61f}.specialist-icon{width:56px;height:56px;margin:0 auto var(--space-3);color:var(--blue-primary);background:#2e75b614;border-radius:14px;justify-content:center;align-items:center;display:flex}.specialist-card h3{margin-bottom:var(--space-2);font-size:16px}.specialist-card p{color:var(--medium-gray);margin:0;font-size:14px}.timeline{padding-left:var(--space-6);position:relative}.timeline:before{content:"";background:var(--light-gray);width:2px;position:absolute;top:0;bottom:0;left:15px}.timeline-item{padding-bottom:var(--space-5);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-6) + 8px);background:var(--blue-primary);border:3px solid var(--white);width:16px;height:16px;box-shadow:0 0 0 2px var(--blue-primary);border-radius:50%;position:absolute;top:6px}.timeline-date{font-family:var(--font-mono);color:var(--blue-primary);margin-bottom:var(--space-1);font-size:13px;font-weight:500}.timeline-item h3{margin-bottom:var(--space-2);font-size:18px}.timeline-item p{color:var(--medium-gray);font-size:15px}@media (max-width:1023px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin:0 auto}.hero-cta{justify-content:center}.problem-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-grid{gap:var(--space-5);grid-template-columns:1fr 1fr}.demo-card-info{grid-template-columns:repeat(2,1fr)}.demo-info-item:nth-child(2){border-right:none}.demo-info-item:first-child,.demo-info-item:nth-child(2){border-bottom:1px solid var(--light-gray)}.key-numbers-grid{grid-template-columns:repeat(2,1fr)}.key-number:nth-child(2):after{display:none}.key-number:first-child,.key-number:nth-child(2){border-bottom:1px solid var(--light-gray)}}@media (max-width:767px){body{font-size:16px}.section{padding:var(--space-7) 0}.header{height:56px}.hero{padding-top:56px}.header-nav{display:none}.hamburger{display:flex}.hero h1{font-size:36px}.hero-content{gap:var(--space-5)}.btn-primary,.btn-secondary{text-align:center;width:100%}.hero-cta{flex-direction:column}.report-card{transform:none}.footer-grid{gap:var(--space-5);grid-template-columns:1fr}.flow-step{grid-template-columns:56px 1fr}.flow-node{width:48px;height:48px}.social-proof-logos{gap:var(--space-4)}.provider-logo{font-size:14px}.demo-card-info,.key-numbers-grid{grid-template-columns:1fr 1fr}.security-badges{gap:var(--space-3)}.security-badge{min-width:100px;padding:var(--space-3)}.comparison-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}