/* nomanakash.com refinement layer - 2026-10-31 */
:root{--h1: clamp(2.375rem, 1.6rem + 3vw, 4rem);--h1-xl: clamp(2.5rem, 1.55rem + 3.6vw, 4.5rem);--h2: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);--section: clamp(72px, 4rem + 3.5vw, 128px);--r-card: 16px;--r-image: 20px;--ring-orange: 0 0 0 1px rgba(239,122,27,.55), 0 18px 40px -18px rgba(239,122,27,.55)}
body{font-feature-settings:"kern","ss01","cv11";line-height:1.68}
h2{line-height:1.12;letter-spacing:-.028em}
p,li{text-wrap:pretty}
.lead{max-width:62ch}
.section-head{max-width:50rem}
.section-head h2{max-width:22ch}
.section-head--center h2{margin-inline:auto}
.section-head--split h2{max-width:18ch}

/* scroll progress */
.na-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none;background:transparent}
.na-progress span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--orange),#FFB070)}

/* header */
.site-header__bar{transition:min-height .3s var(--ease-out)}
.site-header.is-stuck .site-header__bar{min-height:64px}
.site-header.is-stuck .wordmark img{height:28px}
.wordmark img{transition:height .3s var(--ease-out)}
.nav-link{letter-spacing:-.005em}
.header-cta .btn,.site-header .btn--sm{min-height:44px}

/* hero */
.hero{min-height:clamp(540px,72vh,700px)}
.hero--flagship{min-height:clamp(620px,88vh,860px)}
.hero__shade{background:radial-gradient(110% 80% at 0% 100%,rgba(239,122,27,.26),rgba(239,122,27,0) 45%),linear-gradient(90deg,rgba(6,17,31,.94),rgba(6,17,31,.86) 42%,rgba(6,17,31,.55) 70%,rgba(6,17,31,.25)),linear-gradient(0deg,rgba(6,17,31,.8),rgba(6,17,31,0) 40%)}
.hero__bg .pic{object-position:center 35%}
.hero h1{text-wrap:balance}
.hero__intro p{max-width:58ch}
.hero__facts{border-radius:16px;box-shadow:0 24px 60px -30px rgba(0,0,0,.6)}
.hero__facts>div{transition:background-color .3s}
.hero__facts>div:hover{background:rgba(6,17,31,.25)}
.hero .actions{gap:12px 14px}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,122,27,.6),transparent);z-index:1}

/* buttons */
.btn{min-height:50px;padding:13px 24px;letter-spacing:0}
.btn--primary:hover{box-shadow:0 14px 34px -12px rgba(239,122,27,.75)}
.btn:focus-visible{outline:3px solid var(--orange-light);outline-offset:3px}

/* images: consistent framing, fade-in */
.pic{image-rendering:auto}
.js .pic.na-img{opacity:0;transition:opacity .6s var(--ease-out),transform 1.2s var(--ease-out)}
.js .pic.na-img.is-loaded{opacity:1}
.feature__media .pic{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:var(--r-image)}
.feature__media{max-width:560px}
.feature--reverse .feature__media{margin-left:auto}
.feature__media:before{border-radius:calc(var(--r-image) + 4px)}
.feature__badge{border-radius:14px}
.img-card__media .pic{aspect-ratio:3/2;width:100%;object-fit:cover}
.svc-card__media .pic{aspect-ratio:16/10;width:100%;object-fit:cover}
.closing__bg .pic{object-position:center 40%}

