/* A cohesive editorial layer for the Kokantech technology-services website. */
.cta .button.conversation-cta { gap:18px; padding:10px 16px 10px 24px; min-height:58px; max-width:100%; border-radius:999px; color:#fff; font-size:1.08rem; font-weight:800; line-height:1.35; }
.conversation-label { min-width:0; text-shadow:0 1px 2px #7c361a80; }
.conversation-arrow { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border-radius:50%; color:#102c44; background:radial-gradient(circle at 30% 20%,#fff 0%,#edf7ff 30%,#c5d9ea 65%,#94adc4 100%); box-shadow:inset 0 1px 2px #fff,inset -2px -3px 5px #47617c30,0 3px 7px #0b20332b; }
.conversation-arrow svg { display:block; }
@media(max-width:540px) { .cta .button.conversation-cta { gap:12px; padding:10px 12px 10px 17px; font-size:.88rem; white-space:normal; min-height:54px; }.conversation-arrow { width:32px; height:32px; flex-basis:32px; }.conversation-arrow svg { width:19px; height:19px; } }
:root { --paper:#f9fafc; --line:#dfe5ed; }
body { background:var(--paper); }
.container { width:min(1280px,calc(100% - 96px)); }
h1,h2,h3 { text-wrap:balance; }
.header,.home-page .header { height:88px; background:#fffffff2; backdrop-filter:blur(18px); border-bottom:1px solid #e0e6ee; box-shadow:0 4px 24px #132a4405; }
.header .logo { width:220px; }
.header nav { gap:29px; font-size:.84rem; }
.button,.connected-actions .button { border-radius:12px; font-size:.88rem; min-height:53px; box-shadow:inset 0 1px 0 #ffe4c9,0 5px 14px #e8792224; }
.button.small { min-height:44px; padding:9px 17px; }
.button .button-dot,.connected-actions .button>span { width:24px; height:24px; }
.home-page .connected-hero { background:radial-gradient(ellipse at 80% 38%,#173c57 0%,transparent 47%),linear-gradient(125deg,#081723,#0b1e31); }
.home-page .connected-meta { padding-block:18px; font-size:9px; color:#a5bacd; }
.home-page .connected-grid { grid-template-columns:1.06fr 1fr; gap:55px; padding-block:46px 48px; }
.hero-kicker { display:inline-flex; align-items:center; gap:9px; font-size:9px; font-weight:600; letter-spacing:.14em; color:#e0e9f1; border:1px solid #6789a34a; border-radius:30px; background:#ffffff05; padding:7px 12px; margin-bottom:23px; }
.hero-kicker>span { width:5px; height:5px; border-radius:50%; background:#ff9356; }
.home-page .connected-copy h1 { font-size:clamp(4.2rem,6.75vw,6.8rem); font-weight:600; line-height:1.01; letter-spacing:-.067em; }
.home-page .connected-copy>p { font-size:1.02rem; max-width:420px; color:#b7c7d6; line-height:1.85; margin-top:26px; }
.home-page .connected-actions { gap:22px; margin-top:28px; }
.home-page .connected-actions .button { border-radius:12px; }
.home-page .connected-link { border:0; color:#e8edf2; font-size:.83rem; }
.connected-link>span { width:24px; height:24px; display:grid; place-items:center; border:1px solid #ffffff29; border-radius:50%; }
.home-page .connected-signoff { margin-top:22px; font-size:.72rem; }
.home-page .signal-map { border:0; border-radius:0; background:none; aspect-ratio:1.17; }
.home-page .scene-aura { background:radial-gradient(ellipse,#ed863523 0%,#4e9cd514 45%,transparent 70%); }
.home-page .signal-node { padding:9px 11px; border-radius:8px; background:linear-gradient(135deg,#2c4a5fd9,#10273deb); border-color:#7894a74d; font-size:9px; }
.home-page .signal-node.is-active { border-color:#e99b66; background:linear-gradient(135deg,#553c2c,#2a2426); }
.home-page .scene-toolbar { margin-block:8px 11px; }
.home-page .signal-caption { padding:16px 19px; margin-top:0; border:1px solid #7b9bb82e; border-left:2px solid #ff9356; border-radius:12px; background:linear-gradient(145deg,#b6d3ed0c,#ffffff03); box-shadow:inset 0 1px 0 #fff1,0 10px 26px #0001; }
.home-page .signal-caption h2 { font-size:1.12rem; }
.home-page .signal-caption p { font-size:.79rem; }
.home-page .expertise-dock { align-items:center; padding-block:13px; }
.dock-label { flex-basis:160px; font-size:8px; }
.home-page .expertise-tabs { gap:8px; padding:0; }
.home-page .expertise-tabs button { margin:0; padding:12px; border:1px solid #8298af25; font-size:.73rem; background:#ffffff03; }
.home-page .expertise-tabs button>span { font-size:8px; color:#93abc1; }
.home-page .expertise-tabs button[aria-selected=true] { border-color:#e58d554f; background:linear-gradient(145deg,#f6a06412,#ffffff05); box-shadow:inset 0 1px #f5ab7270; }
.capability-rail { background:#fff; border-bottom:1px solid var(--line); }
.capability-rail>.container { display:grid; grid-template-columns:1.05fr repeat(3,1fr); align-items:center; gap:28px; padding-block:31px; }
.capability-rail p { font-size:.78rem; line-height:1.7; }.capability-rail strong { color:#17334c; font-weight:600; }
.capability-rail>.container>div { display:flex; align-items:center; gap:16px; padding-left:28px; border-left:1px solid #e1e7ed; }
.capability-rail>div>div>span { font-size:27px; color:#c95c24; }
.capability-rail small { display:block; font-size:.72rem; color:#66778a; }
.section { padding-block:94px; }
.eyebrow { font-size:.67rem; letter-spacing:.14em; margin-bottom:19px; }
.section-top { align-items:end; margin-bottom:38px; }
.section-top h2 { font-size:clamp(2.5rem,4vw,3.65rem); line-height:1.12; font-weight:550; letter-spacing:-.055em; }
.section-top h2 span { color:#718091; }.section-top>p { font-size:.94rem; max-width:345px; }
.home-page #services { padding-block:88px 68px; }
.service-grid.modern-service-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; }
.modern-service-grid .service-card { grid-column:span 3; min-height:315px; padding:25px 22px 21px; border-radius:18px; border:1px solid #dce4ec; background:linear-gradient(145deg,#fff,#f1f5f9); box-shadow:inset 0 1px #fff,0 6px 18px #102a4004; }
.modern-service-grid .service-card::after { display:none; }
.modern-service-grid .service-card::before { background:linear-gradient(128deg,transparent 35%,#ffffff7a 36%,#ffffff12 49%,transparent 50%); }
.modern-service-grid .service-card .card-top { margin-bottom:27px; gap:10px; }
.modern-service-grid .service-card .service-icon { width:41px; height:41px; border-radius:11px; background:linear-gradient(145deg,#fff,#e7eef5); border-color:#d6e0e9; color:#173f5c; box-shadow:inset 0 1px #fff,2px 3px 0 #dce5ed; transform:none; }
.modern-service-grid .service-card .service-icon svg { width:22px; height:22px; transform:none; }
.modern-service-grid .service-card .card-number { font-size:8px; letter-spacing:.06em; }
.modern-service-grid .service-card h3 { font-size:1.17rem; line-height:1.3; letter-spacing:-.035em; }
.modern-service-grid .service-card p { font-size:.85rem; line-height:1.8; margin:12px 0 16px; }
.service-tags { display:flex; flex-wrap:wrap; gap:5px; }.service-tags>span { border:1px solid #dbe3eb; border-radius:5px; padding:3px 7px; font-size:9px; color:#52687d; background:#ffffff70; }
.modern-service-grid .service-card .card-link { margin-top:auto; padding-top:25px; font-size:.77rem; }
.modern-service-grid .service-card .card-link>span { width:28px; height:28px; font-size:18px; background:#fff; border-color:#d9e3eb; box-shadow:inset 0 1px #fff,0 2px 4px #1234; }
.modern-service-grid .service-card:hover .card-link>span { transform:translate(2px,-2px); }
.modern-service-grid .featured-service { grid-column:span 6; min-height:315px; padding:31px 29px 24px; display:grid; grid-template-columns:1.1fr .9fr; gap:0 14px; }
.featured-service .card-link { grid-column:1/-1; }.featured-service .service-content { min-width:0; }
.modern-service-grid .featured-service h3 { font-size:1.55rem; }
.modern-service-grid .featured-service .card-top { margin-bottom:24px; }
.modern-service-grid .product-service { background:radial-gradient(ellipse at 100% 0,#31536d,transparent 65%),#0d2338; color:#fff; border-color:#27455d; }
.modern-service-grid .product-service::before { background:linear-gradient(130deg,transparent 40%,#ffffff08 41%,transparent 60%); }
.modern-service-grid .product-service p,.modern-service-grid .product-service .card-number { color:#b9cbdc; }
.product-service .service-tags>span { border-color:#7e9bb437; color:#c8d7e4; background:#ffffff08; }
.modern-service-grid .product-service .service-icon { background:linear-gradient(145deg,#ffbf90,#fa7f3d); color:#17314a; border-color:#ffa466; box-shadow:inset 0 1px #ffead2,2px 3px 0 #9b4b2633; }
.modern-service-grid .cloud-service { background:radial-gradient(ellipse at 100% 0,#d6eaf8,transparent 65%),linear-gradient(135deg,#f5faff,#eaf2f8); }
.modern-service-grid .service-card:is(:hover,:focus-visible) { transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px); background:linear-gradient(145deg,#29485f,#10283e); color:#fff; border-color:#65829a; box-shadow:inset 0 1px #97b7ce33,0 18px 30px #16334c18; }
.modern-service-grid .service-card:is(:hover,:focus-visible) p,.modern-service-grid .service-card:is(:hover,:focus-visible) .card-number { color:#c1d0dd; }
.modern-service-grid .service-card:is(:hover,:focus-visible) .service-tags>span { color:#d0deea; border-color:#7e9bb437; background:#ffffff08; }
.modern-service-grid .service-card:is(:hover,:focus-visible) .service-icon { background:linear-gradient(145deg,#43617b,#244056); color:#ffbc8e; box-shadow:inset 0 1px #ffffff30,2px 3px #0d2239; }
.product-art { align-self:center; perspective:600px; min-width:0; position:relative; padding:10px 0 10px 7px; }
.product-window { border-radius:9px; border:1px solid #809bb573; background:#163149; transform:rotateY(-12deg) rotateZ(6deg); box-shadow:8px 12px 0 -4px #07152580,0 20px 30px #0002; overflow:hidden; }
.window-top { display:flex; align-items:center; gap:4px; padding:11px 9px; background:#ffffff07; border-bottom:1px solid #799ab22b; }
.window-top i { width:4px; height:4px; border-radius:50%; background:#89a3b6; }.window-top i:first-child { background:#ff9c66; }.window-top>span { margin-left:4px; font-size:5px; color:#afc6d8; letter-spacing:.12em; }
.window-body { display:grid; grid-template-columns:25px 1fr; min-height:139px; }
.window-sidebar { border-right:1px solid #799ab22b; padding:12px 6px; }.window-sidebar>* { display:block; height:3px; background:#688ba74a; margin-bottom:9px; }.window-sidebar b { background:#ff9d6b; }
.window-content { padding:13px 10px; }.code-accent { color:#ffb17f; font:7px monospace; }
.window-content>b,.window-content>i { display:block; height:4px; margin:9px 0; border-radius:2px; background:#6f94b273; width:82%; }.window-content>b { width:62%; background:#c4d6e0; }.window-content>i:nth-child(4) { width:55%; }
.window-widgets { display:flex; gap:5px; margin:12px 0; }.window-widgets span { height:28px; flex:1; border:1px solid #8bb1cd3b; background:linear-gradient(145deg,#9cc5e724,#405f7608); border-radius:3px; }
.product-token { position:absolute; right:-3px; bottom:-3px; padding:9px 11px; border:1px solid #ffc798; border-radius:10px; background:linear-gradient(145deg,#ffcc9d,#fb843d); color:#17334c; font:bold 16px monospace; box-shadow:0 5px 13px #0003; transform:rotate(-9deg); }
.cloud-art { align-self:center; height:190px; position:relative; perspective:700px; }
.cloud-layer { position:absolute; left:9%; width:85%; height:60px; border:1px solid #95adc278; background:linear-gradient(145deg,#fff,#d8e6f0); border-radius:10px; display:flex; align-items:center; justify-content:space-between; padding:14px; transform:rotateX(28deg) rotateY(-24deg) rotateZ(-10deg); box-shadow:5px 9px 0 -2px #93acc473,0 13px 20px #193b5110; }
.cloud-layer>span { font-size:6px; letter-spacing:.12em; color:#33526c; }.cloud-layer>b { font-size:18px; font-weight:400; color:#466e8d; }
.layer-top { top:15px; z-index:3; background:linear-gradient(145deg,#ffe2c8,#ffc08c); border-color:#ffb47f; }.layer-middle { top:66px; z-index:2; }.layer-bottom { top:117px; z-index:1; }
.cloud-guide { position:absolute; width:1px; height:160px; background:#648eae30; top:15px; left:53%; }
.possibilities-section { padding-block:36px 94px; }
.possibility-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.possibility-card { display:flex; flex-direction:column; min-width:0; padding:0 0 22px; border-bottom:1px solid #d6e0e8; }
.possibility-art { height:180px; background:#edf2f6; border:1px solid #dce6ee; border-radius:15px; margin-bottom:23px; position:relative; overflow:hidden; transition:border-color .25s,box-shadow .25s; }
.possibility-card:hover .possibility-art { border-color:#a0b8cb; box-shadow:0 8px 22px #203c5010; }
.possibility-label { font-size:9px; letter-spacing:.09em; color:#687b8c; }.possibility-card h3 { font-size:1.27rem; line-height:1.35; margin:10px 0; }.possibility-card>p { font-size:.86rem; line-height:1.8; margin-bottom:20px; }.possibility-link { font-size:.77rem; font-weight:600; margin-top:auto; display:flex; justify-content:space-between; align-items:center; }.possibility-link b { font-size:21px; font-weight:400; color:#b84b1a; }
.experience-art { background:linear-gradient(145deg,#e7eff6,#f4f8fa); display:flex; align-items:center; justify-content:center; }
.experience-screen { width:170px; height:110px; border:1px solid #a5bdd0; border-radius:8px; background:#fff; padding:13px; transform:rotate(-5deg); box-shadow:0 12px 20px #193a5112; }
.experience-screen>span { display:block; height:8px; width:60%; background:#16354e; border-radius:2px; margin-bottom:13px; }.experience-screen>div { display:flex; gap:7px; }.experience-screen i { display:block; flex:1; height:38px; background:linear-gradient(145deg,#dce8f0,#b6ccdc); border-radius:3px; }.experience-screen i:nth-child(2) { background:linear-gradient(145deg,#ffd3af,#f0a776); }.experience-screen>b { display:block; width:60%; height:4px; background:#dce6ed; margin-top:12px; }
.experience-phone { width:51px; height:93px; border:3px solid #27465e; border-radius:10px; background:#f9fcff; padding:13px 5px 6px; transform:rotate(8deg); margin-left:-10px; margin-top:34px; box-shadow:0 7px 14px #11294028; }.experience-phone>span { display:block; width:70%; height:4px; background:#153850; margin-bottom:8px; }.experience-phone>i { display:block; height:29px; background:#facba5; border-radius:3px; }.experience-phone>b { display:block; height:4px; margin-top:8px; background:#b6cddd; }
.architecture-art { display:flex; align-items:center; justify-content:center; padding:25px; background:#0f293f; }.architecture-art>span { padding:18px 10px; border:1px solid #7699b345; background:linear-gradient(145deg,#2f4d6480,#29485e1a); border-radius:9px; color:#ccdce8; font-size:7px; letter-spacing:.05em; box-shadow:inset 0 1px #ffffff15; }.architecture-art>span:last-child { border-color:#ffb47b80; color:#ffbd8e; }.architecture-art>i { height:1px; width:17px; flex-shrink:0; background:#9ab8cf80; }
.intelligence-art { display:flex; align-items:center; justify-content:center; gap:20px; background:radial-gradient(ellipse at center,#fff0e3,#f6ede6); }.intelligence-core { font-size:62px; color:#e67e43; line-height:1; text-shadow:3px 4px #a94a2220; }.intelligence-input,.intelligence-output { border:1px solid #d0bbaa; border-radius:20px; padding:8px 12px; font-size:8px; color:#74503a; background:#fff9; }
.home-page .approach-section { width:min(1400px,calc(100% - 40px)); border-radius:24px; background:radial-gradient(ellipse at 100% 0,#25455d,#0b2238 65%); padding-block:75px; }
.approach-grid { gap:90px; }.home-page .approach-intro h2 { font-size:clamp(2.5rem,4vw,3.7rem); }.approach-intro>p { font-size:.94rem; }.principle h3 { font-size:1.14rem; }.principle p { font-size:.88rem; }.principle { padding-block:24px; }
.home-page .industry-section { padding-top:88px; }.industry-tabs button { font-size:.83rem; padding:18px 20px; }.home-page .industry-panel { padding:38px; box-shadow:none; }.industry-panel h3 { font-size:1.85rem; }.industry-panel p,.industry-panel li { font-size:.91rem; }
.process-grid { gap:25px; }.process-number { font-size:1.65rem; color:#b75925; margin-bottom:21px; }.process-grid h3 { font-size:1.16rem; }.process-grid p { font-size:.88rem; line-height:1.85; }
.cta,.home-page .cta { background:radial-gradient(ellipse at 100% 20%,#31516b,#112b42 65%); color:#fff; border:1px solid #446178; border-radius:22px; box-shadow:inset 0 1px #ffffff26,0 14px 36px #1c374712; padding:62px 58px; }
.cta .eyebrow,.cta p { color:#b8ccdc; }.cta .eyebrow .line { background:#ff9f61; }.cta h2 { font-weight:550; font-size:clamp(2.5rem,4vw,3.8rem); }.cta .button { background:linear-gradient(145deg,#ffbd8f,#ff8745); color:#0d213d; border-color:#ffb988; white-space:nowrap; }.cta .button:hover { background:#ffc49a; }.cta::after { border-color:#ffffff1a; box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02; }
footer { background:#071a2d; color:#e3ebf2; border-top:1px solid #38546c; }.footer-main { padding-block:62px 50px; gap:40px; }.footer-brand .logo { width:227px; background:#fff; border-radius:9px; padding:4px 7px; margin:0; }.footer-brand p,.footer-column a { color:#aebfcf; }.footer-signoff { color:#819db3; font-size:.65rem; }.footer-column h2 { color:#e4edf4; }.footer-column a:hover { color:#ffb27c; }.footer-pitch { border-color:#39536a; }.footer-pitch .eyebrow { color:#98afc3; }.footer-pitch .text-link { color:#ffb683; }.footer-bottom { border-color:#2a4359; color:#a1b6c8; }
.subhero { padding-block:70px; background:radial-gradient(ellipse at 85% 0,#284964,transparent 65%),#0b2238; }.subhero h1 { font-size:clamp(3rem,5.3vw,5rem); letter-spacing:-.055em; }.subhero .intro { font-size:1.02rem; max-width:630px; }
.contact-layout { gap:85px; }.contact-layout h1 { font-size:clamp(3rem,4.9vw,4.7rem); }.form-card { padding:36px; background:#fff; box-shadow:inset 0 1px #fff,0 14px 45px #14324909; }.form-card h2 { font-size:1.6rem; }.contact-notes { border-radius:14px; background:#eef3f8; padding:24px; border:1px solid #dde6ef; }
@media(max-width:1150px) { .container { width:calc(100% - 64px); }.home-page .connected-grid { gap:30px; }.modern-service-grid .service-card { grid-column:span 6; }.modern-service-grid .featured-service { min-height:330px; }.approach-grid { gap:60px; }.capability-rail>.container { gap:20px; }.capability-rail>.container>div { padding-left:20px; }.architecture-art { padding:20px 10px; }.architecture-art>span { padding-inline:7px; }.architecture-art>i { width:11px; } }
@media(max-width:940px) { .header nav { gap:19px; }.header .logo { width:210px; }.home-page .connected-copy h1 { font-size:clamp(3.7rem,7vw,4.4rem); }.home-page .connected-grid { gap:22px; }.home-page .connected-copy>p { font-size:.94rem; }.hero-kicker { font-size:8px; }.home-page .signal-node { font-size:7px; padding:7px; }.home-page .connected-actions { align-items:flex-start; flex-direction:column; gap:8px; }.capability-rail>.container { grid-template-columns:repeat(3,1fr); }.capability-rail>.container>p { display:none; }.capability-rail>.container>div:first-of-type { border:0; padding:0; }.modern-service-grid .featured-service { grid-template-columns:1fr; }.product-art,.cloud-art { display:none; }.modern-service-grid .featured-service h3 { font-size:1.45rem; }.modern-service-grid .service-card { min-height:310px; }.possibility-grid { gap:18px; }.possibility-art { height:145px; }.architecture-art { flex-direction:column; gap:0; padding:13px; }.architecture-art>span { padding:6px 14px; }.architecture-art>i { height:8px; width:1px; }.intelligence-art { gap:10px; }.intelligence-core { font-size:45px; }.intelligence-input,.intelligence-output { font-size:7px; padding:7px; }.experience-screen { width:125px; height:95px; padding:10px; }.experience-phone { width:42px; height:77px; }.possibility-card h3 { font-size:1.1rem; }.cta,.home-page .cta { padding:43px; }.contact-layout { gap:40px; } }
@media(max-width:740px) { .container { width:calc(100% - 40px); }.header,.home-page .header { height:78px; }.header .logo { width:207px; }.header nav { top:77px; max-height:calc(100dvh - 78px); }.home-page .connected-grid { grid-template-columns:1fr; gap:25px; padding-block:35px; }.home-page .connected-copy h1 { font-size:clamp(3.8rem,10vw,5.3rem); }.home-page .connected-copy>p { max-width:480px; }.home-page .connected-actions { flex-direction:row; align-items:center; gap:22px; }.home-page .connected-visual { max-width:470px; }.home-page .signal-node { font-size:9px; padding:9px; }.home-page .expertise-tabs button { margin:0; padding:11px; }.home-page .expertise-dock { padding-block:14px; }.capability-rail>.container { gap:15px; padding-block:23px; }.capability-rail>.container>div { gap:10px; padding-left:14px; }.capability-rail>div>div>span { font-size:21px; }.capability-rail p { font-size:.7rem; }.capability-rail small { font-size:.64rem; }.section { padding-block:66px; }.home-page #services { padding-block:66px 46px; }.section-top h2 { font-size:2.55rem; }.section-top>p { max-width:none; }.modern-service-grid .service-card { padding:25px; }.modern-service-grid .service-card .card-number { font-size:7px; }.possibilities-section { padding-block:18px 65px; }.possibility-grid { grid-template-columns:1fr; gap:28px; }.possibility-art { height:190px; }.possibility-card h3 { font-size:1.45rem; }.possibility-card>p { max-width:500px; }.architecture-art { flex-direction:row; gap:0; }.architecture-art>span { padding:17px; font-size:8px; }.architecture-art>i { height:1px; width:25px; }.experience-screen { width:190px; height:115px; padding:15px; }.experience-phone { width:53px; height:98px; }.intelligence-core { font-size:70px; }.intelligence-art { gap:30px; }.intelligence-input,.intelligence-output { font-size:9px; padding:10px 15px; }.home-page .approach-section { width:calc(100% - 24px); padding-block:55px; border-radius:20px; }.approach-grid { gap:35px; }.home-page .industry-section { padding-top:66px; }.industry-tabs { gap:6px; }.industry-tabs button { padding:14px 10px; }.home-page .industry-panel { padding:27px; }.cta,.home-page .cta { padding:35px 28px; }.cta h2 { font-size:2.5rem; }.footer-main { gap:33px; }.form-card { padding:28px; }.contact-layout { gap:35px; }.contact-layout h1 { font-size:3.5rem; }.subhero { padding-block:49px; } }
@media(max-width:540px) { .home-page .connected-copy h1 { font-size:clamp(3.3rem,12.2vw,4.2rem); }.hero-kicker { margin-bottom:21px; }.home-page .connected-meta { font-size:7px; }.home-page .connected-copy>p { font-size:.94rem; }.home-page .connected-actions { gap:14px; }.home-page .connected-actions .button { font-size:.78rem; padding-inline:14px; }.home-page .connected-link { font-size:.76rem; gap:9px; }.capability-rail>.container { gap:12px; }.capability-rail>.container>div { flex-direction:column; gap:6px; align-items:flex-start; padding-left:12px; }.capability-rail small { display:none; }.capability-rail p { font-size:.66rem; }.service-grid.modern-service-grid { grid-template-columns:1fr; gap:15px; }.modern-service-grid .service-card { grid-column:auto; min-height:0; padding:25px; }.modern-service-grid .featured-service { grid-template-columns:1fr; }.modern-service-grid .service-card h3 { font-size:1.4rem; }.modern-service-grid .service-card .card-number { font-size:8px; }.modern-service-grid .service-card .card-link { padding-top:22px; }.modern-service-grid .service-card p { font-size:.91rem; }.service-tags>span { font-size:10px; }.product-art,.cloud-art { display:none; }.section-top { gap:18px; margin-bottom:28px; }.section-top h2 { font-size:2.3rem; }.possibilities-section .section-top { margin-bottom:28px; }.cta h2 { font-size:2.2rem; }.contact-layout h1 { font-size:3.2rem; }.form-card { padding:25px 21px; }.footer-main { gap:29px 20px; }.footer-brand .logo { width:215px; } }
@media(max-width:740px) { .section-top { flex-direction:column; align-items:flex-start; gap:20px; } }
@media(max-width:370px) { .home-page .connected-actions { flex-direction:column; align-items:flex-start; gap:12px; }.header .logo { width:185px; }.home-page .connected-copy h1 { font-size:3.2rem; }.architecture-art>span { padding-inline:10px; }.architecture-art>i { width:15px; } }
@media(prefers-reduced-motion:reduce) { .modern-service-grid .service-card:is(:hover,:focus-visible) { transform:none; } }
@media print { .capability-rail,.product-art,.cloud-art,.possibility-art { display:none; }.modern-service-grid .service-card { color:#000; background:#fff; box-shadow:none; }.modern-service-grid .product-service p { color:#333; }.possibility-grid { grid-template-columns:1fr; } }