:root { --ink:#102033; --ink-2:#162a40; --teal:#26d0c3; --mint:#b9f6df; --paper:#f8fafb; --muted:#617184; --line:rgba(16,32,51,.13); --white:#fff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; } .page-glow { position:absolute; width:38rem; height:38rem; border-radius:50%; filter:blur(90px); pointer-events:none; opacity:.2; z-index:-1; }.glow-one { top:20rem; right:-17rem; background:#5ef3db; }.glow-two { top:113rem; left:-25rem; background:#bdebe2; }.section-shell { width:min(1180px, calc(100% - 64px)); margin:0 auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; width:min(1180px, calc(100% - 64px)); margin:0 auto; height:92px; }.brand { display:flex; align-items:center; gap:11px; }.brand img { width:38px; height:38px; object-fit:contain; }.brand span { display:flex; flex-direction:column; line-height:1.05; }.brand strong { font-size:13px; letter-spacing:.12em; font-weight:800; }.brand small { font-family:"DM Mono",monospace; font-size:7px; letter-spacing:.075em; margin-top:4px; color:#6b7c8c; }.site-header nav { display:flex; gap:28px; font-size:12px; font-weight:700; color:#536475; }.site-header nav a:hover, .site-header nav a:focus { color:var(--teal); }.header-contact { font-size:12px; font-weight:800; border-bottom:1px solid var(--ink); padding:6px 0; }.header-contact span { margin-left:6px; color:#1bbfaf; }
.hero { min-height:630px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:36px; padding:66px 0 74px; }.eyebrow,.overline,.section-kicker p { font:500 10px "DM Mono",monospace; letter-spacing:.14em; }.eyebrow { color:#567082; display:flex; gap:9px; align-items:center; }.eyebrow span { height:7px; width:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 5px rgba(38,208,195,.13); }.hero h1,.businar h2,.apps-head h2,.services h2,.contact h2 { font-size:clamp(42px,5vw,72px); letter-spacing:-.06em; line-height:1.01; margin:20px 0 24px; font-weight:800; }.hero h1 em,.businar h2 em,.apps-head h2 em,.services h2 em,.contact h2 em { font-style:normal; color:#18bdae; }.hero-text { width:min(450px,100%); color:var(--muted); font-size:15px; line-height:1.8; }.hero-actions { display:flex; align-items:center; gap:26px; margin-top:31px; }.button { display:inline-flex; align-items:center; gap:22px; font-size:12px; font-weight:800; }.button-primary { background:var(--ink); color:white; padding:16px 19px 16px 22px; border-radius:3px; }.button-primary span { font-size:19px; line-height:0; color:var(--teal); }.button-quiet { color:var(--ink); border-bottom:1px solid #a3b0bb; padding-bottom:5px; }.hero-footnotes { display:flex; gap:19px; margin-top:67px; }.hero-footnotes p { margin:0; color:#708092; font:500 9px "DM Mono",monospace; letter-spacing:.08em; }.hero-footnotes b { color:var(--ink); margin-right:5px; }
.product-orbit { min-height:450px; position:relative; display:grid; place-items:center; }.orbit-label { position:absolute; top:8px; left:18px; z-index:2; color:#60768a; font:500 9px "DM Mono",monospace; letter-spacing:.12em; }.orbit-label i,.online i { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--teal); margin-right:7px; }.orbit-ring { position:absolute; border:1px solid rgba(38,208,195,.3); border-radius:50%; }.ring-a { width:395px; height:395px; }.ring-b { width:495px; height:495px; border-color:rgba(16,32,51,.07); }.dashboard-card { width:330px; padding:22px; background:#142b43; color:#f8feff; border-radius:9px; box-shadow:0 30px 70px rgba(6,26,43,.24); transform:rotate(-4deg); position:relative; z-index:1; }.dash-top,.dash-list { display:flex; justify-content:space-between; align-items:center; }.dash-brand { font-weight:800; font-size:19px; letter-spacing:-.06em; }.dash-brand span { color:var(--teal); }.online { color:#a1b1c0; font:500 8px "DM Mono",monospace; letter-spacing:.1em; }.online i { width:5px; height:5px; box-shadow:0 0 0 4px rgba(38,208,195,.11); }.dash-summary { border-bottom:1px solid rgba(255,255,255,.12); padding:27px 0 21px; display:flex; justify-content:space-between; align-items:end; }.dash-summary small,.dash-stats small { display:block; color:#91a5b7; font:500 8px "DM Mono",monospace; letter-spacing:.09em; }.dash-summary strong { display:block; font-size:26px; letter-spacing:-.06em; margin:5px 0; }.dash-summary b { color:var(--teal); font:500 9px "DM Mono",monospace; }.spark { height:41px; display:flex; align-items:end; gap:4px; }.spark i { display:block; width:8px; background:#2d7790; border-radius:8px 8px 1px 1px; }.spark i:nth-child(1){height:14px}.spark i:nth-child(2){height:25px}.spark i:nth-child(3){height:17px}.spark i:nth-child(4){height:31px}.spark i:nth-child(5){height:23px}.spark i:nth-child(6){height:37px;background:var(--teal)}.spark i:nth-child(7){height:29px}.dash-stats { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:19px 0; }.dash-stats div+div { border-left:1px solid rgba(255,255,255,.12); padding-left:20px; }.dash-stats strong { font-size:17px; letter-spacing:-.04em; display:block; margin:4px 0 2px; }.dash-stats span { color:#9badbc; font-size:9px; }.dash-list { background:rgba(255,255,255,.055); margin:0 -4px; padding:11px; color:#afbfcc; font-size:9px; }.dash-list b { font-weight:600; color:#f2ffff; }.dash-list i { color:var(--teal); font-style:normal; margin-left:6px; }.floating-pill { background:white; position:absolute; z-index:2; padding:11px 13px; border-radius:6px; box-shadow:0 12px 28px rgba(11,32,48,.12); color:#5a6c7d; font-size:10px; }.floating-pill b { color:#162b43; display:block; margin-top:3px; }.pill-one { top:75px; right:4px; }.pill-two { bottom:60px; left:16px; }.pill-two i { color:var(--teal); font-weight:800; font-style:normal; margin-right:5px; }
.trust-strip { background:var(--ink); color:#d9e7ed; min-height:77px; display:flex; align-items:center; justify-content:center; gap:29px; padding:18px 32px; font:500 9px "DM Mono",monospace; letter-spacing:.11em; }.trust-strip .strip-line { width:min(30vw,298px); height:1px; background:rgba(255,255,255,.25); }
.businar { padding:130px 0 116px; }.section-kicker { display:flex; align-items:center; gap:11px; color:#738596; }.section-kicker span { font:500 10px "DM Mono",monospace; color:#20b9ad; border:1px solid #9eddd7; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; }.section-kicker p { margin:0; }.businar-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:end; }.overline { color:#20b9ad; margin:31px 0 -7px; }.businar h2 { margin-bottom:0; }.businar-body { padding-bottom:14px; }.businar-body p,.services-head>p { color:var(--muted); line-height:1.85; font-size:15px; max-width:420px; }.text-link { display:inline-flex; gap:11px; padding-bottom:6px; border-bottom:1px solid #99a8b5; margin-top:15px; font-size:13px; font-weight:800; }.text-link span { color:#19bcae; }.feature-row { margin-top:76px; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); }.feature-row article { padding:28px 25px 0 0; min-height:170px; }.feature-row article+article { border-left:1px solid var(--line); padding-left:25px; }.feature-no { font:500 10px "DM Mono",monospace; color:#19bcae; }.feature-row h3 { font-size:16px; letter-spacing:-.035em; margin:21px 0 8px; }.feature-row p { color:var(--muted); font-size:12px; line-height:1.7; margin:0; }
.apps-section { background:#10263d; color:#f3fafc; padding:104px 0 112px; }.section-kicker.light { color:#a9bcc9; }.section-kicker.light span { color:var(--teal); border-color:rgba(38,208,195,.5); }.apps-head { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:70px; }.apps-head h2 { margin:34px 0 52px; }.apps-head h2 em { color:var(--teal); }.apps-head p { max-width:360px; color:#b7c6d0; font-size:15px; line-height:1.8; margin-bottom:57px; }.app-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:13px; }.app-card { min-height:143px; position:relative; display:flex; align-items:center; gap:16px; padding:22px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.025); overflow:hidden; transition:transform .2s ease,background .2s ease; }.app-card:hover { transform:translateY(-4px); background:rgba(255,255,255,.07); }.app-icon { height:57px; width:57px; flex:0 0 57px; display:grid; place-items:center; border-radius:15px; font-weight:800; font-size:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }.icon-b { background:linear-gradient(145deg,#2ce5d4,#0b7e91); }.icon-b span { color:white; font-size:31px; letter-spacing:-.13em; }.icon-a { background:linear-gradient(145deg,#3f4fb3,#a56cee); }.icon-y { background:linear-gradient(145deg,#fdcc55,#e35d41); }.icon-o { background:linear-gradient(145deg,#64d9b9,#1a79a6); }.app-type { color:#a7bac7; font:500 8px "DM Mono",monospace; letter-spacing:.09em; margin:0 0 7px; }.app-card h3 { font-size:15px; letter-spacing:-.035em; margin:0 0 8px; }.app-card small { color:var(--teal); font-size:10px; }.card-arrow { position:absolute; right:19px; top:17px; color:#8da4b5; }.play-note { display:flex; align-items:center; gap:13px; margin-top:29px; padding:16px 18px; background:rgba(38,208,195,.1); border:1px solid rgba(38,208,195,.2); font-size:11px; color:#b6c9d3; }.play-note p { margin:0; }.play-note b { color:white; }.play-mark { color:var(--teal); font-size:17px; transform:scaleX(.8); }.play-note a { margin-left:auto; white-space:nowrap; color:white; padding-bottom:3px; border-bottom:1px solid rgba(255,255,255,.5); font-weight:700; }
.services { padding:125px 0 123px; }.services-head { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:end; }.services-head h2 { margin:31px 0 51px; }.services-head>p { margin-bottom:62px; }.service-list { border-top:1px solid var(--line); }.service-list article { display:grid; grid-template-columns:58px 1fr 1fr 28px; gap:16px; align-items:center; min-height:83px; border-bottom:1px solid var(--line); }.service-list span { font:500 10px "DM Mono",monospace; color:#20b9ad; }.service-list h3 { font-size:16px; letter-spacing:-.035em; margin:0; }.service-list p { color:var(--muted); font-size:12px; margin:0; }.service-list i { font-style:normal; font-size:18px; color:#1bb9ad; }
.contact { background:var(--mint); border-radius:10px 10px 0 0; min-height:545px; padding:85px 73px 63px; position:relative; overflow:hidden; }.contact-orb { position:absolute; width:475px; height:475px; border-radius:50%; border:1px solid rgba(10,98,94,.16); right:-130px; top:-130px; box-shadow:0 0 0 54px rgba(10,98,94,.045),0 0 0 108px rgba(10,98,94,.025); }.contact h2 { margin:26px 0 42px; position:relative; }.contact h2 em { color:#0c8b84; }.contact .overline { margin:0; color:#197b78; position:relative; }.contact-links { display:grid; grid-template-columns:1.2fr 1.7fr 1.1fr; position:relative; }.contact-links a { border-top:1px solid rgba(14,75,79,.28); padding-top:14px; display:grid; grid-template-columns:1fr auto; gap:7px; margin-right:30px; }.contact-links small { color:#4c8584; font:500 9px "DM Mono",monospace; letter-spacing:.12em; grid-column:1 / -1; }.contact-links strong { font-size:13px; letter-spacing:-.02em; }.contact-links span { color:#177f7b; }
footer { width:min(1180px, calc(100% - 64px)); margin:0 auto; min-height:95px; display:flex; align-items:center; justify-content:space-between; color:#6e7e8d; font-size:10px; } footer .brand strong { color:var(--ink); } footer a:last-child { color:var(--ink); font-weight:800; }
.hero-offer { width:min(420px,100%); margin-top:24px; padding:12px 14px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; border:1px solid rgba(38,208,195,.55); background:rgba(38,208,195,.09); border-radius:5px; }.hero-offer strong { color:#0a8e85; font:800 19px/1 "DM Mono",monospace; letter-spacing:-.08em; }.hero-offer span { color:#536a7b; font-size:10px; line-height:1.45; }.hero-offer b { color:var(--ink); font-size:11px; }.hero-offer i { font-style:normal; color:#0a978d; font-size:18px; }
.campaign { padding:118px 0 112px; display:grid; grid-template-columns:1.05fr .95fr; gap:78px; align-items:center; }.campaign-copy h2 { font-size:clamp(42px,5vw,68px); letter-spacing:-.06em; line-height:1.01; margin:20px 0 26px; font-weight:800; }.campaign-copy h2 em { font-style:normal; color:#18bdae; }.campaign-copy>p:last-of-type { max-width:510px; color:var(--muted); line-height:1.85; font-size:15px; margin:0 0 30px; }.campaign-card { min-height:365px; padding:34px 37px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; border-radius:11px; color:#effbfc; background:radial-gradient(circle at 87% 11%, rgba(38,208,195,.68), transparent 22%),linear-gradient(145deg,#10253c 6%,#123b51 100%); box-shadow:0 30px 70px rgba(7,34,49,.2); }.campaign-card:before,.campaign-card:after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(115,255,240,.24); pointer-events:none; }.campaign-card:before { width:390px; height:390px; right:-184px; top:-178px; }.campaign-card:after { width:275px; height:275px; right:-128px; top:-120px; }.campaign-card p { position:absolute; top:35px; left:37px; margin:0; color:#abcfda; font:500 9px "DM Mono",monospace; letter-spacing:.13em; }.campaign-card strong { position:relative; z-index:1; color:var(--teal); font:800 clamp(58px,7vw,90px)/.8 "Manrope",sans-serif; letter-spacing:-.09em; }.campaign-card h3 { position:relative; z-index:1; margin:16px 0 8px; font-size:29px; letter-spacing:-.06em; line-height:1; }.campaign-card>span { position:relative; z-index:1; color:#b2cad3; font:500 10px "DM Mono",monospace; letter-spacing:.06em; }.campaign-card-line { position:relative; z-index:1; height:1px; width:100%; margin:23px 0 14px; background:rgba(255,255,255,.2); }.campaign-card small { position:relative; z-index:1; max-width:290px; color:#c6d9df; line-height:1.55; font-size:11px; }
@media (max-width:760px) { .section-shell,.site-header,footer { width:min(100% - 40px, 1180px); }.site-header { height:74px; }.site-header nav,.header-contact { display:none; }.hero { grid-template-columns:1fr; padding-top:46px; gap:27px; }.hero h1,.businar h2,.apps-head h2,.services h2,.contact h2,.campaign-copy h2 { font-size:43px; }.hero-footnotes { margin-top:42px; }.product-orbit { min-height:390px; transform:scale(.88); transform-origin:center; }.trust-strip { flex-wrap:wrap; gap:11px; font-size:8px; text-align:center; }.trust-strip .strip-line { width:40px; }.campaign { grid-template-columns:1fr; gap:38px; padding:81px 0; }.campaign-card { min-height:330px; padding:29px; }.campaign-card p { top:30px; left:29px; }.businar,.services { padding:85px 0; }.businar-grid,.apps-head,.services-head { grid-template-columns:1fr; gap:6px; }.businar-body,.apps-head p,.services-head>p { padding-bottom:0; margin:0; }.apps-head h2,.services-head h2 { margin-bottom:20px; }.apps-section { padding:77px 0; }.feature-row { margin-top:45px; grid-template-columns:1fr; }.feature-row article+article { border-left:0; border-top:1px solid var(--line); padding-left:0; }.feature-row article { padding:21px 0; min-height:0; }.app-grid { grid-template-columns:1fr; }.play-note { align-items:flex-start; flex-wrap:wrap; }.play-note a { margin-left:28px; }.service-list article { grid-template-columns:31px 1fr 25px; gap:9px; padding:17px 0; }.service-list p { grid-column:2 / -1; line-height:1.6; }.service-list i { grid-column:3; grid-row:1; }.contact { width:100%; border-radius:0; min-height:0; padding:70px 20px 45px; }.contact-links { grid-template-columns:1fr; gap:20px; }.contact-links a { margin:0; }.contact-orb { width:310px; height:310px; right:-174px; top:-130px; }footer { flex-wrap:wrap; gap:13px; padding:25px 0; } footer p { order:3; width:100%; margin:0; } }

.businar-actions { display:flex; flex-wrap:wrap; gap:18px; align-items:center; }
.text-link-play { border-color:rgba(25,188,174,.55); color:#0b877f; }
.contact-cta { position:relative; margin-bottom:46px; }
.inquiry-form { position:relative; display:grid; grid-template-columns:.78fr 1.22fr; gap:32px; align-items:start; margin-top:48px; padding:28px; border:1px solid rgba(14,75,79,.24); background:rgba(255,255,255,.46); border-radius:9px; }
.inquiry-form-copy h3 { margin:11px 0 10px; max-width:280px; font-size:21px; letter-spacing:-.05em; line-height:1.12; }
.inquiry-form-copy p:last-child { max-width:280px; margin:0; color:#4c7778; font-size:12px; line-height:1.65; }
.inquiry-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px 16px; }
.inquiry-form label { display:flex; flex-direction:column; gap:7px; color:#276e6d; font:500 9px "DM Mono",monospace; letter-spacing:.09em; }
.inquiry-form input,.inquiry-form select,.inquiry-form textarea { width:100%; border:1px solid rgba(14,75,79,.27); border-radius:3px; outline:0; color:var(--ink); background:rgba(255,255,255,.83); font:600 12px Manrope,Arial,sans-serif; letter-spacing:0; padding:12px; resize:vertical; }
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus { border-color:#0b928a; box-shadow:0 0 0 3px rgba(11,146,138,.12); }
.inquiry-form label:last-child { grid-column:1 / -1; }
.inquiry-form button { grid-column:2; justify-self:start; border:0; cursor:pointer; margin-top:3px; }
@media (max-width:760px) { .businar-actions { gap:15px; }.contact-cta { margin-bottom:34px; }.inquiry-form { grid-template-columns:1fr; gap:22px; margin-top:40px; padding:21px; }.inquiry-form-copy h3,.inquiry-form-copy p:last-child { max-width:none; }.inquiry-form-grid { grid-template-columns:1fr; }.inquiry-form label:last-child,.inquiry-form button { grid-column:auto; }.inquiry-form button { justify-self:stretch; justify-content:space-between; } }