@font-face{font-family:'IRANSansXFaNum';src:url('../fonts/iransansx/IRANSansXFaNum-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IRANSansXFaNum';src:url('../fonts/iransansx/IRANSansXFaNum-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'IRANSansXFaNum';src:url('../fonts/iransansx/IRANSansXFaNum-DemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'IRANSansXFaNum';src:url('../fonts/iransansx/IRANSansXFaNum-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'IRANSansXFaNum';src:url('../fonts/iransansx/IRANSansXFaNum-Black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--km-primary:#012BF9;--km-secondary:#FFB414;--km-ink:#101936;--km-muted:#606e83;--km-bg:#fff;--km-soft:#f5f7fd;--km-border:#e5e9f3;--km-radius:20px;--km-width:1240px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;direction:rtl;color:var(--km-ink);background:var(--km-bg);font-family:'IRANSansXFaNum',Tahoma,'Segoe UI',Arial,sans-serif;line-height:1.8;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--km-primary);outline-offset:4px}.km-container{width:min(calc(100% - 40px),var(--km-width));margin-inline:auto}.km-skip{position:absolute;top:-90px;right:10px;background:#fff;padding:8px;z-index:999}.km-skip:focus{top:5px}.km-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:13px;font-weight:700;line-height:1.6;transition:transform .2s,box-shadow .2s}.km-btn:hover{transform:translateY(-2px)}.km-btn-primary{background:var(--km-primary);color:#fff}.km-btn-accent{background:var(--km-secondary);color:#111}.km-btn-outline{border:1px solid var(--km-border);background:#fff}.km-eyebrow{font-size:.85rem;color:var(--km-primary);font-weight:800;letter-spacing:.02em}.km-muted{color:var(--km-muted)}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{line-height:1.35}h1{font-size:clamp(2rem,4.4vw,4.2rem)}h2{font-size:clamp(1.6rem,2.7vw,2.6rem)}.km-section{padding-block:90px}.km-section-tint{background:var(--km-soft)}.km-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:32px}.km-section-head h2{margin:8px 0 0}.km-header{position:relative;z-index:50;padding:14px 0;transition:padding .25s}.km-header-sticky{position:sticky;top:0}.km-header-inner{display:flex;align-items:center;gap:28px;min-height:62px;transition:min-height .25s,padding .25s,border-radius .25s,background .25s,box-shadow .25s;border:1px solid transparent;padding-inline:18px}.km-header.is-scrolled{padding:8px 0}.km-header.is-scrolled .km-header-inner{min-height:54px}.km-header-glass.is-scrolled .km-header-inner{background:rgba(255,255,255,.88);border-color:rgba(210,222,244,.8);box-shadow:0 12px 40px rgba(24,41,80,.09);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.km-brand{display:flex;align-items:center;font-weight:900;font-size:1.45rem;white-space:nowrap;max-width:180px}.km-brand img{max-height:53px;width:auto}.km-logo-scrolled{display:none}.is-scrolled .km-logo-scrolled{display:block}.is-scrolled .km-logo-default{display:none}.km-nav{margin-inline:auto}.km-menu,.km-footer-menu,.km-footer-legal{list-style:none;display:flex;gap:22px;margin:0;padding:0}.km-menu li{position:relative}.km-menu>li>a{display:inline-block;padding:10px 2px;font-size:.92rem;font-weight:700}.km-menu .sub-menu{position:absolute;right:0;top:100%;z-index:100;min-width:230px;background:#fff;border:1px solid var(--km-border);border-radius:15px;padding:10px;list-style:none;box-shadow:0 18px 45px rgba(15,30,80,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s}.km-menu li:hover>.sub-menu,.km-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.sub-menu a{display:block;padding:8px 12px;border-radius:8px}.sub-menu a:hover{background:var(--km-soft)}.km-menu-toggle,.km-mobile-nav{display:none}.km-menu-toggle{border:0;background:none;flex-direction:column;gap:5px;padding:12px}.km-menu-toggle span{width:23px;height:2px;background:var(--km-ink)}.km-hero{min-height:570px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;padding-block:76px 100px}.km-hero h1{margin:18px 0 20px;max-width:650px}.km-hero p{max-width:570px;color:var(--km-muted);font-size:1.1rem}.km-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.km-hero-art{position:relative;min-height:420px;display:grid;place-items:center}.km-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--km-primary) 12%,transparent),transparent 67%);filter:blur(20px)}.km-art-panel{position:relative;z-index:1;width:73%;aspect-ratio:1.18;border:1px solid var(--km-border);border-radius:34px;background:linear-gradient(140deg,#fff,#f5f7ff);box-shadow:0 35px 80px rgba(0,24,110,.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:35px;transform:rotate(-4deg)}.km-art-panel strong{font-size:clamp(3.8rem,9vw,7rem);line-height:1;color:var(--km-primary)}.km-art-panel span{letter-spacing:4px;color:var(--km-muted);font-size:.8rem}.km-floating{position:absolute;z-index:2;padding:12px 19px;background:rgba(255,255,255,.93);border:1px solid var(--km-border);border-radius:12px;box-shadow:0 8px 30px #00145317;font-weight:800}.km-floating-a{top:20%;right:0}.km-floating-b{bottom:18%;left:0}.km-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--km-soft);border:1px solid var(--km-border);border-radius:23px;padding:30px}.km-stat{display:grid;gap:5px;text-align:center;border-left:1px solid var(--km-border)}.km-stat:last-child{border-left:0}.km-stat strong{font-size:clamp(2rem,3vw,2.8rem)}.km-stat span{color:var(--km-muted)}.km-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.km-service-card{min-height:250px;padding:30px;border:1px solid var(--km-border);border-radius:var(--km-radius);background:#fff;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.km-service-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--km-primary) 35%,white);box-shadow:0 18px 35px #14244a0c}.km-service-card h3{font-size:1.4rem;margin:24px 0 6px}.km-service-card p{color:var(--km-muted);margin:0;max-width:310px}.km-service-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:color-mix(in srgb,var(--km-primary) 8%,white);color:var(--km-primary);font-size:1.7rem}.km-card-arrow{position:absolute;bottom:22px;left:26px;color:var(--km-primary)}.km-service-web{grid-column:span 2;background:var(--km-primary);color:#fff}.km-service-web p,.km-service-web .km-card-arrow{color:#fff}.km-service-web .km-service-icon{background:#ffffff24;color:#fff}.km-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 2px 20px;overscroll-behavior-inline:contain}.km-slide{flex:0 0 clamp(255px,30vw,370px);scroll-snap-align:start}.km-work-card{background:#fff;border:1px solid var(--km-border);border-radius:20px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.km-work-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #00133812}.km-work-card img,.km-image-placeholder{width:100%;height:220px;object-fit:cover;display:grid;place-items:center;background:#eaf0ff;color:var(--km-primary);font-size:2rem;font-weight:900}.km-card-body{padding:20px}.km-card-body h3,.km-card-body h2{font-size:1.13rem;margin:0 0 9px}.km-card-body p{font-size:.91rem;color:var(--km-muted);margin:0 0 15px}.km-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.km-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--km-muted);border-top:1px solid var(--km-border);padding-top:13px}.km-carousel-controls{display:flex;gap:10px}.km-carousel-controls button{width:43px;height:43px;border:1px solid var(--km-border);border-radius:13px;background:#fff;font-size:1.3rem}.km-team-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:650px}.km-team-copy p{max-width:510px;color:var(--km-muted)}.km-text-link{font-weight:800;color:var(--km-primary)}.km-team-orbit{aspect-ratio:1;position:relative;max-width:540px;margin-inline:auto;width:100%;display:grid;place-items:center}.km-orbit-ring{position:absolute;border:1px solid #d9deeb;border-radius:50%;pointer-events:none}.km-ring-one{inset:10%;border-style:dashed;animation:km-rotate 70s linear infinite}.km-ring-two{inset:24%;border-color:color-mix(in srgb,var(--km-primary) 30%,white);animation:km-rotate 50s linear infinite reverse}.km-member-center{position:relative;z-index:3;text-align:center;display:grid;justify-items:center;gap:5px;background:#fff;border:1px solid color-mix(in srgb,var(--km-primary) 50%,white);border-radius:23px;padding:18px;min-width:205px;max-width:240px;box-shadow:0 12px 40px #12275513}.km-member-center strong{font-size:1.2rem}.km-member-center span{font-size:.85rem;color:var(--km-muted)}.km-center-photo{width:120px;height:120px;border-radius:16px;background:#e8eefc center/cover}.km-orbit-members{position:absolute;inset:0;pointer-events:none}.km-member-dot{position:absolute;top:50%;left:50%;width:74px;height:74px;border:3px solid #fff;border-radius:50%;outline:2px solid #c1c7d4;background:#edf0f6;padding:0;overflow:hidden;transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-215px) rotate(calc(-360deg * var(--index) / var(--total)));pointer-events:auto;transition:outline-color .18s,box-shadow .18s}.km-member-dot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.km-member-dot.is-active,.km-member-dot:hover,.km-member-dot:focus-visible{outline:3px solid var(--km-primary);box-shadow:0 5px 20px #0135ad24}.km-member-dot.is-active img{filter:none}@keyframes km-rotate{to{transform:rotate(360deg)}}.km-client-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.km-client-move{width:max-content;display:flex;animation:km-marquee 35s linear infinite}.km-client-marquee:hover .km-client-move,.km-client-marquee:focus-within .km-client-move{animation-play-state:paused}.km-client-set{display:flex;gap:18px;padding-inline-end:18px}.km-client-logo{width:175px;height:100px;flex:none;display:grid;place-items:center;border:1px solid var(--km-border);border-radius:15px;background:#fff;color:var(--km-muted);font-weight:bold}.km-client-logo img{max-width:125px;max-height:68px;object-fit:contain;filter:grayscale(1);opacity:.8}@keyframes km-marquee{to{transform:translateX(50%)}}.km-footer{background:#0c1836;color:#e4e9f7;padding-top:60px;overflow:hidden}.km-footer-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:60px;border-bottom:1px solid #35415c}.km-footer .km-eyebrow{color:var(--km-secondary)}.km-footer-cta h2{margin:10px 0}.km-footer-cta p,.km-footer-columns p{color:#b6c1d8}.km-footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px;padding:55px 0}.km-footer-columns h3{font-size:1rem;margin:0 0 18px}.km-footer-logo{display:block;margin-bottom:16px;font-size:1.4rem;font-weight:800}.km-footer-logo img{max-height:75px;width:auto}.km-footer-menu{flex-direction:column;gap:10px;color:#b6c1d8}.km-footer-bottom{border-top:1px solid #35415c;display:flex;justify-content:space-between;gap:16px;padding:20px 0;color:#b6c1d8}.km-footer-legal{gap:12px}.km-footer-giant{font-size:clamp(5rem,17vw,16rem);font-weight:1000;line-height:.9;text-align:center;opacity:.09;letter-spacing:-.08em;direction:ltr;user-select:none}.km-support-links{display:flex;flex-wrap:wrap;gap:8px}.km-support-links a{display:inline-block;border:1px solid #4c5870;padding:9px 12px;border-radius:9px}.km-enamad iframe{max-width:100%;border:0}.km-prose{max-width:900px}.km-prose h2{margin:45px 0 14px}.km-prose h3{margin:28px 0 12px}.km-prose p,.km-prose li{font-size:1.05rem;line-height:2}.km-prose a{color:var(--km-primary);text-decoration:underline}.km-single{padding-block:65px 90px}.km-single-head{text-align:center;margin:0 auto 35px;max-width:880px}.km-single-image{width:100%;max-height:520px;object-fit:cover;border-radius:22px;margin-bottom:45px}.km-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.km-service-hero{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:50px;padding-block:95px}.km-service-hero h1{margin:18px 0}.km-service-hero p{color:var(--km-muted);font-size:1.1rem;max-width:620px}.km-service-hero-visual{min-height:350px;display:grid;place-items:center;border-radius:30px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--km-primary) 14%,white),#f9faff 65%);border:1px solid var(--km-border)}.km-service-hero-visual img{max-height:420px;object-fit:contain}.km-service-symbol{font-size:9rem;color:var(--km-primary)}.km-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.km-feature{padding:28px;border-radius:18px;border:1px solid var(--km-border);background:#fff}.km-feature span{color:var(--km-primary);font-size:1.5rem}.km-feature h3{margin:12px 0}.km-feature p{color:var(--km-muted)}.km-faq{max-width:880px}.km-faq details{border-bottom:1px solid var(--km-border);padding:20px 0}.km-faq summary{cursor:pointer;font-weight:800}.km-faq p{color:var(--km-muted)}.km-service-final{background:#0c1836;color:white;padding:45px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.km-service-final h2{margin:10px 0}.km-service-final p{color:#cbd5e8}.km-not-found{text-align:center;min-height:50vh}
@media(max-width:1050px){.km-nav,.km-header-cta{display:none}.km-menu-toggle{display:flex;margin-inline-start:auto}.km-mobile-nav{display:block;position:absolute;left:20px;right:20px;top:calc(100% + 5px);background:#fff;border:1px solid var(--km-border);border-radius:18px;box-shadow:0 20px 50px #00113322;padding:12px}.km-mobile-nav[hidden]{display:none}.km-mobile-menu,.km-mobile-menu .sub-menu{list-style:none;margin:0;padding:0}.km-mobile-menu a{display:block;padding:10px 15px}.km-mobile-menu .sub-menu{padding-inline-start:15px}.km-footer-columns{grid-template-columns:repeat(2,1fr)}.km-team-section{gap:20px}.km-member-dot{transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-165px) rotate(calc(-360deg * var(--index) / var(--total)));width:65px;height:65px}}
@media(max-width:700px){.km-container{width:min(calc(100% - 30px),var(--km-width))}.km-section{padding-block:60px}.km-hero,.km-service-hero{grid-template-columns:1fr;gap:15px;padding-block:40px}.km-hero-art{min-height:290px;order:-1}.km-art-panel{max-width:275px}.km-stats{grid-template-columns:repeat(2,1fr);gap:20px}.km-stat:nth-child(2){border:0}.km-stat:nth-child(3){border-left:1px solid var(--km-border)}.km-services-grid{grid-template-columns:1fr 1fr;gap:10px}.km-service-web{grid-column:span 2}.km-service-card{padding:18px;min-height:225px}.km-service-card h3{font-size:1.1rem;margin-top:18px}.km-service-card p{font-size:.85rem}.km-team-section{grid-template-columns:1fr}.km-team-orbit{max-width:400px}.km-member-dot{width:54px;height:54px;transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-154px) rotate(calc(-360deg * var(--index) / var(--total)))}.km-member-center{min-width:165px;padding:12px}.km-center-photo{width:90px;height:90px}.km-footer-cta{flex-direction:column;align-items:start}.km-footer-columns{grid-template-columns:1fr 1fr;gap:25px}.km-post-grid,.km-feature-grid{grid-template-columns:1fr}.km-service-final{display:block;padding:26px}.km-footer-giant{font-size:17vw}.km-footer-bottom{flex-direction:column}.km-slide{flex-basis:83%}}
@media(max-width:400px){.km-services-grid{grid-template-columns:1fr}.km-service-web{grid-column:span 1}.km-member-dot{transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-127px) rotate(calc(-360deg * var(--index) / var(--total)))}.km-team-orbit{max-width:330px}.km-footer-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.km-client-move{animation:none}.km-client-marquee{overflow-x:auto;mask-image:none}}

/* Keep inherited typography consistent across native UI controls and third-party frontend blocks. */
body button,body input,body select,body textarea,body optgroup,body option,body .wp-block-button__link,body .wp-block-navigation,body .wp-element-button{font-family:inherit}
/* Kalameh 0.2.0 — homepage refinement */
.km-header{position:relative;z-index:9990;isolation:isolate}.km-header-sticky{position:sticky;top:0;z-index:9990}body.admin-bar .km-header-sticky{top:32px}@media(max-width:782px){body.admin-bar .km-header-sticky{top:46px}}@media(max-width:600px){body.admin-bar .km-header-sticky{top:0}}.km-header-glass.is-scrolled .km-header-inner{background:rgba(255,255,255,.83);border-color:rgba(255,255,255,.95);box-shadow:0 14px 50px rgba(15,35,84,.13),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.km-header.is-scrolled{background:transparent}.km-header-inner{position:relative}
.km-btn{position:relative;isolation:isolate;min-height:48px;padding:13px 23px;border-radius:15px;letter-spacing:-.015em;transition:transform .23s cubic-bezier(.2,.8,.2,1),box-shadow .23s,background .23s,border-color .23s;box-shadow:0 3px 9px #0d25500c}.km-btn:active{transform:translateY(1px) scale(.985)}.km-btn-primary{box-shadow:0 10px 24px color-mix(in srgb,var(--km-primary) 25%,transparent);background:linear-gradient(120deg,var(--km-primary),color-mix(in srgb,var(--km-primary) 83%,#07152d))}.km-btn-primary:hover{box-shadow:0 16px 34px color-mix(in srgb,var(--km-primary) 30%,transparent);transform:translateY(-3px)}.km-btn-accent{box-shadow:0 8px 18px color-mix(in srgb,var(--km-secondary) 25%,transparent)}.km-btn-accent:hover{box-shadow:0 15px 30px color-mix(in srgb,var(--km-secondary) 31%,transparent)}.km-btn-symbol{display:inline-flex;align-items:center;justify-content:center;background:#ffffff25;border-radius:9px;min-width:29px;min-height:29px;margin-inline-start:9px;font-size:1.15rem;transition:transform .25s}.km-btn:hover .km-btn-symbol{transform:translate(-3px,-3px)}.km-btn-glass{background:#fff;border:1px solid #dae2f2;color:#1c2a4f}.km-btn-glass:hover{background:#f8faff;box-shadow:0 14px 25px #1223500f}
.km-home-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(130deg,#f5f8ff 0%,#fff 52%,#f5f7ff 100%);border-bottom:1px solid #ebeff9}.km-hero-shared-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.km-halo{position:absolute;border-radius:50%;filter:blur(5px)}.km-halo-a{width:58vw;aspect-ratio:1;left:-19vw;top:-24vw;background:radial-gradient(circle,color-mix(in srgb,var(--km-primary) 10%,transparent),transparent 65%)}.km-halo-b{width:52vw;aspect-ratio:1;right:-19vw;bottom:-30vw;background:radial-gradient(circle,color-mix(in srgb,var(--km-secondary) 13%,transparent),transparent 67%)}.km-hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(to right,#4863a207 1px,transparent 1px),linear-gradient(#4863a207 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,#000 45%,transparent)}.km-hero-stage{position:relative;min-height:630px;padding-top:22px}.km-hero-slide{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;min-height:570px;padding:36px 0 52px;transition:opacity .45s ease,transform .45s ease}.km-hero-slide:not(.is-active){position:absolute;inset:22px 0 48px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}.km-hero-slide.is-active{opacity:1;visibility:visible;transform:none}.km-hero-slide .km-hero-content{position:relative;z-index:2}.km-hero-slide h1,.km-hero-alt-title{font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:1.42;letter-spacing:-.035em;max-width:690px;margin:18px 0 23px;font-weight:900}.km-hero-slide .km-hero-content>p{color:#56657d;max-width:580px;font-size:1.13rem;line-height:2.05}.km-hero-kicker{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid #e2e9f8;padding:7px 14px;border-radius:40px;box-shadow:0 5px 15px #12387108}.km-hero-kicker i,.km-mini-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--km-secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--km-secondary) 18%,transparent)}.km-hero-mini-note{font-size:.79rem;color:#74839a;display:flex;gap:12px;align-items:center;margin-top:37px}.km-mini-dot{width:6px;height:6px;background:var(--km-primary)}.km-hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.km-visual-orbit{position:absolute;inset:1%;border:1px dashed color-mix(in srgb,var(--km-primary) 18%,#dfe7f4);border-radius:50%;animation:km-rotate 85s linear infinite}.km-visual-orbit:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--km-secondary);top:15%;left:15%}.km-visual-card{position:relative;width:79%;aspect-ratio:1.03;display:grid;place-items:center;border-radius:40px;background:linear-gradient(140deg,#ffffffed,#ecf0ffdf);border:1px solid #fff;box-shadow:0 28px 70px #062b8223,0 4px 18px #12387111;overflow:hidden;transform:rotate(-4deg)}.km-hero-image{height:100%;width:100%;object-fit:cover;transform:rotate(4deg) scale(1.12)}.km-hero-type{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--km-primary) 14%,transparent),transparent 48%)}.km-hero-type span:first-child{font-size:1.5rem;color:var(--km-primary);font-weight:800;letter-spacing:.18em}.km-hero-type strong{font-size:clamp(3.4rem,6vw,6.6rem);color:var(--km-primary);line-height:1.3}.km-hero-type span:last-child{font-size:.8rem;color:#7584a1;letter-spacing:.16em}.km-float-chip{position:absolute;border:1px solid #e9edfa;background:#ffffffdb;border-radius:15px;box-shadow:0 15px 35px #112c6b14;backdrop-filter:blur(10px);padding:12px 19px;color:#21335a;font-weight:800;font-size:.9rem}.km-float-chip span{color:var(--km-primary)}.km-chip-a{right:1%;top:17%;transform:rotate(6deg)}.km-chip-b{left:1%;bottom:18%;transform:rotate(-8deg)}.km-hero-pagination{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 0 24px;gap:20px}.km-hero-dots,.km-hero-arrows{display:flex;align-items:center;gap:10px}.km-hero-dot{width:10px;height:10px;border:none;background:#c9d2e3;border-radius:10px;padding:0;transition:width .3s,background .3s}.km-hero-dot.is-active{width:38px;background:var(--km-primary)}.km-hero-arrows button{width:42px;height:42px;border-radius:13px;border:1px solid #dfe6f3;color:#24427b;background:#fff;font-size:1.3rem;transition:background .2s,transform .2s}.km-hero-arrows button:hover{background:#edf2ff;transform:translateY(-2px)}
.km-services-section{background:#fff}.km-services-head{align-items:end}.km-services-head h2 span{color:var(--km-primary)}.km-services-head p{max-width:670px;color:var(--km-muted);margin:14px 0 0}.km-services-premium{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.km-services-premium .km-service-card{display:flex;flex-direction:column;min-height:315px;padding:27px;border:1px solid #e6ebf5;border-radius:24px;background:linear-gradient(155deg,#fff,#fbfcff);overflow:hidden;box-shadow:0 5px 20px #14254e07;transition:transform .26s,box-shadow .26s,border-color .26s;color:var(--km-ink)}.km-services-premium .km-service-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px #142c660f;border-color:color-mix(in srgb,var(--km-primary) 27%,#e9eff7)}.km-services-premium .km-service-web{grid-column:span 2;background:linear-gradient(125deg,var(--km-primary),color-mix(in srgb,var(--km-primary) 76%,#091943));color:#fff}.km-service-number{color:#9aa9bf;font:700 .83rem/1.4 'IRANSansXFaNum',sans-serif;letter-spacing:.12em}.km-services-premium .km-service-web .km-service-number{color:#ffffffaa}.km-service-orb{display:grid;place-items:center;margin-top:18px;width:70px;height:70px;border-radius:20px;background:color-mix(in srgb,var(--km-primary) 8%,white);color:var(--km-primary);font-size:2.1rem;transition:transform .3s}.km-service-card:hover .km-service-orb{transform:rotate(-8deg) scale(1.07)}.km-services-premium .km-service-web .km-service-orb{background:#ffffff26;color:#fff}.km-services-premium .km-service-card h3{font-size:1.35rem;margin:17px 0 9px}.km-services-premium .km-service-card p{font-size:.92rem;color:#647089;line-height:1.95}.km-services-premium .km-service-web p{color:#e8edff}.km-service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:.82rem;font-weight:800;color:var(--km-primary)}.km-services-premium .km-service-web .km-service-bottom{color:#fff}.km-service-arrow{width:35px;height:35px;display:grid;place-items:center;background:color-mix(in srgb,var(--km-primary) 9%,white);border-radius:12px;transition:transform .25s}.km-services-premium .km-service-web .km-service-arrow{background:#ffffff2b}.km-service-card:hover .km-service-arrow{transform:translate(-4px,-4px)}
.km-clients-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#f7f9ff,#eff4ff 50%,#fcfdff);border-block:1px solid #ebeff8}.km-client-atmosphere{pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 14% 30%,color-mix(in srgb,var(--km-primary) 9%,transparent),transparent 44%),radial-gradient(ellipse at 85% 85%,color-mix(in srgb,var(--km-secondary) 13%,transparent),transparent 40%)}.km-clients-inner{position:relative}.km-clients-section .km-client-logo{background:#ffffffdb;box-shadow:0 8px 20px #1a37800a;border-color:#e5ebf8}.km-clients-section .km-client-marquee{padding-block:14px 8px}
.km-footer{padding-top:38px}.km-footer>.km-container{position:relative;isolation:isolate}.km-footer-watermark{position:absolute;z-index:-1;left:0;right:0;top:12px;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:clamp(5rem,18vw,16rem);font-weight:1000;letter-spacing:-.08em;line-height:1;color:#fff;opacity:.055;pointer-events:none;direction:ltr;white-space:nowrap}.km-footer-cta{position:relative;padding-bottom:34px}.km-footer-columns{padding:32px 0;gap:26px}.km-footer-bottom{padding:16px 0}.km-footer-giant{display:none}
@media(max-width:1050px){.km-services-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.km-hero-stage{min-height:570px}.km-hero-slide{min-height:520px;gap:24px}.km-hero-visual{min-height:380px}}
@media(max-width:700px){.km-hero-stage{min-height:0;padding-top:20px}.km-hero-slide{grid-template-columns:1fr;min-height:0;gap:18px;padding:25px 0 22px}.km-hero-slide:not(.is-active){inset:20px 0 60px}.km-hero-visual{order:-1;min-height:245px;max-width:330px;width:100%;margin-inline:auto}.km-visual-orbit{inset:8%}.km-visual-card{width:67%;border-radius:27px}.km-hero-slide h1,.km-hero-alt-title{font-size:clamp(2rem,8vw,3rem)}.km-hero-slide .km-hero-content>p{font-size:.98rem}.km-hero-mini-note{margin-top:20px}.km-hero-pagination{padding-block:10px 18px}.km-services-premium{grid-template-columns:1fr 1fr;gap:12px}.km-services-premium .km-service-card{min-height:250px;padding:19px;border-radius:19px}.km-services-premium .km-service-web{grid-column:span 2}.km-service-orb{width:53px;height:53px;margin-top:12px;font-size:1.5rem}.km-services-premium .km-service-card h3{font-size:1.07rem;margin-top:13px}.km-services-premium .km-service-card p{font-size:.8rem;line-height:1.8}.km-service-bottom{padding-top:14px}.km-footer-watermark{top:8px;height:145px}.km-footer-cta{padding-bottom:26px}.km-footer-columns{padding:25px 0}}
@media(max-width:400px){.km-services-premium{grid-template-columns:1fr}.km-services-premium .km-service-web{grid-column:span 1}.km-services-premium .km-service-card{min-height:240px}}
@media(prefers-reduced-motion:reduce){.km-hero-slide,.km-hero-dot,.km-service-card,.km-service-orb,.km-service-arrow{transition:none!important}.km-visual-orbit{animation:none}}


/* === v0.2.1 visual enhancement overrides === */
.km-home-hero{background:linear-gradient(135deg,#f8faff 0%,#ffffff 42%,#f7f9ff 100%);border-bottom:1px solid #e8eef9}
.km-home-hero::before,.km-home-hero::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.km-home-hero::before{inset:0;background:
 radial-gradient(circle at 15% 16%,color-mix(in srgb,var(--km-primary) 11%,transparent),transparent 24%),
 radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--km-secondary) 16%,transparent),transparent 17%),
 radial-gradient(circle at 50% 88%,rgba(9,29,91,.045),transparent 24%),
 linear-gradient(to right,rgba(71,96,158,.055) 1px,transparent 1px),
 linear-gradient(to bottom,rgba(71,96,158,.05) 1px,transparent 1px);
 background-size:auto,auto,auto,68px 68px,68px 68px;
 mask-image:radial-gradient(circle at 50% 40%,#000 26%,rgba(0,0,0,.85) 56%,transparent 100%);
 opacity:.9}
.km-home-hero::after{width:min(38vw,520px);height:min(38vw,520px);left:-7vw;bottom:-14vw;border-radius:40% 60% 54% 46% / 46% 42% 58% 54%;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.14));border:1px solid rgba(1,43,249,.09);box-shadow:0 0 0 22px rgba(1,43,249,.025),0 0 0 52px rgba(255,180,20,.03)}
.km-hero-shared-bg{background:
 radial-gradient(circle at 84% 70%,rgba(255,180,20,.10),transparent 14%),
 conic-gradient(from 215deg at 85% 23%,rgba(1,43,249,.11),transparent 24%,rgba(255,180,20,.12) 34%,transparent 51%),
 radial-gradient(circle at 21% 73%,rgba(1,43,249,.08),transparent 16%)}
.km-hero-shared-bg::before,.km-hero-shared-bg::after{content:"";position:absolute;pointer-events:none}
.km-hero-shared-bg::before{width:min(34vw,460px);height:min(34vw,460px);right:-7vw;top:56px;border-radius:50%;border:1px dashed rgba(1,43,249,.14);box-shadow:0 0 0 20px rgba(255,255,255,.46),0 0 0 62px rgba(1,43,249,.03),0 0 0 118px rgba(255,180,20,.025)}
.km-hero-shared-bg::after{inset:46px 0 0;background:
 linear-gradient(135deg,transparent 0 48.4%,rgba(1,43,249,.05) 48.4% 48.8%,transparent 48.8% 100%),
 linear-gradient(45deg,transparent 0 43.7%,rgba(255,180,20,.05) 43.7% 44.1%,transparent 44.1% 100%);
 background-size:460px 250px,420px 220px;background-repeat:no-repeat;background-position:8% 100%,95% 4%;opacity:.55}
.km-halo{filter:blur(18px)}
.km-halo-a{width:55vw;left:-17vw;top:-20vw;background:radial-gradient(circle,color-mix(in srgb,var(--km-primary) 14%,transparent),transparent 63%)}
.km-halo-b{width:50vw;right:-18vw;bottom:-28vw;background:radial-gradient(circle,color-mix(in srgb,var(--km-secondary) 15%,transparent),transparent 66%)}
.km-hero-gridlines{background-image:linear-gradient(to right,rgba(72,99,162,.08) 1px,transparent 1px),linear-gradient(rgba(72,99,162,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.8) 16%,#000 50%,rgba(0,0,0,.8) 84%,transparent),linear-gradient(to bottom,transparent,rgba(0,0,0,.72) 12%,#000 45%,rgba(0,0,0,.72) 88%,transparent);opacity:.72}
.km-hero-stage{padding-top:30px}
.km-hero-content{position:relative}
.km-hero-content::after{content:"";position:absolute;right:-24px;bottom:16px;width:140px;height:140px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 38px rgba(30,48,87,.06);z-index:-1;backdrop-filter:blur(10px);opacity:.75}
.km-clients-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f7faff 0%,#eef4ff 46%,#fbfdff 100%);border-block:1px solid #e8edf8}
.km-clients-section::before,.km-clients-section::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.km-clients-section::before{inset:0;background:
 radial-gradient(circle at 14% 26%,color-mix(in srgb,var(--km-primary) 10%,transparent),transparent 20%),
 radial-gradient(circle at 88% 76%,color-mix(in srgb,var(--km-secondary) 16%,transparent),transparent 18%),
 linear-gradient(to right,rgba(71,96,158,.05) 1px,transparent 1px),
 linear-gradient(to bottom,rgba(71,96,158,.05) 1px,transparent 1px);
 background-size:auto,auto,76px 76px,76px 76px;
 mask-image:radial-gradient(circle at center,#000 24%,rgba(0,0,0,.82) 58%,transparent 100%);
 opacity:.92}
.km-clients-section::after{width:min(44vw,580px);height:min(44vw,580px);left:-14vw;top:50%;transform:translateY(-50%);border-radius:50%;border:1px dashed rgba(1,43,249,.14);box-shadow:0 0 0 24px rgba(255,255,255,.50),0 0 0 82px rgba(1,43,249,.028),0 0 0 152px rgba(255,180,20,.022)}
.km-client-atmosphere{inset:0;z-index:-1;background:
 conic-gradient(from 215deg at 82% 36%,rgba(255,180,20,.11),transparent 26%,rgba(1,43,249,.08) 38%,transparent 54%),
 radial-gradient(ellipse at 22% 52%,rgba(1,43,249,.09),transparent 43%),
 radial-gradient(ellipse at 86% 16%,rgba(255,180,20,.07),transparent 28%)}
.km-clients-inner{position:relative}
.km-clients-inner::before{content:"";position:absolute;inset:36px 0 0;border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);z-index:-1;box-shadow:0 20px 40px rgba(21,43,96,.05)}
.km-clients-section .km-section-head{margin-bottom:28px}
.km-clients-section .km-client-marquee{padding:20px 0 14px}
.km-clients-section .km-client-logo{background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(16,40,96,.08);border:1px solid rgba(226,234,248,.95);backdrop-filter:blur(8px)}
.km-clients-section .km-client-logo:hover{transform:translateY(-3px)}
.km-footer>.km-container{padding-top:14px}
.km-footer-watermark{top:-8px;height:130px;font-size:clamp(4.2rem,16vw,13rem);opacity:.032;letter-spacing:-.09em;align-items:flex-start;transform:translateY(-4px)}
@media(max-width:900px){.km-home-hero::before{mask-image:radial-gradient(circle at 50% 36%,#000 18%,rgba(0,0,0,.76) 56%,transparent 100%)}.km-home-hero::after{width:54vw;height:54vw;left:-16vw;bottom:-22vw}.km-hero-shared-bg::before{width:48vw;height:48vw;right:-18vw;top:90px}.km-clients-section::after{width:62vw;height:62vw;left:-24vw}.km-clients-inner::before{inset:22px 0 0;border-radius:28px}}
@media(max-width:700px){.km-home-hero::before{background-size:auto,auto,auto,34px 34px,34px 34px;mask-image:radial-gradient(circle at 50% 28%,#000 16%,rgba(0,0,0,.78) 48%,transparent 96%)}.km-home-hero::after{width:68vw;height:68vw;left:-24vw;bottom:-22vw}.km-hero-shared-bg::after{background-size:240px 130px,220px 120px;background-position:6% 96%,98% 4%;opacity:.45}.km-hero-content::after{display:none}.km-clients-section::before{background-size:auto,auto,42px 42px,42px 42px;mask-image:radial-gradient(circle at center,#000 18%,rgba(0,0,0,.84) 52%,transparent 100%)}.km-clients-section::after{width:90vw;height:90vw;left:-40vw}.km-clients-inner::before{inset:14px 0 0;border-radius:22px}.km-footer-watermark{top:-4px;height:92px;font-size:clamp(3.1rem,18vw,6rem);opacity:.026}}


/* Kalameh 0.2.2: layout and component repair */
/* Consistent vertical rhythm instead of oversized headings */
.km-home-hero .km-hero-slide h1,.km-home-hero .km-hero-alt-title{font-size:clamp(2rem,3.25vw,3.35rem);line-height:1.52;letter-spacing:-.015em;margin:14px 0 18px;max-width:100%;text-wrap:balance}
.km-section-head h2,.km-team-copy h2,.km-footer-cta h2{font-size:clamp(1.5rem,2.35vw,2.35rem);line-height:1.55;letter-spacing:0}
.km-services-premium .km-service-card h3{font-size:clamp(1.06rem,1.5vw,1.34rem)}
/* Hero layout: preserve all content and pagination, no absolute-position overlap */
.km-home-hero{overflow:hidden}
.km-home-hero .km-hero-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding-top:26px;padding-bottom:15px}
.km-home-hero .km-hero-slide{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(20px,4vw,56px);align-items:center;min-height:490px;padding:44px 0 35px}
.km-home-hero .km-hero-slide:not(.is-active){position:relative;inset:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px)}
.km-home-hero .km-hero-slide.is-active{position:relative;inset:auto;z-index:2}
.km-home-hero .km-hero-content,.km-home-hero .km-hero-visual{min-width:0}
.km-home-hero .km-hero-visual{min-height:370px}
.km-home-hero .km-hero-content>p{font-size:clamp(.94rem,1.15vw,1.04rem);line-height:1.95;max-width:550px}
.km-home-hero .km-hero-pagination{grid-row:2;grid-column:1;z-index:4;padding:14px 0 24px}
.km-hero-content::after{pointer-events:none}
/* Header: visually floating but constrained and with generous button spacing */
.km-header,.km-header.is-scrolled{width:100%;padding:11px 0;isolation:isolate}
.km-header .km-header-inner{width:min(calc(100% - 48px),var(--km-width));min-height:72px;display:flex;gap:clamp(16px,2.5vw,36px);padding:10px clamp(19px,2.4vw,32px);border-radius:18px}
.km-header.is-scrolled .km-header-inner{min-height:65px;padding:10px clamp(20px,2.7vw,36px);border-radius:20px;background:rgba(255,255,255,.91);border:1px solid rgba(213,225,248,.86);box-shadow:0 14px 34px rgba(18,34,76,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.km-header .km-brand{flex:none;min-width:0;max-width:230px}
.km-header .km-nav{flex:1;min-width:0;display:flex;justify-content:center;margin:0}
.km-header .km-menu{gap:clamp(11px,1.6vw,24px);align-items:center;flex-wrap:wrap}
.km-header .km-header-cta{flex:none;white-space:nowrap;min-height:44px;margin-inline-start:clamp(12px,2vw,28px)}
/* Buttons are substantial actions, with focus and tactile feedback */
.km-btn{position:relative;isolation:isolate;min-height:47px;padding:12px 22px;gap:12px;border-radius:14px;border:1px solid transparent;font-size:.9rem;font-weight:800;line-height:1.5;white-space:normal;box-shadow:0 6px 14px rgba(18,40,93,.08);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}
.km-btn-primary{background:var(--km-primary);color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--km-primary) 24%,transparent),inset 0 1px rgba(255,255,255,.22)}
.km-btn-primary:hover{background:color-mix(in srgb,var(--km-primary) 84%,#07113c);box-shadow:0 15px 27px color-mix(in srgb,var(--km-primary) 27%,transparent)}
.km-btn-accent{background:var(--km-secondary);color:#101936;box-shadow:0 10px 21px rgba(162,110,0,.16),inset 0 1px rgba(255,255,255,.6)}
.km-btn-accent:hover{background:color-mix(in srgb,var(--km-secondary) 84%,#fff);box-shadow:0 14px 27px rgba(162,110,0,.21)}
.km-btn-glass,.km-btn-outline{background:rgba(255,255,255,.92);color:var(--km-ink);border:1px solid #dbe4f4;box-shadow:0 8px 22px rgba(30,48,90,.07)}
.km-btn-glass:hover,.km-btn-outline:hover{background:#f5f8ff;border-color:color-mix(in srgb,var(--km-primary) 24%,#dbe4f4)}
.km-btn:hover{transform:translateY(-2px)}.km-btn:active{transform:translateY(0);box-shadow:0 3px 10px rgba(18,40,93,.12)}
.km-btn-symbol{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;margin-inline-start:0;border-radius:10px;background:rgba(255,255,255,.16);font-size:1.2rem;transition:transform .22s}
.km-btn:hover .km-btn-symbol{transform:translate(-3px,-2px)}
/* The text-only links become neat secondary CTA chips */
.km-text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:fit-content;min-height:44px;padding:10px 15px;background:color-mix(in srgb,var(--km-primary) 5%,white);border:1px solid color-mix(in srgb,var(--km-primary) 14%,#e3eaf6);border-radius:13px;color:var(--km-primary);font-weight:800;font-size:.9rem;line-height:1.6;box-shadow:0 5px 13px rgba(18,43,99,.04);transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s}
.km-text-link:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--km-primary) 9%,white);border-color:color-mix(in srgb,var(--km-primary) 29%,white);box-shadow:0 10px 22px rgba(18,43,99,.09)}
.km-text-link:active{transform:translateY(0)}
.km-text-link span[aria-hidden]{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fff;background:var(--km-primary);transition:transform .2s}
.km-text-link:hover span[aria-hidden]{transform:translate(-3px,-2px)}
@media(max-width:1050px){.km-header .km-header-inner{gap:14px;padding-inline:18px}.km-header .km-menu{gap:12px}.km-header .km-header-cta{margin-inline-start:8px;padding-inline:16px}.km-home-hero .km-hero-slide{min-height:450px;gap:22px}.km-home-hero .km-hero-visual{min-height:320px}}
@media(max-width:700px){.km-header .km-header-inner,.km-header.is-scrolled .km-header-inner{width:calc(100% - 24px);min-height:60px;gap:12px;padding:8px 14px;border-radius:17px}.km-header .km-header-cta{min-height:40px;margin-inline-start:0;padding:8px 12px;font-size:.78rem}.km-home-hero .km-hero-stage{padding-top:8px}.km-home-hero .km-hero-slide{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding:14px 0 16px}.km-home-hero .km-hero-visual{order:-1;min-height:235px;width:min(100%,340px);margin-inline:auto}.km-home-hero .km-hero-slide h1,.km-home-hero .km-hero-alt-title{font-size:clamp(1.8rem,7.3vw,2.6rem);line-height:1.52}.km-home-hero .km-hero-pagination{padding:12px 0 20px}.km-text-link{font-size:.83rem}.km-section-head h2,.km-team-copy h2,.km-footer-cta h2{font-size:clamp(1.45rem,6vw,2rem)}}
@media(prefers-reduced-motion:reduce){.km-btn,.km-text-link,.km-text-link span[aria-hidden]{transition:none!important}}

/* v0.2.3: measured full-first-screen hero, aligned sticky header and refined scrolling */
:root{--km-header-measured:96px;--km-adminbar-measured:0px}
html{scroll-padding-top:calc(var(--km-header-measured) + var(--km-adminbar-measured) + 18px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.km-header-sticky{position:sticky!important;top:var(--km-adminbar-measured)!important;z-index:10000!important}
.km-header{flex-shrink:0}
body.home .km-home-hero{min-height:max(680px,calc(100vh - var(--km-header-measured) - var(--km-adminbar-measured)));min-height:max(680px,calc(100svh - var(--km-header-measured) - var(--km-adminbar-measured)));display:flex;align-items:stretch}
body.home .km-home-hero .km-hero-stage{width:100%;min-height:inherit;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding-top:12px;padding-bottom:12px}
body.home .km-home-hero .km-hero-slide{min-height:0;padding-block:28px;align-self:stretch;align-content:center}
body.home .km-home-hero .km-hero-pagination{align-self:end;padding-block:8px 10px}
body.home .km-stats{position:relative;z-index:1;margin-top:30px;margin-bottom:28px}
.km-header .km-header-inner,.km-header.is-scrolled .km-header-inner{box-sizing:border-box}
.km-header.is-scrolled{padding-block:9px}
.km-header.is-scrolled .km-header-inner{box-shadow:0 9px 34px rgba(11,28,76,.10);border-color:rgba(218,229,248,.85)}
/* Scrollbar appears neutral and thin, retaining native scrolling behavior. */
@supports (scrollbar-color:auto){html{scrollbar-width:thin;scrollbar-color:#acbce3 #f3f6fd}}
@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:9px}::-webkit-scrollbar-track{background:#f3f6fd}::-webkit-scrollbar-thumb{background:#acbce3;border:2px solid #f3f6fd;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--km-primary)}}
.km-track{scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c5d0ed transparent}
@media(max-width:1050px){body.home .km-home-hero{min-height:max(600px,calc(100svh - var(--km-header-measured) - var(--km-adminbar-measured)))}body.home .km-home-hero .km-hero-slide{padding-block:18px}}
@media(max-width:700px){body.home .km-home-hero{min-height:max(700px,calc(100svh - var(--km-header-measured) - var(--km-adminbar-measured)))}body.home .km-home-hero .km-hero-stage{grid-template-rows:minmax(0,1fr) auto;padding-top:8px}body.home .km-home-hero .km-hero-slide{align-content:center;gap:10px;padding:14px 0}body.home .km-home-hero .km-hero-visual{min-height:195px}body.home .km-stats{margin-top:22px;margin-bottom:22px}}
@media(max-width:420px){body.home .km-home-hero{min-height:max(665px,calc(100svh - var(--km-header-measured) - var(--km-adminbar-measured)))}}

/* v0.3.0: lightweight wide-media carousel hero. Remove previous viewport-size overrides. */
body.home .km-home-hero{display:block;min-height:0;overflow:hidden;background:#101b36;border:0}
body.home .km-home-hero::before,body.home .km-home-hero::after,body.home .km-hero-shared-bg::before,body.home .km-hero-shared-bg::after{display:none!important}
body.home .km-hero-shared-bg{z-index:0;background:linear-gradient(100deg,rgba(3,13,39,.14),rgba(3,13,39,.18)),linear-gradient(135deg,color-mix(in srgb,var(--km-primary) 18%,#11234a),#101b36 65%)}
body.home .km-home-hero .km-hero-stage{display:block;position:relative;padding:0;width:100%;max-width:none;height:auto;min-height:0}
body.home .km-home-hero .km-hero-slide{display:grid;grid-template-columns:1fr;position:relative;min-height:clamp(510px,calc(100svh - 90px),780px);padding:72px max(24px,calc((100vw - 1240px)/2)) 96px;align-items:center;align-content:center;gap:0;isolation:isolate;transform:none;transition:opacity .35s ease,visibility .35s}
body.home .km-home-hero .km-hero-slide:not(.is-active){position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:none}
body.home .km-home-hero .km-hero-slide.is-active{opacity:1;visibility:visible}
body.home .km-home-hero .km-hero-visual{position:absolute;inset:0;z-index:-1;display:block;min-height:0;width:auto;max-width:none;margin:0;order:initial}
body.home .km-home-hero .km-visual-card{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;transform:none;background:transparent;box-shadow:none}
body.home .km-home-hero .km-hero-image{display:block;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
body.home .km-home-hero .km-visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,15,45,.88) 0%,rgba(7,21,51,.75) 38%,rgba(9,24,49,.32) 78%,rgba(9,24,49,.23) 100%);pointer-events:none}
body.home .km-home-hero .km-hero-content{width:min(660px,100%);position:relative;z-index:2;color:#fff;transform:none}
body.home .km-home-hero .km-hero-content::after,body.home .km-home-hero .km-float-chip,body.home .km-home-hero .km-visual-orbit{display:none!important}
body.home .km-home-hero .km-hero-kicker{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}
body.home .km-home-hero h1,body.home .km-home-hero .km-hero-alt-title{color:#fff;font-size:clamp(2.1rem,3.3vw,3.5rem);line-height:1.54;margin:17px 0 18px;letter-spacing:0;font-weight:800}
body.home .km-home-hero .km-hero-content>p{color:#e7ebf6;font-size:clamp(.94rem,1.1vw,1.05rem);line-height:2;max-width:570px}
body.home .km-home-hero .km-hero-mini-note{color:#e3e8fa;margin-top:26px}
body.home .km-home-hero .km-btn-glass{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.38);color:white;backdrop-filter:blur(6px)}
body.home .km-home-hero .km-hero-pagination{position:absolute;z-index:5;bottom:24px;left:max(24px,calc((100vw - 1240px)/2));right:max(24px,calc((100vw - 1240px)/2));padding:0;align-items:center}
body.home .km-home-hero .km-hero-arrows button{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.36);backdrop-filter:blur(6px)}
body.home .km-home-hero .km-hero-dot{background:#ffffff77}body.home .km-home-hero .km-hero-dot.is-active{background:var(--km-secondary)}
body.home .km-home-hero .km-hero-type{width:100%;height:100%;border-radius:0;background:radial-gradient(circle at 72% 50%,color-mix(in srgb,var(--km-primary) 66%,#131e3f),#101b36 70%);color:#fff;align-items:flex-start;padding:0 10%}
body.home .km-home-hero .km-hero-type strong{font-size:clamp(2.4rem,6vw,6rem);color:#fff;opacity:.18;line-height:1.2}
body.home .km-home-hero .km-hero-type span{color:#dbe5ff}
body.home .km-stats{margin-top:34px;margin-bottom:34px}
@media(max-width:700px){body.home .km-home-hero .km-hero-slide{min-height:clamp(520px,75svh,720px);padding:55px 24px 86px}body.home .km-home-hero .km-hero-visual{position:absolute;inset:0;width:auto;max-width:none;min-height:0}body.home .km-home-hero .km-hero-content{width:100%}body.home .km-home-hero h1,body.home .km-home-hero .km-hero-alt-title{font-size:clamp(1.9rem,7vw,2.7rem)}body.home .km-home-hero .km-visual-card::after{background:linear-gradient(270deg,rgba(4,15,45,.88),rgba(4,15,45,.62))}body.home .km-home-hero .km-hero-pagination{left:24px;right:24px;bottom:22px}body.home .km-home-hero .km-hero-actions{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body.home .km-home-hero .km-hero-slide{transition:none}}

/* Service modules and page-local pricing */
.km-special{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f8ff,#fff 55%,#fbfcff);border-block:1px solid var(--km-border)}
.km-special:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--km-primary) 11%,transparent) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to left,#000,transparent 65%)}
.km-special .km-container{position:relative}.km-special h2{max-width:740px;font-size:clamp(1.6rem,2.6vw,2.5rem)}
.km-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}
.km-special-item{background:#fff;border:1px solid var(--km-border);border-radius:22px;padding:28px;box-shadow:0 12px 35px #10275e08;transition:transform .2s,border-color .2s}
.km-special-item:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--km-primary) 23%,#dfe7f5)}
.km-special-index{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--km-primary) 9%,#fff);color:var(--km-primary);border-radius:14px;font-weight:800}
.km-special-item h3{font-size:1.2rem;margin:18px 0 7px}.km-special-item p{color:var(--km-muted);margin:0}
.km-special-seo .km-special-item{border-top:3px solid var(--km-primary)}.km-special-web .km-special-grid .km-special-item:nth-child(2){background:var(--km-primary);color:white;transform:translateY(-12px)}.km-special-web .km-special-grid .km-special-item:nth-child(2) p{color:#ecf0ff}
.km-special-ads .km-special-index,.km-special-logo .km-special-index{background:color-mix(in srgb,var(--km-secondary) 32%,#fff);color:#312600}
.km-special-video,.km-special-logo{background:linear-gradient(140deg,#f8faff,#eef2fc)}
.km-pricing{background:#fff}.km-pricing .km-section-head p{color:var(--km-muted)}
.km-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:18px;align-items:stretch}
.km-price-card{display:flex;flex-direction:column;position:relative;padding:30px 26px;border:1px solid #dfe6f3;border-radius:24px;background:#fff;box-shadow:0 12px 38px rgba(14,35,85,.05);transition:transform .2s,box-shadow .2s}
.km-price-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(14,35,85,.1)}
.km-price-card.is-featured{border:2px solid var(--km-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--km-primary) 5%,white),#fff 44%)}
.km-price-label{align-self:flex-start;color:white;background:var(--km-primary);font-size:.75rem;border-radius:40px;padding:4px 13px;margin-bottom:10px}
.km-price-card h3{font-size:1.27rem;margin:0 0 9px}.km-price-description{font-size:.9rem;color:var(--km-muted);min-height:46px;margin:0}
.km-price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;padding:22px 0;border-bottom:1px solid var(--km-border)}
.km-price-amount strong{font-size:clamp(1.55rem,2.3vw,2rem);line-height:1.4;color:var(--km-ink)}.km-price-amount span{font-size:.8rem;color:var(--km-muted)}
.km-price-card ul{padding:14px 0 16px;list-style:none;margin:0;flex:1}.km-price-card li{position:relative;padding:6px 25px 6px 0;font-size:.92rem}.km-price-card li:before{content:"✓";position:absolute;right:0;color:var(--km-primary);font-weight:900}
.km-price-card .km-btn{margin-top:auto;width:100%}
@media(max-width:750px){.km-special-grid{grid-template-columns:1fr;gap:13px}.km-special-item{padding:22px}.km-special-web .km-special-grid .km-special-item:nth-child(2){transform:none}.km-price-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.km-price-card,.km-special-item{transition:none}.km-price-card:hover,.km-special-item:hover{transform:none}}


/* v0.3.2 — homepage service collection: 9 cards / 3 balanced rows */
.km-services-section {
  position:relative;
  background:linear-gradient(180deg,#fff 0%,#f8faff 100%);
  overflow:hidden;
}
.km-services-section::before {
  content:"";position:absolute;pointer-events:none;
  width:440px;height:440px;left:-260px;top:25px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--km-primary) 13%,transparent);
  box-shadow:0 0 0 42px color-mix(in srgb,var(--km-primary) 2%,transparent),
  0 0 0 100px color-mix(in srgb,var(--km-secondary) 2%,transparent);
}
.km-services-section>.km-container {position:relative}
.km-services-premium {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;align-items:stretch;
}
.km-services-premium .km-service-card,
.km-services-premium .km-service-web {
  position:relative;isolation:isolate;grid-column:auto;
  display:flex;flex-direction:column;
  min-width:0;min-height:310px;height:100%;
  border:1px solid #e1e7f4;border-radius:25px;padding:25px;
  color:var(--km-ink);background:#fff;
  box-shadow:0 8px 30px rgba(18,39,91,.045);
  transform:none;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
.km-services-premium .km-service-card::before {
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:170px;height:170px;left:-66px;top:-70px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--km-primary) 17%,transparent);
  box-shadow:0 0 0 22px color-mix(in srgb,var(--km-primary) 3%,transparent),
  0 0 0 50px color-mix(in srgb,var(--km-primary) 2%,transparent);
}
.km-services-premium .km-service-card::after {
  content:"";position:absolute;right:0;left:0;bottom:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--km-primary),var(--km-secondary),transparent);
  opacity:0;transform:scaleX(.55);transition:opacity .24s,transform .24s;
}
.km-services-premium .km-service-card:hover,
.km-services-premium .km-service-card:focus-visible {
  transform:translateY(-5px);
  box-shadow:0 22px 45px rgba(13,34,86,.10);
  border-color:color-mix(in srgb,var(--km-primary) 25%,#e1e7f4);
}
.km-services-premium .km-service-card:hover::after,
.km-services-premium .km-service-card:focus-visible::after {opacity:1;transform:scaleX(1)}
.km-services-premium .km-service-card:nth-child(1) {
  background:linear-gradient(145deg,var(--km-primary),
  color-mix(in srgb,var(--km-primary) 75%,#07162f));
  color:white;border-color:transparent;
}
.km-services-premium .km-service-card:nth-child(1)::before {border-color:#ffffff38;box-shadow:0 0 0 22px #ffffff09,0 0 0 50px #ffffff07}
.km-services-premium .km-service-card:nth-child(5) {
  background:linear-gradient(150deg,#f1f5ff,#fff);
  border-color:color-mix(in srgb,var(--km-primary) 18%,#e1e7f4);
}
.km-services-premium .km-service-card:nth-child(9) {
  background:linear-gradient(150deg,#fffaf0,#fff);
  border-color:color-mix(in srgb,var(--km-secondary) 27%,#e1e7f4);
}
.km-services-premium .km-service-number {font-size:.78rem;letter-spacing:.04em;color:#7a8cab;font-weight:700}
.km-services-premium .km-service-card:nth-child(1) .km-service-number {color:#e6ecff}
.km-services-premium .km-service-orb {
  width:62px;height:62px;margin-top:12px;
  display:grid;place-items:center;border-radius:19px;
  background:color-mix(in srgb,var(--km-primary) 8%,white);
  border:1px solid color-mix(in srgb,var(--km-primary) 10%,#e4ebf8);
  font-size:1.8rem;line-height:1;
}
.km-services-premium .km-service-card:nth-child(1) .km-service-orb {
  background:#ffffff26;border-color:#ffffff35;color:white;
}
.km-services-premium .km-service-copy {flex:1}
.km-services-premium .km-service-card h3 {
  margin:16px 0 9px;
  font-size:clamp(1.05rem,1.45vw,1.27rem);
  line-height:1.55;font-weight:800;
}
.km-services-premium .km-service-card p,
.km-services-premium .km-service-web p {
  font-size:.87rem;line-height:1.95;margin:0;
  color:#66738b;max-width:32ch;
}
.km-services-premium .km-service-card:nth-child(1) p {color:#e5edff}
.km-services-premium .km-service-bottom,
.km-services-premium .km-service-web .km-service-bottom {
  margin-top:23px;padding-top:16px;border-top:1px solid #e9edf5;
  display:flex;align-items:center;justify-content:space-between;
  color:var(--km-primary);font-size:.82rem;font-weight:800;
}
.km-services-premium .km-service-card:nth-child(1) .km-service-bottom {
  border-color:#ffffff38;color:white;
}
.km-services-premium .km-service-arrow,
.km-services-premium .km-service-web .km-service-arrow {
  width:38px;height:38px;border-radius:12px;
  background:color-mix(in srgb,var(--km-primary) 9%,white);color:var(--km-primary);
  display:grid;place-items:center;font-size:1.05rem;
  transition:transform .24s ease,background .24s ease;
}
.km-services-premium .km-service-card:nth-child(1) .km-service-arrow {
  background:#ffffff29;color:white;
}
.km-services-premium .km-service-card:hover .km-service-arrow {transform:translate(-3px,-3px)}
@media(max-width:980px) {
  .km-services-premium {grid-template-columns:repeat(2,minmax(0,1fr))}
  .km-services-premium .km-service-card,.km-services-premium .km-service-web {min-height:300px}
  .km-services-premium .km-service-card:last-child {grid-column:1/-1;min-height:235px}
}
@media(max-width:600px) {
  .km-services-premium {grid-template-columns:1fr;gap:14px}
  .km-services-premium .km-service-card,.km-services-premium .km-service-web,
  .km-services-premium .km-service-card:last-child {grid-column:auto;min-height:255px;padding:22px;border-radius:21px}
  .km-services-premium .km-service-card h3 {font-size:1.16rem}
  .km-services-premium .km-service-card p {max-width:none}
}
@media(prefers-reduced-motion:reduce) {
  .km-services-premium .km-service-card,.km-services-premium .km-service-card::after,
  .km-services-premium .km-service-arrow {transition:none!important;transform:none!important}
}

/* v0.3.3 - refined service-card hover glow */
.km-services-premium .km-service-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;will-change:auto}
.km-services-premium .km-service-card::before{transition:opacity .32s ease,transform .5s ease;opacity:.68}
.km-services-premium .km-service-card:hover,.km-services-premium .km-service-card:focus-visible{transform:translateY(-5px);border-color:color-mix(in srgb,var(--km-primary) 32%,#e1e7f4);box-shadow:0 18px 42px rgba(15,38,96,.11),0 0 0 1px color-mix(in srgb,var(--km-primary) 17%,transparent),0 0 33px color-mix(in srgb,var(--km-primary) 16%,transparent)}
.km-services-premium .km-service-card:hover::before,.km-services-premium .km-service-card:focus-visible::before{opacity:1;transform:translate(9px,9px) scale(1.07)}
.km-services-premium .km-service-card:nth-child(1):hover,.km-services-premium .km-service-card:nth-child(1):focus-visible{border-color:rgba(255,255,255,.36);box-shadow:0 20px 44px rgba(1,43,249,.23),0 0 31px color-mix(in srgb,var(--km-primary) 26%,transparent)}
.km-services-premium .km-service-card:hover .km-service-orb{transform:translateY(-3px) rotate(-4deg)}
.km-services-premium .km-service-orb{transition:transform .28s ease}
@media(hover:none){.km-services-premium .km-service-card:hover{transform:none;box-shadow:0 8px 30px rgba(18,39,91,.045)}}
@media(prefers-reduced-motion:reduce){.km-services-premium .km-service-card,.km-services-premium .km-service-card::before,.km-services-premium .km-service-orb{transition:none!important;transform:none!important}}

/* Kalameh 0.3.4: customers section layout correction */
.km-clients-section{padding-block:70px 74px;background:linear-gradient(145deg,#f8faff 0%,#f0f5ff 52%,#fffdf7 100%);border-block:1px solid #e9eef8}
.km-clients-section::before{inset:0;background-image:radial-gradient(color-mix(in srgb,var(--km-primary) 12%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%);opacity:.4}
.km-clients-section::after{width:230px;height:230px;left:-145px;top:-130px;transform:none;box-shadow:0 0 0 24px rgba(1,43,249,.025),0 0 0 60px rgba(1,43,249,.018);border:1px solid rgba(1,43,249,.10)}
.km-client-atmosphere{background:radial-gradient(ellipse at 7% 40%,color-mix(in srgb,var(--km-primary) 7%,transparent),transparent 36%),radial-gradient(ellipse at 92% 90%,color-mix(in srgb,var(--km-secondary) 7%,transparent),transparent 38%)}
.km-clients-inner{position:relative;z-index:1}
.km-clients-inner::before{content:none!important;display:none!important;backdrop-filter:none!important}
.km-clients-section .km-section-head{margin:0 0 24px;align-items:start}
.km-clients-section .km-section-head h2{font-size:clamp(1.45rem,2.25vw,2.15rem);margin:7px 0 4px;line-height:1.5}
.km-clients-intro{font-size:.91rem;line-height:1.9;color:var(--km-muted);margin:6px 0 0}
.km-clients-section .km-client-marquee{padding:10px 0 13px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.km-clients-section .km-client-logo{background:rgba(255,255,255,.92);border:1px solid #e2e9f5;border-radius:18px;box-shadow:0 8px 26px rgba(24,45,95,.055);transition:transform .24s ease,box-shadow .24s ease}
.km-clients-section .km-client-logo:hover{transform:translateY(-3px);box-shadow:0 13px 29px rgba(24,45,95,.1)}
@media(max-width:700px){.km-clients-section{padding-block:48px 50px}.km-clients-section::after{width:160px;height:160px;left:-100px;top:-100px}.km-clients-section .km-section-head{margin-bottom:15px}.km-clients-section .km-client-marquee{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}}
@media(prefers-reduced-motion:reduce){.km-clients-section .km-client-logo{transition:none!important}}


/* v0.3.5 services carousel + configurable header CTA icon */
.km-header-cta .km-btn-label{display:inline-flex;align-items:center}
.km-header-cta .km-btn-symbol{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.18);padding:6px;overflow:hidden}
.km-header-cta .km-btn-symbol svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}
.km-services-head{align-items:flex-end}
.km-services-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.km-services-track{gap:18px;padding:6px 2px 10px;scroll-padding-inline:6px}
.km-services-track::-webkit-scrollbar{height:10px}
.km-services-track::-webkit-scrollbar-thumb{background:#cfdaef;border-radius:999px}
.km-services-track::-webkit-scrollbar-track{background:transparent}
.km-service-slide{flex:0 0 clamp(290px,31vw,392px);scroll-snap-align:start;min-width:0}
.km-services-premium .km-service-card{min-height:320px;height:100%}
.km-services-controls button{box-shadow:0 6px 18px rgba(18,43,99,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.km-services-controls button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,43,99,.10);border-color:color-mix(in srgb,var(--km-primary) 18%,#dde5f5)}
@media(min-width:1200px){.km-service-slide{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:900px){.km-services-head{align-items:start}.km-services-head-actions{width:100%;justify-content:space-between}.km-service-slide{flex-basis:calc(50% - 10px)}}
@media(max-width:640px){.km-services-head-actions{justify-content:flex-start}.km-services-controls{order:2}.km-service-slide{flex-basis:86%}.km-header-cta .km-btn-symbol{width:30px;height:30px;padding:5px}}

/* v0.3.6 — enforce genuine horizontal carousel; RTL header CTA icon */
.km-services-section .km-services-track.km-services-premium{
 display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;
 width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;
 scroll-snap-type:x mandatory;scroll-padding-inline:4px;scroll-behavior:smooth;
 -webkit-overflow-scrolling:touch;align-items:stretch;direction:rtl;
}
.km-services-track .km-service-slide{
 display:block;grid-column:auto!important;flex:0 0 calc((100% - 36px)/3)!important;
 min-width:0;max-width:none;scroll-snap-align:start;scroll-snap-stop:normal;
}
.km-services-track .km-service-slide .km-service-card{display:flex;width:100%;height:100%;min-height:322px;grid-column:auto!important}
.km-header .km-header-cta{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;direction:rtl}
.km-header .km-header-cta .km-btn-symbol{order:-1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin:0;padding:6px;line-height:1}
.km-header .km-header-cta .km-btn-label{order:0;line-height:1.6}
.km-header .km-header-cta .km-btn-symbol svg{display:block;width:100%;height:100%;margin:auto}
@media(max-width:990px){.km-services-track .km-service-slide{flex-basis:calc((100% - 18px)/2)!important}}
@media(max-width:640px){.km-services-track .km-service-slide{flex-basis:86%!important}.km-header .km-header-cta .km-btn-symbol{flex-basis:30px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.km-services-section .km-services-track.km-services-premium{scroll-behavior:auto}}

/* Kalameh v0.3.7: interaction-led button system; theme-token driven */
.km-btn,
.km-text-link,
.km-carousel-controls button,
.km-hero-arrows button,
.km-service-arrow {
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.km-btn {
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  gap:12px;isolation:isolate;overflow:hidden;min-height:49px;
  padding:11px 19px;border:1px solid transparent;border-radius:15px;
  font-weight:800;font-size:.91rem;line-height:1.6;letter-spacing:0;
  box-shadow:0 5px 12px rgba(9,27,62,.08);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease,color .25s ease;
}
.km-btn::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 45%);
  transform:translateX(115%);transition:transform .48s cubic-bezier(.18,.75,.25,1)}
.km-btn:hover::before,.km-btn:focus-visible::before {transform:translateX(-115%)}
.km-btn:hover {transform:translateY(-2px)}
.km-btn:active {transform:translateY(0) scale(.975)}
.km-btn-primary {background:var(--km-primary);color:#fff;border-color:color-mix(in srgb,var(--km-primary) 75%,black);box-shadow:0 6px 18px color-mix(in srgb,var(--km-primary) 18%,transparent)}
.km-btn-primary:hover {box-shadow:0 12px 24px color-mix(in srgb,var(--km-primary) 23%,transparent)}
.km-btn-accent {background:var(--km-secondary);color:#131b2e;border-color:color-mix(in srgb,var(--km-secondary) 68%,#8f6200);box-shadow:0 6px 16px rgba(20,27,45,.09)}
.km-btn-accent:hover {box-shadow:0 12px 24px rgba(24,29,48,.13)}
.km-btn-glass,.km-btn-outline {color:var(--km-ink);background:rgba(255,255,255,.92);border-color:color-mix(in srgb,var(--km-primary) 15%,#dbe3f1);box-shadow:0 6px 18px rgba(17,36,76,.06)}
.km-btn-glass:hover,.km-btn-outline:hover {background:#fff;border-color:color-mix(in srgb,var(--km-primary) 38%,#dbe3f1);box-shadow:0 12px 24px rgba(17,36,76,.1)}
.km-btn-symbol {display:inline-grid;place-items:center;flex:none;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;border-radius:10px;background:rgba(255,255,255,.18);line-height:1;font-size:1.12rem;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s}
.km-btn:hover .km-btn-symbol,.km-btn:focus-visible .km-btn-symbol {transform:translate(-3px,-2px)}
.km-btn-glass .km-btn-symbol,.km-btn-outline .km-btn-symbol {background:color-mix(in srgb,var(--km-primary) 9%,white);color:var(--km-primary)}
.km-header .km-header-cta {display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:7px 9px 7px 17px;border-radius:15px}
.km-header .km-header-cta .km-btn-label {display:inline-flex;align-items:center;white-space:nowrap}
.km-header .km-header-cta .km-btn-symbol {display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:6px;border-radius:10px;background:rgba(255,255,255,.25);font-size:1.02rem;line-height:1}
.km-header .km-header-cta .km-btn-symbol svg {display:block;width:100%;height:100%;max-width:100%;max-height:100%;fill:none;stroke:currentColor}
.km-text-link {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;width:max-content;max-width:100%;padding:8px 10px 8px 15px;border-radius:13px;border:1px solid color-mix(in srgb,var(--km-primary) 18%,#dfe6f2);background:#fff;color:var(--km-primary);font-weight:800;font-size:.87rem;text-decoration:none;box-shadow:0 4px 12px rgba(14,36,79,.04);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease,background .23s ease}
.km-text-link:hover {transform:translateY(-2px);background:color-mix(in srgb,var(--km-primary) 4%,white);border-color:color-mix(in srgb,var(--km-primary) 36%,#dfe6f2);box-shadow:0 10px 22px rgba(14,36,79,.09)}
.km-text-link:active {transform:scale(.975)}
.km-text-link span[aria-hidden] {display:inline-grid;place-items:center;flex:none;width:29px;height:29px;background:var(--km-primary);color:#fff;border-radius:9px;font-size:1rem;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.km-text-link:hover span[aria-hidden],.km-text-link:focus-visible span[aria-hidden] {transform:translate(-3px,-2px)}
.km-carousel-controls button,.km-hero-arrows button {display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;border:1px solid #dce5f5;border-radius:14px;background:#fff;color:var(--km-primary);font-size:1.18rem;box-shadow:0 4px 12px rgba(15,34,82,.05);transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}
.km-carousel-controls button:hover,.km-hero-arrows button:hover {transform:translateY(-2px);background:var(--km-primary);color:#fff;border-color:var(--km-primary);box-shadow:0 10px 20px color-mix(in srgb,var(--km-primary) 18%,transparent)}
.km-carousel-controls button:active,.km-hero-arrows button:active {transform:scale(.95)}
.km-service-bottom {transition:color .22s ease}
.km-service-arrow {transition:transform .23s cubic-bezier(.2,.8,.2,1),background .23s ease,color .23s ease}
.km-service-card:hover .km-service-arrow,.km-service-card:focus-visible .km-service-arrow {transform:translate(-3px,-3px);background:var(--km-primary);color:#fff}
.km-service-card:nth-child(1):hover .km-service-arrow {background:rgba(255,255,255,.25);color:#fff}
.km-btn:focus-visible,.km-text-link:focus-visible,.km-carousel-controls button:focus-visible,.km-hero-arrows button:focus-visible {outline:3px solid color-mix(in srgb,var(--km-primary) 58%,white);outline-offset:3px}
@media (max-width:700px) {.km-btn {min-height:46px;padding:10px 16px}.km-text-link {min-height:44px}.km-header .km-header-cta {padding:6px 8px 6px 11px;min-height:44px}}
@media (hover:none) {.km-btn:hover,.km-text-link:hover,.km-carousel-controls button:hover,.km-hero-arrows button:hover {transform:none}}
@media (prefers-reduced-motion:reduce) {.km-btn,.km-btn::before,.km-btn-symbol,.km-text-link,.km-text-link span[aria-hidden],.km-carousel-controls button,.km-hero-arrows button,.km-service-arrow {transition:none!important;animation:none!important;transform:none!important}}

/* v0.3.8 — button-variation design system inspired by modular pill/segmented components */
.km-btn,.km-text-link,.km-carousel-controls button,.km-hero-arrows button{--km-btn-ease:cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.km-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;min-height:53px;padding:7px 17px 7px 7px;border:1px solid transparent;border-radius:17px;position:relative;overflow:hidden;isolation:isolate;font-size:.9rem;font-weight:800;line-height:1.65;text-decoration:none;box-shadow:0 3px 0 rgba(11,25,55,.09),0 10px 24px rgba(14,30,79,.09);transition:transform .3s var(--km-btn-ease),box-shadow .3s var(--km-btn-ease),background .3s,border-color .3s}
.km-btn::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.23) 50%,transparent 75%);transform:translateX(125%);transition:transform .55s var(--km-btn-ease)}
.km-btn:hover::before{transform:translateX(-125%)}
.km-btn:hover{transform:translateY(-3px);box-shadow:0 6px 0 rgba(11,25,55,.06),0 16px 32px rgba(14,30,79,.14)}
.km-btn:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 8px rgba(14,30,79,.09)}
.km-btn-primary{background:var(--km-primary);color:white;border-color:color-mix(in srgb,var(--km-primary) 85%,#081542)}
.km-btn-accent{background:var(--km-secondary);color:#101936;border-color:color-mix(in srgb,var(--km-secondary) 77%,#9b7100)}
.km-btn-outline,.km-btn-glass{background:#fff;color:var(--km-ink);border-color:color-mix(in srgb,var(--km-primary) 20%,#e2e8f2)}
.km-btn-outline:hover,.km-btn-glass:hover{border-color:var(--km-primary);background:#f8faff}
.km-btn-symbol{display:inline-grid;place-items:center;flex:0 0 35px;width:35px;height:35px;min-width:35px;min-height:35px;margin:0;padding:0;border-radius:11px;background:rgba(255,255,255,.18);line-height:1;font-size:1.2rem;transition:transform .32s var(--km-btn-ease),background .3s,border-radius .3s}
.km-btn:hover .km-btn-symbol{transform:translate(-3px,-2px) rotate(-8deg);border-radius:13px}
.km-btn-accent .km-btn-symbol{background:#101936;color:#fff}
.km-btn-glass .km-btn-symbol,.km-btn-outline .km-btn-symbol{color:white;background:var(--km-primary)}
.km-header .km-header-cta{display:inline-flex;flex-direction:row;gap:11px;align-items:center;min-height:52px;padding:7px 16px 7px 7px;border-radius:16px;margin-inline-start:clamp(12px,2vw,24px)}
.km-header .km-header-cta .km-btn-symbol{order:-1;display:inline-grid;place-items:center;flex:none;width:35px;height:35px;min-width:35px;min-height:35px;padding:8px;margin:0;border-radius:11px;background:#101936;color:white}
.km-header .km-header-cta .km-btn-symbol svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block;stroke:currentColor;fill:none}
.km-text-link{display:inline-flex;align-items:center;gap:12px;min-height:49px;padding:7px 15px 7px 7px;border:1px solid #d9e2f1;border-radius:15px;background:white;color:var(--km-ink);font-weight:800;font-size:.86rem;box-shadow:0 3px 0 rgba(15,37,77,.04);text-decoration:none;transition:transform .27s var(--km-btn-ease),box-shadow .27s,border-color .27s}
.km-text-link span[aria-hidden]{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;background:var(--km-primary);color:white;border-radius:11px;transition:transform .3s var(--km-btn-ease),border-radius .3s}
.km-text-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--km-primary) 45%,#d9e2f1);box-shadow:0 12px 24px rgba(13,36,80,.09)}
.km-text-link:hover span[aria-hidden]{transform:rotate(-15deg) translate(-2px,-2px);border-radius:50%}
.km-carousel-controls button,.km-hero-arrows button{display:grid;place-items:center;width:47px;height:47px;min-width:47px;min-height:47px;border-radius:15px;border:1px solid #dbe4f2;color:var(--km-primary);background:#fff;box-shadow:0 3px 0 rgba(15,36,76,.045);transition:transform .25s var(--km-btn-ease),background .25s,color .25s,border-radius .25s,box-shadow .25s}
.km-carousel-controls button:hover,.km-hero-arrows button:hover{background:var(--km-primary);color:white;border-color:var(--km-primary);border-radius:50%;transform:translateY(-3px);box-shadow:0 12px 25px color-mix(in srgb,var(--km-primary) 21%,transparent)}
.km-service-arrow{transition:transform .28s var(--km-btn-ease),border-radius .28s,background .28s}
.km-service-card:hover .km-service-arrow{transform:translate(-3px,-3px) rotate(-12deg);border-radius:50%}
.km-btn:focus-visible,.km-text-link:focus-visible,.km-carousel-controls button:focus-visible,.km-hero-arrows button:focus-visible{outline:3px solid var(--km-primary);outline-offset:4px}
@media(max-width:700px){.km-btn{min-height:48px;padding:6px 12px 6px 6px}.km-header .km-header-cta{min-height:46px;padding:5px 12px 5px 5px;margin-inline-start:4px}.km-header .km-header-cta .km-btn-symbol{width:31px;height:31px;min-width:31px;min-height:31px;padding:7px}.km-text-link{min-height:44px}}
@media(hover:none){.km-btn:hover,.km-text-link:hover,.km-carousel-controls button:hover,.km-hero-arrows button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.km-btn,.km-btn::before,.km-btn-symbol,.km-text-link,.km-text-link span[aria-hidden],.km-carousel-controls button,.km-hero-arrows button,.km-service-arrow{transition:none!important;animation:none!important;transform:none!important}}

/* v0.3.9 — precise icon centering, keep existing button design intact */
.km-btn .km-btn-symbol,
.km-header-cta .km-btn-symbol,
.km-text-link span[aria-hidden],
.km-service-arrow,
.km-carousel-controls button,
.km-hero-arrows button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  flex-shrink: 0;
  vertical-align: middle;
}
.km-btn .km-btn-symbol svg,
.km-header-cta .km-btn-symbol svg,
.km-text-link span[aria-hidden] svg,
.km-service-arrow svg {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  flex: none;
}
.km-btn .km-btn-symbol svg *,
.km-header-cta .km-btn-symbol svg * { transform-origin: center; }


/* v0.4.2 – Single unified services orbit: the same circle contains the logo. */
.km-services-section{position:relative;isolation:isolate;overflow:hidden}
/* Old large decorative outline was a second, unrelated circle. Remove it. */
.km-services-section::before{content:none!important;display:none!important}
.km-services-section>.km-container{position:relative;z-index:2}
.km-services-orbit-art{
  --km-orbit-progress:50;--km-orbit-scale:.75;
  position:absolute;left:clamp(-135px,-8vw,-70px);top:10px;
  width:clamp(330px,33vw,475px);aspect-ratio:1;
  z-index:1;pointer-events:none;opacity:.76;
  transform:scale(var(--km-orbit-scale));transform-origin:center center;
  border-radius:50%;transition:transform .28s ease;
}
.km-services-orbit-svg{display:block;position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible;z-index:2}
.km-services-orbit-base{fill:none;stroke:color-mix(in srgb,var(--km-primary) 9%,#d7e2fb);stroke-width:13}
.km-services-orbit-progress{fill:none;stroke:color-mix(in srgb,var(--km-primary) 51%,#c4d5f9);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--km-orbit-progress));transition:stroke-dashoffset .23s ease}
.km-services-orbit-logo{
 position:absolute;inset:8%;z-index:1;border-radius:50%;overflow:hidden;
 display:grid;place-items:center;
 background:radial-gradient(circle at 45% 38%,#fff,#f4f7ff 94%);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--km-primary) 14%,transparent);
 opacity:.95;
}
.km-services-orbit-logo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;border-radius:50%;padding:5%;filter:none}
.km-services-orbit-logo span{font-weight:900;font-size:clamp(1.6rem,4vw,3.6rem);color:var(--km-primary)}
@media(max-width:1180px){.km-services-orbit-art{width:clamp(280px,30vw,390px);left:-105px;top:25px;opacity:.46}}
@media(max-width:850px){.km-services-orbit-art{width:250px;left:-115px;top:18px;opacity:.26}}
@media(max-width:767px){.km-services-orbit-art{display:none!important}}
@media(prefers-reduced-motion:reduce){.km-services-orbit-art{--km-orbit-progress:100;--km-orbit-scale:1;transition:none!important}.km-services-orbit-progress{transition:none!important}}

/* Portfolio case studies — v0.4.4 */
.km-portfolio-tags{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 5px}
.km-portfolio-tags span{border-radius:999px;background:color-mix(in srgb,var(--km-primary) 6%,white);border:1px solid color-mix(in srgb,var(--km-primary) 12%,white);font-size:.76rem;padding:2px 10px;color:var(--km-primary)}
.km-project-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto 0}
.km-project-facts>span{display:flex;flex-direction:column;min-width:160px;gap:4px;background:#f7f9fe;border:1px solid #e6ebf7;border-radius:16px;padding:13px 18px;font-size:.93rem}
.km-project-facts strong{color:#6b7890;font-size:.76rem;font-weight:600}
.km-project-gallery{margin:36px 0 48px}
.km-project-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.km-project-gallery-head h2{font-size:clamp(1.4rem,2.5vw,2rem);margin:0}
.km-project-gallery-head>span{font-size:.85rem;color:var(--km-muted)}
.km-project-gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:6px 2px 20px;overscroll-behavior-inline:contain}
.km-project-gallery-item{display:block;flex:0 0 min(53%,590px);height:340px;overflow:hidden;border-radius:24px;border:1px solid #e4eafb;scroll-snap-align:start;background:#f5f7fc;transition:transform .22s,box-shadow .22s}
.km-project-gallery-item:hover{transform:translateY(-4px);box-shadow:0 14px 32px #10265d17}
.km-project-gallery-item img{width:100%;height:100%;object-fit:cover}
.km-gallery-dialog{position:fixed;inset:0;z-index:100000;background:rgba(8,16,35,.94);border:0;width:100%;height:100%;max-width:none;max-height:none;padding:60px 68px 54px;box-sizing:border-box;color:#fff}
.km-gallery-dialog::backdrop{background:rgba(8,16,35,.94)}
.km-gallery-dialog img{display:block;max-height:calc(100vh - 122px);max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}
.km-gallery-dialog button{position:absolute;top:16px;border:1px solid #ffffff55;background:#ffffff20;color:#fff;min-width:42px;min-height:42px;border-radius:14px;cursor:pointer}
.km-gallery-close{right:18px}.km-gallery-prev{left:72px}.km-gallery-next{left:18px}
.km-gallery-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:.85rem;color:#e1e6fa}
@media(max-width:700px){.km-project-gallery-item{flex-basis:85%;height:245px;border-radius:16px}.km-gallery-dialog{padding:66px 12px 55px}.km-gallery-prev{left:72px}.km-gallery-next{left:18px}.km-project-facts>span{min-width:130px}}
@media(prefers-reduced-motion:reduce){.km-project-gallery-item{transition:none}}


/* v0.4.5 premium single portfolio case study */
.km-case-study{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}
.km-case-hero{position:relative;overflow:hidden;padding-block:52px 40px}
.km-case-hero::before,.km-case-hero::after{content:"";position:absolute;pointer-events:none;z-index:0}
.km-case-hero::before{width:460px;height:460px;right:-140px;top:-160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--km-primary) 10%,transparent),transparent 66%)}
.km-case-hero::after{width:390px;height:390px;left:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--km-secondary) 12%,transparent),transparent 66%)}
.km-case-hero-grid,.km-case-body{position:relative;z-index:1}.km-case-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:42px;align-items:center}
.km-case-copy h1{margin:10px 0 16px;max-width:720px;font-size:clamp(2rem,4vw,3.8rem)}
.km-case-lead{font-size:1.06rem;line-height:2;color:var(--km-muted);max-width:670px;margin:0 0 24px}
.km-case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.km-case-meta span{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8faff);border:1px solid #e5ebf7;box-shadow:0 12px 28px rgba(14,31,74,.04)}
.km-case-meta strong{font-size:.78rem;color:#74809a;font-weight:700}.km-case-meta em{font-style:normal;font-weight:800;color:var(--km-ink);line-height:1.7}
.km-case-tags{margin:8px 0 0}.km-case-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.km-case-visual{min-width:0}.km-case-visual-frame{position:relative;padding:26px;border-radius:34px;background:linear-gradient(145deg,#fff,#f4f7ff);border:1px solid #e7ecf8;box-shadow:0 24px 60px rgba(17,37,84,.10);overflow:hidden}
.km-case-featured{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:26px;position:relative;z-index:2}.km-case-shape{position:absolute;border-radius:50%;pointer-events:none}.km-case-shape-a{width:250px;height:250px;left:-72px;bottom:-100px;background:radial-gradient(circle,rgba(1,43,249,.13),transparent 66%)}.km-case-shape-b{width:210px;height:210px;right:-55px;top:-55px;background:radial-gradient(circle,rgba(255,180,20,.20),transparent 66%)}
.km-case-content-card{background:#fff;border:1px solid #e6ebf8;border-radius:28px;padding:34px;box-shadow:0 16px 44px rgba(17,37,84,.05);margin-bottom:20px}
.km-project-gallery-pro{margin:16px 0 34px;padding:30px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e6edf9;box-shadow:0 18px 48px rgba(18,38,86,.05)}
.km-project-gallery-pro .km-project-gallery-head{margin-bottom:22px}.km-project-gallery-pro .km-project-gallery-head h2{font-size:clamp(1.4rem,2.4vw,2.1rem);margin:6px 0 0}.km-project-gallery-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.km-project-gallery-tools>span{font-size:.88rem;color:var(--km-muted)}
.km-gallery-stage-wrap{margin-bottom:18px}.km-gallery-stage{position:relative;display:block;border-radius:24px;overflow:hidden;background:#eff4ff;border:1px solid #e4ebf9;box-shadow:0 12px 36px rgba(15,33,78,.08)}
.km-gallery-stage::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(16,25,54,.46));pointer-events:none}.km-gallery-stage-image{display:block;width:100%;height:min(64vh,620px);object-fit:cover}.km-gallery-zoom{position:absolute;left:18px;bottom:18px;z-index:2;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);color:#fff;font-weight:700;font-size:.85rem}
.km-project-thumbs{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.km-project-thumb{border:1px solid #dfe7f7;background:#fff;border-radius:18px;padding:0;overflow:hidden;flex:0 0 106px;width:106px;height:84px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,opacity .2s;opacity:.82}.km-project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.km-project-thumb:hover{transform:translateY(-2px);opacity:1}.km-project-thumb.is-active{border-color:color-mix(in srgb,var(--km-primary) 45%,white);box-shadow:0 10px 24px rgba(1,43,249,.16);opacity:1}
@media(max-width:1100px){.km-case-hero-grid{grid-template-columns:1fr}.km-case-visual{order:-1}.km-case-visual-frame{max-width:760px;margin-inline:auto}.km-case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.km-case-hero{padding-block:34px 18px}.km-case-meta{grid-template-columns:1fr}.km-case-content-card,.km-project-gallery-pro{padding:20px;border-radius:20px}.km-gallery-stage-image{height:260px}.km-project-thumb{flex-basis:86px;width:86px;height:70px}.km-case-actions .km-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.km-project-thumb,.km-gallery-stage,.km-case-visual-frame{transition:none}}

/* v0.4.6 — portfolio action buttons */
.km-case-actions{gap:13px;align-items:center}
.km-case-actions .km-case-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:11px;min-height:53px;padding:7px 9px 7px 20px;border-radius:16px;font-weight:500;font-size:.9rem;line-height:1.6;letter-spacing:0;white-space:nowrap;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
.km-case-actions .km-case-button-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.18);color:inherit;transition:transform .22s ease,background-color .22s ease}
.km-case-actions .km-case-button-icon svg{width:19px;height:19px;display:block}
.km-case-actions .km-case-button-gallery{background:var(--km-primary);border:1px solid var(--km-primary);color:#fff;box-shadow:0 7px 19px color-mix(in srgb,var(--km-primary) 14%,transparent)}
.km-case-actions .km-case-button-gallery:hover{transform:translateY(-2px);box-shadow:0 12px 25px color-mix(in srgb,var(--km-primary) 24%,transparent)}
.km-case-actions .km-case-button-back{background:#fff;color:var(--km-ink);border:1px solid #dfe6f4;box-shadow:0 5px 13px rgba(17,35,80,.04)}
.km-case-actions .km-case-button-back .km-case-button-icon{background:color-mix(in srgb,var(--km-primary) 7%,white);color:var(--km-primary)}
.km-case-actions .km-case-button-back:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--km-primary) 24%,#dfe6f4);background:#f9fbff;box-shadow:0 12px 26px rgba(17,35,80,.08)}
.km-case-actions .km-case-button:hover .km-case-button-icon{transform:translateX(-2px)}
@media(max-width:700px){.km-case-actions .km-case-button{width:100%;min-height:50px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.km-case-actions .km-case-button,.km-case-actions .km-case-button-icon{transition:none!important}}

/* Portfolio external project link — v0.4.7 */
.km-case-actions .km-case-button-visit{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:7px 10px 7px 19px;border:1px solid var(--km-primary);border-radius:16px;background:var(--km-primary);color:#fff;font-weight:500;font-size:.9rem;letter-spacing:0;box-shadow:0 8px 23px color-mix(in srgb,var(--km-primary) 18%,transparent);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.km-case-actions .km-case-button-visit .km-case-button-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.18);color:#fff;flex:none}
.km-case-actions .km-case-button-visit svg{width:19px;height:19px;display:block}
.km-case-actions .km-case-button-visit:hover{transform:translateY(-3px);box-shadow:0 15px 28px color-mix(in srgb,var(--km-primary) 27%,transparent);color:#fff}
.km-case-actions .km-case-button-visit:hover .km-case-button-icon{transform:translate(-2px,-2px)}
@media(prefers-reduced-motion:reduce){.km-case-actions .km-case-button-visit{transition:none}}

/* v0.4.8 portfolio sidebar */
.km-case-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;align-items:start;direction:rtl;margin-block:28px 65px}
.km-case-layout .km-case-content-card{min-width:0;margin:0;padding:clamp(22px,3vw,38px)}
.km-portfolio-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px;direction:rtl}
.km-portfolio-sidebar.km-sidebar-sticky{position:sticky;top:calc(var(--km-header-measured,90px) + var(--km-adminbar-measured,0px) + 16px);max-height:calc(100vh - var(--km-header-measured,90px) - var(--km-adminbar-measured,0px) - 28px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.km-sidebar-panel{padding:20px 18px;border:1px solid #e6ebf6;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,39,90,.04)}
.km-sidebar-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.km-sidebar-panel-title h2{font-size:17px!important;line-height:1.5;font-weight:700;margin:0}.km-sidebar-title-mark{width:4px;height:22px;border-radius:6px;background:var(--km-primary);flex:none}
.km-sidebar-related{display:flex;flex-direction:column;gap:4px}.km-sidebar-related-item{display:flex;gap:11px;align-items:center;padding:9px 3px;border-bottom:1px solid #edf0f7;min-width:0;transition:transform .2s,color .2s}.km-sidebar-related-item:last-child{border:0}.km-sidebar-related-item:hover{transform:translateX(-3px);color:var(--km-primary)}
.km-sidebar-thumb{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#f3f6ff}.km-sidebar-thumb img{width:100%;height:100%;object-fit:cover}.km-sidebar-image-fallback{font-size:24px;font-weight:700;color:var(--km-primary)}
.km-sidebar-related-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.km-sidebar-related-copy strong{font-weight:600;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.km-sidebar-related-copy small{font-weight:400;color:#73829b;font-size:12px}.km-sidebar-related-arrow{color:var(--km-primary);font-size:15px;align-self:center}
.km-sidebar-categories{display:flex;flex-direction:column;gap:5px}.km-sidebar-categories a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;font-weight:500;font-size:13px;transition:background .2s,color .2s}.km-sidebar-categories a:hover{background:color-mix(in srgb,var(--km-primary) 6%,white);color:var(--km-primary)}.km-sidebar-categories small{font-weight:400;font-size:12px;background:#f2f5fb;color:#66738c;min-width:28px;text-align:center;padding:1px 6px;border-radius:8px}
.km-sidebar-banner{border-radius:20px;overflow:hidden;background:#f4f7fc;border:1px solid #e5eaf4;position:relative}.km-sidebar-banner a{display:block;position:relative}.km-sidebar-banner-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.km-sidebar-banner-arrow{position:absolute;bottom:12px;left:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--km-primary);color:#fff;transition:transform .2s}.km-sidebar-banner a:hover .km-sidebar-banner-arrow{transform:translate(-3px,-3px)}
@media(max-width:1050px){.km-case-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}}
@media(max-width:760px){.km-case-layout{grid-template-columns:minmax(0,1fr);gap:22px}.km-portfolio-sidebar.km-sidebar-sticky{position:static;max-height:none;overflow:visible}.km-sidebar-banner-image{aspect-ratio:16/9}.km-case-layout .km-case-content-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.km-sidebar-related-item,.km-sidebar-categories a,.km-sidebar-banner-arrow{transition:none!important}}

/* v0.4.9: keep all three project CTAs in one desktop row */
.km-case-actions-full{margin-top:22px}
.km-case-actions-full .km-case-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;margin-top:0}
.km-case-actions-full .km-case-button{display:inline-flex;flex:0 1 auto;min-width:0;white-space:nowrap;justify-content:center;gap:9px;padding-inline:12px;font-size:.84rem}
.km-case-actions-full .km-case-button-icon{flex:0 0 32px;width:32px;height:32px}
@media(max-width:760px){.km-case-actions-full .km-case-actions{flex-wrap:wrap}.km-case-actions-full .km-case-button{flex:1 1 100%;width:100%;white-space:normal}}

/* v0.5.0 team orbit — composited, one-shot motion */
.km-team-orbit .km-ring-two{display:none!important}
.km-team-orbit .km-ring-one{border-color:#dbe5fb;border-style:dashed;animation:none!important;inset:5%!important}
.km-team-progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;transform:rotate(-90deg)}
.km-team-progress circle{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}
.km-team-progress-track{stroke:#e8eefc;stroke-dasharray:53 47;stroke-linecap:round;stroke-dashoffset:9}
.km-team-progress-fill{stroke:var(--km-primary);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:48 52;stroke-dashoffset:49;transition:stroke-dashoffset 2.8s cubic-bezier(.22,1,.36,1)}
.km-team-orbit.km-team-visible .km-team-progress-fill{stroke-dashoffset:1}
.km-team-orbit .km-member-center{min-width:230px;max-width:255px;padding:22px 18px;gap:8px;border-radius:28px;border:1px solid #dce6ff;box-shadow:0 20px 55px rgba(18,44,110,.09);background:#fff}
.km-team-orbit .km-member-center strong{font-weight:700;font-size:1.16rem}
.km-team-orbit .km-member-center span{font-size:.85rem;font-weight:400}
.km-team-orbit .km-member-center.km-team-card-enter{animation:km-team-switch .4s cubic-bezier(.2,.75,.25,1) both}
@keyframes km-team-switch{from{opacity:.6;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.km-team-orbit .km-member-dot{transition:outline-color .22s,box-shadow .22s,filter .22s}
.km-team-socials{display:flex;justify-content:center;align-items:center;gap:9px;min-height:0;margin-top:2px}
.km-team-socials:empty{display:none}
.km-team-socials a{display:grid;place-items:center;min-width:32px;height:32px;padding:0 5px;border-radius:10px;background:#f1f5ff;border:1px solid #e5ebfa;color:var(--km-primary);font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:1;transition:background .18s,transform .18s}
.km-team-socials a:hover{background:#e2eaff;transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.km-team-progress-fill{transition:none!important}.km-team-orbit .km-member-center.km-team-card-enter{animation:none!important}}

/* v0.5.1: restrained, proportioned header and about CTAs */
.km-header .km-header-cta{direction:rtl;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:11px;min-height:48px;padding:6px 7px 6px 17px;margin-inline-start:clamp(8px,1.5vw,18px);border-radius:15px;border:1px solid color-mix(in srgb,var(--km-secondary) 65%,#dd9300);background:var(--km-secondary);color:#141b2a;font-size:.85rem;font-weight:500;line-height:1.45;white-space:nowrap;box-shadow:0 5px 12px rgba(22,37,75,.07),inset 0 1px 0 #ffffff55;transition:background-color .25s,border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.km-header .km-header-cta .km-btn-label{order:0;display:block;font-size:inherit;font-weight:500;line-height:1.55}
.km-header .km-header-cta .km-btn-symbol{order:0;display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;min-width:33px;min-height:33px;padding:8px;border-radius:10px;background:#111e39;color:#fff;line-height:1;font-size:1rem;transition:transform .26s cubic-bezier(.2,.8,.2,1),background-color .26s}
.km-header .km-header-cta .km-btn-symbol svg{display:block;width:100%;height:100%}
.km-header .km-header-cta:hover{background:color-mix(in srgb,var(--km-secondary) 90%,white);border-color:var(--km-secondary);transform:translateY(-1px);box-shadow:0 9px 19px rgba(22,37,75,.11)}
.km-header .km-header-cta:hover .km-btn-symbol{transform:translate(-2px,-2px);background:#1d3060}
.km-header .km-header-cta:active{transform:translateY(0);box-shadow:0 2px 6px rgba(22,37,75,.09)}
.km-team-copy .km-about-link{direction:rtl;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:fit-content;min-height:45px;padding:6px 7px 6px 15px;border:1px solid #dbe4f5;background:#fff;color:#1b2b4a;border-radius:13px;font-size:.84rem;font-weight:500;line-height:1.5;box-shadow:0 3px 10px rgba(13,32,79,.035);transition:transform .22s,border-color .22s,background-color .22s,box-shadow .22s}
.km-team-copy .km-about-link .km-about-link-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--km-primary) 7%,white);color:var(--km-primary);transition:transform .22s,background-color .22s}
.km-team-copy .km-about-link .km-about-link-icon svg{display:block;width:16px;height:16px}
.km-team-copy .km-about-link .km-about-link-text{font-weight:500;white-space:nowrap}
.km-team-copy .km-about-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--km-primary) 28%,#dbe4f5);background:#fcfdff;box-shadow:0 8px 18px rgba(13,32,79,.065)}
.km-team-copy .km-about-link:hover .km-about-link-icon{transform:translateX(-2px);background:color-mix(in srgb,var(--km-primary) 12%,white)}
@media(max-width:700px){.km-header .km-header-cta{min-height:43px;padding:5px 6px 5px 11px;gap:7px;font-size:.76rem;margin-inline-start:2px}.km-header .km-header-cta .km-btn-symbol{width:29px;height:29px;min-width:29px;min-height:29px;flex-basis:29px;padding:7px}.km-team-copy .km-about-link{min-height:43px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.km-header .km-header-cta,.km-header .km-header-cta .km-btn-symbol,.km-team-copy .km-about-link,.km-team-copy .km-about-link .km-about-link-icon{transition:none!important;transform:none!important}}

/* v0.5.2 — constrained header/footer brand image sizing */
.km-header .km-brand{
  flex:0 0 auto;
  width:auto;
  max-width:162px;
  min-width:0;
  line-height:1;
}
.km-header .km-brand > span{max-width:100%;min-width:0;align-items:center;justify-content:flex-start}
.km-header .km-brand > span:not(.km-logo-scrolled){display:flex}
.km-header .km-brand .km-logo-scrolled{display:none}
.km-header.is-scrolled .km-brand .km-logo-scrolled{display:flex}
.km-header.is-scrolled .km-brand .km-logo-default{display:none}
.km-header .km-brand img,
.km-header .km-brand svg{
  display:block;
  width:auto;
  max-width:100%;
  max-height:42px;
  height:auto;
  object-fit:contain;
}
.km-header.is-scrolled .km-brand img,
.km-header.is-scrolled .km-brand svg{max-height:38px}
.km-footer .km-footer-logo{display:inline-flex;align-items:center;max-width:182px;min-width:0;line-height:1}
.km-footer .km-footer-logo img,
.km-footer .km-footer-logo svg{display:block;width:auto;height:auto;max-width:100%;max-height:56px;object-fit:contain}
@media(max-width:767px){
  .km-header .km-brand{max-width:132px}
  .km-header .km-brand img,.km-header .km-brand svg{max-height:35px}
  .km-header.is-scrolled .km-brand img,.km-header.is-scrolled .km-brand svg{max-height:33px}
  .km-footer .km-footer-logo{max-width:158px}
  .km-footer .km-footer-logo img,.km-footer .km-footer-logo svg{max-height:49px}
}

/* v0.5.3: service editorial / CTA / typography */
:root{--km-display-size:clamp(1.9rem,3.25vw,3.35rem)}
.km-service-page h1{font-size:var(--km-display-size);line-height:1.42}
.km-service-page h2,.km-portfolio-archive h2{font-size:clamp(1.45rem,2.25vw,2.15rem);line-height:1.5}
.km-service-page h3{font-size:clamp(1.08rem,1.45vw,1.33rem)}
.km-portfolio-archive h1{font-size:clamp(2rem,3.25vw,3.25rem);margin:8px 0 10px}
.km-portfolio-archive .km-archive-heading{margin:0 0 36px;max-width:700px}.km-portfolio-archive .km-archive-heading p{color:var(--km-muted);margin:0}
.km-case-copy h1{font-size:clamp(1.9rem,3.1vw,3.1rem)}
.km-section-head h2{font-size:clamp(1.45rem,2.2vw,2.25rem)}
.km-service-page .km-service-hero{padding-block:66px 80px;gap:52px}
.km-service-page .km-service-hero>div:first-child{min-width:0}
.km-service-page .km-service-hero-visual{border-radius:36px;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--km-primary) 10%,white),transparent 65%),linear-gradient(145deg,#fff,#f1f5ff);box-shadow:0 25px 65px rgba(20,36,90,.08)}
.km-service-page .km-service-editor{display:grid;grid-template-columns:minmax(170px,.3fr) minmax(0,1fr);gap:65px;align-items:start}
.km-service-editor-label{position:sticky;top:116px}.km-service-editor-label h2{margin:8px 0 0}
.km-service-page .km-service-content{width:100%;max-width:100%;border:1px solid #e7ecf6;border-radius:25px;background:#fff;padding:clamp(22px,3.2vw,43px);box-shadow:0 16px 48px rgba(12,31,82,.045)}
.km-service-content h2{font-size:clamp(1.35rem,2vw,1.82rem);margin:38px 0 12px;position:relative;padding-right:17px}
.km-service-content h2::before{content:"";position:absolute;right:0;top:.3em;width:4px;height:1.05em;border-radius:3px;background:var(--km-primary)}
.km-service-content h3{font-weight:650;margin-top:28px}.km-service-content p,.km-service-content li{font-size:1rem;line-height:2.15;color:#3c4863}
.km-service-content img{border-radius:18px}.km-service-content ul{padding-right:22px}.km-service-content li{padding-bottom:7px}
.km-service-page .km-feature-grid{gap:18px;margin-top:28px}.km-service-page .km-feature{border-radius:22px;background:linear-gradient(150deg,#fff,#f9fbff);padding:30px;box-shadow:0 15px 36px rgba(10,37,102,.04);transition:transform .24s ease,border-color .24s ease}.km-service-page .km-feature:hover{transform:translateY(-4px);border-color:#b2c0fd}
.km-service-page .km-special-item{transition:transform .23s ease}.km-service-page .km-special-item:hover{transform:translateY(-3px)}
.km-service-work-card .km-card-body{padding:18px}.km-service-work-card .km-card-body h3{font-size:1.05rem;font-weight:650}.km-work-category{font-size:.8rem;color:var(--km-muted)}
.km-work-view{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--km-border);padding-top:12px;margin-top:14px;font-size:.88rem;font-weight:550;color:var(--km-primary)}
.km-service-more{display:flex;align-items:center;gap:10px;color:var(--km-primary);font-weight:550;font-size:.9rem}.km-service-more span{font-size:1.15rem}
.km-service-cta-section{padding-inline:0;overflow:hidden}.km-service-cta-section .km-container{width:min(calc(100% - 40px),var(--km-width))}
.km-service-page .km-service-final-wide{position:relative;isolation:isolate;min-height:350px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:20px;overflow:hidden;padding:clamp(45px,7vw,95px) 24px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:radial-gradient(ellipse at 15% 10%,rgba(78,104,255,.52),transparent 44%),radial-gradient(ellipse at 85% 100%,rgba(255,180,20,.16),transparent 40%),linear-gradient(125deg,#0b1a4a,#0b1230 70%);box-shadow:0 26px 70px rgba(8,24,68,.18)}
.km-service-final-wide:before{content:"";position:absolute;inset:-120px auto auto -50px;width:380px;aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}.km-service-final-wide:after{content:"";position:absolute;inset:auto -95px -180px auto;width:450px;aspect-ratio:1;border:1px dashed rgba(255,255,255,.18);border-radius:50%;pointer-events:none}
.km-service-page .km-service-final-wide>div{z-index:1}.km-service-final-wide .km-eyebrow{color:#ffcb57}.km-service-final-wide h2{max-width:680px;margin:13px auto 8px;font-size:clamp(1.7rem,3vw,2.9rem);color:#fff}.km-service-final-wide p{max-width:620px;margin:0 auto;color:#d4dff9;font-size:1.02rem}
.km-service-final-wide>.km-btn{z-index:1;font-weight:550;min-height:48px;padding-inline:25px;box-shadow:0 10px 28px rgba(255,180,20,.2)}
.km-service-page .km-faq{background:#fff;border-radius:20px}
@media(max-width:900px){.km-service-page .km-service-editor{grid-template-columns:1fr;gap:20px}.km-service-editor-label{position:static}.km-service-page .km-service-hero{padding-block:48px}.km-service-page .km-service-final-wide{border-radius:24px}}
@media(max-width:650px){.km-service-page .km-service-content{padding:20px;border-radius:20px}.km-service-final-wide h2{font-size:1.7rem}.km-service-page .km-service-final-wide{min-height:300px}.km-service-page .km-service-hero{gap:20px}}
@media(prefers-reduced-motion:reduce){.km-service-page .km-feature,.km-service-page .km-special-item{transition:none}}
/* SEO dedicated dynamic landing — v0.5.4 */
.km-seo-toc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #e5eafb;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 9px 32px #0c29670a;margin-bottom:20px}.km-seo-toc span{color:#667289;font-weight:600;font-size:.82rem;margin-inline-end:6px}.km-seo-toc a{padding:7px 13px;border-radius:9px;background:#f6f8fd;color:#223255;font-size:.84rem;font-weight:500;transition:background .2s,color .2s}.km-seo-toc a:hover{background:var(--km-primary);color:#fff}
.km-seo-block{padding-block:70px}.km-seo-block-tint{background:linear-gradient(125deg,#f4f7ff,#fbfcff)}.km-seo-block-heading{max-width:780px;margin:0 auto 30px;text-align:center}.km-seo-block-heading h2{font-size:clamp(1.55rem,2.6vw,2.3rem);margin:8px 0 12px}.km-seo-block-heading p{color:var(--km-muted);margin:0}.km-seo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.km-seo-cards-types,.km-seo-cards-steps,.km-seo-cards-deliverables{grid-template-columns:repeat(4,minmax(0,1fr))}.km-seo-card{border:1px solid #e4eaf8;border-radius:21px;background:#fff;padding:26px 23px;min-width:0;box-shadow:0 10px 30px #1e388009;transition:transform .24s,box-shadow .24s,border-color .24s}.km-seo-card:hover{transform:translateY(-4px);border-color:#bac9ff;box-shadow:0 20px 40px #1a3c9516}.km-seo-card-number{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:5px;border-radius:12px;background:#eff3ff;color:var(--km-primary);font-size:.9rem;font-weight:650}.km-seo-card h3{font-size:1.06rem;font-weight:650;margin:20px 0 9px}.km-seo-card p{font-size:.91rem;color:#647086;line-height:1.95;margin:0}.km-seo-midcta{padding:28px 0;background:#f7f9ff}.km-seo-midcta-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;background:radial-gradient(circle at 12% 18%,#2949a7 0%,transparent 40%),linear-gradient(115deg,#071a44,#102c73);border-radius:27px;padding:42px 52px;color:#fff}.km-seo-midcta-inner h2{font-size:clamp(1.5rem,2.4vw,2.1rem);margin:5px 0 10px}.km-seo-midcta-inner span{font-size:.84rem;color:#bfd0ff}.km-seo-midcta-inner p{color:#c9d5ef;margin:0}.km-seo-midcta-inner>a{white-space:nowrap;font-weight:550}
@media(max-width:1060px){.km-seo-cards-types,.km-seo-cards-steps,.km-seo-cards-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.km-seo-cards,.km-seo-cards-types,.km-seo-cards-steps,.km-seo-cards-deliverables{grid-template-columns:1fr}.km-seo-block{padding-block:46px}.km-seo-midcta-inner{padding:30px 24px;flex-direction:column;align-items:stretch;text-align:center}.km-seo-toc{gap:6px;padding:12px}.km-seo-toc a{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.km-seo-card{transition:none}}

/* v0.5.5 SEO FAQ and service pricing */
.km-faq-section{background:#f7f9ff}.km-faq-layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(25px,5vw,70px);align-items:center}.km-faq-visual{min-height:400px;border-radius:32px;overflow:hidden;background:linear-gradient(140deg,#eaf0ff,#fff);border:1px solid #e0e8fc;box-shadow:0 24px 54px #12347a0c}.km-faq-visual>img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover}.km-faq-visual-placeholder{min-height:400px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center;background:radial-gradient(circle at 75% 20%,#cbd7ff,transparent 46%),linear-gradient(130deg,#0a1f63,#012bf9);color:white}.km-faq-visual-placeholder span{font-size:clamp(4rem,10vw,8rem);font-weight:800;line-height:1;opacity:.25}.km-faq-visual-placeholder strong{font-size:1.5rem;font-weight:600;margin:15px 0 0}.km-faq-visual-placeholder p{color:#e2e9ff}.km-faq-copy h2{font-size:clamp(1.45rem,2.5vw,2.3rem);margin:10px 0}.km-faq-intro{color:var(--km-muted);font-size:.94rem;margin-bottom:23px}.km-faq-accordion{max-width:none}.km-faq-accordion details{padding:0;margin-bottom:11px;border:1px solid #e2e8f3;border-radius:16px;background:#fff;box-shadow:0 7px 23px #12245708;overflow:hidden}.km-faq-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;font-size:.94rem;font-weight:600;cursor:pointer}.km-faq-accordion summary::-webkit-details-marker{display:none}.km-faq-plus{flex:0 0 30px;display:grid;place-items:center;height:30px;border-radius:9px;background:#eef2ff;color:var(--km-primary);font-size:1.25rem;font-weight:400;line-height:1;transition:transform .18s}.km-faq-accordion details[open] .km-faq-plus{transform:rotate(45deg)}.km-faq-answer{color:#57657b;padding:0 19px 18px;font-size:.89rem;line-height:2}.km-pricing{background:linear-gradient(180deg,#fff,#f7f9ff)}.km-pricing-grid{gap:20px}.km-price-card{border-radius:27px;padding:31px 25px 26px;box-shadow:0 14px 38px #1224570c}.km-price-card.is-featured{border-color:var(--km-primary);box-shadow:0 18px 48px #012bf919}.km-price-card h3{font-size:1.3rem;font-weight:700}.km-price-description{font-weight:400;line-height:1.9}.km-price-amount strong{font-size:clamp(1.75rem,2.3vw,2.25rem);font-weight:750}.km-price-card li{line-height:1.85;font-weight:400;padding-block:7px;border-bottom:1px solid #eaeef8}.km-price-card .km-btn{font-weight:500;border-radius:13px}.km-service-work-controls{justify-content:flex-end;margin:0 0 13px}.km-service-work-track{scroll-snap-type:x mandatory}.km-service-work-track .km-slide{flex:0 0 clamp(255px,29vw,370px)}@media(max-width:900px){.km-faq-layout{grid-template-columns:1fr}.km-faq-visual,.km-faq-visual>img,.km-faq-visual-placeholder{min-height:280px}.km-faq-visual{order:-1}}@media(max-width:600px){.km-faq-visual,.km-faq-visual>img,.km-faq-visual-placeholder{min-height:230px;border-radius:22px}.km-faq-accordion summary{padding:14px;font-size:.9rem}.km-faq-answer{padding:0 14px 14px}}@media(prefers-reduced-motion:reduce){.km-faq-plus{transition:none}}

/* Service expandable long read */
.km-service-longread-section{padding-block:48px 96px}.km-service-longread{position:relative;overflow:hidden;border:1px solid #e1e9f7;border-radius:28px;background:linear-gradient(155deg,#fff 0%,#f8faff 100%);box-shadow:0 18px 50px rgba(12,28,75,.045);padding:clamp(22px,4vw,46px)}
.km-service-longread-head{text-align:center;margin-bottom:24px}.km-service-longread-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:8px 0}.km-service-longread-head p{font-size:.93rem;color:var(--km-muted);margin:0}.km-service-longread-text{position:relative;max-width:100%;line-height:2;max-height:12em;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.7,.2,1)}.km-service-longread:not(.is-open) .km-service-longread-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6}.km-service-longread.is-open .km-service-longread-text{display:block;max-height:none;overflow:visible}.km-service-longread-fade{position:absolute;pointer-events:none;bottom:80px;left:20px;right:20px;height:70px;background:linear-gradient(0deg,#f8faff,transparent)}.km-service-longread.is-open .km-service-longread-fade{display:none}.km-service-longread-toggle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:26px auto 0;padding:11px 24px;background:#fff;border:1px solid #dce5f9;border-radius:14px;color:var(--km-primary);font-weight:500;font-size:.91rem;box-shadow:0 8px 24px rgba(1,43,249,.07);transition:transform .2s,background .2s,box-shadow .2s}.km-service-longread-toggle:hover{transform:translateY(-2px);background:#f3f6ff;box-shadow:0 12px 26px rgba(1,43,249,.12)}.km-read-chevron{font-size:1.4rem;line-height:1;transition:transform .25s}.km-service-longread.is-open .km-read-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.km-service-longread-text,.km-read-chevron,.km-service-longread-toggle{transition:none}}

/* v0.5.8: compact editorial typography inside the service longread only */
.km-service-longread-head{margin-bottom:18px}
.km-service-longread-head h2{font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.5;font-weight:700;margin:5px 0 6px}
.km-service-longread-head p{font-size:.84rem;line-height:1.75}
.km-service-longread-text.km-prose{font-size:.91rem;line-height:1.85;max-width:100%;max-height:11.1em}
.km-service-longread-text.km-prose h2{font-size:clamp(1.17rem,1.7vw,1.48rem);font-weight:700;line-height:1.55;margin:25px 0 10px}
.km-service-longread-text.km-prose h3{font-size:clamp(1.02rem,1.4vw,1.23rem);font-weight:600;line-height:1.6;margin:19px 0 9px}
.km-service-longread-text.km-prose h4,.km-service-longread-text.km-prose h5,.km-service-longread-text.km-prose h6{font-size:.99rem;font-weight:600;line-height:1.6;margin:16px 0 8px}
.km-service-longread-text.km-prose p,.km-service-longread-text.km-prose li{font-size:.91rem;line-height:1.85;font-weight:400}
.km-service-longread-text.km-prose p{margin:0 0 13px}
.km-service-longread-text.km-prose ul,.km-service-longread-text.km-prose ol{margin:9px 0 15px;padding-inline-start:24px}
.km-service-longread-text.km-prose li{margin-bottom:5px}
.km-service-longread-text.km-prose h2:first-child,.km-service-longread-text.km-prose h3:first-child,.km-service-longread-text.km-prose p:first-child{margin-top:0}
@media(max-width:767px){.km-service-longread-head h2{font-size:1.3rem}.km-service-longread-text.km-prose p,.km-service-longread-text.km-prose li{font-size:.87rem;line-height:1.8}.km-service-longread-text.km-prose h2{font-size:1.17rem}.km-service-longread-text.km-prose h3{font-size:1.04rem}}

/* v0.5.9: optional SEO mid-page campaign banners */
.km-seo-inline-banner{margin-block:36px 22px;position:relative}.km-seo-inline-banner a{display:block}.km-seo-inline-banner img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:24px;border:1px solid #e9edf8;box-shadow:0 18px 44px #142a590d}.km-seo-inline-banner a img{transition:transform .3s ease,box-shadow .3s ease}.km-seo-inline-banner a:hover img{transform:translateY(-3px);box-shadow:0 24px 50px #142a5919}@media(max-width:700px){.km-seo-inline-banner{margin-block:20px}.km-seo-inline-banner img{border-radius:15px;max-height:none}}@media(prefers-reduced-motion:reduce){.km-seo-inline-banner a img{transition:none}}

/* v0.6.1: distinct editorial layouts for dynamic SEO content; no scroll JS */
.km-service-page-seo .km-seo-block{padding-block:clamp(52px,6vw,90px)}
.km-service-page-seo .km-seo-block-heading{margin:0 0 30px;max-width:740px;text-align:right}
.km-service-page-seo .km-seo-block-heading h2{font-size:clamp(1.45rem,2.2vw,2.05rem);font-weight:750;line-height:1.55;letter-spacing:0;margin:9px 0}
.km-service-page-seo .km-seo-block-heading p{font-size:.92rem;line-height:1.8;max-width:630px}
.km-service-page-seo .km-seo-cards{gap:14px}
.km-service-page-seo .km-seo-card{min-width:0}
.km-service-page-seo .km-seo-card h3{font-size:1rem;font-weight:650;line-height:1.55;margin:0 0 9px}
.km-service-page-seo .km-seo-card p{font-size:.87rem;font-weight:400;line-height:1.85}

/* Services: asymmetric bento with prominent first idea */
.km-service-page-seo .km-seo-block-services{background:#fff}
.km-service-page-seo .km-seo-cards-services{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row}
.km-service-page-seo .km-seo-cards-services .km-seo-card{grid-column:span 2;padding:26px 25px;min-height:193px;border:1px solid #e8edf5;border-radius:18px;box-shadow:none;background:#f8faff;position:relative;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}
.km-service-page-seo .km-seo-cards-services .km-seo-card:first-child{grid-column:span 4;background:#0d275b;border-color:#0d275b;color:white;min-height:210px;padding:29px 32px}
.km-service-page-seo .km-seo-cards-services .km-seo-card:nth-child(2){grid-column:span 2;background:#eaf0ff}
.km-service-page-seo .km-seo-cards-services .km-seo-card:first-child h3{font-size:1.25rem;margin:12px 0 9px;color:white}
.km-service-page-seo .km-seo-cards-services .km-seo-card:first-child p{max-width:480px;color:#d4dff9}
.km-service-page-seo .km-seo-cards-services .km-seo-card-number{width:auto;height:auto;min-width:0;padding:0;border-radius:0;background:none;font-size:.78rem;font-weight:600;letter-spacing:.09em;opacity:.7;margin-bottom:20px}
.km-service-page-seo .km-seo-cards-services .km-seo-card:first-child .km-seo-card-number{color:#bdd1ff}
.km-service-page-seo .km-seo-cards-services .km-seo-card:hover{transform:translateY(-2px);box-shadow:none;border-color:#b5c8ff}
.km-service-page-seo .km-seo-cards-services .km-seo-card:first-child:hover{border-color:#0d275b}

/* Types: split editorial rows rather than repeated tiles */
.km-service-page-seo .km-seo-block-types{background:linear-gradient(100deg,#f6f8fc,#fff)}
.km-service-page-seo .km-seo-cards-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.km-service-page-seo .km-seo-cards-types .km-seo-card{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto 1fr;align-content:center;column-gap:16px;min-height:143px;padding:22px 4px;border:0;border-bottom:1px solid #dce4f0;border-radius:0;background:transparent;box-shadow:none;transition:none}
.km-service-page-seo .km-seo-cards-types .km-seo-card-number{grid-row:span 2;align-self:start;width:38px;height:38px;background:#e6edff;color:#173bad;border-radius:50%;font-size:.8rem}
.km-service-page-seo .km-seo-cards-types .km-seo-card h3{margin:0 0 5px}
.km-service-page-seo .km-seo-cards-types .km-seo-card:hover{transform:none;box-shadow:none}
.km-service-page-seo .km-seo-cards-types .km-seo-card:hover h3{color:var(--km-primary)}

/* Steps: clear visual timeline, no scroll-triggered animations */
.km-service-page-seo .km-seo-block-steps{background:white}
.km-service-page-seo .km-seo-cards-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.km-service-page-seo .km-seo-cards-steps:before{content:"";position:absolute;top:22px;right:12%;left:12%;height:1px;background:#d6def1}
.km-service-page-seo .km-seo-cards-steps .km-seo-card{position:relative;padding:0 16px 5px;border:0;border-radius:0;background:none;box-shadow:none;transition:none}
.km-service-page-seo .km-seo-cards-steps .km-seo-card-number{position:relative;z-index:1;width:44px;height:44px;background:#fff;border:2px solid #c7d6ff;color:var(--km-primary);border-radius:50%;margin:0 0 25px;font-size:.79rem}
.km-service-page-seo .km-seo-cards-steps .km-seo-card:first-child .km-seo-card-number{background:var(--km-primary);color:white;border-color:var(--km-primary)}
.km-service-page-seo .km-seo-cards-steps .km-seo-card h3{margin:0 0 7px}
.km-service-page-seo .km-seo-cards-steps .km-seo-card:hover{transform:none;box-shadow:none}

/* Deliverables: sophisticated dark editorial checklist */
.km-service-page-seo .km-seo-block-deliverables{background:#0b1733;color:white}
.km-service-page-seo .km-seo-block-deliverables .km-eyebrow{color:#ffc85e}
.km-service-page-seo .km-seo-block-deliverables .km-seo-block-heading p{color:#b8c5df}
.km-service-page-seo .km-seo-cards-deliverables{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px}
.km-service-page-seo .km-seo-cards-deliverables .km-seo-card{position:relative;padding:24px 0 25px 48px;border:0;border-top:1px solid #36435f;border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:44px 1fr;gap:0 16px;align-content:start;transition:none}
.km-service-page-seo .km-seo-cards-deliverables .km-seo-card-number{grid-row:span 2;background:#203866;color:#b8d2ff;width:41px;height:41px;border-radius:12px;font-size:.78rem}
.km-service-page-seo .km-seo-cards-deliverables .km-seo-card h3{color:white;margin:0 0 5px}
.km-service-page-seo .km-seo-cards-deliverables .km-seo-card p{color:#bdc8de}
.km-service-page-seo .km-seo-cards-deliverables .km-seo-card:hover{transform:none;box-shadow:none}
@media(max-width:960px){
 .km-service-page-seo .km-seo-cards-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .km-service-page-seo .km-seo-cards-services .km-seo-card,.km-service-page-seo .km-seo-cards-services .km-seo-card:nth-child(2){grid-column:span 1}
 .km-service-page-seo .km-seo-cards-services .km-seo-card:first-child{grid-column:span 2}
 .km-service-page-seo .km-seo-cards-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}
 .km-service-page-seo .km-seo-cards-steps:before{display:none}
}
@media(max-width:680px){
 .km-service-page-seo .km-seo-block-heading{text-align:right}
 .km-service-page-seo .km-seo-cards-services,.km-service-page-seo .km-seo-cards-types,.km-service-page-seo .km-seo-cards-steps,.km-service-page-seo .km-seo-cards-deliverables{grid-template-columns:minmax(0,1fr)}
 .km-service-page-seo .km-seo-cards-services .km-seo-card,.km-service-page-seo .km-seo-cards-services .km-seo-card:first-child,.km-service-page-seo .km-seo-cards-services .km-seo-card:nth-child(2){grid-column:span 1;min-height:0;padding:23px}
 .km-service-page-seo .km-seo-cards-services .km-seo-card-number{margin-bottom:8px}
 .km-service-page-seo .km-seo-cards-types .km-seo-card{min-height:0;padding:22px 0}
 .km-service-page-seo .km-seo-cards-steps{gap:18px}
 .km-service-page-seo .km-seo-cards-steps .km-seo-card{display:grid;grid-template-columns:44px 1fr;gap:0 14px;padding:10px 0}
 .km-service-page-seo .km-seo-cards-steps .km-seo-card-number{grid-row:span 2;margin:0;width:38px;height:38px}
 .km-service-page-seo .km-seo-cards-deliverables .km-seo-card{padding:23px 0;grid-template-columns:40px 1fr}
}

/* v0.7.0 Distinct service editorial layouts */
.km-service-editorial{padding-block:65px 75px}.km-editorial-shell{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:54px;align-items:start}.km-editorial-intro{position:sticky;top:115px}.km-editorial-intro h2{font-size:clamp(1.5rem,2.45vw,2.35rem);line-height:1.5;margin:10px 0}.km-editorial-intro p{font-size:.96rem;line-height:1.95;color:var(--km-muted)}.km-editorial-rows{border-top:1px solid var(--km-border)}.km-editorial-row{display:flex;gap:22px;border-bottom:1px solid var(--km-border);padding:22px 0;align-items:flex-start}.km-editorial-row>span{font-size:.85rem;color:var(--km-primary);font-weight:600;min-width:28px}.km-editorial-row h3{font-size:1.07rem;font-weight:650;margin:0 0 5px}.km-editorial-row p{font-size:.9rem;color:var(--km-muted);line-height:1.85;margin:0}.km-service-layout-studio{background:#f5f8ff}.km-service-layout-studio .km-editorial-row:first-child{border-top:3px solid var(--km-primary)}.km-service-layout-metrics{background:#0c1935;color:white}.km-service-layout-metrics .km-editorial-row{border-color:#ffffff26}.km-service-layout-metrics .km-editorial-row h3{color:#fff}.km-service-layout-metrics .km-editorial-row p,.km-service-layout-metrics .km-editorial-intro p{color:#b8c8e9}.km-service-layout-operations .km-editorial-rows{border:1px solid #e3e9f4;border-radius:20px;background:#fff;padding:0 25px;box-shadow:0 12px 32px #1324550a}.km-service-layout-magazine .km-editorial-row{display:block;padding:22px 12px}.km-service-layout-magazine .km-editorial-row>span{display:block;margin-bottom:6px}.km-service-layout-frames{background:#f7f8fb}.km-service-layout-frames .km-editorial-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0}.km-service-layout-frames .km-editorial-row{display:block;background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:24px}.km-service-layout-conversion .km-editorial-row:nth-child(odd){padding-right:22px;border-right:3px solid var(--km-primary)}.km-service-layout-identity{background:#101a34;color:white}.km-service-layout-identity .km-editorial-row{border-color:#ffffff22}.km-service-layout-identity .km-editorial-row h3{color:#fff}.km-service-layout-identity .km-editorial-intro p,.km-service-layout-identity .km-editorial-row p{color:#b9c5dc}.km-service-layout-canvas .km-editorial-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;border:0}.km-service-layout-canvas .km-editorial-row{display:block;border:1px solid #e3e8f4;border-radius:18px;padding:20px;background:#f8faff}.km-service-hero h1{font-size:clamp(1.8rem,3.4vw,3.1rem)}@media(max-width:900px){.km-editorial-shell{grid-template-columns:1fr;gap:22px}.km-editorial-intro{position:static}.km-service-layout-frames .km-editorial-rows,.km-service-layout-canvas .km-editorial-rows{grid-template-columns:1fr}}

/* v0.7.1 — light unified service pages, shared SEO-inspired hero */
.km-service-page{background:#fff;color:var(--km-ink)}
.km-service-page .km-service-hero{position:relative;isolation:isolate;overflow:hidden;min-height:510px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(25px,4vw,62px);padding:clamp(26px,3vw,34px);padding-block:clamp(42px,5vw,62px) clamp(54px,6vw,74px);align-items:center;border:1px solid #e3eaf8;border-radius:34px;background:linear-gradient(135deg,#fbfcff 0%,#f6f9ff 52%,#fdfdff 100%);box-shadow:0 26px 60px rgba(16,35,86,.055)}
.km-service-page .km-service-hero h1{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.42;letter-spacing:-.015em;margin:12px 0 18px;font-weight:800}
.km-service-page .km-service-hero p{font-size:1.02rem;line-height:1.95;max-width:610px;margin:0 0 24px;color:#637087}
.km-service-page .km-service-hero-visual{position:relative;z-index:1;min-height:350px;border-radius:30px;border:1px solid rgba(223,231,247,.88);background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(244,248,255,.92));box-shadow:0 20px 50px rgba(25,54,112,.08),inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden}
.km-service-page .km-service-hero-visual::before{content:"";position:absolute;inset:auto auto -28% -14%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(1,43,249,.12),transparent 67%);pointer-events:none}
.km-service-page .km-service-hero-visual::after{content:"";position:absolute;left:24px;top:24px;width:94px;height:94px;border-radius:28px;border:1px solid rgba(177,194,235,.42);background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.1));backdrop-filter:blur(2px);pointer-events:none}
.km-service-page .km-service-hero-visual img{position:relative;z-index:1;width:100%;max-width:100%;max-height:440px;height:auto;object-fit:contain}
.km-service-page .km-service-hero .km-btn{font-weight:550;font-size:.9rem;min-height:46px}
/* Keep surfaces bright everywhere — dark remains reserved for the main call to action */
.km-service-page .km-service-layout-metrics,.km-service-page .km-service-layout-identity{background:#f4f7ff;color:var(--km-ink)}
.km-service-page .km-service-layout-metrics .km-editorial-row,.km-service-page .km-service-layout-identity .km-editorial-row{border-color:#dce5f5}
.km-service-page .km-service-layout-metrics .km-editorial-row h3,.km-service-page .km-service-layout-identity .km-editorial-row h3{color:var(--km-ink)}
.km-service-page .km-service-layout-metrics .km-editorial-row p,.km-service-page .km-service-layout-metrics .km-editorial-intro p,.km-service-page .km-service-layout-identity .km-editorial-intro p,.km-service-page .km-service-layout-identity .km-editorial-row p{color:#62728b}
.km-service-page .km-seo-block-deliverables{background:#f3f7ff;color:var(--km-ink)}
.km-service-page .km-seo-block-deliverables .km-eyebrow{color:var(--km-primary)}
.km-service-page .km-seo-block-deliverables .km-seo-block-heading p{color:var(--km-muted)}
.km-service-page .km-seo-cards-deliverables .km-seo-card{border-color:#dbe4f4}
.km-service-page .km-seo-cards-deliverables .km-seo-card-number{background:#e4edff;color:var(--km-primary)}
.km-service-page .km-seo-cards-deliverables .km-seo-card h3{color:var(--km-ink)}
.km-service-page .km-seo-cards-deliverables .km-seo-card p{color:#637087}
.km-service-page .km-seo-cards-services .km-seo-card:first-child{background:#e7efff;border-color:#c8d9fa;color:var(--km-ink)}
.km-service-page .km-seo-cards-services .km-seo-card:first-child h3{color:#132550}
.km-service-page .km-seo-cards-services .km-seo-card:first-child p{color:#536985}
.km-service-page .km-seo-cards-services .km-seo-card:first-child .km-seo-card-number{color:var(--km-primary)}
/* Different rhythms and presentation patterns for each service, but one consistent design language. */
.km-service-page-web .km-feature-grid{grid-template-columns:1.25fr 1fr 1fr}
.km-service-page-web .km-feature:first-child{grid-row:span 2;background:linear-gradient(145deg,#edf3ff,#fff);border-color:#cad8f8}
.km-service-page-ads .km-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.km-service-page-ads .km-feature{border-inline-start:3px solid #d5e3ff;border-radius:12px;background:#fbfcff}
.km-service-page-support .km-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.km-service-page-support .km-feature{border:0;border-bottom:1px solid #dce5f3;border-radius:0;box-shadow:none;background:transparent;padding:25px 10px}
.km-service-page-content .km-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.km-service-page-content .km-feature{background:#fff;border-radius:9px;border-top:3px solid #dce6ff}
.km-service-page-video .km-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.km-service-page-video .km-feature:nth-child(3n+1){background:#edf3ff;border-color:#d5e2ff}
.km-service-page-landing .km-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.km-service-page-landing .km-feature:nth-child(2){transform:translateY(14px);background:#eef3ff}
.km-service-page-logo .km-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.km-service-page-logo .km-feature{border-radius:26px 8px 26px 8px;background:#fbfcff}
.km-service-page-banner .km-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.km-service-page-banner .km-feature:first-child{grid-column:span 2;background:#ecf3ff}
.km-service-page .km-feature-grid .km-feature h3{font-weight:650;font-size:1.08rem;line-height:1.55}
.km-service-page .km-feature-grid .km-feature p{font-size:.91rem;line-height:1.85}
.km-service-page .km-editorial-row h3{font-weight:650}
@media(max-width:950px){.km-service-page .km-service-hero{grid-template-columns:1fr;min-height:0;gap:24px;padding-block:42px 56px}.km-service-page .km-service-hero-visual{min-height:260px}.km-service-page .km-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-service-page-web .km-feature:first-child{grid-row:auto}.km-service-page-banner .km-feature:first-child{grid-column:span 2}}
@media(max-width:620px){.km-service-page .km-service-hero h1{font-size:clamp(1.85rem,7.2vw,2.45rem)}.km-service-page .km-service-hero p{font-size:.94rem}.km-service-page .km-feature-grid{grid-template-columns:1fr}.km-service-page-banner .km-feature:first-child{grid-column:auto}.km-service-page-landing .km-feature:nth-child(2){transform:none}}

/* 0.7.3 distinctive editorial highlights with lightweight entrance */
.km-service-highlights{background:#fff}.km-service-highlights-head{max-width:740px;margin-bottom:28px}.km-service-highlights-head h2{font-size:clamp(1.55rem,2.4vw,2.25rem);margin:8px 0}.km-service-highlights-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.km-service-highlight{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:18px;align-items:start;padding:24px;border-radius:20px;border:1px solid #e5ebf6;background:#fafdff;transition:transform .25s ease,border-color .25s ease}.km-service-highlight-num{display:grid;place-items:center;width:40px;height:40px;color:var(--km-primary);border-radius:12px;background:#edf2ff;font-weight:600}.km-service-highlight h3{margin:0 0 7px;font-size:1.05rem;font-weight:650}.km-service-highlight p{margin:0;color:#617088;font-size:.9rem;line-height:1.9}.km-service-highlight-arrow{font-size:1.2rem;color:#8ba2d5}.km-service-highlight:hover{transform:translateY(-3px);border-color:#b3c6fa}
.km-service-highlights-ads .km-service-highlights-layout,.km-service-highlights-support .km-service-highlights-layout,.km-service-highlights-content .km-service-highlights-layout{grid-template-columns:1fr}.km-service-highlights-ads .km-service-highlight{border-inline-start:3px solid var(--km-primary)}.km-service-highlights-support .km-service-highlight{border-radius:10px;background:#fff}.km-service-highlights-content .km-service-highlight{border:0;border-bottom:1px solid #dde5f3;border-radius:0;background:transparent}.km-service-highlights-web .km-service-highlight:first-child,.km-service-highlights-banner .km-service-highlight:first-child{background:#edf4ff;grid-column:span 2}.km-service-highlights-logo .km-service-highlight{border-radius:28px 6px 28px 6px}.km-service-highlights-landing .km-service-highlight{background:linear-gradient(140deg,#fff,#f4f9ff)}
@media(max-width:700px){.km-service-highlights-layout{grid-template-columns:1fr!important}.km-service-highlights-web .km-service-highlight:first-child,.km-service-highlights-banner .km-service-highlight:first-child{grid-column:span 1}.km-service-highlight{padding:17px;gap:10px;grid-template-columns:36px 1fr 15px}.km-service-highlight-num{height:34px;width:34px}}
@media(prefers-reduced-motion:reduce){.km-service-highlight{transition:none}}
@media(prefers-reduced-motion:no-preference){.km-service-highlight[data-km-reveal]{opacity:0;transform:translateY(13px);transition:opacity .42s ease,transform .42s ease,border-color .2s ease}.km-service-highlight[data-km-reveal].km-is-visible{opacity:1;transform:translateY(0)}.km-service-highlight[data-km-reveal].km-is-visible:hover{transform:translateY(-3px)}}

/* v0.7.4 varied editorial depth sections */
.km-deep{background:#fff}.km-deep-heading{max-width:780px;margin-bottom:28px}.km-deep-heading h2{font-size:clamp(1.45rem,2.4vw,2.2rem);margin:8px 0}.km-deep-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.km-deep-item{display:flex;gap:18px;align-items:start;padding:28px;border:1px solid #e5eafa;border-radius:20px;min-width:0;background:#fbfcff}.km-deep-number{font-size:.87rem;color:#012bf9;font-weight:600;opacity:.8}.km-deep-item h3{font-size:1.12rem;font-weight:650;margin:0 0 10px}.km-deep-item p{color:#546077;font-size:.94rem;line-height:1.95;margin:0 0 15px}.km-deep-item small{display:block;font-size:.75rem;color:#2953a2}.km-deep-web .km-deep-item:first-child,.km-deep-landing .km-deep-item:first-child{grid-column:span 2;background:linear-gradient(105deg,#f1f6ff,#fff)}.km-deep-ads .km-deep-list,.km-deep-support .km-deep-list{grid-template-columns:1fr}.km-deep-ads .km-deep-item{border-radius:6px 20px 20px 6px;border-right:4px solid #012bf9}.km-deep-support .km-deep-item{border-radius:12px;background:transparent;border-width:0 0 1px;box-shadow:none}.km-deep-content .km-deep-item,.km-deep-logo .km-deep-item{border-radius:9px;background:#fff}.km-deep-video .km-deep-item:nth-child(even),.km-deep-banner .km-deep-item:nth-child(odd){background:#eef4ff}.km-deep-banner .km-deep-list{grid-template-columns:repeat(3,minmax(0,1fr))}.km-deep-banner .km-deep-item:first-child{grid-column:span 2}.km-deep-item{transition:transform .22s ease,box-shadow .22s ease}.km-deep-item:hover{transform:translateY(-3px);box-shadow:0 10px 26px #10265912}@media(max-width:850px){.km-deep-list,.km-deep-banner .km-deep-list{grid-template-columns:1fr}.km-deep-web .km-deep-item:first-child,.km-deep-landing .km-deep-item:first-child,.km-deep-banner .km-deep-item:first-child{grid-column:auto}.km-deep-item{padding:20px}}@media(prefers-reduced-motion:reduce){.km-deep-item{transition:none}}

/* Premium service-specific compositions */
.km-premium-section{background:#fff}.km-premium-intro{max-width:760px;margin-bottom:32px}.km-premium-intro h2{font-size:clamp(1.45rem,2.45vw,2.25rem);margin:9px 0 12px;font-weight:700}.km-premium-intro p{font-size:.99rem;color:var(--km-muted);line-height:1.85}.km-premium-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.km-premium-card{min-width:0;padding:28px;border:1px solid #e1e7f2;border-radius:20px;background:#fff;transition:transform .23s,border-color .23s}.km-premium-card:hover{transform:translateY(-4px);border-color:#a5b7ff}.km-premium-card h3{font-size:1.1rem;font-weight:600;line-height:1.6;margin:16px 0 10px}.km-premium-card p{font-size:.89rem;line-height:1.85;color:#5d6a7e;margin:0}.km-premium-no{font-size:.82rem;font-weight:600;color:#012bf9}.km-premium-showcase .km-premium-cards{grid-template-columns:1.4fr 1fr 1fr}.km-premium-showcase .km-premium-card:first-child{grid-row:span 2;background:linear-gradient(145deg,#f0f4ff,#fff);display:flex;flex-direction:column;justify-content:center}.km-premium-showcase .km-premium-card:first-child h3{font-size:1.5rem}.km-premium-list{background:#f7f9fd}.km-premium-list .km-premium-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}.km-premium-list .km-premium-card{border:0;border-bottom:1px solid #dce3f2;border-radius:0;background:transparent;padding:22px 0}.km-premium-list .km-premium-card:hover{transform:none}.km-premium-steps .km-premium-cards{position:relative;gap:12px}.km-premium-steps .km-premium-card{border-top:3px solid #012bf9;border-radius:8px 8px 20px 20px;background:#fbfcff}.km-service-page-logo .km-premium-showcase .km-premium-card:first-child{background:linear-gradient(135deg,#f8f7f2,#eef3ff)}@media(max-width:980px){.km-premium-cards,.km-premium-showcase .km-premium-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.km-premium-showcase .km-premium-card:first-child{grid-row:auto}}@media(max-width:600px){.km-premium-cards,.km-premium-showcase .km-premium-cards,.km-premium-list .km-premium-cards{grid-template-columns:1fr}.km-premium-section{padding-block:56px}.km-premium-card{padding:20px}}@media(prefers-reduced-motion:reduce){.km-premium-card{transition:none}}

/* v0.7.6 service visual separation and navigation */
.km-service-page-nav{display:flex;align-items:center;gap:20px;position:sticky;top:83px;z-index:25;padding:12px 18px;border-radius:22px;background:rgba(255,255,255,.95);border:1px solid #e1e8f7;box-shadow:0 12px 32px #13294c0a;backdrop-filter:blur(12px);margin-block:0 24px;scroll-margin-top:140px}
.km-service-page-nav>span{font-size:.82rem;font-weight:600;color:#74819a;white-space:nowrap}.km-service-nav-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.km-service-nav-scroll::-webkit-scrollbar{display:none}.km-service-page-nav a{font-size:.8rem;font-weight:500;white-space:nowrap;border-radius:12px;padding:9px 14px;background:#f3f6fc;color:#283b5d;transition:background .2s,color .2s}.km-service-page-nav a:hover,.km-service-page-nav a:focus-visible{background:#edf1ff;color:#012bf9}
.km-service-hero-demo{width:100%;min-height:370px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:25px;background:linear-gradient(140deg,#e7efff,#fff 48%,#edf3ff);isolation:isolate}.km-service-hero-demo::before{content:"";position:absolute;width:320px;height:320px;border:1px solid #b9caff;border-radius:50%;transform:rotate(20deg)}.km-service-hero-demo::after{content:"";position:absolute;width:420px;height:420px;border:1px dashed #d2dcf3;border-radius:50%}.km-service-hero-demo.is-logo{background:linear-gradient(140deg,#f4f3ee,#fff 45%,#edf2ff)}.km-service-hero-demo.is-logo::before{border-radius:28% 56% 45% 18%;transform:rotate(-22deg);border:2px solid #aabcf5}.km-demo-center{position:relative;z-index:2;display:grid;justify-items:center;align-content:center;width:220px;min-height:210px;border:1px solid #d8e1f8;background:#ffffffd9;box-shadow:0 25px 60px #1429691a;border-radius:28px;text-align:center;gap:5px}.km-demo-center span{font-size:4.8rem;line-height:1.1;font-weight:750;color:#012bf9;letter-spacing:-.06em}.km-demo-center strong{font-size:.98rem;font-weight:600}.km-demo-center small{font-size:.7rem;color:#70809b}.km-demo-dotline{position:absolute;top:20px;right:24px;display:flex;gap:6px}.km-demo-dotline i{width:8px;height:8px;background:#d5def1;border-radius:50%}.km-demo-mini{position:absolute;width:65px;height:65px;border:1px solid #d2ddf5;background:#fff8;border-radius:20px;transform:rotate(22deg)}.km-demo-mini-a{left:9%;top:16%}.km-demo-mini-b{right:11%;bottom:14%;width:45px;height:45px;transform:rotate(-17deg)}
/* Website design: editorial panels and architectural diagrams */
.km-service-page-web .km-premium-showcase{background:#eef4ff}.km-service-page-web .km-premium-showcase .km-premium-cards{grid-template-columns:1.45fr 1fr 1fr;gap:17px}.km-service-page-web .km-premium-card{border-radius:16px 28px 16px 16px}.km-service-page-web .km-premium-showcase .km-premium-card:first-child{background:#e3ebff;border-color:#b8caff}.km-service-page-web .km-premium-list .km-premium-card{background:transparent;border-radius:0}
/* Logo studio: open exhibit rather than a web-card grid */
.km-service-page-logo .km-premium-section{background:#fff}.km-service-page-logo .km-premium-showcase .km-premium-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.km-service-page-logo .km-premium-showcase .km-premium-card{aspect-ratio:1/1.03;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:#fbfbf8;border:1px solid #dfdfdc;border-radius:50% 50% 23px 23px}.km-service-page-logo .km-premium-showcase .km-premium-card:first-child{grid-row:auto;background:#f6f3e8}.km-service-page-logo .km-premium-list{background:#f9f9f6}.km-service-page-logo .km-premium-list .km-premium-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.km-service-page-logo .km-premium-list .km-premium-card{border:1px solid #e5e5e1;border-radius:50px 12px 12px 12px;background:white;padding:28px}.km-service-page-logo .km-premium-steps .km-premium-card{border-top:0;border-right:3px solid #012bf9;border-radius:24px 7px 24px 24px}
.km-service-page-web .km-premium-card h3,.km-service-page-logo .km-premium-card h3{font-weight:600;font-size:1.02rem}.km-service-page-web .km-premium-card p,.km-service-page-logo .km-premium-card p{line-height:1.85}
#service-details,#service-process,#service-pricing,#service-portfolio,#service-faq,#service-longread{scroll-margin-top:165px}
@media(max-width:1050px){.km-service-page-web .km-premium-showcase .km-premium-cards,.km-service-page-logo .km-premium-showcase .km-premium-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.km-service-page-nav{top:70px}}
@media(max-width:650px){.km-service-page-nav{width:100%;border-radius:0;top:63px;gap:8px;padding:10px 14px}.km-service-page-nav>span{display:none}.km-service-page-web .km-premium-showcase .km-premium-cards,.km-service-page-logo .km-premium-showcase .km-premium-cards,.km-service-page-logo .km-premium-list .km-premium-cards{grid-template-columns:1fr}.km-service-page-logo .km-premium-showcase .km-premium-card{aspect-ratio:auto;border-radius:20px;min-height:170px}.km-service-hero-demo{min-height:280px}.km-demo-center{width:190px;min-height:188px}.km-demo-center span{font-size:3.7rem}}
@media(prefers-reduced-motion:reduce){.km-service-page-nav a{transition:none}}

/* Agency 0.7.7 – scoped editorial components */
.km-service-page-nav{position:relative!important;top:auto!important;z-index:3!important;margin-block:12px 40px!important;scroll-margin-top:120px}
.km-service-page-nav a{scroll-margin-top:110px}
.km-service-final.km-final-upgraded{min-height:250px;padding:clamp(30px,4vw,64px);background:radial-gradient(circle at 15% 20%,#1945b8,transparent 45%),linear-gradient(120deg,#102859,#081631);border:1px solid #33518a}
.km-final-upgraded .km-final-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.km-final-benefits span{font-size:.78rem;color:#e9f0ff;border:1px solid #ffffff35;padding:7px 12px;border-radius:50px}
.km-experience{background:#f7f9ff}.km-experience-heading{max-width:680px;margin-bottom:24px}.km-experience-heading h2{font-size:clamp(1.5rem,2.7vw,2.5rem);margin:10px 0}.km-experience-heading p{color:#52617c}.km-device-tabs,.km-logo-toggle{display:flex;gap:8px;margin-bottom:24px}.km-device-tabs button,.km-logo-toggle button{border:1px solid #dce5fa;background:#fff;color:#283b5d;border-radius:12px;padding:10px 17px;font-size:.87rem;font-weight:500}.km-device-tabs button.is-active,.km-logo-toggle button.is-active{background:var(--km-primary);color:#fff;border-color:var(--km-primary)}
.km-device-stage{min-height:410px;display:flex;align-items:center;justify-content:center}.km-browser-demo{width:min(850px,100%);border:9px solid #132750;border-radius:21px;background:#fff;box-shadow:0 25px 75px #19366b22;transition:width .45s cubic-bezier(.2,.8,.2,1)}.km-browser-demo.is-mobile{width:min(335px,100%)}.km-browser-chrome{height:35px;background:#eff3fb;border-radius:12px 12px 0 0;display:flex;gap:6px;align-items:center;padding:0 14px}.km-browser-chrome i{width:8px;height:8px;border-radius:50%;background:#b8c5dd}.km-browser-chrome span{font-size:10px;color:#8490a6;margin-inline-start:14px}.km-browser-screen{display:grid;grid-template-columns:1fr 1fr;min-height:290px;padding:35px;gap:15px;align-items:center}.km-browser-side b{font-size:11px;letter-spacing:2px;color:#2d56e0}.km-browser-side h3{font-size:clamp(1.05rem,2.5vw,1.7rem);margin:10px 0}.km-browser-side p{font-size:.8rem;color:#677795}.km-browser-side>span{font-size:.77rem;color:#fff;background:#012bf9;border-radius:8px;padding:8px 12px;display:inline-block}.km-browser-image{min-height:190px;background:#dbe5ff;border-radius:18px;display:grid;place-items:center;position:relative}.km-browser-object{width:110px;height:110px;border-radius:25px;background:linear-gradient(135deg,#012bf9,#8cb3ff);transform:rotate(-18deg)}.km-browser-mini{position:absolute;bottom:16px;left:15px;width:75px;height:34px;border-radius:10px;background:white;box-shadow:0 6px 22px #152e5a1c}.km-browser-demo.is-mobile .km-browser-screen{grid-template-columns:1fr;padding:22px}.km-browser-demo.is-mobile .km-browser-image{min-height:115px}.km-experience-notes{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:18px;color:#4b5e84;font-size:.82rem}
.km-logo-lab{min-height:350px;border-radius:28px;padding:36px;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;background:#fff;border:1px solid #dee5f4;transition:background .35s,color .35s}.km-logo-lab[data-logo-lab=dark]{background:#13213e;color:#fff}.km-logo-lab[data-logo-lab=accent]{background:#012bf9;color:#fff}.km-logo-mark-demo{text-align:center}.km-logo-mark-demo span{display:block;font-size:clamp(5rem,13vw,10rem);font-weight:900;letter-spacing:-.09em;line-height:1.2}.km-logo-mark-demo small{font-size:.7rem;letter-spacing:3px}.km-logo-applications{display:flex;gap:12px;align-items:end}.km-logo-applications>div{flex:1;aspect-ratio:.85;border-radius:16px;background:#f2f5fc;color:#152c62;display:flex;flex-direction:column;justify-content:space-between;padding:15px;gap:10px}.km-logo-applications b{font-size:2.4rem}.km-logo-applications span{font-size:.75rem}.km-experience-footnote{font-size:.8rem;color:#63728f;margin-top:18px}
.km-agency-page h1{font-size:clamp(2rem,4vw,3.55rem);line-height:1.4}.km-agency-page h2{font-size:clamp(1.45rem,2.6vw,2.4rem)}.km-agency-page p{line-height:1.95}.km-agency-hero{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center;padding-block:85px 105px}.km-agency-hero>div>p{font-size:1.06rem;color:#58667e;max-width:620px}.km-agency-hero .km-btn{margin-top:22px}.km-agency-visual>img{width:100%;max-height:470px;object-fit:contain;border-radius:26px}.km-about-art,.km-contact-art{min-height:400px;border-radius:35px;background:#edf3ff;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #dce6fd}.km-about-art>span{font-size:clamp(5rem,10vw,9rem);font-weight:900;color:#012bf9;letter-spacing:-.07em}.km-about-art i{position:absolute;font-style:normal;font-size:.65rem;letter-spacing:3px;color:#506ea2}.km-about-art i:nth-child(2){top:15%;left:16%}.km-about-art i:nth-child(3){right:11%;bottom:13%}.km-about-art i:nth-child(4){left:15%;bottom:20%}.km-contact-art{background:radial-gradient(circle at 80% 15%,#b7ceff,transparent 45%),#f3f7ff;align-content:center;gap:5px}.km-contact-art span{font-size:clamp(3.8rem,9vw,7.8rem);font-weight:900;color:#012bf9;letter-spacing:-.08em;line-height:1}.km-contact-art i{font-style:normal;color:#657caa}.km-agency-story{background:#f8faff;padding-block:95px}.km-agency-split{display:grid;grid-template-columns:1fr 2fr;gap:80px}.km-agency-story-index{font-size:clamp(5rem,11vw,9rem);font-weight:900;color:#dce5f9;line-height:1}.km-agency-story-index span{display:block;font-size:.8rem;letter-spacing:3px;color:#7186aa}.km-agency-story p{color:#53617c;max-width:780px}.km-about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.km-about-value{padding:30px;border-radius:20px;border:1px solid #e0e8f7;background:white}.km-about-value>span{font-weight:500;color:#012bf9;font-size:.9rem}.km-about-value h3{font-size:1.13rem;margin:12px 0 5px}.km-about-value p{font-size:.91rem;color:#69758e;margin:0}.km-about-process{background:#f6f9ff}.km-about-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.km-about-steps article{border-top:2px solid #b4c7ff;padding-top:22px}.km-about-steps b{font-size:1.4rem;color:#012bf9}.km-about-steps h3{font-size:1.1rem}.km-about-steps p{font-size:.86rem;color:#5a6a87}.km-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.km-reveal.is-visible{opacity:1;transform:none}.km-agency-bottom{text-align:center;background:#0d204a;color:#fff;border-radius:26px;padding:56px 25px;margin-block:65px}.km-agency-bottom p{color:#cbdaef;max-width:670px;margin:12px auto 25px}.km-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.km-contact-tile{display:block;padding:30px;border-radius:22px;border:1px solid #dfE8f7;background:#fff;transition:transform .2s,box-shadow .2s}.km-contact-tile:hover{transform:translateY(-4px);box-shadow:0 14px 28px #172f6610}.km-contact-tile>span{font-size:.76rem;color:#6b80aa}.km-contact-tile h3{font-size:1.4rem;margin:15px 0 9px}.km-contact-tile small{font-size:.82rem;color:#657695}.km-contact-address{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px;margin-top:35px;border-radius:24px;background:#f5f8ff}.km-contact-address h2{margin:8px 0}.km-contact-address p{margin:6px 0;color:#596981}
@media(max-width:850px){.km-agency-hero,.km-agency-split{grid-template-columns:1fr;gap:25px}.km-agency-hero{padding-block:44px}.km-agency-visual{order:-1}.km-about-steps{grid-template-columns:repeat(2,1fr)}.km-contact-address{display:block}.km-contact-address .km-btn{margin-top:18px}}@media(max-width:600px){.km-about-values-grid,.km-contact-grid,.km-logo-lab{grid-template-columns:1fr}.km-about-steps{grid-template-columns:1fr}.km-logo-applications{gap:8px}.km-agency-bottom{padding:35px 20px}.km-browser-demo.is-mobile{width:90%}.km-contact-tile{padding:22px}.km-about-art,.km-contact-art{min-height:270px}}@media(prefers-reduced-motion:reduce){.km-reveal{opacity:1;transform:none;transition:none}.km-browser-demo,.km-logo-lab{transition:none}}

/* v0.7.9 calmer agency mastheads, contact channels & image-fitting service visuals */
.km-agency-masthead{padding-block:64px 42px;max-width:1100px;text-align:center;position:relative}
.km-agency-masthead::before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#012bf914,transparent 70%);inset:-15px auto auto 4%;pointer-events:none}
.km-agency-masthead h1{font-size:clamp(1.9rem,3.5vw,3rem);font-weight:750;letter-spacing:-.025em;margin:12px auto 14px;max-width:850px}
.km-agency-masthead p{color:var(--km-muted);font-size:clamp(.94rem,1.35vw,1.06rem);line-height:1.95;max-width:750px;margin:0 auto 22px}
.km-agency-masthead .km-btn{font-weight:500}
.km-agency-contact .km-contact-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.km-agency-contact .km-contact-tile{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.km-agency-contact .km-contact-tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px #14244a10}
.km-contact-whatsapp{background:linear-gradient(155deg,#f4fff8,#fff);border-color:#c9f4d9!important}
.km-contact-whatsapp h3,.km-contact-whatsapp span{color:#128c50}
.km-contact-telegram{background:linear-gradient(155deg,#f3faff,#fff);border-color:#d6edfa!important}
.km-contact-telegram h3,.km-contact-telegram span{color:#1988c5}
.km-contact-instagram{background:linear-gradient(155deg,#fff5fb,#fff);border-color:#f7d9ed!important}
.km-contact-instagram h3,.km-contact-instagram span{color:#c13584}
.km-contact-bale{background:linear-gradient(155deg,#f3f9ff,#fff)}
.km-contact-map{border-radius:25px;overflow:hidden;border:1px solid var(--km-border);margin:30px 0;background:#f5f7fc}
.km-contact-map iframe{display:block;width:100%;height:clamp(300px,35vw,420px);border:0}
.km-service-page .km-service-hero::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:
radial-gradient(circle at 12% 16%,rgba(1,43,249,.08),transparent 17%),
radial-gradient(circle at 87% 18%,rgba(255,180,20,.11),transparent 18%),
radial-gradient(circle at 82% 78%,rgba(1,43,249,.07),transparent 20%),
linear-gradient(rgba(162,177,213,.18) 1px,transparent 1px),
linear-gradient(90deg,rgba(162,177,213,.18) 1px,transparent 1px),
linear-gradient(135deg,#fbfcff 0%,#f6f9ff 52%,#fdfdff 100%);
background-size:auto,auto,auto,36px 36px,36px 36px,100% 100%;background-position:center,center,center,center,center,center;opacity:1}
.km-service-page .km-service-hero::after{content:"";position:absolute;left:-7%;bottom:-28%;width:340px;height:340px;border-radius:50%;border:1px solid rgba(178,194,236,.55);box-shadow:0 0 0 20px rgba(230,236,249,.7),0 0 0 44px rgba(243,246,253,.88);z-index:-1;pointer-events:none;opacity:.72}
.km-service-page .km-service-hero > *{position:relative;z-index:1}
.km-service-page .km-service-hero-visual:has(img){height:auto!important;min-height:0!important;padding:0!important;aspect-ratio:auto!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.km-service-page .km-service-hero-visual:has(img)::before,.km-service-page .km-service-hero-visual:has(img)::after{display:none!important}
.km-service-page .km-service-hero-visual:has(img) img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0!important;border-radius:24px;filter:drop-shadow(0 18px 34px rgba(21,48,109,.08))}
@media(max-width:767px){.km-agency-masthead{padding-block:42px 22px}.km-service-page .km-service-hero{padding:22px;padding-block:30px 38px;border-radius:24px}.km-service-page .km-service-hero::before{background-size:auto,auto,auto,24px 24px,24px 24px,100% 100%}.km-service-page .km-service-hero::after{width:210px;height:210px;left:-16%;bottom:-19%;box-shadow:0 0 0 14px rgba(230,236,249,.75),0 0 0 28px rgba(243,246,253,.9)}}
@media(prefers-reduced-motion:reduce){.km-agency-contact .km-contact-tile{transition:none}}

/* Kalameh v0.8.0 — core menu-powered mega dropdown */
@media(min-width:1051px){
.km-header,.km-header-inner{overflow:visible}.km-nav{position:static}
.km-menu>li.km-has-mega{position:static;display:flex;align-items:center;gap:6px}
.km-toggle-icon{display:grid;place-items:center;width:100%;height:100%}
.km-toggle-icon svg{width:16px;height:16px;display:block}
.km-mega-toggle{appearance:none;display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid transparent;border-radius:10px;background:linear-gradient(180deg,#f7f9fe,#eef3fb);color:#41506e;padding:0;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.km-mega-toggle:hover,.km-mega-toggle:focus-visible{background:linear-gradient(180deg,#edf3ff,#e4ecff);border-color:#d7e2fb;color:#0f2f8f;box-shadow:0 10px 20px rgba(20,40,95,.08),inset 0 1px 0 rgba(255,255,255,.85)}
.km-mega-open>.km-mega-toggle{transform:rotate(180deg);background:linear-gradient(180deg,#eaf0ff,#dfe9ff);border-color:#cad8ff;color:#012bf9;box-shadow:0 10px 20px rgba(1,43,249,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.km-menu>li.km-has-mega>.sub-menu{right:18px;left:18px;top:calc(100% - 2px);width:auto;min-width:0;max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:24px;border-radius:24px;background:rgba(255,255,255,.98);border:1px solid #e3eafa;box-shadow:0 24px 75px rgba(10,30,80,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:200}
.km-menu>li.km-has-mega.km-mega-open>.sub-menu,.km-menu>li.km-has-mega:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.km-menu>li.km-has-mega>.sub-menu>li{min-width:0;position:relative}
.km-menu>li.km-has-mega>.sub-menu>li>a{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid transparent;border-radius:16px;min-height:78px;transition:background .18s,border-color .18s,transform .18s;color:#182344}
.km-menu>li.km-has-mega>.sub-menu>li>a:hover,.km-menu>li.km-has-mega>.sub-menu>li>a:focus-visible{background:#f2f6ff;border-color:#dce6ff;transform:translateY(-2px)}
.km-menu-item-icon{flex:0 0 43px;width:43px;height:43px;object-fit:contain;border-radius:12px;padding:7px;background:#edf3ff}
.km-menu-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;font-weight:600;line-height:1.55}
.km-menu-item-desc{display:block;color:#68778f;font-size:12px;font-weight:400;line-height:1.6}
.km-menu>li.km-has-mega>.sub-menu>li>.sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;min-width:0;padding:0 16px 10px;background:transparent}
.km-menu>li.km-has-mega>.sub-menu>li>.sub-menu a{font-size:12px;font-weight:400;color:#66748c;padding:4px 8px}
}
@media(max-width:1050px){
.km-mobile-menu li{position:relative}
.km-mobile-menu li>.sub-menu[hidden]{display:none!important}
.km-mobile-sub-toggle{position:absolute;left:6px;top:5px;width:36px;height:36px;border:1px solid #e1e7f4;border-radius:12px;background:linear-gradient(180deg,#f7f9fe,#eef3fb);color:#41506e;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.92);transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.km-mobile-sub-toggle:hover,.km-mobile-sub-toggle:focus-visible{background:linear-gradient(180deg,#edf3ff,#e4ecff);border-color:#d7e2fb;color:#0f2f8f}
.km-mobile-sub-toggle[aria-expanded="true"]{background:linear-gradient(180deg,#eaf0ff,#dfe9ff);border-color:#cad8ff;color:#012bf9}
.km-mobile-sub-toggle[aria-expanded="true"] .km-toggle-icon{transform:rotate(180deg)}
.km-mobile-sub-toggle .km-toggle-icon{transition:transform .18s ease}
.km-mobile-menu .km-menu-item-icon{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin-inline-end:7px}
.km-mobile-menu .km-menu-item-copy{display:inline-flex;flex-direction:column;vertical-align:middle;font-weight:600}
.km-mobile-menu .km-menu-item-desc{font-size:11px;font-weight:400;color:#718099}
.km-mobile-nav{max-height:calc(100dvh - 100px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.km-mega-toggle,.km-menu>li.km-has-mega>.sub-menu,.km-menu>li.km-has-mega>.sub-menu>li>a{transition:none!important}}

/* Support and content, independent visual systems */
.km-sc-section{background:#f6f9ff}.km-sc-head{max-width:760px;margin-bottom:28px}.km-sc-head h2{font-size:clamp(1.55rem,2.45vw,2.2rem);margin:9px 0}.km-sc-head p{color:var(--km-muted);margin:0;font-size:.96rem;line-height:1.9}.km-sc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.km-sc-card{position:relative;min-width:0;background:white;border:1px solid #e3eafa;border-radius:22px;padding:28px;transition:transform .24s,box-shadow .24s}.km-sc-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px #092c7810}.km-sc-card-label{display:flex;gap:14px;align-items:center;color:var(--km-primary);font-weight:600}.km-sc-card-label span{font-size:1.5rem;line-height:1}.km-sc-card-label small{font-size:.76rem;font-weight:500}.km-sc-card h3{font-size:1.22rem;line-height:1.5;font-weight:650;margin:17px 0 9px}.km-sc-card p{font-size:.91rem;line-height:1.95;color:#52617a;margin:0}.km-sc-support .km-sc-card:nth-child(1){grid-row:span 2;background:linear-gradient(145deg,#e9efff,#fff);display:flex;flex-direction:column;justify-content:center;border-right:4px solid var(--km-primary)}.km-sc-support .km-sc-grid{grid-template-columns:1.15fr 1fr 1fr}.km-sc-support .km-sc-card:nth-child(1){grid-row:span 2}.km-sc-support .km-sc-card:nth-child(4){grid-column:span 2}.km-sc-content{background:#fff}.km-sc-content .km-sc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.km-sc-content .km-sc-card{padding:22px;border-radius:12px 24px 12px 24px;border-top:3px solid var(--km-primary);background:#f9fbff}.km-sc-content .km-sc-card:nth-child(even){transform:translateY(16px)}.km-sc-content .km-sc-card:nth-child(even):hover{transform:translateY(12px)}@media(max-width:1000px){.km-sc-support .km-sc-grid,.km-sc-content .km-sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-sc-support .km-sc-card:nth-child(1),.km-sc-support .km-sc-card:nth-child(4){grid-row:auto;grid-column:auto}.km-sc-content .km-sc-card:nth-child(even){transform:none}}@media(max-width:620px){.km-sc-grid,.km-sc-support .km-sc-grid,.km-sc-content .km-sc-grid{grid-template-columns:1fr}.km-sc-card{padding:22px}.km-sc-card h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.km-sc-card{transition:none}}


/* v0.8.2 refined contact page + calmer button typography */
.km-btn{font-weight:600;letter-spacing:-.01em}
.km-contact-section-refined{padding-top:38px}
.km-contact-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.km-contact-grid-compact .km-contact-tile{padding:20px 22px;min-height:168px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate}
.km-contact-grid-compact .km-contact-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(255,255,255,.98));z-index:-1}
.km-contact-grid-compact .km-contact-tile>span{font-size:.75rem;font-weight:500;line-height:1.6}
.km-contact-grid-compact .km-contact-tile h3{font-size:1.18rem;line-height:1.6;margin:10px 0 5px;font-weight:700}
.km-contact-grid-compact .km-contact-phone h3{font-size:1.5rem;letter-spacing:.01em}
.km-contact-grid-compact .km-contact-tile small{font-size:.86rem;line-height:1.85;color:#6d7990}
.km-contact-phone{background:linear-gradient(160deg,#fbfcff,#fff);border-color:#dbe5f7!important}
.km-contact-phone h3,.km-contact-phone span{color:#18254a}
.km-contact-whatsapp{background:linear-gradient(160deg,#f2fff7,#fff);border-color:#c8f0d4!important}
.km-contact-whatsapp h3,.km-contact-whatsapp span{color:#128c50}
.km-contact-telegram{background:linear-gradient(160deg,#f3fbff,#fff);border-color:#cfe9fb!important}
.km-contact-telegram h3,.km-contact-telegram span{color:#1988c5}
.km-contact-bale{background:linear-gradient(160deg,#f6f8ff,#fff);border-color:#dae3ff!important}
.km-contact-bale h3,.km-contact-bale span{color:#3459b6}
.km-contact-instagram-banner{margin-top:18px;display:grid;grid-template-columns:1.2fr auto;gap:18px;align-items:center;padding:28px 32px;border-radius:28px;border:1px solid #f0d8ea;background:radial-gradient(circle at 12% 18%,rgba(255,201,230,.28),transparent 24%),radial-gradient(circle at 92% 20%,rgba(197,53,132,.12),transparent 28%),linear-gradient(135deg,#fff7fb,#fff);overflow:hidden;position:relative;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.km-contact-instagram-banner:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(193,53,132,.08);border-color:#eab7d8}
.km-contact-instagram-banner::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(193,53,132,.08),transparent 66%);left:-60px;bottom:-110px}
.km-contact-instagram-tag{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#9e3971;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid #f0d8ea}
.km-contact-instagram-copy h3{font-size:clamp(1.35rem,2.3vw,2.05rem);line-height:1.45;margin:16px 0 8px;color:#9c2568;font-weight:760}
.km-contact-instagram-copy p{margin:0;color:#6c6180;line-height:1.95;max-width:620px}
.km-contact-instagram-badge{display:grid;place-items:center;min-width:230px;min-height:110px;border-radius:24px;border:1px solid rgba(193,53,132,.16);background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(255,255,255,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.km-contact-instagram-badge strong{font-size:1.05rem;color:#c13584;direction:ltr;font-weight:700}
.km-contact-bottom-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px;align-items:stretch;margin-top:22px}
.km-contact-bottom-row .km-contact-map{margin:0;height:100%}
.km-contact-bottom-row .km-contact-map iframe{height:100%;min-height:420px}
.km-contact-consult-card{border:1px solid #dfe8f8;border-radius:28px;padding:30px 28px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 36px rgba(15,31,75,.05);display:flex;flex-direction:column;justify-content:center}
.km-contact-consult-card h3{font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.55;margin:10px 0 12px;font-weight:760;color:#172247}
.km-contact-consult-card p{margin:0;color:#5e6d85;line-height:1.95}
.km-contact-consult-points{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:10px}
.km-contact-consult-points li{position:relative;padding-right:18px;color:#324261;font-size:.93rem;line-height:1.9}
.km-contact-consult-points li::before{content:"";position:absolute;right:0;top:.88em;width:8px;height:8px;border-radius:50%;background:#012bf9;box-shadow:0 0 0 6px rgba(1,43,249,.08)}
.km-contact-consult-card .km-btn{align-self:flex-start;min-height:50px;padding:8px 14px 8px 22px;border-radius:16px;font-weight:560;gap:10px;box-shadow:0 14px 28px rgba(1,43,249,.18)}
.km-contact-consult-card .km-btn .km-btn-symbol{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:11px;background:#0c1b4c;color:#fff;display:grid;place-items:center}
.km-agency-contact .km-agency-bottom{display:none}
@media(max-width:1100px){.km-contact-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.km-contact-bottom-row{grid-template-columns:1fr}.km-contact-bottom-row .km-contact-map iframe{min-height:360px}.km-contact-consult-card .km-btn{align-self:stretch;justify-content:center}}
@media(max-width:767px){.km-contact-instagram-banner{grid-template-columns:1fr;padding:22px 20px}.km-contact-instagram-badge{min-width:0;min-height:88px}.km-contact-grid-compact{grid-template-columns:1fr}.km-contact-grid-compact .km-contact-tile{min-height:150px;padding:18px 18px}.km-contact-grid-compact .km-contact-phone h3{font-size:1.35rem}.km-contact-bottom-row .km-contact-map iframe{min-height:300px}.km-contact-consult-card{padding:24px 20px}.km-contact-consult-card .km-btn{width:100%}}


/* Kalameh 0.8.5: deliberate geometric service hero / aligned dropdown */
.km-service-page .km-service-hero{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #dce6f9;border-radius:30px;
  background:#f8faff;
  box-shadow:0 22px 60px rgba(26,45,94,.055);
  min-height:490px;
}
/* Entire hero design is on top of the base background, beneath the actual content. */
.km-service-page .km-service-hero::before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:1;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 23.5%,rgba(1,43,249,.035) 24%,transparent 24.5%) 0 0/300px 300px,
    linear-gradient(135deg,transparent 74.5%,rgba(1,43,249,.05) 75%,transparent 75.5%) 0 0/250px 250px,
    radial-gradient(circle at 86% 19%,rgba(255,180,20,.15),transparent 23%),
    radial-gradient(circle at 13% 80%,rgba(1,43,249,.075),transparent 28%),
    linear-gradient(120deg,#fff 3%,#f6f9ff 52%,#eef4ff 100%) !important;
}
.km-service-page .km-service-hero::after{
  content:"";position:absolute;z-index:0;left:-90px;bottom:-125px;
  width:min(34vw,410px);height:min(34vw,410px);min-width:240px;min-height:240px;
  border-radius:50%;border:1px solid rgba(1,43,249,.14);
  box-shadow:0 0 0 22px rgba(1,43,249,.025),0 0 0 50px rgba(1,43,249,.025),0 0 0 78px rgba(1,43,249,.018);
  opacity:1;pointer-events:none;
}
.km-service-page .km-service-hero > div{position:relative;z-index:1}
.km-service-page .km-service-hero>div:first-child{padding-inline:clamp(4px,2vw,24px)}
.km-service-page .km-service-hero-visual:has(img){background:transparent!important;box-shadow:none!important}
/* Desktop mega trigger: one centered, balanced, subtle chevron beside the label. */
@media(min-width:1051px){
.km-header .km-menu>li.km-has-mega{display:inline-flex;align-items:center;justify-content:center;gap:5px;vertical-align:middle}
.km-header .km-menu>li.km-has-mega>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 2px;line-height:1.45;font-weight:600}
.km-header .km-menu>li.km-has-mega>.km-mega-toggle{
  display:grid;place-items:center;align-self:center;flex:0 0 25px;
  width:25px;height:25px;min-width:25px;min-height:25px;
  padding:0!important;margin:0;border:1px solid #e2e9f8;border-radius:8px;
  color:#536783;background:#f5f8ff;box-shadow:none;
  font-size:0;line-height:0;transform:none;
}
.km-header .km-menu>li.km-has-mega>.km-mega-toggle .km-toggle-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;line-height:0}
.km-header .km-menu>li.km-has-mega>.km-mega-toggle svg{display:block;width:15px;height:15px;flex:none;transition:transform .18s ease}
.km-header .km-menu>li.km-has-mega>.km-mega-toggle:hover{border-color:#c4d2fa;background:#ebf1ff;color:#012bf9}
.km-header .km-menu>li.km-has-mega.km-mega-open>.km-mega-toggle{background:#e7eeff;color:#012bf9;border-color:#c7d7ff;transform:none}
.km-header .km-menu>li.km-has-mega.km-mega-open>.km-mega-toggle svg{transform:rotate(180deg)}
}
@media(max-width:767px){
.km-service-page .km-service-hero{border-radius:22px}
.km-service-page .km-service-hero::after{width:210px;height:210px;left:-70px;bottom:-105px}
}
@media(prefers-reduced-motion:reduce){.km-header .km-menu>li.km-has-mega>.km-mega-toggle svg{transition:none}}

/* v0.8.6 Mobile layout reset: never expose desktop primary navigation on phones */
.km-mobile-nav[hidden]{display:none!important}
@media(max-width:1050px){
 .km-header{position:relative;z-index:100;padding:8px 0!important}
 .km-header .km-header-inner{width:min(calc(100% - 28px),var(--km-width));display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:60px!important;padding:8px 10px!important;border-radius:16px}
 .km-header .km-nav,.km-header .km-menu{display:none!important}
 .km-header .km-brand{display:flex!important;flex:0 1 auto;min-width:0;max-width:145px!important;margin:0!important;order:0}
 .km-header .km-brand img,.km-header .km-brand svg{display:block;max-width:100%!important;max-height:35px!important;width:auto!important;height:auto!important;object-fit:contain}
 .km-header .km-header-cta{order:1;margin:0!important;flex:0 0 auto;min-width:0;max-width:calc(100vw - 220px);height:43px!important;min-height:43px!important;padding:5px 9px!important;gap:7px!important;white-space:nowrap;border-radius:12px!important;font-size:clamp(.68rem,2.6vw,.82rem)!important;font-weight:500!important}
 .km-header .km-header-cta .km-btn-symbol{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;flex:0 0 29px!important;padding:7px!important;border-radius:9px}
 .km-header .km-menu-toggle{display:flex!important;order:2;flex:0 0 42px;width:42px!important;height:42px!important;padding:10px!important;margin:0!important;border:1px solid #e1e8f7;border-radius:12px;background:#f8faff;align-items:center;justify-content:center;gap:5px}
 .km-header .km-menu-toggle span{display:block;width:19px;height:2px;background:#15234b;border-radius:5px}
 .km-header .km-mobile-nav:not([hidden]){display:block!important;position:absolute;top:calc(100% + 4px);right:14px;left:14px;width:auto;max-height:min(75dvh,650px);overflow-y:auto;padding:12px 14px;background:#fff;border:1px solid #dfe7f5;border-radius:18px;box-shadow:0 22px 55px #111e3924;z-index:200}
 .km-header .km-mobile-menu{display:flex!important;flex-direction:column;list-style:none;padding:0;margin:0;gap:0}
 .km-header .km-mobile-menu>li{width:100%;min-width:0;position:relative;border-bottom:1px solid #eef2f9}
 .km-header .km-mobile-menu>li:last-child{border:0}
 .km-header .km-mobile-menu a{display:block;padding:12px 44px 12px 10px;white-space:normal;font-size:.9rem;font-weight:550;line-height:1.65}
 .km-header .km-mobile-menu .sub-menu{display:block;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:3px 10px 10px;background:#f8faff;border-radius:12px;list-style:none}
 .km-header .km-mobile-menu .sub-menu[hidden]{display:none!important}
 .km-header .km-mobile-sub-toggle{top:7px;left:4px}
 body{overflow-x:clip}
 .km-container{width:min(calc(100% - 28px),var(--km-width))}
 .km-home-hero .km-hero-stage{display:block!important;min-height:0!important;padding:0!important}
 .km-home-hero .km-hero-slide{display:none!important;position:relative!important;inset:auto!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:38px 0 16px!important;min-height:0!important;transform:none!important}
 .km-home-hero .km-hero-slide.is-active{display:grid!important;opacity:1!important;visibility:visible!important}
 .km-home-hero .km-hero-content,.km-home-hero .km-hero-visual{width:100%!important;max-width:100%!important;min-width:0!important}
 .km-home-hero .km-hero-content h1{font-size:clamp(1.75rem,7vw,2.65rem)!important;line-height:1.55!important;overflow-wrap:anywhere}
 .km-home-hero .km-hero-content>p{font-size:.94rem!important;line-height:1.85!important;max-width:100%!important}
 .km-home-hero .km-hero-visual{min-height:0!important;max-height:none!important}
 .km-home-hero .km-hero-visual img{max-width:100%;height:auto;object-fit:contain}
 .km-home-hero .km-hero-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 0 22px;position:relative!important;inset:auto!important}
 .km-team-section{display:flex!important;flex-direction:column!important;gap:25px!important;min-height:0!important;padding-block:45px!important}
 .km-team-copy{width:100%!important;min-width:0}
 .km-team-copy h2{font-size:clamp(1.6rem,6vw,2.15rem)!important;line-height:1.55!important}
 .km-team-orbit{width:min(100%,440px)!important;max-width:440px!important;aspect-ratio:1;min-height:0!important;transform:none!important;margin:10px auto 0}
 .km-member-center{width:min(47%,200px)!important;min-width:0!important;max-width:200px!important;padding:12px!important;gap:3px!important;border-radius:18px!important}
 .km-member-center strong{font-size:clamp(.8rem,3vw,1.05rem)!important;line-height:1.5}
 .km-member-center span{font-size:clamp(.68rem,2.4vw,.85rem)!important}
 .km-center-photo{width:min(100%,94px)!important;height:auto!important;aspect-ratio:1;border-radius:12px!important}
 .km-member-dot{width:clamp(42px,12vw,58px)!important;height:clamp(42px,12vw,58px)!important;transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(clamp(-164px,-36vw,-115px)) rotate(calc(-360deg * var(--index) / var(--total)))!important}
 .km-service-page .km-service-hero{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
 .km-service-page .km-service-hero-visual{min-height:0!important}
}
@media(max-width:420px){
 .km-header .km-brand{max-width:110px!important}
 .km-header .km-header-cta{max-width:calc(100vw - 185px);padding:4px 7px!important}
 .km-header .km-menu-toggle{flex-basis:38px;width:38px!important;height:38px!important}
 .km-member-dot{transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-35vw) rotate(calc(-360deg * var(--index) / var(--total)))!important}
}
@media(prefers-reduced-motion:reduce){.km-header .km-mobile-nav,.km-member-dot{transition:none!important}}


/* v0.8.7 — Desktop-only team orbit refinement */
@media (min-width: 1101px) {
  .km-team-section{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:50px;min-height:710px}
  .km-team-orbit{max-width:590px;min-height:590px}
  .km-team-orbit .km-member-center{width:290px;min-width:290px;max-width:290px;min-height:365px;padding:24px 25px 22px;gap:10px;border-radius:30px;border-color:#cfdaff;box-shadow:0 25px 75px rgba(20,45,110,.12),0 0 0 7px rgba(244,247,255,.8)}
  .km-team-orbit .km-center-photo{width:180px;height:205px;border-radius:20px;background-position:center;background-size:cover;box-shadow:0 10px 25px rgba(14,34,80,.10)}
  .km-team-orbit .km-member-center strong{font-size:1.28rem;line-height:1.6;font-weight:700}
  .km-team-orbit .km-member-center span{font-size:.92rem;line-height:1.7}
  .km-team-orbit .km-member-dot{width:86px;height:86px;transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-237px) rotate(calc(-360deg * var(--index) / var(--total)));transition:outline-color .23s,box-shadow .23s,filter .23s}
  .km-team-orbit .km-member-dot:hover{outline-color:var(--km-primary);box-shadow:0 10px 25px rgba(1,43,249,.18)}
  .km-team-orbit .km-member-center.km-team-card-enter{animation:km-team-switch-desktop .52s cubic-bezier(.2,.75,.25,1) both}
  .km-team-orbit .km-team-progress-fill{stroke-width:2.8;transition:stroke-dashoffset 3.5s cubic-bezier(.2,.7,.2,1)}
}
@keyframes km-team-switch-desktop{from{opacity:.3;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.km-team-orbit .km-member-center.km-team-card-enter{animation:none!important}.km-team-progress-fill{transition:none!important}}

/* Video showcase and premium video editing service — 0.8.8 */
.km-sv-section{background:linear-gradient(145deg,#f6f8ff,#fff 67%);border-block:1px solid #e9eef9;overflow:hidden}
.km-sv-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(26px,5vw,70px);align-items:center}
.km-sv-media{min-width:0;position:relative}.km-sv-screen{aspect-ratio:16/9;overflow:hidden;border:7px solid #fff;border-radius:26px;background:#0e1733;box-shadow:0 24px 60px #17295324;position:relative}
.km-sv-screen video,.km-sv-screen iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}
.km-sv-media-label{display:inline-block;margin:12px 2px 0;color:#6c7890;font-size:.78rem}
.km-sv-copy h2{font-size:clamp(1.45rem,2.4vw,2.15rem);font-weight:720;line-height:1.5;margin:10px 0 16px}
.km-sv-copy>p{font-size:.96rem;line-height:1.95;color:#56647e;margin:0 0 19px}
.km-sv-rule{display:block;width:70px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--km-primary),#a6baff);margin-bottom:17px}
.km-sv-note{display:flex;gap:13px;align-items:baseline;padding:12px 0;border-bottom:1px solid #e5ebf6;font-size:.86rem;line-height:1.8;color:#54647b}
.km-sv-note>span:first-child{color:var(--km-primary);font-weight:650}
.km-video-premium{position:relative;overflow:hidden}.km-video-premium-heading{max-width:735px;margin-bottom:32px}.km-video-premium-heading h2{font-size:clamp(1.5rem,2.45vw,2.3rem);line-height:1.45;font-weight:720;margin:11px 0}.km-video-premium-heading p{color:#5d6880;font-size:.96rem;line-height:1.9;margin:0}
.km-video-premium-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.km-video-premium-card{padding:26px 23px;min-width:0;border-radius:22px;border:1px solid #e1e8f5;background:#fff;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.km-video-premium-card>span{display:inline-flex;align-items:center;font-size:.73rem;font-weight:630;color:var(--km-primary);background:#eef2ff;border-radius:99px;padding:6px 12px;margin-bottom:28px}
.km-video-premium-card h3{font-size:1.06rem;line-height:1.6;font-weight:660;margin:0 0 12px}.km-video-premium-card p{font-size:.87rem;line-height:1.9;color:#647188;margin:0}
.km-video-premium-card:hover{transform:translateY(-4px);border-color:#b6c8f8;box-shadow:0 20px 44px #182d6412}
.km-video-premium-formats{background:#fff}.km-video-premium-formats .km-video-premium-card:first-child{grid-column:span 2;background:linear-gradient(155deg,#0b214f,#182f6b);color:#fff;display:flex;flex-direction:column;justify-content:center}.km-video-premium-formats .km-video-premium-card:first-child h3{font-size:1.35rem;color:#fff}.km-video-premium-formats .km-video-premium-card:first-child p{color:#d4dff1}.km-video-premium-formats .km-video-premium-card:first-child>span{color:#f3cc69;background:#ffffff20;align-self:flex-start}
.km-video-premium-studio{background:#f7f9ff}.km-video-premium-studio .km-video-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}.km-video-premium-studio .km-video-premium-card{background:transparent;box-shadow:none;border:0;border-radius:0;border-bottom:1px solid #dce6f5;padding:25px 0;display:grid;grid-template-columns:55px 1fr;column-gap:14px;align-items:start}
.km-video-premium-studio .km-video-premium-card>span{grid-row:span 2;background:transparent;font-size:.88rem;padding:0;margin:0}.km-video-premium-studio .km-video-premium-card:hover{transform:none;box-shadow:none}
.km-video-premium-process{background:#fff}.km-video-premium-process .km-video-premium-grid{gap:0;position:relative}.km-video-premium-process .km-video-premium-grid::before{content:"";position:absolute;top:22px;right:10%;left:10%;height:1px;background:#c6d6fb}
.km-video-premium-process .km-video-premium-card{position:relative;padding:0 16px;background:none;border:0;box-shadow:none}.km-video-premium-process .km-video-premium-card>span{position:relative;z-index:1;border-radius:14px;background:#e9efff;margin-bottom:24px}.km-video-premium-process .km-video-premium-card:hover{transform:none;box-shadow:none}
@media(max-width:980px){.km-sv-layout{grid-template-columns:1fr;gap:30px}.km-video-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-video-premium-formats .km-video-premium-card:first-child{grid-column:span 2}.km-video-premium-process .km-video-premium-grid::before{display:none}}
@media(max-width:620px){.km-sv-section,.km-video-premium{padding-block:52px}.km-sv-screen{border-width:4px;border-radius:17px}.km-sv-copy h2{font-size:1.5rem}.km-video-premium-grid,.km-video-premium-studio .km-video-premium-grid{grid-template-columns:1fr}.km-video-premium-formats .km-video-premium-card:first-child{grid-column:auto}.km-video-premium-card{padding:20px}.km-video-premium-process .km-video-premium-card{padding:14px 0}.km-video-premium-studio .km-video-premium-card{padding:20px 0}}
@media(prefers-reduced-motion:reduce){.km-video-premium-card{transition:none!important;transform:none!important}}


/* 0.8.9 | Preserve services architecture; differentiate editorial and film-studio details */
/* Content page: publication sheets, visually quiet, no repetitive outlines */
.km-service-page-content .km-sc-content{background:#fff;position:relative}
.km-service-page-content .km-sc-head{max-width:720px}
.km-service-page-content .km-sc-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}
.km-service-page-content .km-sc-card{grid-column:span 4;border:0;border-radius:4px 26px 26px 4px;background:#f5f7fb;padding:27px 26px 30px;box-shadow:inset -5px 0 0 #e2e8f4;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}
.km-service-page-content .km-sc-card:first-child{grid-column:span 8;background:#eaf0ff;box-shadow:inset -5px 0 0 #9fb6fb;display:flex;flex-direction:column;justify-content:center}
.km-service-page-content .km-sc-card:nth-child(3n){background:#fbfaf6;box-shadow:inset -5px 0 0 #ebdfbf}
.km-service-page-content .km-sc-card:nth-child(even){transform:none}
.km-service-page-content .km-sc-card:hover,.km-service-page-content .km-sc-card:nth-child(even):hover{transform:translateY(-3px);background:#edf3ff;box-shadow:inset -5px 0 0 var(--km-primary),0 16px 32px rgba(16,44,100,.06)}
.km-service-page-content .km-sc-card-label{justify-content:space-between;border-bottom:1px solid #d9e2f2;padding-bottom:14px;margin-bottom:16px}
.km-service-page-content .km-sc-card-label span{font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600}
.km-service-page-content .km-sc-card-label small{color:#526582;font-size:.78rem}
.km-service-page-content .km-sc-card h3{font-size:clamp(1.02rem,1.4vw,1.2rem);font-weight:650;margin:0 0 10px}
.km-service-page-content .km-sc-card p{font-size:.9rem;line-height:1.9}
/* Video editing page: cinematic layouts, timeline and aspect-ratio cues */
.km-service-page-video .km-video-premium-heading{max-width:770px}
.km-service-page-video .km-video-premium-formats .km-video-premium-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.km-service-page-video .km-video-premium-formats .km-video-premium-card{grid-column:span 3;min-height:295px;border-radius:24px;border:0;background:linear-gradient(160deg,#f1f5fd,#fff);box-shadow:0 15px 35px rgba(25,44,86,.065);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px 24px;position:relative;overflow:hidden}
.km-service-page-video .km-video-premium-formats .km-video-premium-card::before{content:'';position:absolute;top:25px;left:25px;width:64px;height:78px;border:2px solid #c7d4ee;border-radius:8px;opacity:.85;transform:rotate(-8deg)}
.km-service-page-video .km-video-premium-formats .km-video-premium-card:first-child{grid-column:span 3;background:linear-gradient(145deg,#111c40,#234aa2);box-shadow:0 20px 45px rgba(20,46,107,.16)}
.km-service-page-video .km-video-premium-formats .km-video-premium-card:first-child::before{width:47px;height:85px;border-color:#91adf1}
.km-service-page-video .km-video-premium-formats .km-video-premium-card:nth-child(3)::before{width:89px;height:52px}
.km-service-page-video .km-video-premium-formats .km-video-premium-card:nth-child(4)::before{width:78px;height:58px}
.km-service-page-video .km-video-premium-formats .km-video-premium-card>span{margin:0 0 15px;position:relative;z-index:1}
.km-service-page-video .km-video-premium-formats .km-video-premium-card h3{position:relative;z-index:1;margin:0 0 9px;font-size:1.12rem;font-weight:650}
.km-service-page-video .km-video-premium-formats .km-video-premium-card p{position:relative;z-index:1;line-height:1.85}
.km-service-page-video .km-video-premium-studio{background:#f7f9fc}
.km-service-page-video .km-video-premium-studio .km-video-premium-grid{gap:12px 45px}
.km-service-page-video .km-video-premium-studio .km-video-premium-card{border-radius:0;padding:28px 2px;border-bottom:1px solid #dbe4f0}
.km-service-page-video .km-video-premium-studio .km-video-premium-card>span{background:#dce8ff;border-radius:12px;padding:9px;color:#234c9a;min-width:43px;text-align:center}
.km-service-page-video .km-video-premium-process{background:linear-gradient(180deg,#fff,#f8faff)}
.km-service-page-video .km-video-premium-process .km-video-premium-grid{gap:12px}
.km-service-page-video .km-video-premium-process .km-video-premium-grid::before{top:26px;height:2px;background:linear-gradient(90deg,#d8e3fb,#3158d5,#d8e3fb)}
.km-service-page-video .km-video-premium-process .km-video-premium-card{padding:0 14px 10px}
.km-service-page-video .km-video-premium-process .km-video-premium-card>span{border-radius:50%;width:52px;height:52px;padding:0;display:grid;place-items:center;border:2px solid #b4c6f1;background:#fff;font-weight:650}
.km-service-page-video .km-video-premium-process .km-video-premium-card:first-child>span{background:var(--km-primary);border-color:var(--km-primary);color:#fff}
.km-service-page-video .km-video-premium-process .km-video-premium-card h3{font-size:1.02rem;font-weight:650}
@media(max-width:1050px){.km-service-page-content .km-sc-card,.km-service-page-content .km-sc-card:first-child{grid-column:span 6}.km-service-page-video .km-video-premium-formats .km-video-premium-card,.km-service-page-video .km-video-premium-formats .km-video-premium-card:first-child{grid-column:span 6;min-height:255px}}
@media(max-width:650px){.km-service-page-content .km-sc-grid,.km-service-page-video .km-video-premium-formats .km-video-premium-grid{gap:12px}.km-service-page-content .km-sc-card,.km-service-page-content .km-sc-card:first-child,.km-service-page-video .km-video-premium-formats .km-video-premium-card,.km-service-page-video .km-video-premium-formats .km-video-premium-card:first-child{grid-column:span 12}.km-service-page-video .km-video-premium-formats .km-video-premium-card{min-height:215px}.km-service-page-video .km-video-premium-process .km-video-premium-grid::before{display:none}.km-service-page-content .km-sc-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.km-service-page-content .km-sc-card{transition:none}.km-service-page-content .km-sc-card:hover{transform:none}}


/* Kalameh 0.9.0: refined mega trigger + designed minimal service hero */
@media(min-width:1051px){
  .km-header .km-menu>li.km-has-mega{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle}
  .km-header .km-menu>li.km-has-mega>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 2px;line-height:1.55;font-weight:700}
  .km-header .km-menu>li.km-has-mega>.km-mega-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:center;vertical-align:middle;position:relative;top:0;flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;padding:0!important;margin:0 1px 0 0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#41506e;font-size:0;line-height:0;transform:none!important}
  .km-header .km-menu>li.km-has-mega>.km-mega-toggle .km-toggle-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:0}
  .km-header .km-menu>li.km-has-mega>.km-mega-toggle svg{display:block;width:13px;height:13px;flex:none;stroke-width:2.1;transition:transform .18s ease,color .18s ease;transform-origin:center center}
  .km-header .km-menu>li.km-has-mega>.km-mega-toggle:hover,.km-header .km-menu>li.km-has-mega>.km-mega-toggle:focus-visible{color:#012bf9}
  .km-header .km-menu>li.km-has-mega.km-mega-open>.km-mega-toggle{color:#012bf9}
  .km-header .km-menu>li.km-has-mega.km-mega-open>.km-mega-toggle svg{transform:rotate(180deg)}
}

.km-service-page .km-service-hero{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #dde7fa;border-radius:32px;
  background:linear-gradient(135deg,#fcfdff 0%,#f8fbff 52%,#f5f8ff 100%);
  box-shadow:0 26px 70px rgba(17,34,77,.055);
}
.km-service-page .km-service-hero::before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:1;
  background:
    radial-gradient(circle at 88% 16%, rgba(255,180,20,.16), transparent 0 14%),
    radial-gradient(circle at 10% 82%, rgba(1,43,249,.09), transparent 0 18%),
    linear-gradient(145deg, rgba(1,43,249,.035) 0 18%, transparent 18% 100%),
    linear-gradient(325deg, rgba(1,43,249,.03) 0 14%, transparent 14% 100%),
    radial-gradient(rgba(1,43,249,.08) 1px, transparent 1.2px),
    linear-gradient(90deg, rgba(162,177,213,.11) 1px, transparent 1px),
    linear-gradient(rgba(162,177,213,.11) 1px, transparent 1px),
    linear-gradient(135deg,#fcfdff 0%,#f8fbff 52%,#f5f8ff 100%);
  background-size:auto,auto,100% 100%,100% 100%,18px 18px,72px 72px,72px 72px,100% 100%;
  background-position:center,center,center,center,0 0,0 0,0 0,center;
}
.km-service-page .km-service-hero::after{
  content:"";position:absolute;z-index:0;left:-88px;bottom:-112px;width:380px;height:380px;border-radius:50%;pointer-events:none;opacity:.9;
  background:radial-gradient(circle, rgba(255,255,255,.8) 0 49%, transparent 49.5%),
             radial-gradient(circle, transparent 0 59%, rgba(1,43,249,.13) 59.5% 60.2%, transparent 60.7%),
             radial-gradient(circle, transparent 0 73%, rgba(1,43,249,.09) 73.5% 74.2%, transparent 74.7%),
             radial-gradient(circle, transparent 0 87%, rgba(1,43,249,.06) 87.5% 88.1%, transparent 88.6%);
}
.km-service-page .km-service-hero > div{position:relative;z-index:1}
.km-service-page .km-service-hero>div:first-child{padding-inline:clamp(4px,2vw,24px)}
.km-service-page .km-service-hero-visual{position:relative;min-height:350px;border-radius:30px;border:1px solid rgba(222,231,247,.95);background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(248,251,255,.92));box-shadow:0 18px 44px rgba(17,37,86,.06), inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(4px)}
.km-service-page .km-service-hero-visual::before{content:"";position:absolute;inset:18px;left:auto;width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.18));border:1px solid rgba(179,194,232,.5);transform:rotate(18deg)}
.km-service-page .km-service-hero-visual::after{content:"";position:absolute;left:24px;bottom:22px;width:92px;height:92px;border-radius:50%;border:1px solid rgba(180,195,234,.7);box-shadow:0 0 0 12px rgba(232,238,250,.82)}
.km-service-page .km-service-hero-visual:has(img){background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
.km-service-page .km-service-hero-visual:has(img)::before,.km-service-page .km-service-hero-visual:has(img)::after{display:none!important}
.km-service-page .km-service-hero-visual:has(img) img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0!important;border-radius:26px;filter:drop-shadow(0 20px 36px rgba(21,48,109,.1))}
@media(max-width:767px){
  .km-service-page .km-service-hero{border-radius:24px}
  .km-service-page .km-service-hero::before{background-size:auto,auto,100% 100%,100% 100%,16px 16px,48px 48px,48px 48px,100% 100%}
  .km-service-page .km-service-hero::after{width:230px;height:230px;left:-68px;bottom:-82px}
}
@media(prefers-reduced-motion:reduce){.km-header .km-menu>li.km-has-mega>.km-mega-toggle svg{transition:none}}


/* Kalameh 1.0.0 - full-screen service hero refinement */
.km-service-page .km-service-hero{
  min-height:calc(100svh - 124px) !important;
  align-items:center !important;
  padding:clamp(26px,2.4vw,34px) clamp(28px,2.8vw,40px) clamp(34px,3vw,42px) !important;
  border-radius:34px !important;
}
.km-service-page .km-service-hero::before{
  opacity:.62 !important;
  background:
    radial-gradient(circle at 86% 14%, rgba(255,180,20,.11), transparent 0 12%),
    radial-gradient(circle at 14% 78%, rgba(1,43,249,.065), transparent 0 16%),
    linear-gradient(145deg, rgba(1,43,249,.025) 0 18%, transparent 18% 100%),
    linear-gradient(325deg, rgba(1,43,249,.022) 0 14%, transparent 14% 100%),
    radial-gradient(rgba(1,43,249,.06) 1px, transparent 1.1px),
    linear-gradient(90deg, rgba(162,177,213,.085) 1px, transparent 1px),
    linear-gradient(rgba(162,177,213,.085) 1px, transparent 1px),
    linear-gradient(135deg,#fbfcff 0%,#f7faff 52%,#f5f8ff 100%) !important;
  background-size:auto,auto,100% 100%,100% 100%,20px 20px,92px 92px,92px 92px,100% 100% !important;
}
.km-service-page .km-service-hero::after{
  opacity:.42 !important;
  left:-70px !important;
  bottom:-98px !important;
  width:340px !important;
  height:340px !important;
}
.km-service-page .km-service-hero>div:first-child{padding-inline:clamp(8px,1.2vw,18px) !important}
.km-service-page .km-service-hero-visual{
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:visible !important;
}
.km-service-page .km-service-hero-visual::before,
.km-service-page .km-service-hero-visual::after{display:none !important}
.km-service-page .km-service-hero-visual img{
  width:min(100%, 820px) !important;
  max-width:100% !important;
  max-height:min(68svh, 620px) !important;
  object-fit:contain !important;
  border-radius:28px !important;
  filter:drop-shadow(0 26px 46px rgba(15,36,87,.12)) !important;
}
.km-service-page .km-service-page-nav{margin-top:14px !important}
@media (max-width: 1100px){
  .km-service-page .km-service-hero{min-height:0 !important;padding:24px !important;border-radius:26px !important}
}
@media (max-width: 767px){
  .km-service-page .km-service-hero{min-height:0 !important;padding:22px 18px 28px !important;border-radius:22px !important}
  .km-service-page .km-service-hero::before{opacity:.52 !important;background-size:auto,auto,100% 100%,100% 100%,16px 16px,54px 54px,54px 54px,100% 100% !important}
  .km-service-page .km-service-hero::after{width:210px !important;height:210px !important;left:-58px !important;bottom:-72px !important;opacity:.34 !important}
  .km-service-page .km-service-hero-visual img{max-height:none !important;border-radius:22px !important}
}


/* Kalameh 1.0.5 - service hero full-width background */
.km-service-page .km-service-hero{
  position:relative;
  isolation:isolate;
  margin-inline:calc(50% - 50vw);
  width:100vw;
  max-width:100vw;
  min-height:calc(100svh - 110px);
  padding:clamp(28px,2.5vw,34px) 0 clamp(28px,2.8vw,40px);
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden;
}
.km-service-page .km-service-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 83% 20%, rgba(255,180,20,.14), transparent 0 16%),
    radial-gradient(circle at 12% 82%, rgba(1,43,249,.08), transparent 0 20%),
    linear-gradient(130deg, rgba(1,43,249,.028) 0 18%, transparent 18% 100%),
    linear-gradient(310deg, rgba(1,43,249,.026) 0 16%, transparent 16% 100%),
    linear-gradient(90deg, rgba(183,196,227,.16) 1px, transparent 1px),
    linear-gradient(rgba(183,196,227,.16) 1px, transparent 1px),
    radial-gradient(rgba(1,43,249,.06) 1px, transparent 1.2px),
    linear-gradient(135deg,#f9fbff 0%,#f7f9fe 52%,#f3f7ff 100%);
  background-size:auto,auto,100% 100%,100% 100%,98px 98px,98px 98px,20px 20px,100% 100%;
  background-position:center,center,center,center,center,center,center,center;
  opacity:.82;
}
.km-service-page .km-service-hero::after{
  content:"";
  position:absolute;
  inset:auto auto -120px -70px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.8) 0 49%, transparent 50%),
    radial-gradient(circle, transparent 0 59%, rgba(1,43,249,.1) 59.4% 60.1%, transparent 60.6%),
    radial-gradient(circle, transparent 0 73%, rgba(1,43,249,.07) 73.4% 74.1%, transparent 74.6%);
  opacity:.5;
  z-index:0;
  pointer-events:none;
}
.km-service-page .km-service-hero-inner{
  position:relative;
  z-index:1;
  min-height:calc(100svh - 140px);
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:clamp(38px,4vw,72px);
  align-items:center;
}
.km-service-page .km-service-hero-copy{max-width:640px}
.km-service-page .km-service-hero h1{font-size:clamp(2.4rem,4.5vw,4.3rem);line-height:1.22;margin:14px 0 18px}
.km-service-page .km-service-hero p{font-size:1.06rem;line-height:2;max-width:590px}
.km-service-page .km-service-hero-visual{
  position:relative;
  min-height:0 !important;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:visible !important;
}
.km-service-page .km-service-hero-visual::before,
.km-service-page .km-service-hero-visual::after{display:none !important}
.km-service-page .km-service-hero-visual img{
  display:block !important;
  width:min(100%, 760px) !important;
  max-width:100% !important;
  max-height:min(72svh, 680px) !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 !important;
  border-radius:30px !important;
  filter:drop-shadow(0 30px 54px rgba(16,35,86,.12)) !important;
}
.km-service-page .km-service-page-nav{margin-top:10px !important}
@media(max-width:1100px){
  .km-service-page .km-service-hero{min-height:0;padding:22px 0 26px}
  .km-service-page .km-service-hero-inner{min-height:0;grid-template-columns:1fr;gap:22px}
  .km-service-page .km-service-hero-visual{justify-content:center}
}
@media(max-width:767px){
  .km-service-page .km-service-hero{min-height:0;padding:18px 0 20px}
  .km-service-page .km-service-hero::before{background-size:auto,auto,100% 100%,100% 100%,54px 54px,54px 54px,16px 16px,100% 100%;opacity:.72}
  .km-service-page .km-service-hero::after{width:220px;height:220px;left:-48px;bottom:-70px;opacity:.32}
  .km-service-page .km-service-hero h1{font-size:clamp(2rem,9vw,2.8rem);line-height:1.32}
  .km-service-page .km-service-hero p{font-size:.96rem;line-height:1.95}
  .km-service-page .km-service-hero-visual img{width:100% !important;max-height:none !important;border-radius:22px !important}
}


/* v1.0.10 — correct the nested hero grid; move service navigation inside hero */
.km-service-page .km-service-hero{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  min-height:calc(100svh - 92px) !important;
  padding:24px 0 28px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.km-service-page .km-service-hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;
  width:min(calc(100% - 40px),var(--km-width)) !important;
  min-height:0 !important;
  flex:1 0 auto;
  margin-inline:auto !important;
  padding:clamp(30px,4vw,68px) 0 !important;
  gap:clamp(36px,5vw,82px) !important;
  align-items:center !important;
}
.km-service-page .km-service-hero-copy{
  display:block !important;
  min-width:0 !important;
  max-width:680px !important;
  padding:0 !important;
  text-align:right !important;
  align-self:center !important;
}
.km-service-page .km-service-hero .km-service-hero-copy h1{
  max-width:100% !important;
  font-size:clamp(2.15rem,3.4vw,3.9rem) !important;
  line-height:1.42 !important;
  font-weight:760 !important;
  letter-spacing:-.015em !important;
  margin:12px 0 18px !important;
}
.km-service-page .km-service-hero .km-service-hero-copy p{
  max-width:610px !important;
  line-height:1.95 !important;
  margin:0 0 25px !important;
  font-size:1.01rem !important;
}
.km-service-page .km-service-hero-visual{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.km-service-page .km-service-hero-visual img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:min(60svh,590px) !important;
  object-fit:contain !important;
}
.km-service-page .km-service-hero .km-service-page-nav{
  position:relative !important;
  z-index:3 !important;
  flex:0 0 auto;
  align-self:center !important;
  width:min(calc(100% - 40px),var(--km-width)) !important;
  margin:0 auto !important;
  top:auto !important;
  padding:12px 18px !important;
}
@media(max-width:1050px){
  .km-service-page .km-service-hero{min-height:0 !important;padding:20px 0 24px !important}
  .km-service-page .km-service-hero-inner{grid-template-columns:minmax(0,1fr) !important;gap:25px !important;padding:35px 0 30px !important}
  .km-service-page .km-service-hero-copy{max-width:750px !important}
  .km-service-page .km-service-hero-visual img{max-height:500px !important}
}
@media(max-width:650px){
  .km-service-page .km-service-hero{padding:16px 0 22px !important}
  .km-service-page .km-service-hero-inner{width:min(calc(100% - 32px),var(--km-width)) !important;padding:18px 0 24px !important;gap:23px !important}
  .km-service-page .km-service-hero .km-service-hero-copy h1{font-size:clamp(1.9rem,8vw,2.6rem) !important;line-height:1.45 !important}
  .km-service-page .km-service-hero .km-service-hero-copy p{font-size:.92rem !important}
  .km-service-page .km-service-hero-visual img{max-height:340px !important}
  .km-service-page .km-service-hero .km-service-page-nav{width:min(calc(100% - 32px),var(--km-width)) !important;padding:9px 10px !important;border-radius:16px !important}
}


/* 1.0.15: leaner first paint + no duplicate silver introductory strip */
.km-service-page-video #service-details:empty{display:none!important}
.km-service-page-video .km-service-layout-frames{background:#fff}
.km-service-page .km-service-hero-visual{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
.km-service-page .km-service-hero-visual img{filter:none!important;box-shadow:none!important}
.km-service-page .km-service-hero::before{background:linear-gradient(125deg,rgba(1,43,249,.025),transparent 42%),linear-gradient(310deg,rgba(255,180,20,.04),transparent 48%),radial-gradient(rgba(1,43,249,.065) .7px,transparent 1px),linear-gradient(135deg,#fafcff,#f4f8ff)!important;background-size:100% 100%,100% 100%,24px 24px,100% 100%!important;opacity:1!important}
.km-service-page .km-service-hero::after{display:none!important}
.km-service-page .km-service-hero-inner{will-change:auto!important}
.km-service-page .km-service-hero img{content-visibility:auto}
@media(max-width:1050px){.km-service-page .km-service-hero{min-height:0!important}}

/* v1.0.20: distinct, compact consultation CTA for all service heroes */
.km-service-page .km-service-hero .km-service-hero-cta{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-height:52px;width:auto;max-width:100%;padding:6px 7px 6px 18px;border-radius:15px;background:#012bf9;color:#fff;border:1px solid #012bf9;box-shadow:0 9px 24px rgba(1,43,249,.13);font-family:inherit;font-size:.9rem;font-weight:550;line-height:1.6;letter-spacing:0;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.km-service-page .km-service-hero .km-service-hero-cta:hover{background:#0925cf;border-color:#0925cf;box-shadow:0 12px 26px rgba(1,43,249,.19);transform:translateY(-2px)}
.km-service-page .km-service-hero .km-service-hero-cta:focus-visible{outline:3px solid rgba(1,43,249,.3);outline-offset:3px}
.km-service-hero-cta-label{display:block;font-weight:550;white-space:nowrap}
.km-service-page .km-service-hero .km-service-hero-cta-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.12);transition:background-color .2s ease,transform .2s ease}
.km-service-page .km-service-hero .km-service-hero-cta-icon svg{display:block;width:19px;height:19px;flex:none;color:#fff}
.km-service-page .km-service-hero .km-service-hero-cta:hover .km-service-hero-cta-icon{background:rgba(255,255,255,.24);transform:translate(-2px,-2px)}
@media(max-width:767px){.km-service-page .km-service-hero .km-service-hero-cta{min-height:49px;padding:5px 6px 5px 15px;gap:13px;border-radius:13px;font-size:.85rem}.km-service-page .km-service-hero .km-service-hero-cta-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}}
@media(prefers-reduced-motion:reduce){.km-service-page .km-service-hero .km-service-hero-cta,.km-service-page .km-service-hero .km-service-hero-cta-icon{transition:none;transform:none!important}}

/* v1.1.0: video-only YouTube & Instagram sections; existing service structure retained. */
.km-service-page .km-service-hero .km-service-page-nav{margin-top:-22px!important;margin-bottom:12px!important;position:relative;z-index:2}
.km-vp{overflow:hidden;position:relative}
.km-vp-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,95px);align-items:center}
.km-vp-visual{min-height:420px;position:relative;display:grid;place-items:center;min-width:0}
.km-vp-copy{min-width:0}
.km-vp-kicker{font-size:.8rem;font-weight:650;letter-spacing:.05em;color:#3656a3}
.km-vp-copy h2{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.47;max-width:620px;margin:13px 0 15px;font-weight:750;color:#142344}
.km-vp-copy>p{font-size:1rem;line-height:2;color:#596981;max-width:620px;margin:0 0 27px}
.km-vp-details{border-top:1px solid #dce5f1}
.km-vp-detail{display:flex;align-items:start;gap:14px;padding:15px 0;border-bottom:1px solid #dce5f1}
.km-vp-check{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#e7efff;color:#012bf9;font-size:14px;font-weight:700}
.km-vp-detail h3{font-size:1.03rem;font-weight:650;line-height:1.5;margin:0 0 3px}.km-vp-detail p{font-size:.9rem;line-height:1.8;color:#65738a;margin:0}
.km-vp-link{display:inline-flex;gap:15px;align-items:center;font-size:.9rem;font-weight:650;color:#012bf9;margin-top:23px}.km-vp-link>span{font-size:1.3rem;font-weight:400;transition:transform .2s}.km-vp-link:hover>span{transform:translateX(-4px)}
.km-vp-youtube{background:linear-gradient(140deg,#f7f9fe,#fff 66%)}
.km-vp-youtube .km-vp-screen{width:100%;max-width:570px;aspect-ratio:16/10;border-radius:22px;background:radial-gradient(circle at 65% 25%,#304c91,#0b1631 65%);border:7px solid #fff;box-shadow:0 25px 65px #15295224;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.km-vp-screen::after{content:"";position:absolute;inset:20%;border-radius:50%;border:1px solid #ffffff23;box-shadow:0 0 0 42px #ffffff09,0 0 0 94px #ffffff05;pointer-events:none}
.km-vp-screen-top{position:absolute;top:20px;right:22px;left:22px;display:flex;align-items:center;gap:6px}.km-vp-screen-top i{width:7px;height:7px;border-radius:50%;background:#7183a8}.km-vp-screen-top b{margin-right:auto;color:#b6c3dd;font:500 10px Arial,sans-serif;letter-spacing:1.5px}
.km-vp-play,.km-vp-phone-play{display:grid;place-items:center;color:#fff;position:relative;z-index:1}.km-vp-play{width:83px;height:83px;border-radius:24px;background:#012bf9;box-shadow:0 16px 40px #012bf956}.km-vp-play svg{width:35px;height:35px}
.km-vp-wave{position:absolute;bottom:29px;left:28px;right:28px;display:flex;align-items:center;justify-content:center;gap:7px;height:30px}.km-vp-wave em{flex:1;height:7px;max-width:24px;border-radius:12px;background:#7390c6;opacity:.65}.km-vp-wave em:nth-child(3n){height:22px}.km-vp-wave em:nth-child(4n){height:13px;background:#ffb414}
.km-vp-timeline{display:flex;gap:15px;align-items:center;width:min(90%,500px);background:#fff;border:1px solid #e1e8f4;box-shadow:0 12px 35px #14245312;border-radius:15px;padding:15px 19px;margin-top:-25px;z-index:2;direction:ltr}.km-vp-timeline>span{font:500 11px Arial,sans-serif;color:#75809a}.km-vp-timeline>div{display:flex;gap:4px;flex:1}.km-vp-timeline i{flex:1;height:18px;border-radius:3px;background:#d6e2fb}.km-vp-timeline i:nth-child(2){background:#8da8f4}.km-vp-timeline i:nth-child(3){background:#012bf9}.km-vp-timeline i:nth-child(4){background:#ffbe49}
.km-vp-instagram{background:#fff}.km-vp-instagram .km-vp-layout{direction:ltr}.km-vp-instagram .km-vp-copy,.km-vp-instagram .km-vp-visual{direction:rtl}
.km-vp-instagram .km-vp-visual{min-height:540px;background:radial-gradient(ellipse at 50% 45%,#fff0e9,#f8f5ff 58%,transparent 75%)}
.km-vp-phone{position:relative;width:min(275px,65%);aspect-ratio:9/16;border:9px solid #17213d;border-radius:36px;background:linear-gradient(145deg,#eb96a9,#7b63b0 50%,#263868);box-shadow:0 30px 65px #2118473c;overflow:hidden;display:flex;flex-direction:column}
.km-vp-phone::after{content:"";position:absolute;inset:16% -35% auto 16%;width:260px;height:260px;background:radial-gradient(circle,#ffffff53,transparent 68%);border-radius:50%}
.km-vp-phone-bar{z-index:1;display:flex;align-items:center;justify-content:space-between;padding:20px 12px;color:#fff;font:600 10px Arial,sans-serif;letter-spacing:1.3px}.km-vp-phone-bar i{width:9px;height:9px;border:1px solid #fff8;border-radius:50%}
.km-vp-phone-frame{flex:1;display:grid;place-items:center;position:relative;z-index:1}.km-vp-phone-play{width:70px;height:70px;background:#ffffff32;border:1px solid #ffffff80;border-radius:50%;backdrop-filter:blur(5px)}.km-vp-phone-play svg{width:34px;height:34px}.km-vp-captions{position:absolute;bottom:30px;right:20px;left:20px;display:grid;gap:8px;justify-items:center}.km-vp-captions span{width:80%;height:10px;border-radius:6px;background:#fff9}.km-vp-captions span:last-child{width:55%}
.km-vp-floating-note{position:absolute;left:4%;bottom:18%;border-radius:18px;border:1px solid #e8dff0;background:#fffefa;padding:18px 22px;box-shadow:0 15px 35px #34275420;font:600 11px Arial,sans-serif;letter-spacing:1px;color:#9a607f;direction:ltr}.km-vp-floating-note strong{display:block;margin-top:4px;color:#142344;font-size:25px}
@media(max-width:950px){.km-vp-layout{grid-template-columns:1fr;gap:26px}.km-vp-visual{min-height:300px}.km-vp-instagram .km-vp-layout{direction:rtl}.km-vp-instagram .km-vp-visual{min-height:440px}.km-vp{padding-block:58px}.km-service-page .km-service-hero .km-service-page-nav{margin-top:0!important}}
@media(max-width:600px){.km-vp-copy h2{font-size:1.6rem}.km-vp-visual{min-height:240px}.km-vp-instagram .km-vp-visual{min-height:395px}.km-vp-phone{width:min(225px,65%)}.km-vp-floating-note{left:0;padding:12px}.km-vp-youtube .km-vp-screen{border-width:4px}.km-vp-timeline{margin-top:-15px}}
@media(prefers-reduced-motion:reduce){.km-vp-link>span{transition:none}}


/* 1.1.5 - Safari/mobile homepage layout isolation */
@media(max-width:767px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 body.home .km-home-hero{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;background:#0b1637!important}
 body.home .km-home-hero .km-hero-stage{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;padding:0!important;min-height:0!important;overflow:hidden!important}
 body.home .km-home-hero .km-hero-slide,
 body.home .km-home-hero .km-hero-slide.is-active{
   grid-template-columns:minmax(0,1fr)!important;display:grid!important;position:relative!important;inset:auto!important;
   width:100%!important;min-width:0!important;max-width:100%!important;min-height:clamp(520px,75svh,700px)!important;
   padding:clamp(34px,7vw,54px) 22px 108px!important;gap:0!important;
   align-content:center!important;align-items:center!important;justify-items:stretch!important;
   text-align:right!important;transform:none!important;
 }
 body.home .km-home-hero .km-hero-slide:not(.is-active){display:none!important}
 body.home .km-home-hero .km-hero-content{grid-column:1!important;grid-row:1!important;position:relative!important;z-index:3!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important}
 body.home .km-home-hero .km-hero-content h1,
 body.home .km-home-hero .km-hero-content h2,
 body.home .km-home-hero .km-hero-alt-title{font-size:clamp(1.9rem,8vw,2.8rem)!important;line-height:1.45!important;margin:14px 0 16px!important;max-width:100%!important;white-space:normal!important;text-wrap:wrap!important;overflow-wrap:normal!important;word-break:normal!important}
 body.home .km-home-hero .km-hero-content>p{font-size:clamp(.9rem,3.6vw,1.05rem)!important;line-height:1.9!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-wrap:normal!important}
 body.home .km-home-hero .km-hero-visual{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;max-width:none!important;min-height:0!important;height:100%!important;margin:0!important;pointer-events:none}
 body.home .km-home-hero .km-visual-card{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important;transform:none!important}
 body.home .km-home-hero .km-hero-image{width:100%!important;height:100%!important;object-fit:cover!important}
 body.home .km-home-hero .km-visual-card::after{content:""!important;position:absolute!important;inset:0!important;display:block!important;background:linear-gradient(270deg,rgba(3,13,39,.92),rgba(3,13,39,.72))!important}
 body.home .km-home-hero .km-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:22px 0 0!important;width:100%!important;align-items:center!important;justify-content:flex-start!important}
 body.home .km-home-hero .km-hero-actions .km-btn{width:auto!important;max-width:100%!important;min-height:44px!important;padding:7px 12px!important;font-size:clamp(.75rem,3vw,.88rem)!important;white-space:normal!important;gap:8px!important}
 body.home .km-home-hero .km-hero-mini-note{max-width:100%!important;font-size:.78rem!important;line-height:1.75!important;margin-top:18px!important}
 body.home .km-home-hero .km-hero-pagination{position:absolute!important;inset:auto 18px 15px 18px!important;width:auto!important;z-index:5!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0!important;margin:0!important;gap:12px!important}
 body.home .km-home-hero .km-hero-arrows button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;font-size:1rem!important}
 body.home .km-home-hero .km-hero-kicker{font-size:.75rem!important;max-width:100%!important;white-space:normal!important}
 body.home .km-services-section .km-services-head{display:block!important}
 body.home .km-services-section .km-services-head-actions{margin-top:16px;display:flex!important;justify-content:space-between!important;width:100%!important;gap:12px!important}
 body.home .km-services-section .km-services-track{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important}
 body.home .km-services-section .km-services-track .km-service-slide{flex:0 0 min(86%,340px)!important;width:min(86%,340px)!important;max-width:min(86%,340px)!important;min-width:0!important;scroll-snap-align:start!important}
 body.home .km-services-section .km-services-track .km-service-card{min-width:0!important;width:100%!important;min-height:290px!important;height:100%!important;padding:24px!important}
 body.home .km-stats{width:calc(100% - 28px)!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:16px!important}
 body.home .km-stats .km-stat{min-width:0!important;padding:18px 6px!important}
 body.home .km-stats .km-stat:nth-child(2){border-left:0!important}
 body.home .km-stats .km-stat strong{font-size:clamp(1.5rem,6vw,2.1rem)!important}
 body.home .km-stats .km-stat span{font-size:.8rem!important}
}
/* Orbit lines run continuously; only transform animates, without layout changes. */
.km-team-orbit .km-ring-one{display:block!important;inset:5%!important;animation:km-team-rotate-clockwise 85s linear infinite!important;transform-origin:center center;will-change:transform}
.km-team-orbit .km-ring-two{display:block!important;inset:14%!important;animation:km-team-rotate-counter 120s linear infinite!important;transform-origin:center center;will-change:transform;border-style:dotted!important;border-color:#b6caff!important}
.km-team-orbit .km-team-progress{animation:km-team-rotate-clockwise 105s linear infinite;transform-origin:center center;will-change:transform}
@keyframes km-team-rotate-clockwise{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes km-team-rotate-counter{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.km-team-orbit .km-ring-one,.km-team-orbit .km-ring-two,.km-team-orbit .km-team-progress{animation:none!important;will-change:auto}}

/* 1.1.10: consistent vector arrows on mobile and desktop */
.km-ui-arrow{display:inline-block;vertical-align:-.16em;flex-shrink:0;width:1.08em;height:1.08em;stroke:currentColor;fill:none;overflow:visible;pointer-events:none}
button>.km-ui-arrow,.km-carousel-controls button .km-ui-arrow,.km-hero-arrows button .km-ui-arrow,.km-gallery-prev .km-ui-arrow,.km-gallery-next .km-ui-arrow{width:20px;height:20px;vertical-align:middle}
.km-btn .km-ui-arrow,.km-service-more .km-ui-arrow{width:16px;height:16px}
.km-btn-symbol .km-ui-arrow,.km-about-link-icon .km-ui-arrow{width:17px;height:17px;vertical-align:middle}

/* 1.1.15 definitive cross-platform SVG glyphs */
.km-ui-arrow{display:inline-block;vertical-align:middle;width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.km-service-orb .km-ui-arrow{width:31px;height:31px;display:block}
.km-service-arrow .km-ui-arrow,.km-card-arrow .km-ui-arrow{width:19px;height:19px;display:block}
.km-hero-arrows .km-ui-arrow,.km-carousel-controls .km-ui-arrow{width:20px;height:20px;display:block}
.km-btn-symbol .km-ui-arrow{width:18px;height:18px;display:block}

/* Kalameh 1.2.0 - editorial film + animated start journey (homepage only) */
.km-digital-section{background:#fff;padding-block:clamp(76px,8vw,120px)}
.km-digital-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:clamp(34px,5vw,90px)}
.km-digital-video-col{min-width:0}
.km-digital-screen{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16/10;border-radius:30px;background:#0d1733;border:1px solid #d9e2f1;box-shadow:0 34px 65px #10285d18}
.km-digital-screen video{display:block;width:100%;height:100%;object-fit:cover;background:#0d1733}
.km-digital-empty{height:100%;display:grid;place-items:center;color:white}
.km-digital-screen-tag{position:absolute;pointer-events:none;right:16px;top:16px;display:inline-flex;align-items:center;gap:9px;font-size:.67rem;letter-spacing:.1em;padding:8px 12px;color:#e8f0ff;background:#142954b8;border:1px solid #ffffff44;border-radius:999px;backdrop-filter:blur(5px);font-family:Arial,sans-serif}
.km-digital-screen-tag i{height:7px;width:7px;flex:none;background:#ffb414;border-radius:50%}
.km-digital-video-foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-inline:5px;color:#7b89a3;font-size:.78rem}
.km-digital-copy{min-width:0}.km-digital-copy h2{font-size:clamp(1.8rem,3.3vw,3.1rem);font-weight:720;line-height:1.55;margin:16px 0 20px;letter-spacing:-.025em}.km-digital-copy p{font-size:.99rem;line-height:2.1;color:#5d6b85;margin:0 0 28px}.km-digital-copy .km-btn{font-size:.9rem;font-weight:550;min-height:50px;padding:10px 20px;gap:12px;border-radius:13px}.km-digital-copy .km-btn svg{flex:none}
.km-journey-section{background:linear-gradient(140deg,#081638,#111f43 65%,#0b1940);color:#fff;position:relative;overflow:hidden;padding-block:clamp(85px,8vw,126px)}
.km-journey-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 13% 8%,#3152a94d,transparent 32%),radial-gradient(circle at 90% 90%,#ffb41413,transparent 28%),radial-gradient(#a1b9fa12 1px,transparent 1px);background-size:auto,auto,38px 38px}
.km-journey-section>.km-container{position:relative;z-index:1}
.km-journey-heading{max-width:760px;margin-bottom:55px}.km-journey-heading .km-eyebrow{color:#ffca65;font-weight:600}.km-journey-heading h2{margin:12px 0;font-size:clamp(1.8rem,3.1vw,3rem);font-weight:720;line-height:1.55;color:#fff}.km-journey-heading p{color:#b8c7e6;max-width:650px;line-height:1.95}
.km-journey-diagram{display:grid;grid-template-columns:repeat(var(--km-journey-count),minmax(0,1fr));gap:14px;position:relative;isolation:isolate;padding-top:48px}
.km-journey-line{position:absolute;top:21px;right:calc(100% / var(--km-journey-count) / 2);left:calc(100% / var(--km-journey-count) / 2);height:2px;background:#9db5ec40;z-index:-1;overflow:hidden}
.km-journey-line-progress{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb414,#8eabff,#ffb414);transition:width 2s cubic-bezier(.16,1,.3,1)}
.km-journey-diagram.is-inview .km-journey-line-progress{width:100%}
.km-journey-step{position:relative;min-width:0;opacity:0;transform:translateY(17px);transition:opacity .7s ease,transform .7s ease;transition-delay:calc(var(--km-step-index) * 150ms)}
.km-journey-diagram.is-inview .km-journey-step{opacity:1;transform:none}
.km-journey-node{position:absolute;right:calc(50% - 21px);top:-47px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0e2555;border:2px solid #a8c3ff;box-shadow:0 0 0 8px #101e40;color:#fff;font:600 .84rem Arial,sans-serif;z-index:2}
.km-journey-step:first-of-type .km-journey-node{background:#ffb414;border-color:#ffcf64;color:#111c38}
.km-journey-card{height:100%;min-height:232px;padding:23px 19px 26px;background:linear-gradient(155deg,#ffffff18,#ffffff09);border:1px solid #ffffff27;border-radius:23px;backdrop-filter:blur(5px);transition:transform .28s ease,background .28s ease,border-color .28s ease}
.km-journey-step:hover .km-journey-card{transform:translateY(-7px);background:#ffffff20;border-color:#a5bfff88}
.km-journey-step-caption{display:inline-block;color:#ffce73;font-size:.73rem;font-weight:600;margin-bottom:19px}
.km-journey-card h3{font-size:clamp(.97rem,1.25vw,1.14rem);font-weight:650;color:white;line-height:1.7;margin:0 0 11px}
.km-journey-card p{font-size:.84rem;color:#b6c7e6;line-height:1.95;margin:0}
.km-journey-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;font-size:.9rem;color:#b7c8e7}.km-journey-end a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:9px 18px;background:#ffb414;color:#152044;border-radius:12px;font-weight:650}.km-journey-end a svg{flex:none}
@media(max-width:1050px){.km-journey-diagram{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.km-journey-line{display:none}.km-journey-step{padding-top:5px}.km-journey-node{right:18px;top:-8px;width:37px;height:37px}.km-journey-card{padding-top:39px;min-height:205px}}
@media(max-width:760px){.km-digital-layout{grid-template-columns:1fr;gap:30px}.km-digital-copy{order:0}.km-digital-video-col{order:1}.km-digital-section{padding-block:58px}.km-digital-screen{border-radius:21px;aspect-ratio:16/10}.km-digital-copy h2{font-size:clamp(1.6rem,6vw,2.15rem)}.km-digital-video-foot{font-size:.7rem}.km-journey-section{padding-block:70px}.km-journey-heading{margin-bottom:40px}.km-journey-diagram{display:grid;grid-template-columns:1fr;gap:14px;padding-top:0;padding-right:46px}.km-journey-diagram::before{content:"";position:absolute;right:17px;top:22px;bottom:22px;width:2px;background:#b7caff55}.km-journey-step{padding:0}.km-journey-node{right:-48px;top:18px;width:37px;height:37px;box-shadow:0 0 0 5px #101e40}.km-journey-card{min-height:0;padding:18px 20px 22px;border-radius:19px}.km-journey-step-caption{margin-bottom:8px}.km-journey-end{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.km-journey-step{opacity:1!important;transform:none!important;transition:none!important}.km-journey-line-progress{width:100%!important;transition:none!important}.km-journey-card{transition:none!important}}


/* Kalameh 1.2.5 — hero controls inside picture, composited video ornaments and light painting */
body.home .km-home-hero .km-hero-pagination{bottom:clamp(48px,5vw,78px)!important;left:max(28px,calc((100vw - 1240px)/2))!important;right:max(28px,calc((100vw - 1240px)/2))!important;transform:none!important;box-sizing:border-box;pointer-events:none}
body.home .km-home-hero .km-hero-pagination button{pointer-events:auto}
body.home .km-home-hero .km-hero-arrows{align-items:center;transform:none}
body.home .km-home-hero .km-hero-arrows button{width:44px;min-width:44px;height:44px;min-height:44px;display:grid;place-items:center}
@media(max-width:700px){body.home .km-home-hero .km-hero-pagination{bottom:26px!important;left:20px!important;right:20px!important}}
.km-digital-visual-frame{position:relative;padding:32px 30px 24px;isolation:isolate}
.km-digital-visual-frame::before{content:"";position:absolute;inset:8% 7%;z-index:-1;border-radius:45%;background:radial-gradient(ellipse,rgba(1,43,249,.075),transparent 68%);pointer-events:none}
.km-digital-screen{box-shadow:0 22px 50px rgba(16,40,93,.12);border-radius:27px}
.km-digital-float{position:absolute;z-index:3;width:82px;height:82px;display:grid;place-items:center;padding:17px;background:#fff;border:1px solid #e0e7f5;border-radius:22px;color:#012bf9;box-shadow:0 16px 35px rgba(13,34,84,.11);pointer-events:none;animation:km-digital-bob 8s ease-in-out infinite alternate;will-change:transform}
.km-digital-float svg,.km-digital-float img{width:100%;height:100%;object-fit:contain;display:block}
.km-digital-float-one{right:0;top:0;transform:rotate(-8deg)}
.km-digital-float-two{left:0;bottom:5%;color:#e7a300;animation-delay:-4s;animation-duration:10s}
@keyframes km-digital-bob{0%{translate:0 0}100%{translate:0 -15px}}
@media(max-width:760px){.km-digital-visual-frame{padding:25px 17px 20px}.km-digital-float{width:56px;height:56px;padding:12px;border-radius:16px;box-shadow:0 8px 22px rgba(13,34,84,.09)}.km-digital-float-two{bottom:0}}
@media(prefers-reduced-motion:reduce){.km-digital-float{animation:none!important;will-change:auto}}
/* Favor GPU compositing only for moving pieces; avoid GPU-heavy blur on repeated cards. */
.km-journey-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.km-digital-screen-tag{backdrop-filter:none!important}
body.home .km-home-hero .km-hero-arrows button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.home .km-home-hero .km-hero-kicker,body.home .km-home-hero .km-btn-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(min-width:761px){.km-digital-section,.km-journey-section{content-visibility:auto;contain-intrinsic-size:auto 750px}}

/* 1.2.10 — Desktop team orbit: keep satellite portraits clear of the central card. */
@media (min-width:1101px){
  .km-team-section{min-height:755px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .km-team-orbit{width:100%;max-width:630px;min-height:630px;overflow:visible}
  .km-team-orbit .km-member-center{width:280px;min-width:280px;max-width:280px;min-height:344px;padding:20px 22px 18px;position:relative;z-index:4}
  .km-team-orbit .km-center-photo{width:180px;height:205px}
  .km-team-orbit .km-member-dot{width:80px;height:80px;z-index:2;transform:translate(-50%,-50%) rotate(calc(360deg * var(--index) / var(--total))) translateY(-270px) rotate(calc(-360deg * var(--index) / var(--total)))}
  .km-team-orbit .km-member-dot.is-active{z-index:3}
}


/* 1.2.15 - Top-level header menu icons: icon + label on one baseline, not stacked. */
@media (min-width:1051px){
 .km-header .km-nav .km-menu{display:flex;align-items:center;gap:clamp(12px,1.35vw,23px)}
 .km-header .km-nav .km-menu>li{align-items:center;min-width:0}
 .km-header .km-nav .km-menu>li>a,
 .km-header .km-nav .km-menu>li.km-has-mega>a{
   display:inline-flex!important;flex-flow:row nowrap!important;align-items:center!important;
   justify-content:flex-start!important;gap:8px!important;vertical-align:middle;
   min-height:44px!important;white-space:nowrap!important;padding:5px 1px!important;
   font-size:.88rem;font-weight:600!important;line-height:1.5!important;
 }
 .km-header .km-nav .km-menu>li>a>.km-menu-item-icon{
   display:block!important;flex:0 0 33px!important;width:33px!important;height:33px!important;
   min-width:33px!important;min-height:33px!important;max-width:33px!important;max-height:33px!important;
   object-fit:contain!important;object-position:center!important;padding:6px!important;
   border-radius:10px!important;background:#eef3ff!important;margin:0!important;
   align-self:center!important;vertical-align:middle!important;
 }
 .km-header .km-nav .km-menu>li>a>.km-menu-item-copy{
   display:inline-flex!important;flex-flow:row nowrap!important;align-items:center!important;
   min-width:0!important;white-space:nowrap!important;font-size:inherit!important;
   font-weight:inherit!important;line-height:inherit!important;gap:0!important;
 }
 .km-header .km-nav .km-menu>li.km-has-mega>.km-mega-toggle{align-self:center!important;margin-block:0!important}
}
/* Only adjust image proportions in the separate mobile navigation; preserve its existing layout. */
.km-mobile-menu .km-menu-item-icon{object-fit:contain}


/* 1.2.20 – contained floating icons over homepage video; no clipping or oversized orbit */
.km-digital-video-col{min-width:0;overflow:visible}
.km-digital-visual-frame{position:relative;isolation:isolate;padding:26px 26px 20px;overflow:visible}
.km-digital-visual-frame::before{inset:8% 9%;opacity:.65}
.km-digital-screen{position:relative;z-index:1}
.km-digital-float{z-index:3;display:flex;align-items:center;justify-content:center;width:68px;height:68px;padding:15px;border-radius:20px;border:1px solid #dfe8f8;background:rgba(255,255,255,.98);box-shadow:0 9px 25px rgba(20,39,81,.11);overflow:hidden;animation:km-digital-float-soft 9s ease-in-out infinite;will-change:auto}
.km-digital-float svg,.km-digital-float img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;flex:none}
.km-digital-float-one{right:4px;top:6px;transform:none;animation-duration:9s}
.km-digital-float-two{left:4px;bottom:42px;transform:none;animation-delay:-3s;animation-duration:11s}
@keyframes km-digital-float-soft{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@media(max-width:760px){.km-digital-visual-frame{padding:18px 14px 20px}.km-digital-float{width:47px;height:47px;padding:11px;border-radius:14px;box-shadow:0 5px 17px rgba(20,39,81,.1)}.km-digital-float-one{right:2px;top:3px}.km-digital-float-two{left:2px;bottom:35px}}
@media(prefers-reduced-motion:reduce){.km-digital-float{animation:none!important}}

/* v1.3.0 image-rich dynamic homepage hero */
@media(min-width:1051px){.km-home-hero .km-hero-slide:has(.km-hero-image){align-items:center}.km-home-hero .km-hero-visual:has(.km-hero-image){display:grid;place-items:center;min-width:0}.km-home-hero .km-visual-card:has(.km-hero-image){position:relative;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;width:100%;display:grid;place-items:center}.km-home-hero .km-visual-card:has(.km-hero-image)::before{content:"";position:absolute;inset:10% 5%;border-radius:40%;background:radial-gradient(circle,rgba(255,180,20,.16),rgba(50,96,248,.08) 58%,transparent 70%);filter:blur(18px);pointer-events:none}.km-home-hero .km-hero-image{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:min(72vh,670px);object-fit:contain;border-radius:26px;box-shadow:0 28px 65px rgba(0,19,76,.13)}}
@media(max-width:1050px){.km-home-hero .km-hero-image{display:block;max-width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:20px}}


/* v1.3.15 - homepage hero: media stays inside its own left-hand visual panel */
@media (min-width:1051px){
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image){display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:center!important;gap:clamp(25px,4vw,64px)!important;direction:rtl;min-height:clamp(570px,calc(100svh - 100px),800px)!important;padding:54px max(28px,calc((100vw - 1240px)/2)) 100px!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image)>.km-hero-content{grid-column:1!important;grid-row:1!important;position:relative!important;z-index:2!important;width:100%!important;max-width:660px!important;min-width:0!important;color:#fff!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image)>.km-hero-visual{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;pointer-events:auto!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-visual-card{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:600px!important;aspect-ratio:1.18!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(135deg,#eef3ff,#e1e9ff)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:28px!important;box-shadow:0 23px 65px rgba(0,11,43,.22)!important;filter:none!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-visual-card::before,body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-visual-card::after{display:none!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-hero-image{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:490px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
}
@media(max-width:1050px){
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image)>.km-hero-visual{position:relative!important;inset:auto!important;width:100%!important;max-width:560px!important;height:auto!important;min-height:0!important;z-index:1!important;order:1!important;margin-inline:auto!important;pointer-events:auto!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image)>.km-hero-content{position:relative!important;z-index:2!important;order:0!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-visual-card{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.35!important;overflow:hidden!important;border-radius:22px!important;background:#e9f0ff!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-visual-card::after{display:none!important}
 body.home .km-home-hero .km-hero-slide:has(.km-hero-image) .km-hero-image{width:100%!important;height:100%!important;max-height:340px!important;object-fit:contain!important}
}
/* Portfolio project header: inline category tag and actions directly after facts. */
.km-case-topline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}
.km-case-topline-tag{display:inline-flex;align-items:center;background:#eef3ff;border:1px solid #dce5ff;border-radius:99px;color:#012bf9;font-size:.78rem;font-weight:500;padding:6px 12px}
.km-case-copy{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.km-case-copy .km-case-actions-full{width:100%;margin-top:22px}
.km-case-copy .km-case-actions{flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important}
.km-case-copy .km-case-actions .km-case-button{white-space:normal!important;flex:0 1 auto;font-size:.81rem}
.km-case-hero-grid{align-items:center}
.km-case-visual{align-self:center}
.km-portfolio-sidebar{display:flex;visibility:visible;opacity:1;min-height:160px}
.km-sidebar-fallback{padding:20px;border-radius:20px;background:linear-gradient(135deg,#f5f8ff,#fff);border:1px solid #e2e9f7}
.km-sidebar-fallback h2{font-size:1.04rem;line-height:1.6;margin:9px 0}
.km-sidebar-fallback p{font-size:.87rem;color:#64718a;line-height:1.9}
.km-sidebar-fallback .km-btn{font-weight:500;font-size:.82rem}
@media(max-width:760px){.km-case-copy .km-case-actions{display:grid!important;grid-template-columns:1fr}.km-case-copy .km-case-actions .km-case-button{width:100%!important}}

/* Kalameh 1.4.0 — editorial archives */
.km-archive-page{padding-bottom:96px;background:#fff}.km-archive-masthead{position:relative;min-height:290px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:center;isolation:isolate;margin-top:28px;margin-bottom:55px;padding:45px clamp(28px,5vw,70px);overflow:hidden;border:1px solid #e1e8f7;border-radius:32px;background:linear-gradient(120deg,#f8faff,#fff 55%,#eef3ff)}.km-archive-masthead:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(#012bf90b 1px,transparent 1.5px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 25%,#000)}.km-archive-eyebrow{display:inline-block;font-size:.78rem;font-weight:650;letter-spacing:.03em;color:#335ed9;background:#eaf0ff;padding:8px 13px;border-radius:100px}.km-archive-masthead h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;font-weight:760;margin:17px 0 12px;line-height:1.3}.km-archive-masthead p{max-width:625px;margin:0;color:#60708c;font-size:1rem;line-height:2}.km-archive-masthead-art{width:230px;height:200px;position:relative;border-radius:28px;background:linear-gradient(145deg,#fff,#edf3ff);border:1px solid #d9e5ff;box-shadow:0 20px 45px #1637770e;display:grid;place-items:center;transform:rotate(-6deg)}.km-archive-masthead-art span{font-size:1.6rem;color:#012bf9;letter-spacing:.04em;font-weight:750;direction:ltr}.km-archive-masthead-art i{position:absolute;border:1px solid #b9cbfa;border-radius:28px;width:145px;height:145px;transform:rotate(25deg)}.km-archive-masthead-art i:nth-of-type(2){width:185px;height:185px;border-radius:50%;border-style:dashed}.km-archive-masthead-art i:nth-of-type(3){width:50px;height:50px;border-radius:14px;right:-15px;top:-15px;background:#ffb41433;border-color:#ffb41455}.km-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:32px;direction:rtl}.km-archive-layout:has(> .km-archive-main:only-child){grid-template-columns:1fr}.km-archive-main{min-width:0}.km-archive-main-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:24px}.km-archive-main-heading h2{font-size:clamp(1.45rem,2.3vw,2rem);font-weight:700;margin:5px 0 0}.km-archive-count{background:#f1f5ff;color:#536581;border:1px solid #e4ebfa;border-radius:99px;padding:6px 12px;font-size:.8rem;white-space:nowrap}.km-blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.km-archive-card{min-width:0;background:#fff;border:1px solid #e5eaf3;border-radius:23px;overflow:hidden;box-shadow:0 12px 38px #11265009;transition:transform .25s,border-color .25s,box-shadow .25s}.km-archive-card:hover{transform:translateY(-4px);border-color:#cbd9fa;box-shadow:0 21px 42px #11265013}.km-archive-card-media{position:relative;display:block;aspect-ratio:1.65;overflow:hidden;background:#eff3fd}.km-archive-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.km-archive-card:hover .km-archive-card-media img{transform:scale(1.04)}.km-archive-card-placeholder{display:grid;height:100%;place-items:center;color:#012bf9;font-size:2rem;font-weight:700}.km-archive-card-arrow{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#fff;color:#012bf9;box-shadow:0 4px 14px #16295a23}.km-archive-card-arrow svg{width:19px;height:19px}.km-archive-card-body{padding:22px}.km-archive-card-meta{display:flex;justify-content:space-between;gap:10px;color:#7a879d;font-size:.78rem}.km-archive-card-body h2{font-weight:700;line-height:1.6;font-size:1.12rem;margin:13px 0 8px}.km-archive-card-body p{color:#64728c;font-size:.88rem;line-height:1.95;margin:0;min-height:68px}.km-archive-read{display:inline-flex;gap:9px;align-items:center;color:#012bf9;font-size:.87rem;font-weight:650;margin-top:19px}.km-archive-pagination{padding-top:35px}.km-archive-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.km-archive-pagination .page-numbers{padding:8px 14px;background:#f4f7fd;border:1px solid #e4eaf6;border-radius:11px}.km-archive-pagination .current{background:#012bf9;color:#fff;border-color:#012bf9}.km-archive-sidebar{display:grid;gap:17px;min-width:0}.km-archive-sidebar-sticky{position:sticky;top:110px}.km-archive-widget{background:#fff;border:1px solid #e2e9f6;border-radius:23px;padding:23px;box-shadow:0 10px 30px #13245108}.km-archive-widget-title{margin-bottom:15px}.km-archive-widget-title>span{font-size:.75rem;color:#456bf0}.km-archive-widget h2{font-size:1.12rem;margin:5px 0 0}.km-archive-mini{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f7}.km-archive-mini:last-child{border-bottom:0;padding-bottom:0}.km-archive-mini img{width:62px;height:62px;flex:0 0 62px;object-fit:cover;border-radius:12px}.km-archive-mini span{min-width:0;display:flex;flex-direction:column;gap:4px}.km-archive-mini strong{font-size:.84rem;font-weight:650;line-height:1.65}.km-archive-mini small{color:#8792a6;font-size:.74rem}.km-archive-banner{overflow:hidden;border-radius:19px;background:#edf2ff}.km-archive-banner img{display:block;width:100%;height:auto}.km-archive-services{padding:0;margin:0;list-style:none}.km-archive-services li{border-bottom:1px solid #eff2f8}.km-archive-services li:last-child{border:0}.km-archive-services a{display:block;padding:10px 3px;color:#42536f;font-size:.87rem}.km-archive-services a:hover{color:#012bf9}.km-archive-cta{background:#122556;color:#fff}.km-archive-cta>span{color:#ffcf6b;font-size:.78rem}.km-archive-cta h2{color:#fff;line-height:1.7;margin:11px 0 17px}.km-archive-cta a{display:inline-flex;gap:10px;padding:10px 14px;background:#ffb414;border-radius:12px;font-weight:650;color:#13203f;font-size:.84rem}
@media(max-width:1050px){.km-archive-layout{grid-template-columns:minmax(0,1fr) 275px;gap:20px}.km-archive-masthead{grid-template-columns:minmax(0,1fr) 190px}.km-archive-masthead-art{width:175px;height:160px}.km-blog-card-grid{gap:14px}.km-archive-card-body{padding:17px}}
@media(max-width:800px){.km-archive-masthead{grid-template-columns:1fr;min-height:240px;padding:31px 24px;margin-bottom:33px}.km-archive-masthead-art{display:none}.km-archive-layout{grid-template-columns:1fr}.km-archive-sidebar-sticky{position:static}.km-archive-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.km-archive-widget{padding:18px}}
@media(max-width:530px){.km-blog-card-grid,.km-archive-sidebar{grid-template-columns:1fr}.km-archive-main-heading h2{font-size:1.42rem}.km-archive-masthead h1{font-size:2rem}.km-archive-card-body p{min-height:0}.km-archive-page{padding-bottom:52px}}


/* Kalameh v1.4.10 – compact archive headings and three-column cards */
.km-archive-page .km-archive-masthead{min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:0;margin-top:20px;margin-bottom:33px;padding:25px clamp(22px,3vw,42px);border-radius:22px;box-shadow:none;background:linear-gradient(110deg,#fafcff,#f1f5ff)}
.km-archive-page .km-archive-masthead>div:first-child{min-width:0}
.km-archive-page .km-archive-masthead h1{font-size:clamp(1.8rem,2.75vw,2.7rem);font-weight:750;line-height:1.45;margin:8px 0 0}
.km-archive-page .km-archive-masthead p,.km-archive-page .km-archive-masthead-art{display:none!important}
.km-archive-page .km-archive-eyebrow{font-size:.7rem;padding:5px 11px}
.km-archive-page .km-blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.km-archive-page .km-archive-layout{grid-template-columns:minmax(0,1fr) 275px;gap:22px}
.km-archive-page .km-archive-card{border-radius:17px;box-shadow:0 6px 20px #11265009}
.km-archive-page .km-archive-card-media{aspect-ratio:1.5}
.km-archive-page .km-archive-card-body{padding:15px}
.km-archive-page .km-archive-card-body h2{font-size:.99rem;line-height:1.6;margin:9px 0 6px}
.km-archive-page .km-archive-card-meta{font-size:.7rem;flex-wrap:wrap}
.km-archive-page .km-archive-card-body p{font-size:.79rem;line-height:1.8;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.km-archive-page .km-archive-read{font-size:.78rem;margin-top:12px}
.km-archive-page .km-archive-card-arrow{width:31px;height:31px;border-radius:10px;left:10px;bottom:10px}
.km-archive-categories{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.km-archive-categories li>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;color:#42536f;font-size:.87rem;border-bottom:1px solid #eff2f8;transition:color .2s}
.km-archive-categories li:last-child>a{border:0}
.km-archive-categories li>a:hover{color:#012bf9}
.km-archive-categories small{min-width:28px;text-align:center;background:#f2f5fc;border-radius:8px;padding:2px 6px;font-size:.74rem;color:#6980ac}
@media(max-width:1150px){.km-archive-page .km-blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.km-archive-page .km-archive-layout{grid-template-columns:1fr}.km-archive-page .km-archive-masthead{padding:23px;margin-bottom:23px}.km-archive-page .km-archive-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.km-archive-page .km-blog-card-grid,.km-archive-page .km-archive-sidebar{grid-template-columns:1fr}.km-archive-page .km-archive-card-body{padding:17px}.km-archive-page .km-archive-masthead h1{font-size:1.9rem}}

/* v1.4.20 scoped archive polish and responsive safety */
.km-archive-page .km-archive-masthead{margin-bottom:25px}
.km-archive-page .km-archive-masthead>div:first-child{width:100%;min-width:0}
.km-archive-page .km-archive-heading-line{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.km-archive-page .km-archive-heading-line h1{margin:8px 0 0}
.km-archive-page .km-archive-heading-line .km-archive-count{flex:none;background:#fff;border:1px solid #dce6fa;border-radius:999px;font-size:.76rem;padding:8px 14px}
.km-archive-page .km-archive-card{display:flex;flex-direction:column;min-width:0}
.km-archive-page .km-archive-card-body{display:flex;flex-direction:column;flex:1;min-width:0}
.km-archive-page .km-archive-read{margin-top:auto;width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:9px;background:#edf2ff;border:1px solid #dce6ff;border-radius:12px;color:#0733d3;padding:10px 13px;font-size:.79rem;font-weight:600;transition:background-color .2s,color .2s}
.km-archive-page .km-archive-card-body p{margin-bottom:18px}
.km-archive-page .km-archive-read:hover,.km-archive-page .km-archive-read:focus-visible{background:#012bf9;color:#fff}
.km-archive-page .km-read-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#dce7ff;flex:none}
.km-archive-page .km-archive-read:hover .km-read-icon{background:#ffffff29}
.km-archive-page .km-read-icon svg{display:block;width:17px;height:17px}
@media(max-width:1200px){.km-archive-page .km-blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.km-archive-page .km-archive-layout{grid-template-columns:minmax(0,1fr)}.km-archive-page .km-archive-sidebar{position:static}}
@media(max-width:650px){.km-archive-page .km-blog-card-grid{grid-template-columns:minmax(0,1fr)}.km-archive-page .km-archive-masthead{padding:23px 20px}.km-archive-page .km-archive-heading-line{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.km-archive-page .km-archive-read{transition:none}}

/* Single article — v1.5.0, scoped exclusively to individual posts */
.km-article-page{background:#fff;padding:30px 0 95px}.km-post-article{min-width:0}.km-post-hero{border-radius:28px;background:linear-gradient(125deg,#f4f7ff 0%,#fff 67%);border:1px solid #e7edfa;padding:clamp(24px,4.3vw,56px);margin:0 0 28px}.km-post-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.78rem;color:#8a96a9;margin-bottom:26px}.km-post-breadcrumb a:hover{color:#012bf9}.km-post-hero-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.km-post-hero-label{font-size:.72rem;letter-spacing:.06em;color:#345bd2}.km-post-category{background:#e8efff;padding:5px 12px;border-radius:40px;color:#1848ce;font-size:.77rem}.km-post-hero h1{font-size:clamp(1.75rem,3.1vw,2.95rem);font-weight:650;line-height:1.62;max-width:950px;letter-spacing:-.035em;margin:17px 0 11px}.km-post-standfirst{color:#66738b;font-size:.95rem;line-height:2;max-width:850px;margin:0 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.km-post-byline{border-top:1px solid #e4eafb;margin-top:26px;padding-top:19px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.km-post-author{display:flex;align-items:center;gap:11px}.km-post-avatar{width:43px;height:43px;object-fit:cover;border-radius:50%;border:2px solid #fff}.km-post-author span{display:flex;flex-direction:column;gap:1px}.km-post-author small{font-size:.72rem;color:#7c8ba1}.km-post-author strong{font-size:.88rem;font-weight:600}.km-post-byline-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#6c7a92;font-size:.8rem}.km-post-byline-details span{display:inline-flex;align-items:center;gap:7px}.km-post-byline-details svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.km-post-cover{margin:0 0 30px}.km-post-cover-img{display:block;width:100%;max-height:520px;object-fit:cover;aspect-ratio:2.16;border-radius:24px;background:#eaf0fa}.km-post-cover figcaption{text-align:center;color:#8490a2;font-size:.75rem;margin-top:10px}.km-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:32px;align-items:start;direction:rtl}.km-post-layout:has(> .km-post-main:only-child){grid-template-columns:1fr}.km-post-main{min-width:0}.km-post-sharebar{border:1px solid #e8edf6;border-radius:17px;padding:13px 17px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fcfdff}.km-post-sharebar>span{font-size:.8rem;color:#62718a}.km-post-share-actions{display:flex;gap:8px;flex-wrap:wrap}.km-post-share-actions a,.km-post-share-actions button,.km-post-endshare button{border:1px solid #dfe7f7;background:#fff;color:#284269;border-radius:10px;padding:8px 12px;font-size:.77rem;line-height:1.7;cursor:pointer;font-weight:500;transition:background .18s,color .18s,border-color .18s}.km-post-share-actions a:hover,.km-post-share-actions button:hover,.km-post-endshare button:hover{background:#012bf9;color:#fff;border-color:#012bf9}.km-post-content{max-width:100%;font-size:1rem;line-height:2.12;color:#344057;overflow-wrap:anywhere}.km-post-content p{font-size:1rem;line-height:2.15;margin:0 0 20px}.km-post-content h2{font-size:clamp(1.35rem,2vw,1.78rem);font-weight:650;margin:44px 0 16px;line-height:1.55}.km-post-content h3{font-size:clamp(1.12rem,1.6vw,1.37rem);font-weight:600;margin:30px 0 12px}.km-post-content h4{font-size:1.09rem;font-weight:600;margin:24px 0 10px}.km-post-content img{border-radius:14px;height:auto}.km-post-content figure{max-width:100%;margin:22px auto}.km-post-content figcaption{font-size:.77rem;color:#8893a4;text-align:center}.km-post-content ul,.km-post-content ol{padding-inline-start:26px;margin:17px 0 24px}.km-post-content li{margin-bottom:7px}.km-post-content a{color:#012bf9;text-underline-offset:4px;text-decoration:underline}.km-post-content blockquote{margin:27px 0;padding:18px 25px;background:#f4f7ff;border-right:3px solid #012bf9;border-radius:14px}.km-post-content table{display:block;overflow-x:auto;max-width:100%;white-space:normal}.km-post-content iframe{max-width:100%}.km-post-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:36px}.km-post-tags>span{font-size:.81rem;color:#748098;margin-inline-end:6px}.km-post-tags a{font-size:.78rem;padding:6px 11px;background:#f3f6fb;border-radius:10px;border:1px solid #e8edf6}.km-post-endshare{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:30px;padding:22px;background:#f5f8ff;border-radius:17px}.km-post-endshare span{font-size:.88rem;color:#4f5f7b}.km-post-endshare button{background:#012bf9;color:#fff;border-color:#012bf9}.km-post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.km-post-navigation>div a{display:flex;flex-direction:column;gap:4px;padding:17px;border:1px solid #e5eaf5;border-radius:15px;height:100%}.km-post-navigation small{color:#8895a7;font-size:.74rem}.km-post-navigation strong{font-size:.84rem;line-height:1.7;font-weight:550}.km-post-sidebar{display:grid;gap:18px;min-width:0}.km-post-side-sticky{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 118px);overflow-y:auto;scrollbar-width:thin}.km-post-side-widget{border:1px solid #e6ecf7;border-radius:20px;padding:19px;background:#fff;box-shadow:0 8px 30px #13245107}.km-post-side-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.km-post-side-heading h2{font-size:1.02rem;font-weight:650;margin:0}.km-post-side-dot{height:9px;width:9px;border-radius:3px;background:#ffb414}.km-post-side-mini{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eff2f8}.km-post-side-mini:last-child{border-bottom:0;padding-bottom:0}.km-post-side-mini img,.km-post-side-placeholder{width:61px;height:61px;flex:0 0 61px;object-fit:cover;border-radius:11px;background:#e9effc}.km-post-side-mini>span:last-child{display:flex;flex-direction:column;min-width:0;gap:4px}.km-post-side-mini strong{font-weight:550;font-size:.79rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.km-post-side-mini small{font-size:.69rem;color:#8994a6}.km-post-side-categories{list-style:none;margin:0;padding:0}.km-post-side-categories a{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.81rem;padding:10px 5px;border-bottom:1px solid #eef1f7}.km-post-side-categories li:last-child a{border-bottom:0}.km-post-side-categories a:hover{color:#012bf9}.km-post-side-categories small{min-width:29px;text-align:center;background:#f0f4ff;color:#55709b;padding:1px 6px;border-radius:8px}.km-post-side-cta{padding:25px;border-radius:21px;color:#fff;background:radial-gradient(circle at top left,#3152b7,#132758 75%);overflow:hidden}.km-post-cta-mark{font-size:.66rem;letter-spacing:.13em;color:#ffcf65}.km-post-side-cta h2{font-size:1.3rem;color:#fff;font-weight:600;line-height:1.65;margin:18px 0 8px}.km-post-side-cta p{font-size:.84rem;color:#d0dcfa;line-height:1.9;margin:0 0 20px}.km-post-side-cta a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffb414;color:#18223e;padding:12px 14px;border-radius:11px;font-weight:600;font-size:.81rem}.km-post-side-cta svg{width:18px;height:18px}.km-post-sidebar .km-archive-banner{border-radius:18px}.km-post-sidebar .km-archive-banner img{display:block;width:100%;height:auto}
@media(max-width:960px){.km-post-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.km-post-hero{padding:27px}.km-post-content{font-size:.94rem}}
@media(max-width:780px){.km-post-layout{grid-template-columns:minmax(0,1fr)}.km-post-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.km-post-side-sticky{position:static;max-height:none;overflow:visible}.km-post-cover-img{aspect-ratio:1.7;max-height:390px}}
@media(max-width:560px){.km-article-page{padding-top:14px;padding-bottom:55px}.km-post-hero{padding:21px 18px;border-radius:20px}.km-post-hero h1{font-size:1.68rem}.km-post-byline-details{gap:12px}.km-post-cover-img{aspect-ratio:1.48;border-radius:16px}.km-post-sidebar{grid-template-columns:1fr}.km-post-navigation{grid-template-columns:1fr}.km-post-sharebar{align-items:flex-start}.km-post-content p{font-size:.94rem}.km-post-content h2{font-size:1.37rem}}

/* v1.5.5 — Editorial horizontal article cover; scoped to single articles only. */
.km-article-page .km-post-hero-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:clamp(22px,3.5vw,50px);padding:clamp(22px,3vw,42px);background:linear-gradient(118deg,#f5f8ff 0%,#fff 76%);border:1px solid #e4ebf9;border-radius:26px;overflow:hidden;min-height:365px}
.km-article-page .km-post-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.km-article-page .km-post-hero-split .km-post-breadcrumb{margin:0 0 25px;font-size:.76rem}
.km-article-page .km-post-hero-split h1{margin:15px 0 12px;max-width:100%;font-size:clamp(1.48rem,2.12vw,2.15rem);line-height:1.78;font-weight:580;letter-spacing:normal;overflow-wrap:break-word}
.km-article-page .km-post-hero-split .km-post-standfirst{font-size:.88rem;line-height:1.95;max-width:100%;margin:0 0 10px;-webkit-line-clamp:2}
.km-article-page .km-post-hero-split .km-post-byline{margin-top:25px;padding-top:17px;gap:12px;align-items:center}
.km-article-page .km-post-hero-split .km-post-byline-details{gap:11px 15px;font-size:.75rem}
.km-article-page .km-post-hero-split .km-post-author strong{font-weight:550}
.km-article-page .km-post-hero-split .km-post-cover{position:relative;min-width:0;min-height:300px;margin:0;align-self:stretch;border-radius:19px;overflow:hidden;background:#e8effe;box-shadow:0 12px 35px #10265812}
.km-article-page .km-post-hero-split .km-post-cover-img{width:100%;height:100%;max-height:none;min-height:300px;aspect-ratio:auto;object-fit:cover;border-radius:0}
.km-article-page .km-post-hero-split .km-post-cover figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:16px 15px 9px;text-align:right;color:#fff;background:linear-gradient(transparent,#17213d99);font-size:.72rem}
.km-article-page .km-post-hero-split:not(.km-post-hero-has-cover){grid-template-columns:1fr;min-height:0}
.km-article-page .km-post-side-sticky{top:155px;max-height:calc(100vh - 174px);scrollbar-width:thin}
@media(max-width:1080px){.km-article-page .km-post-hero-split{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:23px;min-height:325px}.km-article-page .km-post-hero-split h1{font-size:clamp(1.4rem,2.4vw,1.85rem)}.km-article-page .km-post-hero-split .km-post-cover,.km-article-page .km-post-hero-split .km-post-cover-img{min-height:265px}}
@media(max-width:780px){.km-article-page .km-post-hero-split{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:17px;padding:22px;min-height:0}.km-article-page .km-post-hero-split h1{font-size:1.46rem}.km-article-page .km-post-hero-split .km-post-breadcrumb{margin-bottom:17px}.km-article-page .km-post-hero-split .km-post-cover,.km-article-page .km-post-hero-split .km-post-cover-img{min-height:245px}.km-article-page .km-post-side-sticky{top:auto;max-height:none}}
@media(max-width:640px){.km-article-page .km-post-hero-split{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px;border-radius:19px}.km-article-page .km-post-hero-split h1{font-size:clamp(1.42rem,5vw,1.85rem);line-height:1.76;margin:12px 0}.km-article-page .km-post-hero-split .km-post-cover{aspect-ratio:16/10;min-height:0;border-radius:13px}.km-article-page .km-post-hero-split .km-post-cover-img{min-height:0;aspect-ratio:16/10}.km-article-page .km-post-hero-split .km-post-byline{margin-top:15px}.km-article-page .km-post-side-sticky{position:static;max-height:none;overflow:visible}}


/* v1.6.25: richer service portfolio presentation */
.km-service-page .km-service-portfolio{position:relative;overflow:hidden;padding:clamp(28px,4vw,42px);border:1px solid #e2e9f6;border-radius:34px;background:radial-gradient(circle at 88% 16%,rgba(1,43,249,.08),transparent 28%),radial-gradient(circle at 10% 88%,rgba(255,180,20,.10),transparent 22%),linear-gradient(145deg,#fbfcff,#f3f7ff);box-shadow:0 22px 54px rgba(14,36,85,.06)}
.km-service-page .km-service-portfolio::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(1,43,249,.08) .85px,transparent 1.2px);background-size:24px 24px;opacity:.55;pointer-events:none}
.km-service-page .km-service-portfolio::after{content:"";position:absolute;left:-72px;bottom:-88px;width:240px;height:240px;border-radius:50%;border:1px dashed rgba(1,43,249,.18);pointer-events:none}
.km-service-page .km-service-portfolio>*{position:relative;z-index:1}
.km-service-page .km-service-work-track{padding-bottom:6px}
.km-service-page .km-service-work-track .km-work-card{border:1px solid #dde6f4;border-radius:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(3px);box-shadow:0 18px 38px rgba(15,35,82,.08)}
.km-service-page .km-service-work-track .km-work-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(15,35,82,.12)}
.km-service-page .km-service-work-track .km-card-body{padding:20px}
.km-service-page .km-service-work-controls button{background:rgba(255,255,255,.92);border-color:#d9e3f4;box-shadow:0 10px 26px rgba(12,32,77,.08)}
.km-service-page .km-service-work-controls button:hover,.km-service-page .km-service-work-controls button:focus-visible{border-color:#b7c8ef;background:#fff}
@media(max-width:767px){.km-service-page .km-service-portfolio{padding:20px;border-radius:26px}}

/* v1.6.30 — Full-bleed service portfolio, no boxed outer container. */
.km-service-page .km-service-portfolio{width:100%;max-width:none;margin:0;padding:clamp(64px,6vw,96px) 0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:linear-gradient(135deg,#f7f9ff,#eef3fc)}
.km-service-page .km-service-portfolio::before,.km-service-page .km-service-portfolio::after{pointer-events:none}
.km-service-page .km-service-portfolio-inner{position:relative;z-index:1}
@media(max-width:767px){.km-service-page .km-service-portfolio{padding:50px 0;border-radius:0}}

/* v1.7.10 — Simple one-column tools dropdown; icons set per item in Appearance > Menus. */
@media(min-width:1051px){
 .km-header .km-nav .km-menu>li.km-tools-dropdown{position:relative!important}
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu{
  position:absolute!important;inset-inline:auto!important;right:0!important;left:auto!important;
  top:calc(100% + 3px)!important;width:270px!important;min-width:255px!important;max-width:min(350px,90vw)!important;
  padding:9px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;
  background:#fff!important;border:1px solid #e1e8f6!important;border-radius:18px!important;
  box-shadow:0 20px 48px rgba(12,31,71,.13)!important;
 }
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li{width:100%!important}
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;
  width:100%!important;min-height:52px!important;padding:9px 12px!important;
  border:1px solid transparent!important;border-radius:12px!important;color:#21304d!important;
  font-size:13px!important;text-align:right!important;
 }
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a:hover,
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a:focus-visible{background:#f3f6ff!important;border-color:#e2eaff!important;transform:none!important}
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-icon{
  display:block!important;flex:0 0 34px!important;width:34px!important;height:34px!important;
  object-fit:contain!important;padding:5px!important;border-radius:10px!important;
  background:#edf2ff!important;filter:none!important
 }
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-copy{font-size:13px!important;font-weight:550!important}
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-desc{font-size:11px!important;color:#73809c!important}
}
@media(max-width:1050px){
 .km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a{display:flex;align-items:center;gap:10px}
 .km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu .km-menu-item-icon{width:30px;height:30px;padding:3px;background:#edf2ff;border-radius:9px}
}

/* v1.7.30 compact single-column tools dropdown */
@media(min-width:1051px){
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu{width:270px!important;min-width:240px!important;max-width:290px!important;padding:8px!important;gap:2px!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:45px!important;padding:7px 9px!important;border-radius:11px!important;text-align:right!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-icon{width:29px!important;height:29px!important;flex:0 0 29px!important;padding:5px!important;border-radius:9px!important;object-fit:contain!important;margin:0!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-copy{font-size:12px!important;line-height:1.55!important;text-align:right!important;display:flex!important;align-items:flex-start!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-desc{display:none!important}
}

/* v1.7.35 tools dropdown — one compact horizontal row per menu item. */
@media(min-width:1051px){
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu{width:285px!important;min-width:285px!important;max-width:285px!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:7px 9px!important;text-align:right!important;white-space:normal!important;border:1px solid transparent!important;border-radius:11px!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a>.km-menu-item-icon{display:block!important;position:static!important;flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;max-height:30px!important;padding:5px!important;margin:0!important;object-fit:contain!important;border-radius:9px!important;filter:none!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a>.km-menu-item-copy{display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;text-align:right!important;line-height:1.6!important;font-size:12px!important;font-weight:550!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu .km-menu-item-desc{display:none!important}
}
@media(max-width:1050px){.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a>.km-menu-item-icon{flex:0 0 28px;width:28px;height:28px}.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a>.km-menu-item-copy{display:block!important;flex:1}}

/* v1.7.40: Tools dropdown uses a strict icon/text grid, not mega cards. */
@media(min-width:1051px){
.km-header .km-nav .km-menu>li.km-tools-dropdown>ul.sub-menu{width:258px!important;min-width:258px!important;max-width:258px!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:7px!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>ul.sub-menu>li>a{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto!important;direction:rtl!important;align-items:center!important;justify-content:initial!important;justify-items:stretch!important;gap:9px!important;padding:7px 9px!important;min-height:42px!important;height:auto!important;text-align:right!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>ul.sub-menu>li>a>img.km-menu-item-icon{display:block!important;grid-column:1!important;grid-row:1!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;padding:4px!important;margin:0!important;object-fit:contain!important;border-radius:8px!important;position:static!important;flex:none!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>ul.sub-menu>li>a>.km-menu-item-copy{display:block!important;grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:550!important;line-height:1.6!important;text-align:right!important;white-space:normal!important}
.km-header .km-nav .km-menu>li.km-tools-dropdown>ul.sub-menu .km-menu-item-desc{display:none!important}
}
@media(max-width:1050px){
.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;align-items:center!important;column-gap:9px!important;direction:rtl!important}
.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a>img.km-menu-item-icon{grid-column:1!important;width:26px!important;height:26px!important;margin:0!important;padding:4px!important}
.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a>.km-menu-item-copy{grid-column:2!important;width:auto!important;text-align:right!important}
}


/* 1.7.50: actual nested markup, preventing inherited vertical mega menu layout. */
@media(min-width:1051px){
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu{width:264px!important;min-width:264px!important;max-width:264px!important;gap:3px!important;padding:8px!important}
 .km-header .km-nav .km-menu>li.km-tools-dropdown>.sub-menu>li>a{display:block!important;min-height:0!important;height:auto!important;padding:6px 9px!important;line-height:1.6!important;border-radius:10px!important;text-align:right!important}
}
.km-header .km-tool-menu-line{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;direction:rtl!important;gap:9px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:30px!important}
.km-header .km-tool-menu-line>.km-tool-menu-icon{display:block!important;position:static!important;float:none!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;padding:4px!important;margin:0!important;border-radius:8px!important;object-fit:contain!important;filter:none!important;background:#edf2ff!important}
.km-header .km-tool-menu-line>.km-tool-menu-label{display:block!important;position:static!important;float:none!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;text-align:right!important;white-space:normal!important;font-size:12px!important;font-weight:550!important;line-height:1.65!important}
.km-header .km-tool-menu-line>.km-tool-menu-icon-placeholder{opacity:.25}
html[data-km-theme="dark"] .km-header .km-tool-menu-line>.km-tool-menu-icon{background:#263957!important;filter:none!important}
@media(max-width:1050px){.km-header .km-mobile-menu>li.km-tools-dropdown .sub-menu>li>a{display:block!important;padding:8px!important}}

/* v1.7.70 Footer contact actions — compact stacked links */
.km-footer-contact-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:17px;width:100%;max-width:300px}
.km-footer-contact-actions a{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:7px 12px;border:1px solid rgba(174,190,222,.28);border-radius:11px;color:#e7eefc;background:rgba(255,255,255,.045);font-size:.85rem;font-weight:500;line-height:1.55;transition:border-color .18s ease,background-color .18s ease}
.km-footer-contact-actions a:hover,.km-footer-contact-actions a:focus-visible{background:rgba(255,255,255,.11);border-color:rgba(174,190,222,.55)}
.km-footer-contact-actions a span{font-size:1rem;line-height:1;opacity:.7}
.km-footer-contact-actions a.km-footer-contact-call{background:#243e7a;border-color:#4965a4;color:#fff}
@media(max-width:1050px){.km-footer-contact-actions{max-width:none}}
@media(prefers-reduced-motion:reduce){.km-footer-contact-actions a{transition:none}}

/* v1.7.75 — Avoid abrupt document scroll adjustment around the team/clients
   boundary. The old content-visibility:auto used estimated 750px heights for
   both earlier homepage sections; their real layout heights differed and the
   browser adjusted scroll anchoring as they were realized. Render them normally. */
@media (min-width:761px){
  body.home .km-digital-section,
  body.home .km-journey-section{
    content-visibility:visible!important;
    contain-intrinsic-size:none!important;
  }
}

/* v1.7.85 footer actions: compact brand-led layout */
.km-footer .km-footer-start-btn{display:inline-flex;align-items:center;gap:15px;min-height:47px;background:#eef3ff;color:#102f8b;border:1px solid rgba(147,175,245,.5);border-radius:14px;padding:6px 7px 6px 17px;font-size:.87rem;font-weight:600;box-shadow:none;transition:background .2s,border-color .2s,transform .2s}
.km-footer .km-footer-start-btn:hover{background:#fff;border-color:#7a9bf6;transform:translateY(-2px)}
.km-footer .km-footer-start-arrow{width:33px;height:33px;border-radius:10px;background:#123ab9;color:#fff;display:grid;place-items:center;font-size:1.05rem}
.km-footer-office-address{margin-top:13px;max-width:330px;font-size:.83rem;line-height:2;color:#b9c7df;font-style:normal}
.km-footer .km-footer-contact-actions{gap:8px;max-width:320px;margin-top:16px}
.km-footer .km-footer-contact-actions>a{display:grid;grid-template-columns:31px minmax(0,1fr) 15px;align-items:center;column-gap:9px;min-height:43px;padding:6px 9px;border-radius:11px;font-size:.82rem;color:#eef3ff;background:rgba(255,255,255,.04);border:1px solid rgba(167,190,231,.21)}
.km-footer .km-footer-contact-actions>a:hover{background:rgba(255,255,255,.09);border-color:rgba(167,190,231,.45)}
.km-footer .km-footer-contact-actions .km-footer-action-leading{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.09);opacity:1}
.km-footer .km-footer-contact-actions .km-footer-action-leading svg{width:19px;height:19px}
.km-footer .km-footer-contact-actions .km-footer-contact-custom-icon{width:20px;height:20px;object-fit:contain}
.km-footer .km-footer-contact-actions .km-footer-action-label{min-width:0;font-weight:550;line-height:1.65}
.km-footer .km-footer-contact-actions .km-footer-action-label b{font-weight:500;display:inline-block;margin-inline-start:4px}
.km-footer .km-footer-contact-actions .km-footer-action-arrow{font-size:.83rem;opacity:.65}
.km-footer .km-footer-contact-actions .km-footer-contact-telegram .km-footer-action-leading{background:rgba(38,158,219,.17);color:#37b9ff}
.km-footer .km-footer-contact-actions .km-footer-contact-bale .km-footer-action-leading{background:rgba(31,125,79,.24);color:#4ad38a}
.km-footer .km-footer-contact-actions>a.km-footer-contact-call{background:rgba(54,84,151,.18);border-color:rgba(132,160,223,.35);color:#fff}
.km-footer .km-footer-contact-actions .km-footer-contact-call .km-footer-action-leading{color:#abc4ff;background:rgba(71,110,204,.17)}
@media(max-width:700px){.km-footer .km-footer-contact-actions{max-width:none}.km-footer .km-footer-start-btn{min-height:44px}.km-footer-office-address{max-width:100%}}
@media(prefers-reduced-motion:reduce){.km-footer .km-footer-start-btn{transition:none}}

/* v1.7.95 Homepage service icons and article sidebar */
.km-service-orb .km-service-custom-icon{display:block;width:55%;height:55%;max-width:68px;max-height:68px;object-fit:contain;margin:auto;filter:none!important}
.km-post-side-sticky{top:155px;max-height:calc(100vh - 170px)}
@media(max-width:780px){.km-post-side-sticky{max-height:none}}

/* Header: free audit shortcut */
.km-header-audit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 13px;border:1px solid var(--km-border);border-radius:13px;color:var(--km-primary);background:var(--km-soft);white-space:nowrap;font-weight:600;font-size:.82rem;transition:background .18s,border-color .18s}
.km-header-audit:hover{border-color:var(--km-primary);background:color-mix(in srgb,var(--km-primary) 6%,var(--km-soft))}
html[data-km-theme="dark"] .km-header-audit{background:#192b49;border-color:#425775;color:#d4e2ff}
@media(max-width:1130px){.km-header-audit{padding:9px}.km-header-audit span{display:none}}
@media(max-width:600px){.km-header-audit{min-height:38px}.km-header-audit svg{width:17px;height:17px}}

/* v1.9.5 header action alignment */
.km-header .km-header-inner{
  gap:18px;
}
.km-header .km-nav{
  margin-inline:auto;
}
.km-header .km-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}
.km-header .km-header-cta,
.km-header .km-header-audit-btn{
  margin:0!important;
  min-height:48px;
  padding:6px 16px 6px 8px;
  border-radius:15px;
  gap:10px;
  white-space:nowrap;
  flex:0 0 auto;
}
.km-header .km-header-cta .km-btn-label,
.km-header .km-header-audit-btn .km-btn-label{
  display:inline-block;
  line-height:1.35;
}
.km-header .km-header-audit-btn{
  color:#111;
  box-shadow:0 8px 18px color-mix(in srgb,var(--km-secondary) 25%,transparent);
}
.km-header .km-header-cta .km-btn-symbol,
.km-header .km-header-audit-btn .km-btn-symbol{
  order:0;
  display:grid;
  place-items:center;
  flex:0 0 35px;
  width:35px;
  height:35px;
  min-width:35px;
  min-height:35px;
  padding:8px;
  margin:0;
  border-radius:11px;
  background:#101936;
  color:#fff;
}
.km-header .km-header-audit-btn .km-btn-symbol svg,
.km-header .km-header-cta .km-btn-symbol svg{
  display:block;
  width:100%;
  height:100%;
}
.km-header .km-theme-toggle{
  margin:0;
}
@media (max-width:1180px){
  .km-header .km-header-inner{gap:12px}
  .km-header .km-header-actions{gap:6px}
  .km-header .km-header-audit-btn,
  .km-header .km-header-cta{padding:5px 12px 5px 6px}
}
@media (max-width:960px){
  .km-header .km-header-audit-btn .km-btn-label,
  .km-header .km-header-cta .km-btn-label{font-size:.78rem}
}
@media (max-width:700px){
  .km-header .km-header-actions{gap:5px}
  .km-header .km-header-audit-btn,
  .km-header .km-header-cta{min-height:43px;padding:5px 10px 5px 6px;border-radius:13px;gap:7px}
  .km-header .km-header-audit-btn .km-btn-symbol,
  .km-header .km-header-cta .km-btn-symbol{width:29px;height:29px;min-width:29px;min-height:29px;flex-basis:29px;padding:7px;border-radius:9px}
}
@media (max-width:560px){
  .km-header .km-header-audit-btn .km-btn-label{display:none}
  .km-header .km-header-audit-btn{padding-inline:6px}
}

/* v1.9.6 longread animation + better fill */
.km-service-longread-head{position:relative;z-index:1}
.km-service-longread-text{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  opacity:1;
  transform:translateY(0);
  transition:max-height .52s cubic-bezier(.22,.8,.24,1),opacity .28s ease,transform .42s cubic-bezier(.22,.8,.24,1);
  will-change:max-height,transform;
}
.km-service-longread-text>*{max-width:none}
.km-service-longread.is-animating .km-service-longread-text{overflow:hidden}
.km-service-longread:not(.is-open) .km-service-longread-text{opacity:.98;transform:translateY(0)}
.km-service-longread.is-open .km-service-longread-text{opacity:1;transform:translateY(0)}
.km-service-longread-toggle{
  overflow:hidden;
}
.km-service-longread-toggle .km-read-chevron{display:inline-grid;place-items:center}
.km-service-longread-toggle:hover .km-read-chevron{transform:translateY(1px)}
/* v1.9.10 - header single-row alignment */
@media (min-width: 1025px){
.km-header .km-header-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:clamp(8px,1.1vw,18px)!important}
.km-header .km-brand{flex:0 0 auto!important}
.km-header .km-nav{flex:1 1 auto!important;min-width:0!important;margin:0!important}
.km-header .km-menu{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:clamp(5px,.75vw,13px)!important}
.km-header .km-menu>li{flex:0 0 auto!important;white-space:nowrap!important}
.km-header .km-header-actions{flex:0 0 auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important}
}
.km-header .km-header-actions>.km-header-cta{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;line-height:1.2!important}
.km-header .km-header-actions>.km-header-cta .km-btn-symbol{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;line-height:0!important;padding:8px!important}
.km-header .km-header-actions>.km-header-cta .km-btn-symbol svg{width:18px!important;height:18px!important;display:block!important;flex:none!important}
.km-header .km-header-actions>.km-header-cta .km-btn-label{display:inline-block!important;flex:none!important;white-space:nowrap!important;line-height:1.3!important;text-align:center!important}
.km-header .km-header-actions>.km-theme-toggle{flex:0 0 auto!important}
@media (min-width:1025px) and (max-width:1300px){.km-header .km-header-actions>.km-header-cta{padding-inline:8px!important;font-size:12px!important}.km-header .km-menu{gap:5px!important}.km-header .km-menu>li>a{font-size:12px!important}}
@media (max-width:560px){.km-header .km-header-actions>.km-header-audit-btn .km-btn-label{display:none!important}}

/* v1.9.15: center icon and label with symmetrical spacing */
.km-header .km-header-actions > a.km-header-cta,
.km-header .km-header-actions > a.km-header-audit-btn{
box-sizing:border-box!important;display:inline-grid!important;
grid-template-columns:34px max-content!important;align-items:center!important;
justify-items:center!important;justify-content:center!important;
direction:rtl!important;column-gap:9px!important;
padding:6px 12px!important;min-height:48px!important;
width:max-content!important;max-width:none!important;margin:0!important;
text-align:center!important;vertical-align:middle!important}
.km-header .km-header-actions > a.km-header-cta .km-btn-symbol,
.km-header .km-header-actions > a.km-header-audit-btn .km-btn-symbol{
box-sizing:border-box!important;grid-column:1!important;grid-row:1!important;
display:grid!important;place-items:center!important;align-self:center!important;
justify-self:center!important;width:34px!important;height:34px!important;
min-width:34px!important;min-height:34px!important;padding:8px!important;
margin:0!important;line-height:0!important}
.km-header .km-header-actions > a.km-header-cta .km-btn-label,
.km-header .km-header-actions > a.km-header-audit-btn .km-btn-label{
grid-column:2!important;grid-row:1!important;display:block!important;
align-self:center!important;justify-self:center!important;margin:0!important;
padding:0!important;line-height:1.5!important;white-space:nowrap!important;text-align:center!important}
.km-header .km-header-actions > a.km-header-cta .km-btn-symbol svg,
.km-header .km-header-actions > a.km-header-audit-btn .km-btn-symbol svg{
display:block!important;width:18px!important;height:18px!important;margin:0!important;flex:none!important}
@media(max-width:700px){
.km-header .km-header-actions > a.km-header-cta,
.km-header .km-header-actions > a.km-header-audit-btn{
grid-template-columns:29px max-content!important;column-gap:6px!important;
padding:5px 8px!important;min-height:41px!important}
.km-header .km-header-actions > a.km-header-cta .km-btn-symbol,
.km-header .km-header-actions > a.km-header-audit-btn .km-btn-symbol{
width:29px!important;height:29px!important;min-width:29px!important;
min-height:29px!important;padding:6px!important}}
@media(max-width:560px){
.km-header .km-header-actions > a.km-header-audit-btn{
grid-template-columns:29px!important;padding-inline:6px!important}}

/* v1.9.20 article alignment and two-line home carousel titles */
.km-article-page .km-post-content p,
.km-article-page .km-post-content .wp-block-paragraph {
 text-align:justify!important;text-align-last:right;direction:rtl;
 hyphens:none;overflow-wrap:break-word;
}
.km-article-page .km-post-content :is(h2,h3,h4,h5,h6,figcaption,li,blockquote) {text-align:right}
#posttrack .km-card-body h3 {
 display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;line-clamp:2;overflow:hidden!important;
 line-height:1.75;min-height:3.5em;max-height:3.5em;
 font-size:1.05rem;margin:0 0 9px;
}

/* v1.9.25 — unified homepage header and hero backgrounds by selected theme */
html[data-km-theme="light"] body.home .km-header,
html[data-km-theme="light"] body.home .km-home-hero,
html[data-km-theme="light"] body.home .km-hero-shared-bg {
  background-color:#fff!important;
  background-image:none!important;
}
html[data-km-theme="light"] body.home .km-home-hero::before,
html[data-km-theme="light"] body.home .km-home-hero::after,
html[data-km-theme="light"] body.home .km-hero-shared-bg::before,
html[data-km-theme="light"] body.home .km-hero-shared-bg::after {
  opacity:0!important;
}
html[data-km-theme="light"] body.home .km-header:not(.is-scrolled) .km-header-inner {background-color:transparent!important;}

/* v1.9.30 — readable light hero and tighter header-to-hero spacing */
html[data-km-theme="light"] body.home .km-home-hero,
html[data-km-theme="light"] body.home .km-hero-shared-bg {
  background:#fff!important;
  background-image:none!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-content,
html[data-km-theme="light"] body.home .km-home-hero .km-hero-slide:has(.km-hero-image)>.km-hero-content {
  color:#152443!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-content :is(h1,h2,.km-hero-alt-title){
  color:#152443!important;
  text-shadow:none!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-content>p,
html[data-km-theme="light"] body.home .km-home-hero .km-hero-mini-note{
  color:#566782!important;
  text-shadow:none!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-kicker{
  color:#173d9d!important;
  background:#eef3ff!important;
  border-color:#dce6ff!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-btn-glass{
  color:#213b68!important;
  background:#fff!important;
  border:1px solid #d9e3f2!important;
  box-shadow:0 5px 16px rgba(22,46,87,.07)!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-arrows button{
  color:#213b68!important;
  background:#fff!important;
  border-color:#d9e3f2!important;
  box-shadow:0 4px 12px rgba(22,46,87,.06)!important;
}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-dot{background:#b5c4de!important}
html[data-km-theme="light"] body.home .km-home-hero .km-hero-dot.is-active{background:#ffb414!important}
/* Keep the header flush with the hero, without changing the header's buttons. */
body.home .km-home-hero .km-hero-slide,
body.home .km-home-hero .km-hero-slide:has(.km-hero-image){
  min-height:clamp(510px,calc(100svh - 210px),660px)!important;
  padding-top:18px!important;
  padding-bottom:62px!important;
}
body.home .km-home-hero .km-hero-pagination{bottom:18px!important}
@media(max-width:1050px){
  body.home .km-home-hero .km-hero-slide,
  body.home .km-home-hero .km-hero-slide:has(.km-hero-image){
    min-height:520px!important;padding-top:20px!important;padding-bottom:65px!important;
  }
}
@media(max-width:767px){
  body.home .km-home-hero .km-hero-slide,
  body.home .km-home-hero .km-hero-slide:has(.km-hero-image){
    min-height:clamp(510px,75svh,620px)!important;
    padding-top:24px!important;padding-bottom:75px!important;
  }
  body.home .km-home-hero .km-hero-pagination{bottom:14px!important}
}


/* === v1.9.35 / Shared card rail: stable, smooth, draggable, scrollbar-free === */
/* Keep all scrolling inside each track, never change its container margins. */
.km-track,
.km-services-section .km-services-track.km-services-premium {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none !important;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  scroll-behavior: smooth;
}
.km-track::-webkit-scrollbar,
.km-services-section .km-services-track.km-services-premium::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.km-track.km-drag-rail { cursor: grab; }
.km-track.km-drag-rail.km-is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
.km-track.km-is-dragging,
.km-track.km-is-dragging * { cursor: grabbing !important; }
.km-track.km-is-dragging .km-slide,
.km-track.km-is-dragging .km-slide a {
  user-select: none !important;
  -webkit-user-select: none !important;
}
.km-track.km-drag-rail img { -webkit-user-drag: none; }
/* Real anchors still receive hover, click and keyboard focus outside drag. */
.km-track.km-drag-rail:not(.km-is-dragging) a { cursor: pointer; }
/* Retain elegant spacing after hiding the scrollbar gutter. */
.km-track { padding-bottom: 12px; }
.km-services-section .km-services-track.km-services-premium { padding-bottom: 12px; }
/* Hero navigation uses dots only; no extra arrow controls. */
body.home .km-home-hero .km-hero-arrows { display: none !important; }
body.home .km-home-hero .km-hero-pagination { justify-content: center !important; }
@media (prefers-reduced-motion: reduce) {
 .km-track, .km-services-section .km-services-track.km-services-premium {
   scroll-behavior: auto !important;
 }
}

/* Consistent lightweight hover easing throughout every card rail. */
.km-track .km-slide .km-work-card,
.km-track .km-slide .km-service-card {
  transition: transform .32s cubic-bezier(.22,1,.36,1),
              box-shadow .32s ease, border-color .32s ease;
}
.km-track.km-is-dragging .km-slide .km-work-card,
.km-track.km-is-dragging .km-slide .km-service-card,
.km-track.km-is-dragging .km-slide .km-work-card:hover,
.km-track.km-is-dragging .km-slide .km-service-card:hover {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .km-track .km-slide .km-work-card,
  .km-track .km-slide .km-service-card {transition: none !important;}
}

/* v1.9.45: suspend native snap while JS eases next/previous card navigation.
   This prevents immediate jumps caused by scroll-snap-type: x mandatory. */
.km-track.km-drag-rail.km-is-animating,
.km-services-section .km-services-track.km-services-premium.km-is-animating {
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}

/* v1.9.50: compact editorial stats ribbon, responsive and theme-aware. */
body.home .km-stats.km-container {
  width: min(calc(100% - 40px), 1100px) !important;
  max-width: 1100px !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  align-items: stretch;
  position: relative;
  margin-top: 18px !important;
  margin-bottom: 24px !important;
  padding: 8px 12px !important;
  background: var(--km-bg) !important;
  border: 1px solid var(--km-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(20,36,76,.035) !important;
}
body.home .km-stats .km-stat {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:87px;
  gap: 2px !important;
  padding: 10px 10px !important;
  margin:0 !important;
  border:0 !important;
  border-inline-end: 1px solid var(--km-border) !important;
  text-align:center !important;
  background: transparent;
  transition: background-color .2s ease;
}
body.home .km-stats .km-stat:last-child {border-inline-end:0 !important;}
body.home .km-stats .km-stat-number {
  display:block;
  color:var(--km-ink);
  font-size:clamp(1.55rem,2.15vw,2.05rem) !important;
  font-weight:800;
  line-height:1.55;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
body.home .km-stats .km-stat-label {
  display:block;
  color:var(--km-muted);
  font-size:clamp(.77rem,.92vw,.85rem) !important;
  font-weight:500;
  line-height:1.7;
  white-space:normal;
}
@media (hover:hover) {
 body.home .km-stats .km-stat:hover {background:color-mix(in srgb,var(--km-primary) 3%,transparent);}
 body.home .km-stats .km-stat:hover .km-stat-number {color:var(--km-primary);}
}
html[data-km-theme="dark"] body.home .km-stats.km-container {
  background:#111b2d !important;
  border-color:#2c3a54 !important;
  box-shadow:none !important;
}
html[data-km-theme="dark"] body.home .km-stats .km-stat {
  border-color:#2c3a54 !important;
}
html[data-km-theme="dark"] body.home .km-stats .km-stat-number {color:#f2f5ff;}
html[data-km-theme="dark"] body.home .km-stats .km-stat-label {color:#aebbd3;}
@media(max-width:700px) {
 body.home .km-stats.km-container {
   width:calc(100% - 30px) !important;
   grid-template-columns:repeat(2,minmax(0,1fr)) !important;
   margin-top:14px !important;
   margin-bottom:18px !important;
   padding:6px 8px !important;
   border-radius:16px !important;
 }
 body.home .km-stats .km-stat {
   min-height:79px !important;
   padding:10px 5px !important;
   border-inline-end:1px solid var(--km-border) !important;
 }
 body.home .km-stats .km-stat:nth-child(2),
 body.home .km-stats .km-stat:nth-child(4) {border-inline-end:0 !important;}
 body.home .km-stats .km-stat:nth-child(-n+2) {border-bottom:1px solid var(--km-border) !important;}
 body.home .km-stats .km-stat-number {font-size:clamp(1.5rem,6vw,1.9rem) !important;}
 body.home .km-stats .km-stat-label {font-size:.78rem !important;}
}
@media(prefers-reduced-motion:reduce) {
 body.home .km-stats .km-stat {transition:none !important;}
}