:root{--navy:#101a35;--navy2:#171f5c;--blue:#3158d8;--gold:#ffbd4a;--ink:#18213b;--muted:#69738b;--line:#e8ebf3;--soft:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #edf0f6}.nav-wrap{height:100%;width:min(1200px,calc(100% - 44px));margin:auto;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.04em;color:#27345c}.brand-symbol{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#315ce1,#171f5c);display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 8px 18px #253f9a30}.brand-words{font-size:15px;line-height:1.05}.brand-words small{display:block;font-size:9px;letter-spacing:.29em;margin-top:5px;color:#73809b}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#46516e}.site-nav>a{transition:.2s}.site-nav>a:hover,.site-nav>a.active{color:#d8951c}.site-nav .nav-login{padding:12px 20px;border-radius:9px;background:#19235e;color:white}.nav-login span{margin-left:8px;color:var(--gold)}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#101a35 0%,#171f5c 58%,#263d9c 100%);color:white;padding:92px 0 85px}.hero:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff12;border-radius:50%;right:-170px;top:-330px;box-shadow:0 0 0 70px #ffffff08,0 0 0 145px #ffffff05}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff30;background:#ffffff0c;border-radius:30px;padding:9px 14px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#e8edff}.pulse-dot{width:7px;height:7px;background:#ffc65c;border-radius:50%;box-shadow:0 0 0 5px #ffc65c22}.hero h1,.inner-hero h1{font:800 clamp(40px,5vw,62px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:24px 0 18px}.hero h1 em,.section-heading h2 em,.dark-band h2 em,.inner-hero h1 em,.split-section h2 em{font-style:normal;color:#ffc45a}.hero-lead{font-size:16px;line-height:1.8;color:#c2cbe4;max-width:540px}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;border-radius:9px;font-size:13px;font-weight:800;transition:.2s}.btn-primary{background:linear-gradient(135deg,#ffca68,#f2a62c);color:#192344;box-shadow:0 12px 25px #eaa42e30}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px #eaa42e45}.btn-secondary{border:1px solid #ffffff50;color:white}.btn-secondary:hover{background:#ffffff12}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:38px;color:#aeb9d7;font-size:11px}.trust-avatars{display:flex}.trust-avatars span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin-right:-6px;background:#f6bd52;color:#18213b;border:2px solid #18214f;font-size:8px;font-weight:900}.trust-avatars span:nth-child(2){background:#d9e4ff}.trust-avatars span:nth-child(3){background:#fff}.hero-visual{min-height:420px;position:relative;display:grid;place-items:center}.dashboard-preview{position:relative;z-index:2;width:min(460px,100%);padding:23px;border:1px solid #ffffff2c;border-radius:18px;background:linear-gradient(145deg,#ffffff19,#ffffff09);box-shadow:0 30px 80px #050b254f;backdrop-filter:blur(10px);transform:rotate(-2deg)}.preview-top,.preview-bottom,.chart-heading{display:flex;align-items:center;justify-content:space-between}.preview-brand{font-size:10px;letter-spacing:.08em;font-weight:800}.preview-brand b{display:inline-grid;place-items:center;background:#f5bd54;color:#18213b;border-radius:7px;width:27px;height:27px;margin-right:7px}.preview-status{font-size:9px;color:#d6def3}.preview-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68dfb1;margin-right:4px}.preview-title{font:700 17px Manrope;margin:27px 0 14px}.preview-title span{float:right;color:#9ba9cf}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-metrics>div{padding:16px;border-radius:11px;background:#ffffff12;border:1px solid #ffffff12}.preview-metrics small,.preview-metrics span{display:block;color:#b9c4e2;font-size:9px}.preview-metrics strong{display:block;font:700 23px Manrope;margin:8px 0 3px}.preview-chart{margin-top:15px;padding:16px;border-radius:11px;background:#ffffff0e}.chart-heading b{font-size:11px}.chart-heading small{font-size:9px;color:#aeb9d7}.chart-bars{height:95px;display:flex;align-items:end;gap:13px;padding:12px 5px 0}.chart-bars i{flex:1;border-radius:5px 5px 1px 1px;background:linear-gradient(#ffca68,#5279e8);opacity:.9}.preview-bottom{border-top:1px solid #ffffff20;padding-top:15px;margin-top:16px;color:#c8d2ed;font-size:8px}.visual-orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;width:390px;height:390px}.orbit-b{width:320px;height:320px;border-style:dashed}.floating-card{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid #ffffff45;background:#fff;color:#1c2949;border-radius:11px;box-shadow:0 15px 35px #070e2d50}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:11px}.floating-card small{font-size:9px;color:#7b8499;margin-top:3px}.float-icon{width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#3158d8;display:grid;place-items:center;font-weight:900}.float-api{top:45px;right:-15px}.float-secure{bottom:34px;left:-25px}.feature-strip{background:#fff;border-bottom:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0}.feature-row>div{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.feature-row>div:last-child{border:0}.feature-row b{font:800 12px Manrope;color:#d99b31}.feature-row span{font-size:12px;font-weight:700;color:#46516e}.section{padding-top:95px;padding-bottom:95px}.section-heading{max-width:650px;margin-bottom:42px}.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:900;color:#c58b25}.section-heading h2,.dark-band h2,.split-section h2{font:800 clamp(32px,4vw,44px)/1.2 Manrope;letter-spacing:-.04em;margin:14px 0}.section-heading h2 em,.split-section h2 em{color:#3158d8}.section-heading p,.split-section p{color:var(--muted);line-height:1.8;font-size:14px}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card,.detail-card{border:1px solid var(--line);border-radius:15px;padding:28px;background:white;box-shadow:0 10px 35px #1a2a5510;transition:.25s}.feature-card:hover,.detail-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1a2a5518}.card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eef2ff;color:#3158d8;font-size:23px;font-weight:800}.feature-card h3,.detail-card h2{font:800 17px Manrope;margin:21px 0 10px}.feature-card p,.detail-card p{font-size:13px;line-height:1.8;color:var(--muted);min-height:70px}.feature-card a,.text-link{font-size:12px;font-weight:800;color:#3158d8}.dark-band{background:linear-gradient(110deg,#101a35,#202e7d);color:white;padding:65px 0}.dark-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.dark-band h2{margin:12px 0}.dark-band h2 em{color:#ffc45a}.dark-band p{color:#bbc6e1;font-size:13px}.btn-light{background:#fff;color:#1b2851}.centered{text-align:center;margin-left:auto;margin-right:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-tile{padding:22px;border:1px solid var(--line);border-radius:13px;display:grid;gap:8px;transition:.2s}.service-tile:hover{border-color:#9aafea;transform:translateY(-3px)}.service-tile>span{width:36px;height:36px;border-radius:10px;background:#f0f3ff;color:#3158d8;display:grid;place-items:center;font-size:18px}.service-tile b{font-size:13px}.service-tile small{font-size:11px;color:var(--muted)}.cta-section{margin-bottom:90px;padding:35px 40px;border-radius:18px;background:#f2f5ff;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-section h2{font:800 27px/1.2 Manrope;margin:12px 0}.cta-section p{font-size:13px;color:var(--muted);margin:0}.inner-hero{padding:85px 0 75px;background:linear-gradient(115deg,#101a35,#202e7d);color:white}.inner-hero h1{font-size:clamp(38px,5vw,55px);margin:17px 0}.inner-hero p{max-width:650px;color:#c4cce3;line-height:1.8;font-size:15px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split-section h2 em{color:#3158d8}.split-section p{margin-top:0;margin-bottom:18px}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{scroll-margin-top:100px}.detail-card p{min-height:unset}.notice-box{margin-top:28px;padding:20px 24px;border-radius:12px;background:#fff7e8;border:1px solid #f4e0b8}.notice-box b{font-size:13px;color:#835c16}.notice-box p{font-size:12px;color:#765f39;margin:6px 0 0}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.contact-card,.contact-side{border:1px solid var(--line);border-radius:16px;padding:32px}.contact-card h2,.contact-side h2{font:800 22px Manrope;margin:18px 0 10px}.contact-card p,.contact-side p{font-size:13px;line-height:1.8;color:var(--muted)}.contact-placeholder{padding:16px;border-radius:10px;background:#f6f8fc;margin-top:22px}.contact-placeholder b,.contact-placeholder small{display:block}.contact-placeholder b{font-size:12px}.contact-placeholder small{font-size:11px;color:var(--muted);margin-top:5px}.contact-side{background:#f5f7ff}.contact-note{margin-top:28px;font-size:11px;color:#7a849c}.site-footer{background:#0d172b;color:#d9e0f1;padding:60px 0 0}.footer-grid{width:min(1160px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:55px;padding-bottom:45px}.footer-brand{color:white}.footer-brand .brand-words small{color:#9eabc8}.footer-about p,.footer-note{font-size:11px;line-height:1.9;color:#9eabc1;max-width:270px;margin-top:20px}.footer-grid h3{font:800 13px Manrope;color:#fff;margin:4px 0 19px}.footer-grid>div:not(:first-child)>a{display:block;font-size:11px;color:#aeb9d0;margin:12px 0}.footer-grid a:hover{color:#ffc45a}.footer-bottom{border-top:1px solid #ffffff16;width:min(1160px,calc(100% - 44px));margin:auto;padding:20px 0;display:flex;justify-content:space-between;gap:15px;color:#8996b0;font-size:10px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:680px}.hero-visual{min-height:390px}.feature-cards,.service-detail-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}.site-nav{gap:20px}.split-section{gap:35px}}@media(max-width:600px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;background:white;padding:18px 25px 25px;box-shadow:0 18px 25px #18213b20;flex-direction:column;align-items:stretch;gap:0}.nav-open .site-nav{display:flex}.site-nav a{padding:13px 5px}.site-nav .nav-login{text-align:center;margin-top:8px}.hero{padding:65px 0 55px}.hero h1{font-size:41px}.hero-lead{font-size:14px}.hero-visual{min-height:340px}.dashboard-preview{padding:16px}.float-api{right:-5px;top:12px}.float-secure{left:-5px;bottom:5px}.visual-orbit{width:300px;height:300px}.orbit-b{width:245px;height:245px}.feature-row{grid-template-columns:repeat(2,1fr);gap:18px}.feature-row>div{justify-content:flex-start;border:0}.section{padding-top:65px;padding-bottom:65px}.feature-cards,.service-grid,.service-detail-grid{grid-template-columns:1fr}.feature-card p{min-height:unset}.dark-band-inner,.cta-section{align-items:flex-start;flex-direction:column}.cta-section{padding:28px;margin-bottom:60px}.inner-hero{padding:65px 0 55px}.split-section,.contact-layout{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column}.container,.nav-wrap{width:min(100% - 32px,1160px)}}
