/* V7: Alex and reusable service illustrations, on top of the readable V6 layout. */
:root{--muted:#465970}
body{font-size:18px;line-height:1.65}
.container{width:min(1320px,calc(100% - 80px))}
.section{padding-block:84px}
.hero-description{font-size:19px;line-height:1.7;max-width:560px}
.hero-note,.hero .hero-note,.section-note,.section-foot,.footer-bottom,.footer-bottom p,.modal-note,.sample-disclaimer{font-size:16px;line-height:1.65;color:#52647b}
.hero .hero-actions .btn,.btn,.text-link,.header-cta,.filter,.direction-tab,.result-tabs button,.solution-card .btn,.process-section .section-heading>.btn{font-size:16px;line-height:1.45;min-height:48px}
.hero .hero-actions .btn{padding:16px 20px}
.hero .hero-actions{flex-wrap:wrap;flex-direction:row}
.nav{font-size:15px;gap:20px}
.header-inner{gap:24px}
.eyebrow,.scenario-kicker,.solution-top>span,.catalog-top,.small-label,.sample-badge,.scenario-example,.analyst-tag{font-size:14px;letter-spacing:1px}
.trust-row{flex-wrap:wrap;gap:20px}
.trust-row>div{font-size:16px;flex:1 1 220px}
.trust-row>div:first-child>span:last-child{max-width:180px}
h2{font-size:clamp(34px,3.5vw,48px)}
.section-heading>p,.result-heading p,.task-card p,.solution-card>p,.direction-panel p,.usecase p,.steps p,.catalog-card p,.faq-heading p,.faq-item p,.help-inner p,.footer p,.modal-block p,.modal-block li,#modal-description{font-size:18px;line-height:1.7}
.task-card h3,.catalog-card h3{font-size:24px;line-height:1.2}
.task-card{padding:30px 30px 60px;min-height:245px}
.solution-card h3{font-size:29px;min-height:0}
.solution-card ul,.direction-list{font-size:17px;line-height:1.6}
.solution-card>p{min-height:0;max-width:none}
.solution-card .btn{white-space:normal;text-align:left}
.direction-layout{gap:40px;grid-template-columns:36% 1fr}
.catalog-top,.product-name,.catalog-count,.catalog-search input{font-size:16px}
.catalog-price{font-size:21px;line-height:1.45}
.catalog-card{padding:28px;min-width:0}
.catalog-card .text-link,.scenario-cta{font-size:17px;line-height:1.5}
.filters{flex-wrap:wrap}
.filter{white-space:normal}
.faq-item summary{font-size:20px;line-height:1.5}
.faq-item p{padding-right:24px}
.footer a{font-size:16px;line-height:1.7}
.footer h3{font-size:17px}
.footer-bottom{align-items:flex-start}
.modal-block h3{font-size:18px}
.modal-actions .btn,.modal-actions .text-link{font-size:17px}
.detail-modal{max-width:800px;width:calc(100% - 40px)}
.detail-modal h2{font-size:34px}
.analyst-tag{font-size:13px;letter-spacing:.6px}
.analyst-caption p,.analyst-caption a{font-size:16px;line-height:1.5}
.analyst-caption>span{font-size:29px}
.scenario-card h3{font-size:26px;line-height:1.22;min-height:0}
.scenario-content{padding:26px;gap:0}
.scenario-intro{font-size:17px;line-height:1.65;min-height:0;margin:16px 0 22px}
.scenario-details{font-size:17px;line-height:1.6;gap:18px;margin-bottom:22px}
.scenario-details dt{font-size:15px;color:#52657e;line-height:1.5}
.scenario-cta{margin-top:auto;padding-top:18px}
.scenario-example{font-size:14px;letter-spacing:0}
.scenario-image img{object-fit:cover}
.scenario-kicker{font-size:13px;letter-spacing:.6px}
.scenario-kicker span{font-size:16px}
.scenarios-section{background:radial-gradient(ellipse at 90% 10%,#153f78 0,transparent 48%),linear-gradient(145deg,#101b30,#0b1729 65%,#172f57)}
.scenarios-section .section-heading>p{color:#d0dcee}
.solutions-section{background:radial-gradient(ellipse at 0 0,#dceaff,transparent 58%),linear-gradient(130deg,#f5f8ff,#edf2fc 65%,#e3e6ff)}
.result-section{background:radial-gradient(ellipse at 100% 0,#234580,transparent 60%),linear-gradient(135deg,#0e1b2c,#142749)}
.process-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#f9fbff,#e8f1ff 55%,#efecff)}
.data-landscape{width:100%;max-width:1080px;margin:-14px auto -22px;pointer-events:none}
.data-landscape svg{width:100%;height:auto;display:block;max-height:230px}
.data-path{stroke-dasharray:1500;stroke-dashoffset:0}
.steps{margin-top:38px;gap:30px}
.steps h3{font-size:23px;line-height:1.25}
.steps p{font-size:17px;line-height:1.65}
.steps article:after{background:linear-gradient(90deg,#568eed,#c5c2f7)}
.catalog-section{position:relative;isolation:isolate}
.catalog-section:before{content:"";position:absolute;inset:0 -40px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 20%,#d9e8ff80,transparent 55%)}
.help-section{background:linear-gradient(110deg,#e4edff,#f4f7ff 50%,#eae5ff)}
.help-mark{background:linear-gradient(135deg,#1157c7,#6b64d5);color:#fff;box-shadow:0 15px 35px #2f58a92b}
.faq-heading{position:relative}
.faq-heading:after{content:"";display:block;width:150px;height:150px;border:20px solid #dce9ff;border-right-color:#417cf4;border-bottom-color:#b1a9f2;border-radius:50%;margin-top:35px;transform:rotate(-25deg)}
.final-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#6083f6,transparent 55%),linear-gradient(120deg,#073f9f,#175ad3 55%,#4641a9)}
.final-inner{position:relative;min-height:470px;padding-right:39%;isolation:isolate}
.final-inner h2{font-size:clamp(36px,3.5vw,50px);line-height:1.15}
.final-inner p{font-size:19px;line-height:1.65;color:#e1ecff}
.final-inner .eyebrow{color:#d9e7ff}
.final-actions{flex-wrap:wrap;gap:20px}
.final-secondary{font-size:16px}
.final-orbit{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:430px;height:430px;z-index:-1;pointer-events:none}
.orbit-ring{position:absolute;inset:15%;border:1px solid #d2e3ff70;border-radius:50%;box-shadow:0 0 45px #a1baff1a,inset 0 0 40px #c5d9ff12}
.ring-one{transform:rotate(-30deg) scaleY(.7);inset:2%}
.ring-two{transform:rotate(40deg) scaleY(.78)}
.orbit-core{position:absolute;inset:28%;border-radius:28px;background:linear-gradient(135deg,#ffffff70,#b9d3ff12);border:1px solid #eaf3ff90;box-shadow:0 30px 80px #05235b44,inset 0 1px 10px #ffffff44;transform:rotate(-12deg);display:flex;flex-direction:column;justify-content:center;gap:13px;padding:35px}
.orbit-core span{height:18px;border-radius:3px;background:#fff;box-shadow:0 0 20px #ffffff20}.orbit-core span:nth-child(2){width:75%;margin-left:-13px}.orbit-core span:nth-child(3){width:60%}
.orbit-point{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a8c6ff 40%,#3272e8);box-shadow:0 0 24px #c5ddff55}.p-one{left:7%;top:30%}.p-two{right:8%;bottom:25%}.p-three{right:28%;top:17%;width:15px;height:15px}
/* Large demonstration labels are allowed to scroll, never shrink to fit. */
.example-panel{overflow:auto}
.network{min-width:760px;height:340px}
.node{height:auto;min-height:84px;width:215px;padding:12px;gap:8px}
.node b,.node small,.tiny-node,.node-detail,.node-detail strong,.node-detail #node-desc,.node-hint,.detail-label,.window-brand>span,.window-footer>span,.window-footer .text-link{font-size:14px;line-height:1.4}
.tiny-node{top:275px}.node-detail{flex-wrap:wrap;gap:10px}.node-hint{margin-left:0}
.network-intro p,.profile-company p,.profile-company>span,.profile-sections>div,.profile-sections span,.counterpart-list,.counterpart-list>p,.counterpart-list>div,.chart-header,.chart-header span,.bar-chart span{font-size:16px;line-height:1.5}
.finance-example,.profile-example{gap:35px;padding:32px}
.profile-sections>div{flex-wrap:wrap}
.window-footer{flex-wrap:wrap}
.footer .footer-main>div>a:not(.brand){font-size:16px;color:#465970}
.footer .footer-main>div>p{font-size:17px;line-height:1.65}
.footer .footer-main>div>h3{font-size:17px}
.detail-modal .modal-note,.detail-modal #copy-status{font-size:16px;line-height:1.6;color:#52647b}
.help-inner .btn{font-size:17px}
.sample-downloads-heading p{font-size:17px;line-height:1.65}
.download-card strong{font-size:18px}
.download-card>span:last-child,.download-kind{font-size:15px}
.steps p{max-width:none}
@media(min-width:601px) and (max-width:1050px){.scenario-grid .scenario-card .scenario-image{height:auto;min-height:0;aspect-ratio:3/2;align-self:center;margin:20px 0 20px 20px;border-radius:12px}.scenario-grid .scenario-image img{object-fit:contain}}
@keyframes data-draw{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}
@keyframes color-arrival{from{background-position:0% 0%}to{background-position:100% 80%}}
@media(prefers-reduced-motion:no-preference){.process-section.entered .data-path{animation:data-draw 2.8s ease-out both}.final-section.entered,.scenarios-section.entered,.solutions-section.entered{background-size:130% 130%;animation:color-arrival 4s ease-out both}}
@media(max-width:1200px){.header-inner{gap:15px}.nav{gap:14px;font-size:14px}.brand{font-size:21px}.header-cta{padding:10px 12px;gap:12px}.scenario-content{padding:22px}.final-orbit{width:360px;height:360px;right:-20px}.solution-grid{gap:16px}.solution-card{padding:24px}.hero .hero-actions .btn{font-size:16px;min-width:0}}
@media(max-width:1050px){.scenario-grid{grid-template-columns:1fr}.scenario-card{display:grid;grid-template-columns:40% 60%}.scenario-image{min-height:340px;height:100%;aspect-ratio:auto}.scenario-content{padding:30px}.scenario-card h3{font-size:29px}.scenario-intro{font-size:18px}.scenario-details{font-size:17px}.solution-grid{grid-template-columns:1fr}.solution-card h3{max-width:none}.solution-card ul{grid-template-columns:repeat(3,1fr);gap:20px}.solution-card .btn{width:fit-content;gap:30px}.final-inner{padding-right:32%}.final-orbit{width:290px;height:290px;right:-35px}.orbit-core{padding:22px;gap:8px}.orbit-core span{height:13px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.direction-layout{grid-template-columns:1fr;gap:24px}.direction-tabs{display:grid;grid-template-columns:1fr 1fr}.direction-panel{min-height:0;padding-top:0}.steps{grid-template-columns:1fr 1fr}.task-grid{grid-template-columns:1fr 1fr}.task-card{border:1px solid var(--line)!important}.final-inner{padding-right:0;padding-bottom:250px}.final-orbit{width:300px;height:300px;right:50%;top:auto;bottom:-35px;transform:translateX(50%)}.footer-main{gap:35px}.help-inner{flex-wrap:wrap}.help-inner .btn{margin-left:0}.final-inner p{font-size:18px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.section{padding-block:60px}.hero-description,.hero .hero-description{font-size:18px;line-height:1.65}.hero .hero-note{font-size:15px}.hero .hero-actions{flex-direction:column;align-items:stretch}.hero .hero-actions .btn{font-size:17px;justify-content:space-between;min-height:54px}.hero h1{font-size:38px}.hero .hero-visual.analyst-visual{aspect-ratio:1.05}.analyst-tag{font-size:12px}.analyst-caption p,.analyst-caption a{font-size:16px}.analyst-caption>span{font-size:25px}.trust-row{gap:16px}.trust-row>div{flex-basis:100%;font-size:16px}.trust-row>div:first-child>span:last-child{max-width:none}.eyebrow{font-size:13px}.task-grid{grid-template-columns:1fr}.task-card{min-height:0;padding:26px 26px 52px}.task-card p,.section-heading>p,.result-heading p,.catalog-card p,.faq-heading p,.faq-item p,.help-inner p,.footer p{font-size:17px}.solution-card ul{grid-template-columns:1fr;gap:12px}.solution-card .btn{width:100%}.direction-tabs{grid-template-columns:1fr}.direction-tab{font-size:17px}.direction-list{grid-template-columns:1fr}.result-tabs{flex-wrap:wrap}.result-tabs button{font-size:16px;padding:12px 14px}.window-brand>span{display:block;margin:4px 0 0}.window-bar{flex-wrap:wrap}.finance-example,.profile-example{min-width:600px}.scenario-card{display:flex}.scenario-image{min-height:0;height:auto;aspect-ratio:3/2}.scenario-content{padding:24px}.scenario-card h3{font-size:27px}.scenario-intro{font-size:18px}.scenario-details{font-size:17px}.scenario-details dt{font-size:15px}.scenario-cta{font-size:17px}.scenario-example{font-size:14px}.data-landscape{margin:0 auto 12px;width:calc(100% + 24px);transform:translateX(-12px)}.steps{grid-template-columns:1fr;gap:30px;margin-top:24px}.steps article:after{display:none}.steps h3{font-size:24px}.steps p{font-size:18px}.catalog-card{padding:26px}.catalog-card h3{font-size:25px}.filters{gap:8px}.filter{font-size:16px;padding:10px 13px}.catalog-top{font-size:14px}.product-name{font-size:16px}.faq-item summary{font-size:19px}.faq-item p{padding-right:0}.faq-heading:after{width:90px;height:90px;border-width:14px;margin-top:24px}.final-inner h2{font-size:36px}.final-inner h2 br{display:none}.final-inner .eyebrow{font-size:13px}.final-actions{align-items:stretch}.final-actions .btn{font-size:17px}.final-secondary{font-size:16px}.footer-bottom p{font-size:15px}.detail-modal{width:calc(100% - 24px);padding:28px 22px}.detail-modal h2{font-size:29px}.modal-block p,.modal-block li,#modal-description{font-size:17px}.modal-note{font-size:15px}.modal-actions .btn,.modal-actions .text-link{font-size:17px}.header{height:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the preposition with its noun at every screen width. */
.hero h1 .company-phrase{white-space:nowrap;display:inline-block}
.analyst-tag{letter-spacing:0;align-items:center;padding:12px 16px;gap:12px;background:#f8fbfff2}
.analyst-tag .status-dot{flex-shrink:0}
.analyst-identity{display:flex;flex-direction:column;gap:2px;min-width:0}
.analyst-identity strong{font-size:20px;line-height:1.2;font-weight:680;letter-spacing:-.4px;color:#17375f}
.analyst-identity>span{font-size:15px;line-height:1.4;font-weight:500;color:#385577}

/* Every product has a distinct illustration, also supplied as a print-ready asset. */
.catalog-card{overflow:hidden}
.service-art{width:calc(100% + 56px);height:166px;flex-shrink:0;align-self:center;margin:-28px -28px 23px;background:linear-gradient(135deg,#f5f9ff,#e2edff);overflow:hidden;border-bottom:1px solid #e1ebfa}
.service-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.catalog-card .catalog-top{margin-bottom:12px;color:#4b6587;line-height:1.5}
.catalog-card .product-name{margin:0 0 10px}
.catalog-card h3{margin-bottom:14px}
.catalog-card p{flex-grow:1}
.catalog-card .catalog-price{margin-top:auto}
.catalog-card .text-link{margin-top:0}
.direction-panel{display:block;min-height:365px}
.direction-illustration{float:right;width:220px;height:138px;object-fit:contain;border-radius:14px;margin:-5px 0 20px 24px;background:#eaf2ff}
.direction-panel h3{padding-top:8px}
.direction-panel .direction-list{clear:both;padding-top:4px}
.modal-service-art{height:155px;overflow:hidden;border:1px solid #deebfb;border-radius:14px;margin:24px 0;background:linear-gradient(135deg,#f5f9ff,#e2edff)}
.modal-service-art img{display:block;width:100%;height:100%;object-fit:contain}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalog-card:hover .service-art img{transform:translateY(-2px) scale(1.025)}}
@media(max-width:1200px){.service-art{width:calc(100% + 44px);margin:-22px -22px 22px;height:154px}.catalog-card{padding:22px}.direction-illustration{width:190px;height:119px;margin-left:20px}}
@media(max-width:900px){.direction-illustration{width:220px;height:138px}}
@media(max-width:600px){.service-art{width:calc(100% + 52px);margin:-26px -26px 22px;height:164px}.catalog-card{padding:26px}.direction-illustration{float:none;width:100%;height:162px;margin:0 0 22px}.direction-panel{min-height:0}.direction-panel h3{padding-top:0}.analyst-tag{padding:10px 12px;gap:10px}.analyst-identity strong{font-size:19px}.analyst-identity>span{font-size:14px}.modal-service-art{height:145px}}
@media(prefers-reduced-motion:reduce){.service-art img{transition:none}}

/* Compact identity occupies the image's clear upper-left area. */
.analyst-card{position:relative;min-width:0;width:100%;align-self:center;margin:28px 0}
.analyst-card>.analyst-tag{position:absolute;inset:18px auto auto 18px;width:36%;max-width:190px;margin:0;padding:12px;background:#edf4fbe8;border:1px solid #ffffff80;border-radius:12px;box-shadow:0 5px 18px #17375f0c;align-items:flex-start;gap:8px;backdrop-filter:blur(8px)}
.analyst-card>.analyst-tag .status-dot{margin-top:7px}
.analyst-card .analyst-identity strong{font-size:19px}
.analyst-card .analyst-identity>span{font-size:14px;line-height:1.45}
.analyst-card .analyst-art img{object-position:20% center}
.hero .analyst-card>.analyst-visual{margin:0}
.analyst-caption .analyst-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;max-width:100%;min-height:56px;margin-top:20px;padding:14px 18px;background:linear-gradient(115deg,#244c7c,#17375f);color:#edf5ff;border:1px solid #648ab5;border-radius:12px;box-shadow:0 6px 20px #00153030;font-size:17px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}
.analyst-caption .analyst-cta .icon{width:25px;height:25px;flex-shrink:0;stroke-width:2}
.analyst-caption .analyst-cta:hover{background:#2b5689;color:#fff;border-color:#96b9e2;box-shadow:0 10px 28px #00153055}
.analyst-caption .analyst-cta:focus-visible{outline:3px solid #9bc5ff;outline-offset:4px}
@media(max-width:900px){.analyst-card{margin:0 0 36px}}
@media(max-width:600px){.analyst-card>.analyst-tag{inset:14px auto auto 14px;width:36%;padding:10px;gap:6px}.analyst-card>.analyst-tag .status-dot{display:none}.analyst-caption .analyst-cta{width:100%;font-size:16px;gap:12px;padding:14px;min-height:56px}}
/* A visible secondary action, without competing with the Telegram CTA. */
.hero .hero-actions .btn-light{background:#e2edff;border:1px solid #91b5e8;color:#114d9d;font-weight:650;box-shadow:0 4px 12px #1c55970a}
.hero .hero-actions .btn-light:hover{background:#cedfff;border-color:#5488d0;color:#083879}
.header .nav{margin-left:clamp(8px,2.5vw,40px)}
.header .header-cta{margin-left:auto}
@media(max-width:1200px){.header .nav{margin-left:8px}}

/* Phone layout: identity stays on the art; caption has its own readable area. */
.hero-copy>.eyebrow .status-dot{flex-shrink:0}
.catalog-download{display:inline-flex;align-items:center;gap:12px;margin:0 0 24px;padding:12px 18px;border:1px solid #aac6ed;border-radius:10px;background:#edf4ff;color:#154b91;font-size:16px;font-weight:650;min-height:48px}
.catalog-download:hover{background:#dceaff}
@media(max-width:600px){
 .header .header-cta{display:none}
 .header .menu-toggle{width:44px;height:44px;flex-shrink:0;margin-left:auto}
 .hero .hero-visual.analyst-visual{height:auto;aspect-ratio:auto;display:flex;flex-direction:column;background:#101e34}
 .analyst-card .analyst-art{position:relative;inset:auto;aspect-ratio:3/2;width:100%;flex-shrink:0}
 .analyst-card .analyst-art img{display:block;position:absolute;inset:0}
 .analyst-card .analyst-visual:after{display:none}
 .analyst-card .analyst-caption{position:relative;inset:auto;padding:22px;background:linear-gradient(135deg,#162b49,#0c192b)}
 .analyst-card .analyst-caption>span{font-size:25px;line-height:1.25;display:block}
 .analyst-card .analyst-caption .analyst-cta{margin-top:18px}
 .catalog-section:before{inset:0}
 .footer-main>div{min-width:0}
 .footer-main a{overflow-wrap:anywhere}
 .modal-actions .btn{white-space:normal;text-align:left}
 .catalog-download{width:100%;justify-content:space-between}
 .analyst-card .analyst-identity>span{overflow-wrap:anywhere}
}