/* cards: equal heights, unified hover */
.img-cards>*,.svc-cards>li,.pillars>li,.steps>li,.paths>li{height:100%}
.img-card,.svc-card__link,.pillar,.panel,.cover,.named>div,.tech,.step{border-radius:var(--r-card)}
.img-card:before,.svc-card__link:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:linear-gradient(90deg,var(--orange),#FFB070);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease-out)}
.svc-card__link{position:relative}
.img-card:hover:before,.svc-card__link:hover:before{transform:scaleX(1)}
.svc-card__body{border-top:0}
.svc-card__title{font-size:1.125rem}
.pillar h3,.step__title,.cover h3,.named h3{letter-spacing:-.012em}

/* service quick-links: equal height, aligned */
.svc-links{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch;gap:14px}
.svc-links>li{display:flex}
.svc-links a{flex:1;min-height:64px;padding:14px 18px;border-radius:14px;line-height:1.3}
.svc-links a:hover{border-color:var(--orange);box-shadow:var(--ring-orange)}
.svc-links a:hover svg:last-child{transform:translateX(3px)}
.svc-links svg:last-child{transition:transform .25s var(--ease-out)}

/* tech band */
.tech-band__inner{flex-direction:column;align-items:flex-start;gap:14px}
.tech-band__list{gap:8px}
.tech-band__list a{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:.9375rem;transition:background-color .2s,border-color .2s,color .2s}
.tech-band__list a:hover{background:rgba(239,122,27,.14);border-color:rgba(239,122,27,.6)}

/* outcomes + lists */
.outcomes{border-radius:20px}
.outcomes__list li{padding-left:18px}

/* faq */
.faq__item{border-radius:14px}
.faq__item summary{padding:20px 22px}
.faq__a{padding:0 22px 22px}

/* section rhythm */
.section+.closing{margin-top:0}
.section--alt+.section--alt{border-top:1px solid var(--line)}

/* back to top */
.na-top{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:var(--navy-900);color:#fff;box-shadow:0 12px 30px -10px rgba(6,17,31,.6);cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease-out),background-color .2s}
.na-top.is-shown{opacity:1;transform:none;pointer-events:auto}
.na-top:hover{background:var(--orange);color:var(--navy-950)}
.na-top svg{width:20px;height:20px}

/* tablet */
@media (max-width:1100px){.feature{gap:clamp(32px,5vw,64px)}.hero--flagship .hero__facts{max-width:none}}
@media (max-width:900px){.feature__media{max-width:none;margin-inline:0 18px}.feature--reverse .feature__media{margin-inline:18px 0}.feature__media .pic{aspect-ratio:4/3!important}.section-head h2,.section-head--split h2{max-width:none}}
/* mobile */
@media (max-width:640px){:root{--section:64px}.hero h1{font-size:clamp(2.125rem,1.5rem + 4.5vw,2.75rem)}.hero--flagship h1{font-size:clamp(2.25rem,1.5rem + 5vw,3rem)}.hero__intro .hero__lead{font-size:1.1875rem}.btn{width:100%}.actions .btn--text{width:auto}.svc-links{grid-template-columns:1fr}.na-top{right:14px;bottom:14px}.tech-band__list a{font-size:.875rem;padding:5px 12px}.feature__badge{position:relative;left:auto!important;right:auto!important;bottom:auto;margin:-28px 12px 0;max-width:none}}
@media (prefers-reduced-motion:reduce){.js .pic.na-img{opacity:1}.na-progress{display:none}}
@media print{.na-progress,.na-top{display:none!important}}

/* balanced grids: 5 cards in a 3-up grid centre the last row instead of leaving a gap */
@media (min-width:901px){.img-cards--3:has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.img-cards--3:has(>:nth-child(5):last-child)>*{grid-column:span 2}.img-cards--3:has(>:nth-child(5):last-child)>:nth-child(4){grid-column:2 / span 2}}
@media (min-width:681px) and (max-width:900px){.img-cards--3:has(>:last-child:nth-child(odd)),.img-cards--5:has(>:last-child:nth-child(odd)){grid-template-columns:repeat(4,minmax(0,1fr))}.img-cards--3:has(>:last-child:nth-child(odd))>*,.img-cards--5:has(>:last-child:nth-child(odd))>*{grid-column:span 2}.img-cards--3:has(>:last-child:nth-child(odd))>:last-child,.img-cards--5:has(>:last-child:nth-child(odd))>:last-child{grid-column:2 / span 2}}
.svc-cards--3:has(>:last-child:nth-child(3n+1)){}

/* navigation: Home | Services | Technologies | Industries | About | Insights | Contact */
.primary-nav>ul{flex-wrap:nowrap;gap:0}
.site-header__bar{gap:clamp(12px,1.6vw,24px)}
@media (max-width:1360px){.nav-link{padding-inline:11px;font-size:.9375rem}}
@media (max-width:1260px){.header-cta{display:none}}
@media (max-width:1100px){.nav-link{padding-inline:9px;font-size:.90625rem}}
.mobile-menu__list--top{margin-top:var(--s-4)}

/* ===== Product UI visuals (viz) ===== */
.viz{position:relative;z-index:1;aspect-ratio:4/5;width:100%;border-radius:var(--r-image,20px);overflow:hidden;container-type:inline-size;isolation:isolate;color:#E6EDF7;font-family:var(--font-sans);font-size:16px;line-height:1.38;letter-spacing:-.005em;background:radial-gradient(110% 70% at 100% 0%,rgba(28,76,130,.95) 0%,rgba(28,76,130,0) 58%),radial-gradient(90% 60% at 0% 100%,rgba(239,122,27,.30) 0%,rgba(239,122,27,0) 58%),linear-gradient(180deg,#0A1B33,#06111F);box-shadow:0 4px 8px rgba(11,22,38,.06),0 34px 70px -24px rgba(6,17,31,.55)}
.viz:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(141,184,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(141,184,238,.07) 1px,transparent 1px);background-size:6cqw 6cqw;-webkit-mask-image:radial-gradient(80% 70% at 50% 35%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 35%,#000 30%,transparent 100%)}
.viz *{box-sizing:border-box}
.viz b{font-weight:700;color:#fff}
.viz small{display:block;font-size:.84em;color:#93A7C2;font-weight:500}
.viz__stack{position:absolute;inset:5.5cqw;font-size:2.35cqw;display:flex;flex-direction:column;gap:3cqw}
.viz__win{position:relative;background:rgba(14,32,58,.82);border:1px solid rgba(255,255,255,.10);border-radius:2.6cqw;box-shadow:0 2.4cqw 6cqw -2cqw rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.viz__win--grow{flex:1;display:flex;flex-direction:column}
.viz__bar{display:flex;align-items:center;gap:1.6cqw;padding:2cqw 2.8cqw;border-bottom:1px solid rgba(255,255,255,.07);font-size:.9em;font-weight:650;color:#B9C8DB}
.viz__dots{display:flex;gap:.9cqw;margin-right:.6cqw}.viz__dots i{width:1.25cqw;height:1.25cqw;border-radius:50%;background:#2B4060}
.viz__pill{margin-left:auto;display:inline-flex;align-items:center;gap:1cqw;padding:.55cqw 1.7cqw;border-radius:99px;font-size:.8em;font-weight:750;letter-spacing:.01em;background:rgba(34,197,94,.13);color:#4ADE80;white-space:nowrap}
.viz__pill--o{background:rgba(239,122,27,.16);color:#FFB070}.viz__pill--b{background:rgba(141,184,238,.14);color:#BCD6F7}
.viz__live{width:1.3cqw;height:1.3cqw;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:vizPulse 1.8s infinite}
@keyframes vizPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 1.6cqw rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.viz__body{padding:2.6cqw 2.8cqw}
.viz__ic{display:grid;place-items:center;flex:none;width:6.2cqw;height:6.2cqw;border-radius:1.7cqw;background:rgba(239,122,27,.16);color:#FFB070}
.viz__ic--b{background:rgba(141,184,238,.14);color:#BCD6F7}.viz__ic--g{background:rgba(34,197,94,.14);color:#4ADE80}
.viz__ic svg{width:3.4cqw;height:3.4cqw}
.viz__note{display:flex;align-items:center;gap:2cqw;padding:2.4cqw 2.8cqw;border-radius:2.6cqw;background:rgba(255,255,255,.96);color:#0B1626;box-shadow:0 2.4cqw 6cqw -2cqw rgba(0,0,0,.5)}
.viz__note b{color:#0B1626;display:block;font-size:1.02em}.viz__note small{color:#475467}
.viz__note .viz__ic{background:#0A1B33;color:#EF7A1B}
/* rows */
.vr{display:flex;align-items:center;gap:2cqw;padding:1.7cqw 0;border-top:1px solid rgba(255,255,255,.06)}
.vr:first-child{border-top:0;padding-top:0}.vr:last-child{padding-bottom:0}
.vr__main{flex:1;min-width:0}.vr__main b,.vr__main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr__end{font-size:.86em;font-weight:700;color:#C9D6E6;white-space:nowrap}
.vd{width:1.6cqw;height:1.6cqw;border-radius:50%;flex:none;background:#4ADE80;box-shadow:0 0 0 .7cqw rgba(74,222,128,.15)}
.vd--o{background:#FFB070;box-shadow:0 0 0 .7cqw rgba(239,122,27,.18)}.vd--b{background:#8DB8EE;box-shadow:0 0 0 .7cqw rgba(141,184,238,.16)}.vd--x{background:#51637C;box-shadow:none}
.vbar{height:1.1cqw;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:1cqw}.vbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#EF7A1B,#FFB070)}
.vbar--g i{background:linear-gradient(90deg,#22C55E,#86EFAC)}
/* call flow */
.vf{display:flex;flex-direction:column;align-items:stretch;padding:2.8cqw}
.vf__node{display:flex;align-items:center;gap:2cqw;padding:2cqw 2.2cqw;border-radius:2cqw;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.vf__node--hot{border-color:rgba(239,122,27,.55);background:linear-gradient(90deg,rgba(239,122,27,.14),rgba(239,122,27,.03))}
.vf__node>div{flex:1;min-width:0}
.vf__tag{font-size:.8em;font-weight:750;padding:.5cqw 1.5cqw;border-radius:99px;background:rgba(34,197,94,.13);color:#4ADE80}
.vf__key{display:grid;place-items:center;width:5cqw;height:5cqw;border-radius:1.4cqw;background:#EF7A1B;color:#06111F;font-weight:800}
.vf__line{position:relative;height:3.4cqw;margin-left:5.3cqw;border-left:2px dashed rgba(239,122,27,.55)}
.vf__line:after{content:"";position:absolute;left:-.95cqw;top:0;width:1.6cqw;height:1.6cqw;border-radius:50%;background:#FFB070;box-shadow:0 0 1.6cqw #EF7A1B;animation:vizFlow 1.8s linear infinite}
@keyframes vizFlow{0%{top:-10%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:90%;opacity:0}}
.vf__qs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}
.vf__q{padding:1.8cqw;border-radius:1.8cqw;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-weight:700;font-size:.92em}
.vf__q small{margin-top:.4cqw}
.vf__q.is-on{border-color:#EF7A1B;background:rgba(239,122,27,.16);box-shadow:0 0 0 .6cqw rgba(239,122,27,.12)}
.vf__q.is-on small{color:#FFB070}
/* waveform */
.vw{display:flex;align-items:center;gap:.7cqw;height:6cqw;padding:0 .4cqw}
.vw i{flex:1;border-radius:9px;background:linear-gradient(180deg,#FFB070,#EF7A1B);animation:vizWave 1.2s ease-in-out infinite;transform-origin:center}
@keyframes vizWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
/* chat */
.vc{display:flex;flex-direction:column;gap:1.6cqw}
.vc__m{max-width:84%;padding:1.7cqw 2.2cqw;border-radius:2.2cqw;background:rgba(255,255,255,.07);font-size:.95em}
.vc__m small{margin-bottom:.4cqw;font-size:.74em;letter-spacing:.06em;text-transform:uppercase;font-weight:750}
.vc__m--me{align-self:flex-end;background:linear-gradient(135deg,#1C4C82,#133A65);border:1px solid rgba(141,184,238,.25)}
.vc__m--me small{color:#BCD6F7}
.vc__m--ai{align-self:flex-end;background:linear-gradient(135deg,rgba(239,122,27,.24),rgba(239,122,27,.10));border:1px solid rgba(239,122,27,.4)}
.vc__m--ai small{color:#FFB070}
.vc__meta{align-self:flex-end;font-size:.76em;color:#4ADE80;font-weight:700}
/* kpis */
.vk{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.vk>div{padding:1.8cqw;border-radius:1.8cqw;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.vk b{display:block;font-size:1.9em;line-height:1.1;letter-spacing:-.02em}
.vk small{font-size:.74em;margin-top:.5cqw}
.vk .is-o b{color:#FFB070}.vk .is-g b{color:#4ADE80}
.va{display:grid;grid-template-columns:repeat(6,1fr);gap:1.3cqw}
.va>div{padding:1.3cqw .6cqw;border-radius:1.4cqw;text-align:center;font-size:.76em;font-weight:700;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.va i{display:block;width:1.6cqw;height:1.6cqw;border-radius:50%;margin:0 auto .7cqw;background:#4ADE80}
.va .t i{background:#4ADE80}.va .r i{background:#8DB8EE}.va .w i{background:#FFB070}.va .p i{background:#51637C}
.vlg{display:flex;gap:2.4cqw;margin-top:2cqw;font-size:.74em;color:#93A7C2}.vlg span{display:inline-flex;align-items:center;gap:.8cqw}.vlg i{width:1.3cqw;height:1.3cqw;border-radius:50%}
/* chart */
.vch{position:relative;height:16cqw;margin-top:1cqw}
.vch svg{width:100%;height:100%;display:block;overflow:visible}
/* timeline */
.vtl{display:flex;flex-direction:column;gap:1.5cqw}
.vtl>div{display:grid;grid-template-columns:8cqw 1.8cqw 1fr;gap:1.6cqw;align-items:start;font-size:.92em}
.vtl time{color:#93A7C2;font-variant-numeric:tabular-nums;font-weight:650}
.vtl i{width:1.6cqw;height:1.6cqw;border-radius:50%;margin-top:.7cqw;background:#4ADE80}
.vtl .a i{background:#FFB070}.vtl .b i{background:#8DB8EE}
/* integration map */
.vm{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:2.2cqw;padding:3cqw 2.8cqw}
.vm__col{display:flex;flex-direction:column;gap:1.6cqw}
.vm__n{display:flex;align-items:center;gap:1.3cqw;padding:1.5cqw 1.6cqw;border-radius:1.6cqw;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:.86em;font-weight:700;white-space:nowrap}
.vm__n i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:#8DB8EE;flex:none}
.vm__col--out .vm__n i{background:#4ADE80}
.vm__hub{position:relative;padding:3cqw 2cqw;border-radius:2.4cqw;text-align:center;background:linear-gradient(160deg,rgba(239,122,27,.30),rgba(239,122,27,.08));border:1px solid rgba(239,122,27,.55);box-shadow:0 0 6cqw -1cqw rgba(239,122,27,.45)}
.vm__hub b{display:block;font-size:1.05em}.vm__hub small{color:#FFD2AD}
.vm__hub:before,.vm__hub:after{content:"";position:absolute;top:50%;width:2.2cqw;border-top:2px dashed rgba(255,176,112,.7)}
.vm__hub:before{right:100%}.vm__hub:after{left:100%}
.vcode{margin:0;padding:2.4cqw 2.8cqw;font:500 .9em/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#C9D6E6;white-space:pre;overflow:hidden}
.vcode .k{color:#8DB8EE}.vcode .s{color:#FFB070}.vcode .n{color:#4ADE80}.vcode .p{color:#93A7C2}
/* motion */
@media (prefers-reduced-motion:reduce){.viz *{animation:none!important}}
.js .reveal:not(.is-visible) .viz__win,.js .reveal:not(.is-visible) .viz__note{opacity:0;transform:translateY(3cqw)}
.js .viz__win,.js .viz__note{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.js .reveal.is-visible .viz__stack>:nth-child(2){transition-delay:.15s}.js .reveal.is-visible .viz__stack>:nth-child(3){transition-delay:.3s}
.feature__media:has(.viz){width:100%}
.feature__media:has(.viz) .feature__badge{display:none}
.feature__media:has(.viz):before{inset:24px -16px -16px 24px}
@media (max-width:900px){.feature__media .viz{aspect-ratio:4/5}.feature__media:has(.viz){max-width:520px;margin-inline:auto!important}}

/* ===== Homepage hero: product composition ===== */
.hero--product{background:#06111F}
.hero--product .hero__bg{background:radial-gradient(60% 70% at 78% 30%,rgba(28,76,130,.75) 0%,rgba(28,76,130,0) 70%),radial-gradient(45% 55% at 12% 100%,rgba(239,122,27,.28) 0%,rgba(239,122,27,0) 70%),linear-gradient(180deg,#081a31,#06111F)}
.hero--product .hero__bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(141,184,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,184,238,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 70% 35%,#000 20%,transparent 85%);mask-image:radial-gradient(70% 80% at 70% 35%,#000 20%,transparent 85%)}
.hero--product .hero__shade{background:linear-gradient(90deg,rgba(6,17,31,.75),rgba(6,17,31,.2) 55%,rgba(6,17,31,0))}
.hviz{display:none}
@media (min-width:1100px){
 .hero--product:has(.hviz) .hero__text{max-width:min(680px,52%)}
 .hero--product:has(.hviz) h1{font-size:clamp(2.5rem,1.2rem + 2.4vw,3.6rem);max-width:none}
 .hero--product .hero__inner{position:relative}
 .hviz{display:block;position:absolute;top:0;right:var(--page-pad);width:44%;height:470px;font-family:var(--font-sans);color:#E6EDF7;pointer-events:none}
 .hviz__card{position:absolute;padding:16px 18px;border-radius:16px;background:rgba(14,32,58,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.07);font-size:14px;line-height:1.4;animation:hvizIn .9s var(--ease-out) both,hvizFloat 7s ease-in-out infinite}
 .hviz__card b{color:#fff;font-weight:700;display:block}.hviz__card small{display:block;color:#93A7C2;font-size:12.5px}
 .hviz__card--call{top:0;right:0;width:400px;animation-delay:.35s,1.2s}
 .hviz__card--ai{top:176px;left:0;width:290px;animation-delay:.55s,2.4s}
 .hviz__card--sms{top:196px;right:0;width:262px;animation-delay:.75s,.6s}
 .hviz__card--flow{top:384px;right:56px;width:320px;animation-delay:.95s,3s}
 .hviz__head{display:flex;align-items:center;gap:12px}.hviz__head>span:nth-child(2){flex:1;min-width:0}
 .hviz__head .viz__pill{font-size:12px;padding:4px 10px;gap:6px}
 .hviz__head .viz__live{width:7px;height:7px}
 .hviz__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(141,184,238,.14);color:#BCD6F7;flex:none}
 .hviz__ic svg{width:18px;height:18px}.hviz__ic--o{background:rgba(239,122,27,.18);color:#FFB070}.hviz__ic--g{background:rgba(34,197,94,.14);color:#4ADE80}.hviz__ic--b{background:rgba(141,184,238,.14);color:#BCD6F7}
 .hviz .vw{height:38px;gap:4px;margin:14px 0 12px}
 .hviz__route{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#C9D6E6}
 .hviz__route span{padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
 .hviz__route span.is-on{background:rgba(239,122,27,.18);border-color:rgba(239,122,27,.55);color:#FFD2AD}
 .hviz__route i{flex:1;min-width:8px;border-top:2px dashed rgba(255,176,112,.55)}
 .hviz__msg{margin:12px 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(239,122,27,.22),rgba(239,122,27,.08));border:1px solid rgba(239,122,27,.35);color:#F5F8FC;font-size:13.5px}
 .hviz__chips{display:flex;gap:8px}.hviz__chips span{font-size:12px;font-weight:700;color:#4ADE80;padding:4px 10px;border-radius:99px;background:rgba(34,197,94,.12)}
 @keyframes hvizIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
 @keyframes hvizFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
}
@media (min-width:1100px) and (max-width:1280px){.hviz{width:48%;transform:scale(.88);transform-origin:top right}}
@media (prefers-reduced-motion:reduce){.hviz__card{animation:none!important}}

/* hero practices grid */
.hero__practices{list-style:none;margin:clamp(36px,4vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 60px -30px rgba(0,0,0,.6);position:relative;z-index:2}
.hero__practices a{display:flex;gap:14px;align-items:flex-start;height:100%;padding:18px 20px;background:rgba(6,17,31,.62);color:#fff;text-decoration:none;transition:background-color .25s var(--ease-out)}
.hero__practices a:hover{background:rgba(239,122,27,.14);color:#fff}
.hp__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;flex:none;background:rgba(239,122,27,.16);color:#FFB070;transition:background-color .25s,color .25s}
.hero__practices a:hover .hp__ic{background:#EF7A1B;color:#06111F}
.hp__ic svg{width:19px;height:19px}
.hp__t{display:flex;align-items:center;gap:8px;font-weight:750;font-size:1rem;letter-spacing:-.01em}
.hp__t svg{width:15px;height:15px;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s var(--ease-out);color:#FFB070}
.hero__practices a:hover .hp__t svg{opacity:1;transform:none}
.hp__d{display:block;margin-top:3px;font-size:.875rem;line-height:1.45;color:#B8C6D8}
@media (max-width:1000px){.hero__practices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hero__practices{grid-template-columns:1fr}.hero__practices a{padding:14px 16px}}

/* viz extras: workflow, record, browser, book, gantt */
.vwf{display:flex;flex-direction:column;padding:2.8cqw}
.vwf__n{display:flex;align-items:center;gap:2cqw;padding:1.8cqw 2.2cqw;border-radius:2cqw;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.vwf__n>div{flex:1;min-width:0}.vwf__n em{font-style:normal;font-size:.8em;font-weight:750;color:#4ADE80}
.vwf__n--t{border-color:rgba(239,122,27,.55);background:linear-gradient(90deg,rgba(239,122,27,.14),rgba(239,122,27,.03))}
.vwf__split{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}
.vrec__head{display:flex;align-items:center;gap:2.2cqw;padding:2.6cqw 2.8cqw;border-bottom:1px solid rgba(255,255,255,.07)}
.vrec__av{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:linear-gradient(135deg,#EF7A1B,#FFB070);color:#06111F;font-weight:800;font-size:1.05em;flex:none}
.vrec__f{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;padding:2.4cqw 2.8cqw;border-bottom:1px solid rgba(255,255,255,.07)}
.vrec__f div{font-size:.86em;color:#C9D6E6}.vrec__f small{font-size:.8em}
.vbr{display:flex;align-items:center;gap:1.4cqw;padding:1.8cqw 2.4cqw;border-bottom:1px solid rgba(255,255,255,.07)}
.vbr__url{flex:1;padding:.9cqw 2cqw;border-radius:99px;background:rgba(255,255,255,.06);font-size:.84em;color:#B9C8DB}
.vsite{padding:2.6cqw 2.8cqw;display:grid;gap:1.8cqw}
.vsite__hero{height:18cqw;border-radius:2cqw;background:linear-gradient(120deg,#133A65,#0A1B33 60%),#0A1B33;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.vsite__hero:before{content:"";position:absolute;left:4cqw;top:4.4cqw;width:40%;height:2.2cqw;border-radius:9px;background:#fff;box-shadow:0 3.6cqw 0 -.3cqw rgba(255,255,255,.45)}
.vsite__hero:after{content:"";position:absolute;left:4cqw;bottom:3.4cqw;width:16cqw;height:4cqw;border-radius:99px;background:#EF7A1B}
.vsite__row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}.vsite__row i{height:11cqw;border-radius:1.6cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.vscore{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw;text-align:center}
.vscore>div{padding:1.6cqw .6cqw;border-radius:1.8cqw;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.vscore b{display:grid;place-items:center;width:9cqw;height:9cqw;margin:0 auto .8cqw;border-radius:50%;border:.7cqw solid #22C55E;color:#4ADE80;font-size:1.05em}
.vscore small{font-size:.72em}
.vbook{display:grid;grid-template-columns:30cqw 1fr;gap:3cqw;padding:3cqw 2.8cqw;align-items:center}
.vbook__cover{aspect-ratio:2/3;border-radius:.8cqw 1.6cqw 1.6cqw .8cqw;background:linear-gradient(160deg,#133A65 0%,#06111F 70%);border:1px solid rgba(255,255,255,.14);box-shadow:-1cqw 1.6cqw 3cqw rgba(0,0,0,.5),inset .9cqw 0 0 rgba(255,255,255,.08);padding:2.4cqw;display:flex;flex-direction:column;justify-content:space-between}
.vbook__cover b{font-size:1.15em;line-height:1.15}.vbook__cover i{display:block;width:40%;height:.7cqw;background:#EF7A1B;border-radius:9px;margin-bottom:1.4cqw}
.vbook__cover small{color:#FFB070;font-weight:700;font-size:.72em;letter-spacing:.1em;text-transform:uppercase}
.vgt{display:flex;flex-direction:column;gap:1.8cqw}
.vgt>div{display:grid;grid-template-columns:24cqw 1fr;gap:2cqw;align-items:center;font-size:.88em;font-weight:650}
.vgt span{position:relative;height:3.2cqw;border-radius:99px;background:rgba(255,255,255,.05)}
.vgt span i{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#EF7A1B,#FFB070)}
.vgt span i.b{background:linear-gradient(90deg,#1C4C82,#8DB8EE)}.vgt span i.g{background:linear-gradient(90deg,#16A34A,#4ADE80)}
.vgt__wk{display:grid;grid-template-columns:24cqw repeat(6,1fr);font-size:.7em;color:#93A7C2;font-weight:700;gap:0 2cqw}

.section--navy .actions{margin-top:clamp(32px,3vw,48px)}
.pillar h3{text-wrap:pretty}

/* polish r7 */
.pillar{display:flex;flex-direction:column}
.pillar__icon{transition:background-color .3s var(--ease-out),color .3s,transform .4s var(--ease-out)}
.pillar:hover .pillar__icon{transform:translateY(-2px) rotate(-4deg)}
.pillars--dark .pillar:hover .pillar__icon{background:#EF7A1B;color:#06111F}
.feature__media:has(.viz){transition:transform .6s var(--ease-out)}
.feature__media:has(.viz):hover{transform:translateY(-4px)}
.feature__media:has(.viz):hover .viz{box-shadow:0 4px 8px rgba(11,22,38,.06),0 44px 80px -24px rgba(6,17,31,.6)}
.viz{transition:box-shadow .6s var(--ease-out)}
.btn--navy:hover{box-shadow:0 14px 30px -12px rgba(19,58,101,.7)}
.btn--text .icon--arrow{transition:transform .25s var(--ease-out)}
.btn--text:hover .icon--arrow{transform:translateX(4px)}
.section-head .eyebrow,.feature__body .eyebrow{margin-bottom:12px}
.feature__body h2{margin-bottom:20px}
.feature__body .lead{margin-bottom:24px}
.feature__body .checklist{margin-bottom:24px}
.feature__body .actions{margin-top:28px}
.hero--product:not(:has(.hviz)) .hero__bg:after{-webkit-mask-image:radial-gradient(60% 80% at 85% 40%,#000 20%,transparent 85%);mask-image:radial-gradient(60% 80% at 85% 40%,#000 20%,transparent 85%)}

/* viz sizing r8: height grows with content; readable minimum type */
.viz{aspect-ratio:auto;display:grid}
.viz:after{content:"";grid-area:1/1;padding-top:125%;pointer-events:none}
.viz__stack{position:relative;inset:auto;grid-area:1/1;margin:5.5cqw;font-size:max(2.35cqw,10.5px)}
@media (max-width:900px){.feature__media .viz{aspect-ratio:auto}}
@media (max-width:480px){.viz__stack{font-size:max(2.35cqw,10px)}.viz__bar .viz__dots{display:none}}