/* ============================================================
   NEQVAR DIGITAL — STANDALONE LANDING
   Light enterprise design system / CSS only / no external assets
   ============================================================ */
:root{
  color-scheme:light;
  --paper:#f7f9fc;--white:#ffffff;--surface:#f1f5fa;--ink:#15273f;--text:#334963;
  --muted:#516781;--subtle:#647991;--line:#dbe4ef;--blue:#175ca5;--blue-2:#1e7dbe;
  --cyan:#0f8cac;--navy:#132d49;--navy-2:#1c405f;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img,svg{max-width:100%}
img{display:block}
::selection{background:#c8e6f7;color:#0c3758}
:focus-visible{outline:3px solid #086fba;outline-offset:4px;border-radius:3px}
.container{width:min(100% - 88px,1336px);margin-inline:auto}
.site-shell{overflow:clip}
.skip-link{position:absolute;top:12px;left:12px;transform:translateY(-150%);background:#122e48;color:white;padding:12px 18px;z-index:30;font-size:.9rem}
.skip-link:focus{transform:none}
.site-header{height:104px;background:rgba(255,255,255,.91);border-bottom:1px solid var(--line);position:relative;z-index:10}
.site-header:before{content:"";height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#194983,#368dc7 48%,#87d4db 84%,#ddebf6)}
.header-inner{height:100%;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:52px;min-width:206px}
.brand__image-wrap{position:relative;display:inline-flex;width:230px;height:65px;align-items:center;justify-content:flex-start}
.brand__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;opacity:0;transition:opacity .2s ease}
.brand__image-wrap[data-ready="true"] .brand__image{opacity:1}
.brand__image-wrap[data-ready="true"] .brand__fallback{visibility:hidden}
.brand__fallback{font-weight:800;letter-spacing:.16em;color:#1b3e60;font-size:1.55rem;line-height:1;white-space:nowrap}
.brand__fallback-mark{color:#218cc7}
.header-nav{display:flex;gap:36px;margin-left:auto;align-items:center}
.header-nav a{font-size:.865rem;color:#36516b;font-weight:600;transition:color .2s ease}
.header-nav a:hover{color:var(--blue)}
.build-status{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #cbddeb;background:#f3f8fb;color:#244961;border-radius:6px;font-size:.76rem;font-weight:700;letter-spacing:.02em;margin-left:38px;white-space:nowrap}
.build-status__dot{width:7px;height:7px;border-radius:50%;background:#268da5;box-shadow:0 0 0 3px #d9eff2}
.hero{background:radial-gradient(ellipse 54% 70% at 99% 40%,#e6f1fb 0,rgba(230,241,251,0) 78%),linear-gradient(155deg,#fff 0%,#f7f9fc 69%);padding:102px 0 106px;border-bottom:1px solid var(--line)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(46px,6.2vw,108px)}
.hero__copy{min-width:0}
.eyebrow,.kicker,.system-label,.hero-art__bottom,.hero-art__top,.spotlight__top,.spotlight__tags,.capability-row__meta,.development__phases-head,.development__phases>p,.footer__label,.footer__bottom,.principles__signature{font-family:"Segoe UI",Arial,sans-serif}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:.71rem;letter-spacing:.21em;color:#37607d;font-weight:700;margin-bottom:30px}
.eyebrow__rule{width:29px;height:1px;background:#1d86b3;flex-shrink:0}
.eyebrow__separator{padding:0 5px;color:#90a9bf}
.hero h1{font-weight:680;letter-spacing:-.069em;font-size:clamp(3.5rem,5.45vw,6.15rem);line-height:1.045;max-width:760px;margin:0;color:#152a43}
.hero h1>span{display:block;color:#3b607c}
.hero h1 em{font-style:normal;color:#187cbb}
.hero__lead{font-size:clamp(1.12rem,1.65vw,1.46rem);line-height:1.46;letter-spacing:-.023em;font-weight:630;color:#193750;max-width:590px;margin:33px 0 16px}
.hero__description{font-size:1rem;color:#4b6179;line-height:1.88;max-width:555px;margin:0}
.hero__actions{display:flex;align-items:center;gap:13px;margin-top:34px;flex-wrap:wrap}
.button{min-height:51px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:.86rem;font-weight:700;letter-spacing:.01em;border-radius:5px;transition:background-color .2s ease,transform .2s var(--ease),border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button--primary{background:#1d527f;color:#fff;border:1px solid #1d527f;box-shadow:0 9px 20px rgba(23,64,97,.12)}
.button--primary:hover{background:#143d63}
.button--quiet{border:1px solid #ccdae7;color:#264e6b;background:rgba(255,255,255,.6)}
.button--quiet:hover{background:#eff6fb;border-color:#9fbed6}
.button span{font-size:1.15rem;font-weight:400;line-height:1}
.hero__footnote{display:flex;gap:10px;align-items:center;margin-top:37px;color:#62778f;font-size:.78rem;letter-spacing:.005em}
.tiny-cross{color:#178bb0;font-size:1rem}
.hero-art{overflow:hidden;min-width:0;border:1px solid #d1dfeb;border-radius:9px;background:rgba(255,255,255,.78);box-shadow:0 34px 90px rgba(26,71,111,.085),0 1px 0 #fff inset;position:relative;transform:translateY(-1px)}
.hero-art::after{content:"";position:absolute;top:-110px;left:-45px;width:170px;height:170px;background:radial-gradient(closest-side,rgba(174,231,250,.55),transparent);pointer-events:none}
.hero-art__top{display:flex;align-items:start;justify-content:space-between;padding:26px 29px 18px;border-bottom:1px solid #e5ecf3}
.system-label{font-size:.62rem;letter-spacing:.18em;color:#416a89;font-weight:750}
.hero-art__title{font-weight:680;font-size:.95rem;color:#24415d;margin:11px 0 0}
.hero-art__glyph{font-size:1.14rem;display:grid;place-items:center;border:1px solid #d4e4ef;border-radius:4px;width:30px;height:30px;color:#6288a8}
.network-stage{position:relative;margin:0 auto;max-width:540px}
.network-art{display:block;width:100%;height:auto;overflow:visible}
.network-art__center{transform-origin:274px 217px;animation:focus-breathe 8s ease-in-out infinite}
.network-stage__coordinate{position:absolute;right:21px;bottom:12px;letter-spacing:.12em;font-size:.55rem;font-weight:750;color:#8094a6}
.hero-art__bottom{border-top:1px solid #e5ecf3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;font-size:.64rem;letter-spacing:.035em;color:#5b738d}
.hero-art__bottom>span:first-child{font-weight:700;color:#244e6c;display:flex;align-items:center;gap:9px}
.legend-dot{width:6px;height:6px;background:#2c98bf;border-radius:50%}
.principles{background:#f0f5fa;border-bottom:1px solid #dce5ef}
.principles__inner{display:flex;align-items:center;min-height:95px;gap:clamp(19px,3.8vw,72px)}
.principle{display:flex;align-items:baseline;gap:12px;font-size:1.14rem;letter-spacing:-.03em;color:#233d58;font-weight:690;white-space:nowrap}
.principle__id{color:#526e85;letter-spacing:.025em;font-weight:600;font-size:.67rem}
.principle__period{color:#1681b5}
.principles__signature{margin-left:auto;max-width:270px;text-align:right;font-size:.59rem;letter-spacing:.14em;line-height:1.65;color:#5a748c;font-weight:700}
.section-space{padding:117px 0 113px}
.section-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw;margin-bottom:48px}
.kicker{font-size:.68rem;color:#326284;letter-spacing:.17em;font-weight:750;margin:0 0 23px}
.kicker__index{color:#526e85;padding-right:5px}
h2,h3,p{overflow-wrap:break-word}
.section-intro h2{margin:0;letter-spacing:-.052em;font-weight:680;line-height:1.1;font-size:clamp(2.45rem,4vw,4rem)}
.section-intro h2 span{color:#4b6f8a}
.section-intro>p{font-size:1rem;line-height:1.85;color:#526981;margin:0 0 6px;max-width:460px}
.capabilities__layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.capabilities__spotlight{padding:28px 33px 36px;border:1px solid #cddde9;border-radius:7px;background:linear-gradient(142deg,#e8f3fb 0%,#f4f9fc 62%,#e6f0f8 100%);display:flex;flex-direction:column;min-height:520px;overflow:hidden;position:relative}
.spotlight__top{display:flex;justify-content:space-between;font-size:.67rem;font-weight:750;letter-spacing:.135em;color:#456984}
.spotlight__top>span:last-child{font-size:1.25rem;line-height:.8;color:#6588a2;font-weight:400}
.rack-art{height:212px;position:relative;margin:10px 0 11px;display:flex;flex-direction:column;justify-content:center;align-self:stretch;max-width:395px;transform:skewY(-8deg) rotate(-1deg) translate(5%,0)}
.rack-art__unit{width:84%;height:49px;border:1px solid #b8d4e4;background:linear-gradient(100deg,rgba(255,255,255,.87),rgba(234,245,252,.66));box-shadow:11px 11px 0 rgba(143,179,207,.13),-2px -1px 0 rgba(255,255,255,.9);margin-bottom:9px;display:flex;align-items:center;padding:0 20px;gap:13px;position:relative}
.rack-art__indicator{width:7px;height:7px;border-radius:50%;border:2px solid #358db7;background:#bde6ed;box-shadow:0 0 0 4px #e6f5f9}
.rack-art__lines{display:flex;flex-direction:column;gap:5px}
.rack-art__lines b{display:block;height:2px;width:84px;background:#afcde2}
.rack-art__lines b:last-child{width:57px;background:#d0e3ee}
.rack-art__tag{margin-left:auto;font-size:.52rem;font-family:Consolas,"Courier New",monospace;color:#60829f;letter-spacing:.02em}
.rack-art__trace{height:1px;width:70%;position:absolute;left:37%;top:50%;background:#8cc9d4;transform:rotate(32deg);opacity:.6;z-index:-1}
.rack-art__rail{position:absolute;right:-3%;top:12%;width:33%;height:67%;border:1px dashed #b9d9e5;border-left:0;transform:skewY(8deg)}
.rack-art__rail i{width:4px;height:4px;background:#5e9dbe;position:absolute;right:-2px}
.rack-art__rail i:nth-child(1){top:0}.rack-art__rail i:nth-child(2){top:25%}.rack-art__rail i:nth-child(3){top:50%}.rack-art__rail i:nth-child(4){top:75%}.rack-art__rail i:nth-child(5){bottom:0}
.spotlight__copy{margin-top:auto}
.spotlight__copy h3{font-size:clamp(1.45rem,2.3vw,2.25rem);line-height:1.17;letter-spacing:-.043em;margin:0 0 14px;font-weight:700;max-width:340px}
.spotlight__copy p{color:#47647d;font-size:.93rem;line-height:1.75;max-width:445px;margin:0}
.spotlight__tags{border-top:1px solid #cbdde9;display:flex;gap:15px;flex-wrap:wrap;margin-top:27px;padding-top:16px;font-size:.59rem;letter-spacing:.08em;font-weight:750;color:#476b84}
.capabilities__list{border-top:1px solid #cfdeeb;display:flex;flex-direction:column}
.capability-row{display:grid;grid-template-columns:39px minmax(0,1fr) 16px;gap:14px;padding:31px 12px 28px 4px;border-bottom:1px solid #cfdeeb;flex:1}
.capability-row__num{color:#4b6f87;font-weight:700;font-size:.71rem;letter-spacing:.05em;margin-top:6px}
.capability-row h3{font-size:clamp(1.14rem,1.45vw,1.44rem);font-weight:700;letter-spacing:-.025em;line-height:1.27;margin:0 0 10px}
.capability-row p{color:#536a81;font-size:.89rem;line-height:1.72;margin:0 0 17px;max-width:425px}
.capability-row__meta{font-size:.59rem;letter-spacing:.1em;color:#496d86;font-weight:700}
.capability-row__arrow{color:#7b9eb7;font-size:1.1rem}
.capability-row--accent{background:linear-gradient(90deg,rgba(225,243,251,.72),rgba(235,246,250,0) 92%);border-left:3px solid #6ac0dd;margin-left:-3px;padding-left:12px}
.development{padding-top:15px;padding-bottom:112px}
.development__card{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(35px,6vw,90px);background:var(--navy);color:#f7fbff;border-radius:7px;padding:clamp(35px,5vw,78px);overflow:hidden;position:relative;box-shadow:0 24px 65px rgba(21,52,77,.12)}
.development__card:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-220px;border:1px solid rgba(158,204,232,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(158,204,232,.025),0 0 0 160px rgba(158,204,232,.02);pointer-events:none}
.kicker--light{color:#9dc4e0}.kicker--light .kicker__index{color:#78a5c4}
.development__copy{position:relative;z-index:1}
.development__copy h2{font-size:clamp(2.4rem,3.7vw,3.8rem);line-height:1.12;letter-spacing:-.055em;margin:0 0 21px;font-weight:680}
.development__copy h2 span{color:#a6d0e6}
.development__copy>p:not(.kicker){color:#d0dfea;line-height:1.8;font-size:.98rem;margin:0;max-width:560px}
.development__note{display:flex;align-items:center;gap:11px;color:#b5cee0;margin-top:29px;font-size:.72rem;font-weight:650;letter-spacing:.02em}
.development__note-line{width:22px;height:1px;background:#60b6d5;flex-shrink:0}
.development__phases{background:rgba(255,255,255,.045);border:1px solid rgba(181,216,238,.22);border-radius:4px;padding:27px 30px 21px;z-index:1;align-self:center}
.development__phases-head{display:flex;justify-content:space-between;gap:12px;font-size:.58rem;letter-spacing:.125em;font-weight:750;color:#abd0e6;padding-bottom:20px;border-bottom:1px solid rgba(190,221,240,.2)}
.development__phases ol{list-style:none;margin:0;padding:8px 0 8px}
.development__phases li{display:flex;align-items:center;gap:19px;border-bottom:1px solid rgba(190,221,240,.12);padding:17px 0;color:#e5f1f8}
.development__phases li:last-child{border-bottom:0}
.development__phases li span{font-size:.66rem;color:#98bbd4;font-weight:650}
.development__phases li strong{font-size:.91rem;font-weight:600}
.development__phases li i{height:5px;width:5px;border:1px solid #98bbd4;border-radius:50%;margin-left:auto}
.development__phases>p{margin:11px 0 0;font-size:.63rem;line-height:1.6;color:#adc5d7;letter-spacing:.015em}
.site-footer{background:#fff;border-top:1px solid var(--line)}
.footer__main{padding:55px 0 45px;display:flex;gap:48px;justify-content:space-between}
.footer__name{font-size:1.5rem;letter-spacing:.15em;font-weight:800;color:#183f62}
.footer__name span{color:#198cbb}
.footer__identity p{font-size:.87rem;color:#60758a;margin:10px 0 0}
.footer__details{text-align:right;max-width:370px}
.footer__label{font-size:.63rem;font-weight:750;letter-spacing:.17em;color:#4e6681}
.footer__details p{color:#39556e;font-size:.83rem;line-height:1.6;margin:10px 0 13px}
.footer__details a{font-size:.83rem;color:#135c94;font-weight:750;border-bottom:1px solid #9ebdd2;padding-bottom:3px}
.footer__details a:hover{color:#0f8aaf}
.footer__bottom{border-top:1px solid #e3eaf1;padding:21px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#5d7389;font-size:.68rem}
.footer__bottom>span:last-child{font-size:.61rem;letter-spacing:.13em;font-weight:750}
.footer__bottom b{color:#1d8db7;padding:0 4px}
@keyframes focus-breathe{0%,100%{opacity:1}50%{opacity:.77}}
@media (min-width:1700px){.hero{padding:121px 0 128px}.network-stage{max-width:540px}}
@media (max-width:1190px){.container{width:min(100% - 72px,1336px)}.header-nav{gap:24px}.build-status{margin-left:18px}.hero{padding:82px 0}.hero__grid{gap:30px}.hero h1{font-size:clamp(3.2rem,5.55vw,5.2rem)}.hero-art__bottom{padding:16px 18px}.principles__signature{max-width:205px}.section-space{padding:90px 0}.development{padding-top:5px}.development__card{gap:30px}}
@media (max-width:900px){.container{width:min(100% - 56px,1336px)}.site-header{height:86px}.header-nav{display:none}.build-status{margin-left:auto}.hero__grid{grid-template-columns:1fr;gap:52px}.hero{padding:74px 0 82px}.hero h1{font-size:clamp(3.45rem,8vw,5.55rem);max-width:780px}.hero__lead,.hero__description{max-width:680px}.hero-art{max-width:600px;width:100%;justify-self:center}.network-stage{max-width:500px}.principles__inner{flex-wrap:wrap;gap:28px;min-height:86px;padding-block:19px}.principles__signature{display:none}.section-intro{grid-template-columns:1fr;gap:16px}.section-intro>p{max-width:650px}.capabilities__layout{grid-template-columns:1fr}.capabilities__spotlight{min-height:460px}.rack-art{max-width:400px}.capability-row{min-height:150px}.development__card{grid-template-columns:1fr;gap:40px}.development__phases{width:100%}}
@media (max-width:560px){.container{width:min(100% - 40px,1336px)}.site-header{height:77px}.brand{min-width:0}.brand__image-wrap{width:164px;height:53px}.brand__fallback{font-size:1.25rem;letter-spacing:.12em}.build-status{margin-left:auto;padding:9px 10px;gap:8px;font-size:.68rem}.hero{padding:57px 0 63px}.eyebrow{font-size:.57rem;letter-spacing:.13em;gap:10px;margin-bottom:23px}.eyebrow__rule{width:20px}.hero h1{font-size:clamp(2.78rem,10.3vw,4rem);letter-spacing:-.063em;line-height:1.07}.hero__lead{font-size:1.1rem;margin:27px 0 15px}.hero__description{font-size:.92rem;line-height:1.77}.hero__actions{margin-top:26px;gap:10px}.button{min-height:49px;padding-inline:17px;gap:17px;font-size:.83rem}.hero__footnote{margin-top:27px;font-size:.71rem}.hero__grid{gap:35px}.hero-art__top{padding:20px 19px 16px}.hero-art__title{font-size:.87rem}.hero-art__bottom{padding:14px 13px;font-size:.55rem;gap:8px}.network-stage__coordinate{font-size:.48rem}.principles__inner{gap:12px 23px;padding-block:19px}.principle{gap:6px;font-size:.93rem}.principle__id{font-size:.57rem}.section-space{padding:72px 0}.section-intro{margin-bottom:29px}.section-intro h2{font-size:clamp(2.28rem,7.5vw,3.1rem)}.section-intro>p{font-size:.92rem}.kicker{font-size:.62rem;margin-bottom:17px}.capabilities__spotlight{padding:20px 23px 25px;min-height:445px}.rack-art{height:170px;max-width:310px;margin-bottom:16px;transform:skewY(-8deg) rotate(-1deg) translate(4%,0)}.rack-art__unit{height:39px;margin-bottom:9px;padding:0 12px}.rack-art__lines b{width:53px}.rack-art__lines b:last-child{width:35px}.rack-art__tag{font-size:.44rem}.spotlight__copy h3{font-size:1.67rem}.spotlight__copy p{font-size:.87rem}.spotlight__tags{gap:10px;font-size:.49rem}.capabilities__layout{gap:10px}.capability-row{grid-template-columns:26px minmax(0,1fr) 12px;padding:24px 4px 24px 0;gap:9px;min-height:0}.capability-row h3{font-size:1.13rem}.capability-row p{font-size:.84rem}.capability-row__meta{font-size:.52rem}.development{padding-top:0;padding-bottom:72px}.development__card{padding:29px 24px;gap:26px}.development__copy h2{font-size:clamp(2rem,8.4vw,2.85rem)}.development__copy>p:not(.kicker){font-size:.87rem}.development__note{font-size:.65rem;line-height:1.5}.development__phases{padding:21px 18px}.development__phases-head{font-size:.5rem}.footer__main{padding:37px 0 32px;flex-direction:column;gap:26px}.footer__details{text-align:left}.footer__bottom{padding:19px 0;align-items:flex-start;flex-direction:column;gap:9px;font-size:.64rem}}
@media (max-width:360px){.container{width:min(100% - 30px,1336px)}.build-status{font-size:.6rem;padding:8px}.brand__image-wrap{width:136px}.brand__fallback{font-size:1.05rem}.hero h1{font-size:2.58rem}.eyebrow{font-size:.52rem}.hero__actions{align-items:stretch;flex-direction:column}.button{justify-content:space-between}.hero-art__bottom>span:last-child{max-width:139px;text-align:right}.principles__inner{gap:12px 16px}.principle{font-size:.86rem}.rack-art__tag{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
