:root{--orange:#ec651b;--blue:#2b5597;--bg:#f5f3f0;--text:#333;--gray:#767676;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);font-family:Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Josefin Sans,sans-serif}.accent{color:var(--orange)}.container{max-width:1200px;margin:0 auto;padding:0 24px}nav{z-index:1000;background:var(--white);transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}nav.scrolled{box-shadow:0 2px 20px #00000014}.beta-banner{z-index:1001;color:#fff;text-align:center;letter-spacing:.05em;text-transform:uppercase;background:#ec651b;padding:6px 16px;font-size:.75rem;font-weight:600;position:fixed;top:0;left:0;right:0}body.has-beta-banner nav{top:30px}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo img{width:auto;height:36px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links>li{position:relative}.nav-links>li>a{color:var(--text);cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:15px;font-weight:500;font:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:8px 0;text-decoration:none;transition:color .2s;display:flex}.nav-links>li>a:hover{color:var(--orange)}.chevron{font-size:10px}.dropdown{background:var(--white);z-index:100;border-radius:12px;min-width:240px;padding:12px 0;display:none;position:absolute;top:100%;left:-12px;box-shadow:0 8px 32px #0000001a}.nav-links>li:hover .dropdown,.nav-links>li:focus-within .dropdown{display:block}.dropdown a{color:var(--text);padding:10px 20px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:block}.dropdown a:hover{color:var(--orange);background:#ec651b0f}.nav-demo-link{color:var(--text);padding:8px 0;font-family:Josefin Sans,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-demo-link:hover{color:var(--orange)}.btn-cta{background:var(--orange);border-radius:8px;color:var(--white)!important;padding:10px 24px!important;font-weight:600!important;transition:background .2s,transform .2s!important}.nav-links li .btn-cta{background:var(--orange)}.btn-cta:hover,.nav-links li .btn-cta:hover{background:#d45a17;transform:translateY(-1px)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text);width:24px;height:2px;transition:all .3s}.mobile-menu{background:var(--white);z-index:999;padding:24px;display:none;position:fixed;inset:72px 0 0;overflow-y:auto}.mobile-menu.active{display:block}.mobile-menu a{color:var(--text);border-bottom:1px solid #0000000f;padding:12px 0;font-size:16px;text-decoration:none;display:block}.mobile-menu .sub{color:var(--gray);padding-left:16px;font-size:14px}.hero{padding:140px 0 80px;position:relative;overflow:hidden}.hero-content{max-width:720px}.hero h1{margin-bottom:20px;font-size:clamp(32px,4.5vw,52px);font-weight:700;line-height:1.15}.hero p.subtitle{color:#555;max-width:640px;margin-bottom:32px;font-size:18px;line-height:1.7}.metrics{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}.metric{text-align:center}.metric .num{color:var(--orange);font-family:Josefin Sans,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:700}.metric .label{color:var(--gray);margin-top:4px;font-size:13px}.hero-btns{flex-wrap:wrap;gap:16px;display:flex}.btn-primary{background:var(--orange);color:var(--white);border:2px solid var(--orange);cursor:pointer;border-radius:8px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary:hover{background:#d45a17;border-color:#d45a17;transform:translateY(-1px)}.btn-secondary{color:var(--orange);border:2px solid var(--orange);background:0 0;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:var(--orange);color:var(--white)}.dot-grid{opacity:.35;grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute}.dot-grid span{background:var(--orange);border-radius:50%;width:6px;height:6px}.dots-tl{top:100px;left:24px}.dots-tr{top:100px;right:24px}.dots-br{bottom:24px;right:24px}.social-proof{border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;padding:60px 0}.logos-carousel{margin-bottom:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60px calc(100% - 60px),#0000);mask-image:linear-gradient(90deg,#0000,#000 60px calc(100% - 60px),#0000)}.logos-track{align-items:center;gap:56px;width:max-content;animation:24s linear infinite marquee;display:flex}.logos-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.client-logo{object-fit:contain;filter:grayscale();opacity:.7;width:auto;max-width:140px;height:40px;transition:filter .2s,opacity .2s}.client-logo:hover{filter:grayscale(0%);opacity:1}.social-proof-caption{text-align:center;color:#666;font-size:15px}section{padding:80px 0}.section-title{margin-bottom:16px;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.2}.section-subtitle{color:#666;max-width:640px;margin-bottom:48px;font-size:16px}.case-card{background:var(--white);border-radius:16px;padding:48px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.case-card:before{content:"";background:var(--orange);width:6px;height:100%;position:absolute;top:0;left:0}.case-client-logo{object-fit:contain;filter:brightness(0)invert();opacity:.85;width:auto;height:36px;margin-bottom:20px}.case-layout{grid-template-columns:1fr 400px;align-items:start;gap:48px;display:grid}.case-content{min-width:0}.case-video{position:sticky;top:100px}.case-demo-iframe{background:var(--bg);border:none;border-radius:12px;width:100%;height:320px;display:block;overflow:hidden}.case-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin:32px 0;display:grid}.case-step h4{text-transform:uppercase;color:var(--orange);letter-spacing:1px;margin-bottom:8px;font-size:14px}.case-step p{color:#555;font-size:15px}.case-quote{color:#555;border-left:3px solid var(--orange);margin:24px 0;padding-left:20px;font-size:15px;font-style:italic}.case-quote cite{color:var(--text);margin-top:8px;font-size:13px;font-style:normal;font-weight:600;display:block}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;display:grid}.card{background:var(--white);border-radius:12px;padding:32px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 16px #0000000a}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.card-icon{width:48px;height:48px;color:var(--orange);background:#ec651b1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.card h3{margin-bottom:10px;font-size:20px}.card p{color:#666;margin-bottom:16px;font-size:15px}.card .card-metric{color:var(--orange);font-family:Josefin Sans,sans-serif;font-size:24px;font-weight:700}.card .btn-link{color:var(--orange);font-size:14px;font-weight:600;text-decoration:none}.card .btn-link:hover{text-decoration:underline}.diff-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));align-items:stretch;gap:20px;display:grid}.diff-grid>.fade-in{height:100%}.diff-item{background:var(--white);border-left:4px solid var(--orange);box-sizing:border-box;border-radius:12px;height:100%;padding:28px}.diff-icon{width:44px;height:44px;color:var(--orange);background:#ec651b1a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.diff-item h4{color:var(--blue);margin-bottom:8px;font-size:16px}.diff-item p{color:#666;font-size:14px}.module-card{background:var(--white);text-align:center;border-radius:12px;padding:32px;transition:all .2s;box-shadow:0 2px 16px #0000000a}.module-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.module-card .module-icon{background:var(--orange);width:64px;height:64px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.module-card h3{margin-bottom:10px;font-size:18px}.module-card p{color:#666;margin-bottom:20px;font-size:14px}.btn-module{border:2px solid var(--orange);color:var(--orange);border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-module:hover{background:var(--orange);color:var(--white)}.lead-magnet{background:linear-gradient(135deg, var(--blue), #1a3d6e);color:var(--white);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px;display:grid}.lead-magnet h2{margin-bottom:12px;font-size:28px}.lead-magnet p{opacity:.9;font-size:15px}.lm-form{gap:12px;display:grid}.lm-form input,.lm-form select{border:none;border-radius:8px;padding:12px 16px;font-family:Roboto,sans-serif;font-size:14px}.lm-form button{background:var(--orange);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:background .2s}.lm-form button:hover{background:#d45a17}.process-steps{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.process-steps>.fade-in{flex:1;min-width:140px}.step{text-align:center;flex:1;min-width:140px;position:relative}.step-num{background:var(--blue);width:56px;height:56px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-family:Josefin Sans,sans-serif;font-size:22px;font-weight:700;display:flex}.step h4{margin-bottom:6px;font-size:15px}.step p{color:#666;font-size:13px}.step:after{content:"→";color:var(--gray);font-size:24px;position:absolute;top:16px;right:-16px}.step:last-child:after{display:none}.contact-section{background:var(--white);border-radius:20px;padding:48px;box-shadow:0 4px 24px #0000000f}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.contact-form{gap:14px;display:grid}.contact-form input,.contact-form select{background:var(--bg);border:1px solid #ddd;border-radius:8px;padding:14px 16px;font-family:Roboto,sans-serif;font-size:14px;transition:border-color .2s}.contact-form input:focus,.contact-form select:focus{border-color:var(--orange);outline:none}.contact-form button{background:var(--orange);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:background .2s}.contact-form button:hover{background:#d45a17}footer{background:var(--text);color:var(--white);padding:48px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{margin-bottom:12px}.footer-logo img{filter:brightness(0)invert();width:auto;height:32px}.footer-col h4{color:var(--orange);margin-bottom:16px;font-size:14px}.footer-col a{color:#ffffffb3;padding:4px 0;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--white)}.footer-bottom{color:#ffffff80;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:13px;display:flex}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.lang-switcher{align-items:center;gap:4px;display:flex}.lang-btn{cursor:pointer;color:var(--gray);background:0 0;border:none;padding:2px 4px;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:500;transition:color .2s}.lang-btn:hover,.lang-btn.active{color:var(--orange)}.lang-sep{color:var(--gray);font-size:12px}.mobile-lang-switcher{border-bottom:1px solid #0000000f;align-items:center;gap:4px;padding:12px 0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hamburger:focus-visible,.nav-links a:focus-visible,.mobile-menu a:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.demo-hero{background:var(--bg);padding:112px 0 64px}.demo-hero-inner{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.demo-hero-copy h1{margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.2}.demo-badge{background:var(--white);color:var(--orange);letter-spacing:.6px;text-transform:uppercase;border:.5px solid #e8c4ad;border-radius:20px;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.demo-desc{color:#666;max-width:480px;margin-bottom:32px;font-size:15px;line-height:1.75}.demo-video-card{background:var(--white);border:.5px solid #dddbd5;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.demo-video-card-header{border-bottom:.5px solid #eee;align-items:center;gap:8px;padding:14px 20px;display:flex}.demo-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.demo-video-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.demo-video-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:320px;display:flex}.demo-video-wrap iframe{border:none;width:100%;min-height:420px;display:block}.demo-placeholder{text-align:center;color:var(--gray);padding:40px;font-size:13px;line-height:1.7}.demo-placeholder strong{color:var(--orange);font-weight:600}.demo-config{padding:48px 24px 80px}.demo-section-label{letter-spacing:.7px;text-transform:uppercase;color:var(--blue);align-items:center;gap:12px;margin-bottom:24px;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:700;display:flex}.demo-section-label:after{content:"";background:#dddbd5;flex:1;height:.5px}.demo-fields-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.demo-field{flex-direction:column;gap:6px;display:flex}.demo-field label{color:var(--blue);letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:600}.demo-field input[type=text],.demo-field input[type=number]{color:var(--text);background:var(--white);border:.5px solid #d3d1c7;border-radius:7px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.demo-field input[type=text]:focus,.demo-field input[type=number]:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ec651b1a}.demo-field-full{grid-column:1/-1}.demo-color-row{align-items:center;gap:8px;display:flex}.demo-color-row input[type=color]{cursor:pointer;background:var(--white);border:.5px solid #d3d1c7;border-radius:7px;flex-shrink:0;width:40px;height:40px;padding:3px}.demo-color-row input[type=text]{flex:1}.demo-apply-btn{background:var(--text);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.demo-apply-btn:hover{background:var(--orange)}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-visual img{border-radius:16px;width:100%;max-width:520px;height:auto;box-shadow:0 16px 48px #0000001a}.social-stats{flex-wrap:wrap;justify-content:center;gap:48px;padding-top:8px;display:flex}.social-stat{text-align:center}.social-stat-num{color:var(--text);font-family:Josefin Sans,sans-serif;font-size:28px;font-weight:700;line-height:1}.social-stat-label{color:var(--gray);margin-top:4px;font-size:13px}.hubspot-form-wrapper{background:#1a3d6e;border-radius:12px;padding:28px}.faq-list{gap:0;max-width:800px;display:grid}.faq-item{border-bottom:1px solid #00000014}.faq-question{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:Josefin Sans,sans-serif;font-size:17px;font-weight:600;display:flex}.faq-question:hover{color:var(--orange)}.faq-chevron{color:var(--orange);flex-shrink:0;transition:transform .3s}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{color:#555;padding-bottom:20px;font-size:15px;line-height:1.75}@media (width<=768px){.nav-links{display:none}.hamburger{display:flex}section{padding:56px 0}.hero{padding:110px 0 56px}.metrics{gap:24px}.client-logo{height:32px}.lead-magnet{padding:32px 24px}.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1}.hero-visual img{max-width:100%}.social-stats{gap:28px}.lead-magnet,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.process-steps{flex-direction:column;align-items:center}.step:after{display:none}.case-card{padding:28px}.case-layout{grid-template-columns:1fr}.case-video{max-width:400px;margin:0 auto;position:static}.case-demo-iframe{height:320px}.demo-hero-inner,.demo-fields-grid{grid-template-columns:1fr}.demo-hero-copy h1{font-size:28px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.hero-btns{flex-direction:column}.hero-btns .btn-primary,.hero-btns .btn-secondary{text-align:center}}