@font-face{font-family:Manrope;src:url(fonts/manrope-latin.woff2) format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-cyrillic.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{font-size:min(.625vw,10px);scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:#111;font-family:Manrope,sans-serif;font-size:2rem;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #777;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}p{font-size:2.4rem;line-height:1.4}a,button{touch-action:manipulation}.wrap{width:85%;max-width:1600px;margin:auto}.skip{position:fixed;top:-100px}.skip:focus{top:10px;z-index:100;background:white}header{position:fixed;top:0;left:0;width:100%;z-index:30;background:rgb(255 255 255 / 95%);backdrop-filter:blur(14px)}.nav{height:12rem;display:flex;align-items:center;gap:4rem}.brand{font-size:2.8rem;font-weight:800;letter-spacing:-.075em}.nav nav{display:flex;gap:3rem;margin-left:auto;align-items:center;font-size:1.8rem}.nav>.btn{font-size:1.6rem;padding:1.5rem 2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:3rem;padding:2.3rem 3.6rem;border:1px solid #111;border-radius:99px;background:#111;color:white;font-size:2rem;transition:background .4s,color .4s,transform .6s var(--ease)}.btn:hover{background:#333;transform:translateY(-3px)}.btn.ghost{background:transparent;color:inherit;border-color:#bbb}.btn.ghost:hover{background:#111;color:#fff}.menu{display:none}.hero{padding:20rem 0 10rem;text-align:center}.hero h1{font-size:8.5rem;letter-spacing:-.055em;line-height:1.08}.hero h1>span{display:block}.hero p{margin:3.6rem auto 0;font-size:2.4rem;max-width:94rem;line-height:1.3;letter-spacing:-.015em}.video-placeholder{aspect-ratio:16/9;background:#f0f0f0;border-radius:2rem}.section{padding:15rem 0}.eyebrow{font-size:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.intro{display:grid;grid-template-columns:1fr 3fr;gap:5rem}.intro .eyebrow{padding-top:1rem}.intro h2,h2{font-size:7rem;line-height:1.07;letter-spacing:-.045em}.intro p{max-width:72rem;margin:4rem 0}.intro .btn{margin-top:1rem}.service-section{width:70%;padding:0 0 8rem}.service-section>.eyebrow{margin-bottom:3rem}.service-list{display:grid;gap:1.5rem}.service-panel{position:relative;overflow:hidden;border-radius:2rem;background:#f3f3f3;transition:background .7s,color .7s}.service-panel:has([aria-expanded=true]){background:#171717;color:#fff}.service-trigger{display:flex;position:relative;z-index:1;justify-content:space-between;align-items:center;width:100%;padding:5rem 6rem;border:0;background:none;text-align:left;color:inherit;font-size:4.2rem;letter-spacing:-.04em}.service-trigger small{font-size:1.5rem;letter-spacing:0}.service-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .85s var(--ease);position:relative;z-index:1}.service-detail>div{overflow:hidden;padding:0 6rem}.service-panel:has([aria-expanded=true]) .service-detail{grid-template-rows:1fr}.service-detail p{max-width:60rem;font-size:2.2rem;line-height:1.45;padding-bottom:3rem}.explore{display:inline-flex;align-items:center;gap:2rem;font-size:1.8rem;margin-bottom:5rem}.explore span{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#fff;color:#111;transition:transform .6s var(--ease)}.explore:hover span{transform:rotate(45deg)}.service-orbit{position:absolute;width:43rem;height:43rem;border:1px solid #666;border-radius:50%;right:-14rem;bottom:-20rem;box-shadow:0 0 0 3rem #ffffff05,0 0 0 6rem #ffffff06,0 0 0 9rem #ffffff04;opacity:0;transform:scale(.4);transition:opacity 1s,transform 2s var(--ease);pointer-events:none}.service-panel:has([aria-expanded=true]) .service-orbit{opacity:1;transform:scale(1)}.section-title{display:grid;grid-template-columns:1fr 3fr;gap:5rem;margin-bottom:8rem}.section-title .eyebrow{padding-top:1rem}.section-title p:empty{display:none}.section-title p{margin-top:3rem;max-width:70rem}.rows{margin-left:26%;}.row{display:grid;grid-template-columns:4rem 1fr 1.4fr;gap:4rem;padding:4rem 0;border-top:1px solid #d6d6d6}.row b{font-size:1.5rem;font-weight:400}.row h3{font-size:3rem;letter-spacing:-.03em}.row p{font-size:2rem;color:#555}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.card{border-top:1px solid #bbb;padding:3rem 0}.num{font-size:1.5rem}.card h3{font-size:3.7rem;line-height:1.15;letter-spacing:-.04em;margin:5rem 0 2.5rem}.card p{font-size:2rem;color:#555}.card .btn{margin-top:4rem;font-size:1.7rem}.faq{margin-left:26%}details{border-bottom:1px solid #ccc;padding:3.5rem 0}summary{list-style:none;cursor:pointer;font-size:2.7rem;position:relative;padding-right:5rem;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:3rem;top:-.5rem;transition:transform .4s}details[open] summary:after{transform:rotate(45deg)}details p{font-size:2rem;color:#555;margin-top:3rem;max-width:80rem}.contact{background:#111;color:white;text-align:center;padding:13rem 0;border-radius:3rem 3rem 0 0}.contact h2{font-size:8rem;margin:4rem 0 3rem}.contact p{color:#ccc}.contact .btn{margin-top:4rem;background:#fff;color:#111;border-color:white}.contact .btn:hover{background:#ddd}footer{background:#111;color:white;padding:6rem 0 3rem}.footer-top{display:flex;justify-content:space-between;gap:4rem}.footer-links{display:flex;gap:3rem;font-size:1.6rem}.footer-end{display:flex;justify-content:space-between;gap:2rem;margin-top:7rem;padding-top:3rem;border-top:1px solid #444;color:#aaa;font-size:1.5rem}.subhero{padding:20rem 0 10rem}.crumb{font-size:1.5rem;margin-bottom:5rem;color:#666}.subhero h1{font-size:9rem;line-height:1.02;letter-spacing:-.05em}.subhero p{margin:4rem 0;max-width:82rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3rem}.step{border-top:1px solid #ccc;padding-top:2rem}.step b{font-size:1.5rem;font-weight:400}.step h3{font-size:2.6rem;margin:3rem 0 2rem}.step p{font-size:1.8rem;color:#555}.brief-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:8rem}fieldset{border:0;padding:0;margin:0 0 4rem}legend{margin-bottom:2rem}.choices{display:flex;gap:1rem;flex-wrap:wrap}.choice{display:inline-flex;align-items:center;border:1px solid #ddd;padding:1.4rem 2rem;border-radius:3rem;gap:1rem;font-size:1.8rem;cursor:pointer}.choice:has(:checked){background:#111;color:#fff}.choice input{accent-color:#777}.field{display:block;margin:3rem 0 1rem}select,textarea{width:100%;border:1px solid #ccc;background:#fafafa;padding:2rem;border-radius:1rem}textarea{min-height:18rem}.summary{padding:4rem;background:#f3f3f3;border-radius:2rem;align-self:start}.summary h3{font-size:3rem;margin:2rem 0}.summary p{font-size:2rem;margin:2rem 0}.summary .small,.small{font-size:1.5rem}.summary a{font-size:1.8rem;overflow-wrap:anywhere}.checklist{display:grid;gap:1rem}.score{font-size:7rem}.article{max-width:90rem;padding-bottom:12rem}.article p{margin:3rem 0}.article h2{font-size:4rem;margin-top:6rem}.roll{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom}.roll>span{display:block;transition:transform .8s var(--ease)}.roll>span:after{content:attr(data-text);position:absolute;top:100%;left:0;white-space:nowrap}a:hover .roll>span{transform:translateY(-100%)}.reveal{opacity:0;transform:translateY(5rem);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.reveal.visible{opacity:1;transform:none}.cursor{position:fixed;width:8px;height:8px;background:#fff;mix-blend-mode:difference;pointer-events:none;border-radius:100%;z-index:100;transform:translate(-50%,-50%);transition:width .35s,height .35s;display:none}.cursor.hover{width:40px;height:40px}@media(hover:hover){.cursor.active{display:block}}
@media(max-width:767px){html{font-size:10px}body{font-size:16px}.wrap{width:90%}.nav{height:80px;gap:15px}.brand{font-size:23px}.nav>.btn{margin-left:auto;font-size:11px;padding:12px 15px;gap:8px}.menu{display:block;order:3;border:0;background:none;font-size:0;width:28px;height:24px;padding:0}.menu:before,.menu:after{content:'';display:block;width:24px;height:1px;background:#111;margin:7px 0;transition:transform .4s}.menu[aria-expanded=true]:before{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true]:after{transform:translateY(-4px) rotate(-45deg)}.nav nav{position:absolute;top:80px;left:0;width:100%;padding:35px 5% 50px;background:#fff;display:none;font-size:28px}.nav nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero{padding:145px 0 55px;text-align:left}.hero h1{font-size:42px;letter-spacing:-.055em;line-height:1.06}.hero h1 span{display:inline}.hero h1 span+span:before{content:' '}.hero p{font-size:16px;line-height:1.4;margin-top:25px;max-width:95%}.hero p br{display:none}.video-placeholder{aspect-ratio:355/400;border-radius:14px}.section{padding:85px 0}.intro,.section-title{display:block}.eyebrow{font-size:11px;margin-bottom:30px}.intro h2,h2{font-size:39px;line-height:1.08}.intro p,p{font-size:18px}.intro p{margin:30px 0}.btn{font-size:16px;padding:19px 26px;gap:20px}.service-section{width:90%;padding-bottom:0}.service-trigger{font-size:27px;line-height:1.1;padding:30px 24px;gap:20px}.service-trigger small{font-size:12px}.service-detail>div{padding:0 24px}.service-detail p{font-size:16px;max-width:90%;padding-bottom:25px}.explore{font-size:14px;margin-bottom:30px}.service-orbit{right:-32rem;bottom:-30rem}.section-title{margin-bottom:40px}.rows,.faq{margin-left:0}.row{grid-template-columns:25px 1fr;gap:15px;padding:30px 0}.row b{font-size:12px}.row h3{font-size:25px}.row p{grid-column:2;font-size:16px}.cards{grid-template-columns:1fr;gap:30px}.card h3{font-size:30px;margin:25px 0 20px}.card p{font-size:16px}.card .btn{margin-top:25px;font-size:14px}.num{font-size:12px}summary{font-size:21px;padding-right:35px}details{padding:26px 0}details p{font-size:16px}.contact{padding:80px 0;border-radius:20px 20px 0 0}.contact h2{font-size:42px;margin:30px 0}.contact p{font-size:17px}.contact .btn{margin-top:30px}footer{padding:30px 0}.footer-top,.footer-end{flex-direction:column;gap:25px}.footer-links{flex-wrap:wrap;gap:15px 25px;font-size:14px}.footer-end{margin-top:35px;font-size:12px}.subhero{padding:140px 0 40px}.subhero h1{font-size:45px;overflow-wrap:anywhere}.subhero p{font-size:18px;margin:30px 0}.crumb{font-size:12px;margin-bottom:30px}.steps{grid-template-columns:1fr}.step h3{font-size:25px}.step p{font-size:16px}.brief-grid{grid-template-columns:1fr;gap:30px}.choice{font-size:14px;padding:12px 15px}.summary{padding:25px}.summary p{font-size:16px}.summary a{font-size:15px}.article h2{font-size:30px}.article p{font-size:18px}.section-title p{font-size:18px}.cursor{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.cursor{display:none!important}}

.product-film{overflow:hidden;position:relative;background:#e9e9e7}.product-film iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}@media(max-width:767px){.product-film{aspect-ratio:4/3}}

/* Static product image and left-aligned opening copy. */
.hero-with-image{display:grid;grid-template-columns:1.08fr 1fr;gap:4rem;align-items:center;text-align:left;padding-bottom:7rem}
.hero-with-image h1{font-size:6.6rem;line-height:1.08;letter-spacing:-.055em}
.hero-with-image h1 span{display:block}.hero-with-image p{margin:3.6rem 0 0;max-width:65rem;font-size:2.25rem;line-height:1.5}
.hero-visual{margin:0;min-width:0;border-radius:2rem;overflow:hidden;background:#faf9f6}.hero-visual img{display:block;width:100%;height:auto}
.intro{grid-template-columns:1fr;gap:3.5rem}.intro>div:last-child{max-width:110rem}.intro .eyebrow{padding-top:0}
@media(max-width:1000px) and (min-width:768px){.hero-with-image{grid-template-columns:1.1fr 1fr;gap:3rem}.hero-with-image h1{font-size:6.2rem}.hero-with-image p{font-size:2.7rem}}
@media(max-width:767px){.hero-with-image{grid-template-columns:1fr;gap:34px;padding:130px 0 40px}.hero-with-image h1{font-size:42px}.hero-with-image h1 span{display:inline}.hero-with-image p{margin:25px 0 0;max-width:100%;font-size:17px}.hero-visual{border-radius:15px}.intro{gap:25px}}

/* Complete opening scene: all key content stays in the first desktop viewport. */
.hero-complete{position:relative;min-height:100svh;grid-template-columns:minmax(0,.96fr) minmax(42rem,1.04fr);gap:4rem;padding-top:15rem;padding-bottom:3.5rem;isolation:isolate}
.hero-complete .hero-copy{position:relative;z-index:2;max-width:78rem}
.hero-complete h1{font-size:5.8rem;line-height:1.01;max-width:75rem}
.hero-complete .hero-lead{max-width:69rem;margin-top:2.5rem;font-size:1.9rem;line-height:1.4;color:#484848}
.hero-about{max-width:69rem;margin-top:3.2rem;padding-top:2.3rem;border-top:1px solid #d8d8d8}
.hero-about .eyebrow{margin:0 0 1.4rem;color:#6c6c6c}
.hero-about h2{max-width:67rem;font-size:3.75rem;line-height:1.05;letter-spacing:-.045em}
.hero-complete .hero-about p{max-width:65rem;margin-top:1.7rem;font-size:1.72rem;line-height:1.5;color:#535353}
.hero-about .btn{margin-top:2rem;padding:1.45rem 2.4rem;font-size:1.55rem;gap:2rem}
.hero-product-scene{position:relative;z-index:1;overflow:visible;align-self:center;background:transparent;border-radius:0;min-height:58rem;display:grid;place-items:center}
.hero-product-scene img{position:relative;z-index:2;width:112%;max-width:none;margin-left:-5%;filter:drop-shadow(0 3.2rem 4rem rgb(20 24 28 / 12%));animation:device-float 8s var(--ease) infinite alternate}
.hero-glow{position:absolute;z-index:-1;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgb(215 255 50 / 34%),rgb(222 237 255 / 27%) 38%,rgb(255 255 255 / 0) 70%);filter:blur(1.5rem);animation:glow-breathe 7s ease-in-out infinite}
.hero-orbit{position:absolute;z-index:1;border:1px solid rgb(17 17 17 / 12%);border-radius:50%;pointer-events:none}
.hero-orbit--one{width:67%;aspect-ratio:1;right:7%;top:15%;animation:orbit-spin 24s linear infinite}
.hero-orbit--one:after{content:'';position:absolute;width:1.1rem;aspect-ratio:1;border-radius:50%;background:#b8ea1e;top:14%;right:14%;box-shadow:0 0 0 .7rem rgb(184 234 30 / 14%)}
.hero-orbit--two{width:47%;aspect-ratio:1;left:5%;bottom:8%;border-style:dashed;animation:orbit-spin 34s linear infinite reverse}
.hero-float-card{position:absolute;z-index:4;display:flex;align-items:center;background:rgb(255 255 255 / 86%);border:1px solid rgb(17 17 17 / 8%);box-shadow:0 1.8rem 5rem rgb(25 30 35 / 12%);backdrop-filter:blur(1.5rem);-webkit-backdrop-filter:blur(1.5rem)}
.hero-float-card--ai{right:-1.5rem;top:13%;flex-direction:column;align-items:flex-start;padding:1.5rem 2rem;border-radius:1.8rem;animation:card-drift-a 6s ease-in-out infinite alternate}
.hero-float-card--ai b{font-size:3rem;line-height:1;letter-spacing:-.05em}.hero-float-card--ai small{font-size:1.25rem;color:#686868;margin-top:.5rem}
.hero-float-card--flow{left:-2.5rem;bottom:14%;gap:1rem;padding:1.3rem 1.7rem;border-radius:99px;font-size:1.35rem;animation:card-drift-b 7.5s ease-in-out infinite alternate}
.hero-float-card--flow i{display:block;width:1rem;aspect-ratio:1;border-radius:50%;background:#a9dc0e;box-shadow:0 0 0 .6rem rgb(169 220 14 / 18%)}
@keyframes device-float{0%{transform:translate3d(0,1.2rem,0) rotate(-.35deg)}100%{transform:translate3d(0,-1.2rem,0) rotate(.35deg)}}
@keyframes glow-breathe{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes card-drift-a{0%{transform:translate3d(0,0,0) rotate(1deg)}100%{transform:translate3d(-1.2rem,1.8rem,0) rotate(-2deg)}}
@keyframes card-drift-b{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(1.6rem,-1.3rem,0)}}
@media(max-width:1180px) and (min-width:768px){.hero-complete{grid-template-columns:minmax(0,1.05fr) minmax(36rem,.95fr);gap:2rem}.hero-complete h1{font-size:5rem}.hero-about h2{font-size:3.4rem}.hero-product-scene{min-height:48rem}.hero-float-card--flow{left:0}.hero-float-card--ai{right:0}}
@media(max-width:767px){.hero-complete{min-height:auto;grid-template-columns:1fr;gap:22px;padding-top:116px;padding-bottom:50px}.hero-complete .hero-copy{max-width:none}.hero-complete h1{font-size:40px;line-height:1.02}.hero-complete .hero-lead{font-size:16px;line-height:1.4;margin-top:20px}.hero-about{margin-top:28px;padding-top:20px}.hero-about .eyebrow{margin-bottom:12px}.hero-about h2{font-size:30px;line-height:1.07}.hero-complete .hero-about p{font-size:16px;line-height:1.45;margin-top:15px}.hero-about .btn{margin-top:18px;font-size:14px;padding:15px 21px}.hero-product-scene{min-height:310px;margin-top:4px}.hero-product-scene img{width:108%;margin-left:-4%}.hero-float-card--ai{right:0;top:4%;padding:10px 14px;border-radius:13px}.hero-float-card--ai b{font-size:21px}.hero-float-card--ai small{font-size:10px}.hero-float-card--flow{left:0;bottom:8%;font-size:11px;padding:10px 13px}.hero-orbit--one{width:70%;right:6%;top:10%}}

/* Premium concept — same typography and motion, stronger art direction. */
:root{--ink:#151715;--ivory:#f2efe7;--paper:#faf8f2;--acid:#c9ff38;--line:rgb(21 23 21 / 18%)}
body{background:var(--ivory);color:var(--ink)}
header{background:rgb(242 239 231 / 82%);border-bottom:1px solid rgb(21 23 21 / 8%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav{height:10.5rem}.brand{letter-spacing:-.085em}.nav nav{font-size:1.55rem;gap:2.8rem}.nav>.btn{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:600}.nav>.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.hero-complete{width:92%;max-width:1760px;grid-template-columns:minmax(0,.92fr) minmax(44rem,1.08fr);gap:2rem;align-items:start;padding-top:13rem;padding-bottom:2.5rem}
.hero-complete:before{content:'';position:absolute;inset:10.5rem 0 0;z-index:-3;border:1px solid rgb(21 23 21 / 8%);border-radius:2.8rem;background:linear-gradient(90deg,transparent 49.92%,rgb(21 23 21 / 7%) 50%,transparent 50.08%),linear-gradient(rgb(21 23 21 / 4%) 1px,transparent 1px);background-size:100% 100%,100% 8rem;pointer-events:none}
.hero-complete .hero-copy{padding:4rem 0 4rem 4rem}
.hero-complete .hero-copy:before{content:'SVOYGROUP / DIGITAL SYSTEMS / YAKUTSK';display:block;margin-bottom:2.8rem;font-size:1.1rem;font-weight:700;letter-spacing:.12em;color:#71736d}
.hero-complete h1{font-size:6.15rem;line-height:.96;letter-spacing:-.068em}
.hero-complete h1 span:last-child{margin-left:5rem}
.hero-complete .hero-lead{font-size:1.75rem;max-width:60rem;margin-top:3rem}
.hero-about{position:relative;max-width:64rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.hero-about:after{content:'01';position:absolute;top:2rem;right:0;font-size:1.1rem;font-weight:700;color:#777}
.hero-about .eyebrow{color:#686a65}.hero-about h2{font-size:3.5rem;max-width:61rem}.hero-complete .hero-about p{font-size:1.58rem;max-width:59rem}
.hero-about .btn{background:var(--ink);border-color:var(--ink);color:white;padding:1.5rem 2.7rem}.hero-about .btn:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.hero-product-scene{align-self:start;min-height:61rem;margin:4rem 1.8rem 1.8rem 0;border-radius:2.2rem;overflow:hidden;background:linear-gradient(145deg,#d9ded5 0%,#f7f4eb 48%,#dfe3db 100%);border:1px solid rgb(21 23 21 / 11%)}
.hero-product-scene:before{content:'CUSTOM BUSINESS SYSTEMS';position:absolute;z-index:5;left:2rem;top:2rem;font-size:1rem;font-weight:700;letter-spacing:.14em;color:#555}
.hero-product-scene:after{content:'CRM  /  SALES  /  ACCOUNTING  /  AI';position:absolute;z-index:5;right:-10rem;top:50%;transform:rotate(90deg);font-size:1rem;font-weight:700;letter-spacing:.16em;color:#555}
.hero-product-scene img{width:119%;margin-left:-9%;mix-blend-mode:multiply;filter:contrast(1.03) drop-shadow(0 4rem 4rem rgb(20 24 20 / 14%))}
.hero-glow{background:radial-gradient(circle at 50% 42%,rgb(201 255 56 / 52%),rgb(255 255 255 / 15%) 45%,transparent 70%)}
.hero-orbit{border-color:rgb(21 23 21 / 17%)}.hero-orbit--one:after{background:var(--acid);box-shadow:0 0 0 .7rem rgb(201 255 56 / 25%)}
.hero-float-card{background:rgb(250 248 242 / 82%);border-color:rgb(21 23 21 / 14%);box-shadow:0 1.8rem 5rem rgb(21 23 21 / 14%)}
.hero-float-card--flow i{background:var(--acid);box-shadow:0 0 0 .6rem rgb(201 255 56 / 22%)}
.hero-complete + .service-section{position:relative;width:85%;padding:14rem 0 12rem}.hero-complete + .service-section>.eyebrow{display:flex;align-items:center;gap:2rem;margin-bottom:5rem}.hero-complete + .service-section>.eyebrow:after{content:'';height:1px;flex:1;background:var(--line)}
.hero-complete + .service-section .service-list{gap:0;border-bottom:1px solid var(--line)}
.hero-complete + .service-section .service-panel{border-radius:0;background:transparent;border-top:1px solid var(--line)}
.hero-complete + .service-section .service-panel:has([aria-expanded=true]){margin:1.2rem 0;border:0;border-radius:2.5rem;background:var(--ink);color:#fff}
.hero-complete + .service-section .service-trigger{padding:4.4rem 3.5rem;font-size:4.6rem;transition:padding-left .7s var(--ease),color .4s}
.hero-complete + .service-section .service-panel:not(:has([aria-expanded=true])) .service-trigger:hover{padding-left:5rem;color:#555}
.hero-complete + .service-section .service-trigger small{font-size:1.2rem}.hero-complete + .service-section .service-detail>div{padding:0 3.5rem}.hero-complete + .service-section .service-detail p{font-size:1.9rem;color:#c9cac6}
.hero-complete + .service-section .explore span{background:var(--acid)}
.hero-complete + .service-section + .section{width:calc(100% - 4rem);max-width:none;margin:0 2rem;padding:14rem 0;border-radius:3.2rem;background:var(--ink);color:#f7f5ef;overflow:hidden}
.hero-complete + .service-section + .section .section-title h2{font-size:8rem;max-width:105rem}.hero-complete + .service-section + .section .section-title .eyebrow{color:var(--acid)}
.hero-complete + .service-section + .section .rows{margin-left:26%}.hero-complete + .service-section + .section .row{border-color:#3e403d}.hero-complete + .service-section + .section .row b{color:var(--acid)}.hero-complete + .service-section + .section .row p{color:#aeb0aa}
.hero-complete ~ .section:nth-of-type(4){padding-top:16rem}.hero-complete ~ .section:nth-of-type(4) .card{position:relative;min-height:36rem;padding:3rem;border:1px solid var(--line);border-radius:2rem;background:rgb(250 248 242 / 48%);transition:transform .7s var(--ease),background .4s}.hero-complete ~ .section:nth-of-type(4) .card:hover{transform:translateY(-1rem);background:var(--paper)}
.hero-complete ~ .section:nth-of-type(4) .card .btn{position:absolute;left:3rem;bottom:3rem}
.hero-complete ~ .section:nth-of-type(5) details{border-color:var(--line)}
.hero-complete ~ .contact{width:calc(100% - 4rem);margin:2rem;border-radius:3.2rem;background:var(--acid);color:var(--ink)}.hero-complete ~ .contact p{color:#373a32}.hero-complete ~ .contact .btn{background:var(--ink);border-color:var(--ink);color:#fff}
footer{background:var(--ink)}
@media(max-width:1180px) and (min-width:768px){.hero-complete{grid-template-columns:minmax(0,1fr) minmax(38rem,.9fr)}.hero-complete .hero-copy{padding-left:2rem}.hero-complete h1{font-size:5rem}.hero-complete h1 span:last-child{margin-left:2.5rem}.hero-product-scene{min-height:51rem}.hero-complete + .service-section + .section .section-title h2{font-size:6.5rem}}
@media(max-width:767px){header{background:rgb(242 239 231 / 93%)}.nav{height:80px}.hero-complete{width:92%;min-height:auto;grid-template-columns:1fr;gap:22px;padding-top:100px}.hero-complete:before{inset:80px 0 0;border-radius:20px;background-size:100% 100%,100% 60px}.hero-complete .hero-copy{padding:25px 20px 5px}.hero-complete .hero-copy:before{font-size:8px;line-height:1.4;margin-bottom:20px}.hero-complete h1{font-size:39px}.hero-complete h1 span:last-child{margin-left:0}.hero-product-scene{min-height:330px;margin:0 10px 10px;border-radius:16px}.hero-product-scene:before{font-size:8px;left:12px;top:12px}.hero-product-scene:after{display:none}.hero-complete + .service-section{width:90%;padding:85px 0}.hero-complete + .service-section .service-trigger{font-size:28px;padding:28px 20px}.hero-complete + .service-section .service-panel:not(:has([aria-expanded=true])) .service-trigger:hover{padding-left:20px}.hero-complete + .service-section .service-detail>div{padding:0 20px}.hero-complete + .service-section + .section{width:calc(100% - 20px);margin:0 10px;padding:85px 0;border-radius:22px}.hero-complete + .service-section + .section .section-title h2{font-size:42px}.hero-complete + .service-section + .section .rows{margin-left:0}.hero-complete ~ .section:nth-of-type(4) .card{min-height:300px}.hero-complete ~ .contact{width:calc(100% - 20px);margin:10px;border-radius:22px}}

/* Full-viewport cinematic hero revision. */
:root{--acid:#e4e2dc;--forest:#e4e2dc;--forest-deep:#aaa8a2}
header{color:#fff;background:rgb(12 15 13 / 72%);border-color:rgb(255 255 255 / 12%)}
.nav>.btn{background:var(--forest);border-color:var(--forest);color:#fff}.nav>.btn:hover{background:#f2efe7;border-color:#f2efe7;color:var(--ink)}
.hero-complete{display:block;width:100%;max-width:none;min-height:100svh;margin:0;padding:15rem 7.5% 5rem;overflow:hidden;color:#fff;background:#101411}
.hero-complete:before{content:'';position:absolute;inset:-3%;z-index:-2;border:0;border-radius:0;background:url("hero-enterprise-bg.jpg") 68% center/cover no-repeat;animation:hero-cinematic 16s ease-in-out infinite alternate;pointer-events:none}
.hero-complete:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(7 10 8 / 94%) 0%,rgb(7 10 8 / 82%) 37%,rgb(7 10 8 / 32%) 62%,rgb(7 10 8 / 12%) 100%),linear-gradient(0deg,rgb(7 10 8 / 52%),transparent 42%);pointer-events:none}
.hero-complete .hero-copy{max-width:74rem;padding:1rem 0 0;position:relative;z-index:2}
.hero-complete .hero-copy:before{color:rgb(255 255 255 / 62%)}
.hero-complete h1{max-width:72rem;font-size:6.4rem;color:#fff;text-shadow:0 .2rem 2rem rgb(0 0 0 / 25%)}
.hero-complete h1 span:last-child{margin-left:4.5rem}
.hero-complete .hero-lead{max-width:62rem;color:rgb(255 255 255 / 78%)}
.hero-about{max-width:65rem;margin-top:5.8rem;padding-top:2.8rem;border-color:rgb(255 255 255 / 28%)}
.hero-about .eyebrow{color:rgb(255 255 255 / 58%)}.hero-about:after{color:rgb(255 255 255 / 50%)}
.hero-about h2{max-width:64rem;color:#fff}.hero-complete .hero-about p{max-width:61rem;color:rgb(255 255 255 / 70%)}
.hero-about .btn{background:var(--forest);border-color:var(--forest);color:#fff}.hero-about .btn:hover{background:#f2efe7;border-color:#f2efe7;color:var(--ink)}
.hero-product-scene{display:none}
.hero-complete + .service-section .explore span{background:var(--acid)}
.hero-complete + .service-section + .section .section-title .eyebrow,.hero-complete + .service-section + .section .row b{color:#c8c8c4}
.hero-complete ~ .contact{background:var(--forest);color:#fff}.hero-complete ~ .contact p{color:rgb(255 255 255 / 72%)}
@keyframes hero-cinematic{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(-1.2%,.5%,0)}}
@media(max-width:1180px) and (min-width:768px){.hero-complete{padding-left:6%;padding-right:6%}.hero-complete h1{font-size:5.8rem}.hero-about{margin-top:4.5rem}}
@media(max-width:767px){header{color:#fff;background:rgb(12 15 13 / 88%)}.nav nav{background:var(--ink);color:#fff}.menu:before,.menu:after{background:#fff}.hero-complete{display:block;width:100%;min-height:100svh;padding:110px 6% 55px}.hero-complete:before{inset:-2%;border-radius:0;background-position:64% center;background-size:cover}.hero-complete:after{background:linear-gradient(90deg,rgb(7 10 8 / 94%) 0%,rgb(7 10 8 / 78%) 75%,rgb(7 10 8 / 48%) 100%),linear-gradient(0deg,rgb(7 10 8 / 65%),transparent 55%)}.hero-complete .hero-copy{padding:0}.hero-complete .hero-copy:before{margin-bottom:24px;color:rgb(255 255 255 / 62%)}.hero-complete h1{font-size:42px;line-height:1.01}.hero-complete h1 span:last-child{margin-left:0}.hero-complete .hero-lead{font-size:17px;color:rgb(255 255 255 / 78%)}.hero-about{margin-top:44px;padding-top:25px;border-color:rgb(255 255 255 / 25%)}.hero-about h2{font-size:31px}.hero-complete .hero-about p{color:rgb(255 255 255 / 70%)}.hero-product-scene{display:none}}

/* Neutral monochrome accent — no decorative colour. */
.nav>.btn,.hero-about .btn{color:var(--ink)}
.nav>.btn:hover,.hero-about .btn:hover{background:#fff;border-color:#fff;color:var(--ink)}
.hero-complete ~ .contact{background:#292b29;color:#fff}
.hero-complete ~ .contact p{color:rgb(255 255 255 / 68%)}
.hero-complete ~ .contact .btn{background:#f2efe7;border-color:#f2efe7;color:var(--ink)}

/* Article cards: reserve real space for CTAs at every text length. */
.hero-complete ~ .section:nth-of-type(4) .card{display:flex;flex-direction:column;min-height:42rem}
.hero-complete ~ .section:nth-of-type(4) .card p{margin-bottom:3rem}
.hero-complete ~ .section:nth-of-type(4) .card .btn{position:static;align-self:flex-start;margin-top:auto}
@media(max-width:767px){.hero-complete ~ .section:nth-of-type(4) .card{min-height:0}.hero-complete ~ .section:nth-of-type(4) .card .btn{margin-top:25px}}

/* Mobile refinement and lighter media payload. */
@media(max-width:767px){
  html{scroll-padding-top:80px}
  body{overflow-x:hidden}
  .hero-complete:before{background-image:url("hero-enterprise-bg-mobile.jpg")}
  .hero-complete{padding-bottom:64px}
  .hero-complete + .service-section{padding:72px 0}
  .hero-complete + .service-section>.eyebrow{margin-bottom:34px}
  .hero-complete + .service-section .service-panel:has([aria-expanded=true]){margin:8px 0;border-radius:20px}
  .hero-complete + .service-section .service-detail p{max-width:100%;font-size:16px;line-height:1.48}
  .hero-complete + .service-section + .section{padding:76px 0}
  .hero-complete + .service-section + .section .section-title{margin-bottom:36px}
  .hero-complete + .service-section + .section .row{padding:26px 0}
  .hero-complete ~ .section:nth-of-type(4){padding-top:82px;padding-bottom:82px}
  .hero-complete ~ .section:nth-of-type(4) .cards{gap:18px}
  .hero-complete ~ .section:nth-of-type(4) .card{padding:24px;border-radius:16px}
  .hero-complete ~ .section:nth-of-type(5){padding-top:82px;padding-bottom:82px}
  .hero-complete ~ .contact{padding:76px 0}
  .hero-complete ~ .contact h2{font-size:38px;line-height:1.03}
  footer{padding:40px 0 28px}
}
@media(max-width:360px){
  .nav>.btn{display:none}
  .nav{justify-content:space-between}
  .menu{margin-left:auto}
  .hero-complete{padding-top:106px}
  .hero-complete h1{font-size:36px;line-height:1.02}
  .hero-complete .hero-lead{font-size:16px}
  .hero-about{margin-top:38px;padding-top:22px}
  .hero-about h2{font-size:28px}
  .hero-complete .hero-about p{font-size:15px}
  .hero-complete + .service-section .service-trigger{font-size:25px;padding:25px 18px}
  .hero-complete + .service-section + .section .section-title h2{font-size:36px}
  .hero-complete ~ .contact h2{font-size:34px}
}