/* ITbyB: more contrast, depth and a stronger brand presence. */
body{background:#edf2f8}
.header{background:rgba(7,19,31,.96);border-color:#ffffff14;color:#fff}
.header nav a{color:#b7c8da}.header nav a:hover{color:#fff}
.header .logo strong{color:#2793ff}
.header .button{background:#168aff;box-shadow:0 4px 24px #0a84ff22}
.hero-stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 12%,#123d6e 0,transparent 48%),#07131f;color:#fff}
.hero-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#80baff07 1px,transparent 1px),linear-gradient(90deg,#80baff07 1px,transparent 1px);background-size:70px 70px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.hero{position:relative;padding-top:78px;padding-bottom:85px;gap:52px}
.hero .eyebrow{color:#a9c3df}.hero .blue-dot{box-shadow:0 0 20px #168aff}
.hero h1{font-weight:700;letter-spacing:-.06em}.hero h1>span{color:#329bff}
.hero-description{color:#e1ebf5}.hero-detail{color:#a5b5c7;font-size:14px}
.hero .text-link{color:#eaf3ff}.hero .text-link:hover{color:#55adff}
.hero-note{color:#a8bbcf;font-size:10px}.hero-note .separator{color:#4b6079}
.hero-photo{border:1px solid #ffffff1c;box-shadow:0 35px 75px #0004}
.hero-photo>img{filter:brightness(.77) saturate(.7)}
.browser-card{color:#0f171f;box-shadow:0 30px 80px #0006;transform:rotate(-5deg);transition:transform .4s}
.hero-art:hover .browser-card{transform:rotate(-2deg) translateY(-5px)}
.hero-sticker{background:#0a84ff;border:1px solid #76c0ff66;box-shadow:0 15px 40px #001b4b70;right:-8px}
.art-caption{color:#a3bbd4;font-size:9px}
.service-strip{background:#102235;border-top:1px solid #31516b80;border-bottom:1px solid #31516b80;color:#d8e6f4}
.strip-inner{padding-block:29px}.strip-inner>span{border-color:#30465b;font-size:12px}.strip-inner svg{color:#46a4ff}
.services{padding-block:95px 90px}.services .eyebrow,.faq .eyebrow{color:#0966c4}.section-heading>p{color:#5c6d80;font-size:13px}.muted{color:#6a7d92}
.service-grid{border:0;gap:16px;overflow:visible;border-radius:0}
.service-card{border:1px solid #dce4ef!important;border-radius:12px;padding:28px 23px 23px;background:#f9fbfe;box-shadow:0 8px 25px #09203e05;transition:transform .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #07234815;background:#fff}
.service-card:first-child{background:#10263c;color:#fff;border-color:#203d59!important}
.service-card:last-child{background:#0878ed;color:#fff;border-color:#168aff!important}
.service-card h3{font-size:24px}.service-card p{font-size:12px;color:#607185}
.service-card li{font-size:10px;color:#4e6177;line-height:1.65}.service-more{font-size:11px}
.service-card:first-child p,.service-card:first-child li{color:#bdcedf}.service-card:last-child p,.service-card:last-child li{color:#eef6ff}
.service-card:first-child .card-top>span{color:#8aa7c3}.service-card:last-child .card-top>span{color:#c3e1ff}
.service-card:first-child .service-more,.service-card:last-child .service-more{color:#fff;border-color:#ffffff35}
.service-card:first-child .service-icon,.service-card:first-child li:before{color:#47a7ff}
.service-card:last-child .service-icon,.service-card:last-child li:before,.service-card:last-child .service-more svg{color:#fff}
.services-footnote{color:#60758b;font-size:11px}
.mission{background:radial-gradient(ellipse at 90% 50%,#123f72,transparent 70%),#0b1e32;position:relative;border-top:4px solid #0a84ff}
.mission-inner{padding-block:90px}.mission h2{font-size:49px}.mission h2 span{color:#45a8ff}
.mission-logo{box-shadow:0 0 90px #0a84ff40}.orbit{border-color:#345b80}.orbit-two{border-color:#234664}.orbit-three{border-color:#1b3856}
.orbit-label{background:#173b5f;border-color:#426587;color:#d4e9ff}.mission p:not(.eyebrow){color:#c0d2e3;font-size:14px}
.process-stage{background:#07131f;color:#fff;border-top:1px solid #203449}
.process .eyebrow{color:#6fb9ff}.process .muted{color:#8099b3}.process .section-heading>p{color:#a2b6cb}
.steps{gap:28px}.step-number{font-size:16px;color:#45a8ff;border-color:#2a3f54;padding-bottom:24px}
.steps h3{font-size:20px}.steps p{font-size:13px;color:#a8bbce;line-height:1.8;max-width:none}
.about-wrap{background:#dde9f7}.about{padding-block:90px}
.about-visual{background-color:#0b2440;background-image:linear-gradient(#72b5ff0d 1px,transparent 1px),linear-gradient(90deg,#72b5ff0d 1px,transparent 1px);min-height:425px;border:1px solid #193f66;border-radius:14px;box-shadow:0 20px 45px #203c5c12}
.about-visual:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #2777bd44;right:-90px;top:-80px}
.about-visual:after{content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #2777bd44;left:-100px;bottom:-180px}
.about-monogram{color:#fff;font-size:235px;text-shadow:9px 10px 0 #0a84ff19;margin-top:-20px}.about-monogram>span{color:#1d93ff}
.about-caption{color:#acc7e4;font-size:13px;bottom:46px}.about .eyebrow{color:#1268bc}.about-copy>p:not(.eyebrow){color:#526a82;font-size:14px;max-width:450px}.about .muted{color:#527497}.signature>span{color:#536e8b;font-size:11px}
.faq{padding-block:90px}.faq>div>p:not(.eyebrow){color:#60768c;font-size:13px}.faq-list{border:0;display:flex;flex-direction:column;gap:10px}
.faq details{border:1px solid #d9e3ef;border-radius:9px;background:#f9fbfe;padding:0 20px;transition:background .2s}
.faq details[open]{background:#e1efff;border-color:#8bbff2}.faq summary{font-size:13px;padding:20px 0}.faq details p{color:#516b84;font-size:13px}.faq summary>span{font-size:24px}
.closing{position:relative;background:linear-gradient(115deg,#0879ec,#0560c9);padding:65px;border:1px solid #228dff;box-shadow:0 20px 50px #075bad22;margin-bottom:80px;border-radius:14px}
.closing:after{content:'';width:450px;height:450px;position:absolute;right:-150px;top:-180px;border:1px solid #ffffff21;border-radius:50%;pointer-events:none}.closing-arrow{color:#a1d3ff}.closing h2{font-size:48px}
.footer{width:100%;max-width:none;background:#07131f;color:#fff;padding:42px max(52px,calc((100vw - 1296px)/2)) 28px}.footer .logo img{filter:drop-shadow(0 0 1px #93b5d5)}.footer-main>p,.footer-bottom{color:#8fa8bf}.footer-bottom{border-color:#294055}.footer .logo img{background:#fff;border-radius:5px;padding:2px}
@media(max-width:1100px){.hero{gap:25px}.mission h2{font-size:42px}.service-grid{gap:10px}.service-card{padding:25px 18px}.service-card h3{font-size:21px}.service-card li{font-size:9px}.service-more{font-size:10px}.hero-note{font-size:9px}.footer{padding-inline:32px}}
@media(max-width:760px){.header nav{background:#0c2033;border-color:#2b435b;box-shadow:0 20px 30px #0003}.header nav a{color:#d6e7f8}.menu-toggle span{background:#fff}.hero{padding-top:43px;padding-bottom:35px;gap:36px}.hero-detail{font-size:13px}.hero-note{font-size:8px}.hero h1{font-size:clamp(47px,10.8vw,70px)}.hero-sticker{right:0}.art-caption{font-size:7px}.strip-inner>span{font-size:10px}.strip-inner{padding-block:25px}.services{padding-block:63px}.service-grid{gap:12px}.service-card{padding:24px 19px}.service-card:last-child{border:1px solid #168aff!important}.service-card p{font-size:12px}.service-card li{font-size:10px}.service-more{font-size:10px}.mission-inner{padding-block:57px}.mission h2{font-size:35px}.mission p:not(.eyebrow){font-size:13px}.process .section-heading>p{font-size:12px}.steps{gap:32px 23px}.steps h3{font-size:18px}.steps p{font-size:12px}.about{padding-block:55px}.about-visual{min-height:340px}.about-monogram{font-size:210px}.about-caption{bottom:33px}.about-copy>p:not(.eyebrow){font-size:13px}.faq{padding-block:65px}.faq details{padding-inline:16px}.faq summary{font-size:12px}.faq details p{font-size:12px;padding-right:0}.closing{padding:38px 27px;margin-bottom:50px}.closing h2{font-size:34px}.footer{padding:35px 20px 25px}.footer-main>p{color:#a2b6c9}}
@media(max-width:390px){.hero-note{font-size:7px}.service-grid{grid-template-columns:1fr}.service-card p{font-size:13px}.service-card li{font-size:11px}.service-more{font-size:12px}.mission h2{font-size:31px}}

/* Keep decorative rings inside their own column and clear of mission copy. */
.mission-visual{clip-path:inset(-100% -100% -100% 0)}
@media(max-width:760px){.mission-visual{margin-block:70px;clip-path:none}}

.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:9px;margin-top:24px;font-style:normal;font-size:14px;line-height:1.5;color:#d6e7f8}.footer-contact a:hover{color:#45a8ff}