:root{font-family:Inter,'Segoe UI',system-ui,sans-serif;color:#192744;background:#f5f6f8;font-synthesis:none;--navy:#18264d;--navy-deep:#102347;--navy-soft:#eaf0f7;--orange:#ed7546;--orange-soft:#fff0e8;--muted:#647186;--border:#d9e0e9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#192744}h1,h2,h3,h4,h5,h6{text-transform:capitalize}a{color:inherit}a,button{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange)}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:12px 16px;border-radius:6px}.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px clamp(20px,5vw,72px);background:#fff;border-bottom:1px solid var(--border);box-shadow:0 6px 20px #10234708}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:55px;height:55px;border-radius:50%;object-fit:cover}.brand span{display:grid;gap:3px}.brand strong{font-size:14px;letter-spacing:1.4px;color:var(--navy)}.brand small{font-size:9px;letter-spacing:2.3px;color:var(--muted)}nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}nav a{padding:11px 13px;border-radius:7px;text-decoration:none;color:#526078;font-size:13px;font-weight:600}nav a:hover{background:var(--navy-soft);color:var(--navy)}
main{max-width:1520px;margin:auto;padding:38px clamp(20px,5vw,72px) 70px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:580px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--orange);border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #10234712}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,82px)}.eyebrow{margin:0 0 14px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{max-width:760px;margin:0;color:var(--navy-deep);font-size:clamp(40px,5.4vw,72px);line-height:1.02;letter-spacing:-2.8px;font-weight:680}.hero-intro{max-width:670px;margin:28px 0 0;color:#526078;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:750}.primary{background:var(--navy);color:white;box-shadow:0 3px 0 #ed9b78}.primary:hover{background:#263d6b}.secondary{background:white;color:var(--navy);border:1px solid #cbd5e2}.secondary:hover{background:var(--navy-soft)}.paper-first{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:10px;row-gap:2px;margin-top:36px;color:var(--navy)}.paper-first>span{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:#438a6a;box-shadow:0 0 0 5px #e7f3ed}.paper-first strong{font-size:13px}.paper-first small{color:var(--muted);font-size:12px}
.hero-visual{position:relative;display:grid;place-items:center;padding:72px 50px 42px;background:linear-gradient(145deg,#eaf0f7 0%,#dce7f3 55%,#fff0e8 100%);overflow:hidden}.hero-visual:after{content:'';position:absolute;inset:auto -80px -100px 20px;height:240px;border-radius:50%;border:1px solid #8ba0bb55;box-shadow:0 0 0 34px #ffffff30,0 0 0 68px #18264d09}.hero-visual img{position:relative;z-index:1;display:block;width:min(100%,510px);aspect-ratio:1;object-fit:cover;border-radius:50%;filter:drop-shadow(0 24px 25px #10234728)}.market-ribbon{position:absolute;top:24px;left:26px;right:26px;display:flex;align-items:center;gap:10px;color:#455775;font-size:9px;font-weight:800;letter-spacing:1.3px}.market-ribbon i{height:1px;flex:1;background:#9aabbe}
.section-block{scroll-margin-top:100px;margin-top:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:24px}.section-heading h2,.workflow h2,.safety h2,.connection-card h2{max-width:760px;margin:0;color:var(--navy-deep);font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.5px}.section-heading>p{max-width:490px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.capability-grid article{min-height:250px;padding:30px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 25px #1023470b}.capability-grid article:nth-child(2){border-top:3px solid var(--orange)}.card-number{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--orange-soft);color:#a64320;font-size:11px;font-weight:800}.capability-grid h3{margin:40px 0 12px;color:var(--navy);font-size:21px}.capability-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.workflow{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:60px;padding:clamp(34px,5vw,66px);background:var(--navy);color:white;border-radius:16px}.workflow .eyebrow{color:#ff9a72}.workflow h2{color:white}.workflow-copy>p:not(.eyebrow){max-width:710px;color:#d9e1ee;font-size:16px;line-height:1.75}.fine-print{font-size:13px!important;color:#aebbd0!important}.connection-flow{display:grid;align-content:center;gap:12px;margin:0;padding:0;list-style:none}.connection-flow li{display:flex;align-items:center;gap:16px;padding:18px;background:#ffffff0b;border:1px solid #ffffff22;border-radius:10px}.connection-flow li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#fff0e8;color:#a64320;font-size:11px;font-weight:800}.connection-flow div{display:grid;gap:4px}.connection-flow strong{font-size:15px}.connection-flow small{color:#b9c5d8;font-size:12px;line-height:1.5}
.safety{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:60px;padding:46px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.safety-points{display:grid}.safety-points p{display:grid;gap:7px;margin:0;padding:20px 0;border-bottom:1px solid var(--border)}.safety-points p:first-child{padding-top:0}.safety-points p:last-child{border:0;padding-bottom:0}.safety-points strong{color:var(--navy);font-size:16px}.safety-points span{color:var(--muted);font-size:14px;line-height:1.6}
.connection-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;padding:38px 42px;background:white;border:1px solid var(--border);border-top:3px solid var(--orange);border-radius:14px;box-shadow:0 10px 30px #10234710}.connection-card h2{font-size:clamp(27px,3vw,38px)}.connection-card p:not(.eyebrow){max-width:800px;color:var(--muted);line-height:1.7}.api-status{display:flex;align-items:center;gap:15px;min-width:300px;padding:20px;background:#f4f7fa;border:1px solid var(--border);border-radius:10px}.status-dot{width:13px;height:13px;border-radius:50%;background:#a4adba;box-shadow:0 0 0 5px #e3e7ec}.api-status.online .status-dot{background:#438a6a;box-shadow:0 0 0 5px #dfeee7}.api-status div{display:grid;gap:3px}.api-status small{color:var(--muted);font-size:9px;letter-spacing:1.3px;font-weight:800}.api-status strong{font-size:14px;color:var(--navy)}.api-status div>span{font-size:11px;color:var(--muted)}
.site-footer{display:flex;justify-content:space-between;gap:30px;padding:28px clamp(20px,5vw,72px);background:white;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.site-footer div{display:grid;gap:5px}.site-footer strong{color:var(--navy);font-size:14px}.site-footer p{max-width:620px;margin:0;text-align:right;line-height:1.6}.message-page{max-width:900px;margin:80px auto;padding:50px;background:white;border:1px solid var(--border);border-top:4px solid var(--orange);border-radius:14px}.message-page h1{margin:0;color:var(--navy);font-size:clamp(34px,5vw,58px)}.message-page p:not(.eyebrow){color:var(--muted);line-height:1.7}.message-page .button{margin-top:16px}
.contact-page{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:58px;align-items:start;padding:42px 0}.contact-intro{position:sticky;top:112px}.contact-intro h1{max-width:650px;margin:0;color:var(--navy-deep);font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-2.2px}.contact-intro>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.contact-details{display:grid;gap:10px;margin-top:34px}.contact-details article{display:flex;gap:15px;padding:17px;background:#fff;border:1px solid var(--border);border-radius:10px}.contact-details article>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--orange-soft);color:#a64320;font-size:10px;font-weight:800}.contact-details article div{display:grid;gap:4px}.contact-details strong{color:var(--navy);font-size:14px}.contact-details small{color:var(--muted);line-height:1.5}.contact-form-card{padding:34px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--orange);border-radius:14px;box-shadow:0 16px 42px #10234712}.contact-form-card h2{margin:0;color:var(--navy-deep);font-size:30px}.contact-form-card>p{margin:8px 0 24px;color:var(--muted);font-size:13px}.form-field{display:grid;gap:7px;margin-bottom:17px}.form-field label{color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.3px}.form-field input,.form-field textarea{width:100%;padding:13px 14px;border:1px solid #cbd5e2;border-radius:7px;background:#fbfcfd;color:#192744;font:inherit}.form-field textarea{resize:vertical;min-height:150px}.form-field input:focus,.form-field textarea:focus{border-color:var(--orange);outline:3px solid var(--orange-soft)}.form-field .validation-message,.validation-summary{color:#a13224;font-size:12px}.validation-summary ul{margin:8px 0 16px;padding-left:20px}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-submit{border:0;cursor:pointer;width:100%;margin-top:4px}.contact-submit:disabled{cursor:wait;opacity:.65}.contact-status{display:grid;gap:5px;margin-top:18px;padding:15px;border-radius:8px;font-size:13px}.contact-status.success{background:#e7f3ed;border:1px solid #badbca;color:#235b43}.contact-status.error{background:#fff0ed;border:1px solid #f1c4ba;color:#8c3023}.contact-status small{opacity:.8}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{min-height:520px}.workflow{grid-template-columns:1fr}.safety{grid-template-columns:1fr}.connection-card{grid-template-columns:1fr}.api-status{width:100%}.contact-page{grid-template-columns:1fr}.contact-intro{position:static}}@media(max-width:760px){.site-header{position:static;align-items:flex-start;flex-direction:column;gap:13px}.brand img{width:48px;height:48px}nav{gap:0}nav a{padding:9px;font-size:12px}main{padding-top:22px}.hero{min-height:0}.hero-copy{padding:34px 25px}.hero h1{font-size:42px;letter-spacing:-1.7px}.hero-intro{font-size:16px}.hero-visual{min-height:390px;padding:65px 28px 32px}.market-ribbon{left:18px;right:18px}.section-block{margin-top:48px}.section-heading{align-items:start;flex-direction:column}.capability-grid{grid-template-columns:1fr}.workflow{padding:34px 25px;gap:35px}.safety{gap:30px}.connection-card{padding:30px 25px;gap:28px}.api-status{min-width:0}.site-footer{flex-direction:column}.site-footer p{text-align:left}.paper-first{grid-template-columns:auto 1fr}.paper-first small{grid-column:2}.hero-actions .button{width:100%}.contact-page{padding-top:20px}.contact-form-card{padding:25px}.contact-intro h1{font-size:42px;letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
