:root{--primary:#072b6c;--ink:#14233b;--muted:#536178;--paper:#fff;--tint:#f1f5fb;--line:#dbe3ef;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline-offset:5px;outline:3px solid #5184e3}h1,h2,h3,p{margin-top:0}p{line-height:1.75}h1,h2,h3{letter-spacing:-.045em;line-height:1.1}h2{max-width:680px;font-size:clamp(32px,4vw,49px);font-weight:720}h3{letter-spacing:-.025em;font-size:23px}img{max-width:100%;height:auto}.wrap{width:min(1160px,100% - 56px);margin:auto}.section{padding-top:100px;padding-bottom:100px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);align-items:center;gap:9px;margin-bottom:24px;font-size:12px;font-weight:750;display:flex}.live-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;display:inline-block}.site-header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.header-inner{align-items:center;gap:34px;min-height:88px;display:flex}.brand{margin-right:auto;display:flex}.brand img{width:142px;height:auto}.site-header nav{gap:28px;display:flex}.site-header nav a{font-size:14px;font-weight:650;text-decoration:none}.site-header nav a:hover{text-underline-offset:6px;text-decoration:underline}.locale-switch{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none}.skip-link{z-index:20;background:#fff;padding:12px;position:absolute;top:-100px}.skip-link:focus{top:0}.hero{grid-template-columns:1.35fr 1fr;align-items:center;gap:65px;padding-top:90px;padding-bottom:95px;display:grid}.hero h1{margin-bottom:28px;font-size:clamp(42px,5.5vw,70px);line-height:1.08}.hero h1 span{display:block}.highlight{color:var(--primary)}.hero-intro{color:var(--muted);max-width:540px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin:32px 0;display:flex}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:14px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--primary);color:#fff}.secondary{border-color:var(--line);color:var(--primary);background:#fff}.trust{color:var(--muted);flex-wrap:wrap;gap:18px;margin:30px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.trust li{align-items:center;gap:7px;display:flex}.trust span{color:var(--primary);font-weight:800}.hero-panel{background:var(--primary);color:#fff;border-radius:26px;padding:34px;transform:rotate(2deg);box-shadow:14px 18px #e7eef9}.panel-kicker{letter-spacing:.12em;color:#b5c9ee;font-size:10px}.hero-panel h2{max-width:310px;margin:30px 0 26px;font-size:33px}.hero-panel ol{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.hero-panel li{border:1px solid #ffffff2b;border-radius:10px;align-items:center;gap:16px;padding:16px 12px;font-size:14px;display:flex}.hero-panel li span{font-variant-numeric:tabular-nums;color:#b5c9ee;font-size:11px}.panel-bottom{color:#c0d2f1;border-top:1px solid #ffffff36;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;font-size:12px;display:flex}.panel-bottom span:last-child{color:#fff;font-size:28px}.tint{background:var(--tint)}.section-heading{grid-template-columns:1.2fr 1fr;align-items:start;gap:80px;margin-bottom:25px;display:grid}.section-heading p,.section-intro{color:var(--muted);font-size:17px}.three-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:32px}.number{color:var(--primary);margin-bottom:45px;font-size:12px;font-weight:700;display:inline-block}.feature-card p,.roles p{color:var(--muted);margin-bottom:0;font-size:15px}.roles{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px;display:grid}.roles article{border-top:2px solid var(--primary);padding:28px 0}.roles h3{justify-content:space-between;display:flex}.roles h3 span{color:var(--primary);font-size:20px}.two-columns{grid-template-columns:1fr 1.15fr;align-items:start;gap:85px;display:grid}.demo-section{background:var(--tint)}.demo-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px}.demo-card-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:25px;font-size:11px;display:flex}.badge{background:var(--tint);color:var(--primary);border-radius:6px;padding:6px 10px;font-weight:700}.demo-card h3{letter-spacing:-.015em;font-size:21px;line-height:1.4}.demo-options{flex-direction:column;gap:10px;display:flex}.demo-options button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;align-items:start;gap:13px;padding:15px;font-size:14px;line-height:1.55;display:flex}.demo-options button span{background:var(--tint);color:var(--primary);border-radius:4px;margin-top:1px;padding:3px 8px;font-size:11px;font-weight:700}.demo-options button:hover,.demo-options button.chosen{border-color:var(--primary);background:#f6f8fd}.demo-options button.correct{border-color:#227044}.feedback{background:var(--tint);border-radius:9px;margin-top:18px;padding:14px;font-size:14px}.feedback.success{color:#225936;background:#edf7f0}.text-button{color:var(--primary);background:0 0;border:0;font-size:13px;text-decoration:underline}.demo-link{border-top:1px solid var(--line);color:var(--primary);justify-content:space-between;gap:10px;margin-top:25px;padding-top:23px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.contact-form{border:1px solid var(--line);border-radius:var(--radius);padding:32px}.contact-form label{margin-bottom:20px;font-size:13px;font-weight:650;display:block}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fafbfd;border-radius:8px;margin-top:8px;padding:12px;font-weight:400;display:block}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-hint{color:var(--muted);font-size:12px}.form-status{color:#9a2929;margin-bottom:0;font-size:14px}.form-status.success{color:#225936}.site-footer{background:var(--primary);color:#fff;padding:60px 0}.footer-grid{justify-content:space-between;gap:40px;display:flex}.site-footer img{margin-bottom:22px}.site-footer p{color:#d1ddf3;margin-bottom:13px;font-size:15px}.site-footer small{color:#b6c9e9;font-size:12px}.footer-links{flex-wrap:wrap;align-items:start;gap:22px;font-size:13px;display:flex}.footer-links a{text-underline-offset:5px}.legal-page{max-width:800px;padding-top:65px;padding-bottom:90px}.legal-page h1{margin-top:35px;font-size:48px}.legal-page p{color:var(--muted);font-size:17px}.back{text-underline-offset:4px;color:var(--primary);font-size:14px}@media (max-width:1000px){.hero{gap:35px}.hero h1{font-size:50px}.hero-panel{padding:25px}.hero-panel h2{font-size:29px}.section-heading,.two-columns{gap:40px}.feature-card{padding:23px}.footer-grid{flex-direction:column}.header-inner{gap:20px}.site-header nav{gap:17px}}@media (max-width:720px){.wrap{width:calc(100% - 36px)}.section{padding-top:65px;padding-bottom:65px}.header-inner{min-height:73px}.brand img{width:120px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:65px}.hero h1{font-size:clamp(38px,10vw,57px)}.hero-intro{font-size:17px}.hero-panel{width:calc(100% - 12px);max-width:480px;padding:28px;transform:none;box-shadow:10px 12px #e7eef9}.hero-panel h2{max-width:none}.section-heading,.two-columns,.three-cards,.roles{grid-template-columns:1fr;gap:24px}.section-heading{margin-bottom:30px}.section-heading h2{margin-bottom:0}.number{margin-bottom:24px}.roles{gap:5px;margin-top:25px}.demo-card,.contact-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.trust{gap:12px}.contact-section{gap:25px}.footer-links{gap:18px}.legal-page h1{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
