@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/fonts/exo2-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/fonts/exo2-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0b0614;--ink:#f8f5ff;--muted:#b8accb;--orange:#ff6a00;--purple:#6b25d6;--line:rgba(255,255,255,.14);--page:min(1240px,calc(100% - 72px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Exo 2",sans-serif;background:var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.topbar{position:absolute;z-index:10;top:0;left:50%;width:var(--page);height:105px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between}
.wordmark{width:210px;display:block}
.wordmark img,.footer-logo img{display:block;width:100%;height:auto}
.main-nav{display:flex;align-items:center;gap:27px;font-size:.84rem;font-weight:600}
.main-nav>a:not(.nav-contact):not(.lang){color:#d2c8df}
.main-nav>a:hover{color:#fff}
.nav-contact{padding:11px 15px;border:1px solid rgba(255,255,255,.36);border-radius:999px}
.nav-contact b{color:var(--orange);margin-left:5px}
.lang{font-size:.75rem;color:#c1b4d2;border-left:1px solid var(--line);padding-left:20px}
.menu-button{display:none}
.hero{position:relative;min-height:780px;padding:185px max(36px,calc((100% - 1240px)/2)) 95px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 65% 75% at 93% 42%,#1d0b36 0%,transparent 72%),linear-gradient(135deg,#100518,#07040c)}
.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);opacity:.85}
.orb-orange{width:600px;height:600px;top:-220px;left:-190px;background:radial-gradient(circle,rgba(255,101,0,.52),rgba(255,101,0,0) 68%)}
.orb-purple{width:700px;height:700px;right:-220px;bottom:-330px;background:radial-gradient(circle,rgba(107,37,214,.55),rgba(107,37,214,0) 67%)}
.hero-copy{position:relative;z-index:1;max-width:720px}
.eyebrow,.section-kicker p{margin:0;font-size:.72rem;letter-spacing:.16em;font-weight:700;color:#bba2ec}
.hero h1,.section-pad h2,.cta h2{margin:17px 0 22px;font-size:clamp(3.85rem,7.2vw,7.6rem);line-height:.89;letter-spacing:-.065em;font-weight:700}
.hero h1 em,.section-pad h2 em,.cta h2 em{font-style:normal;background:linear-gradient(95deg,var(--orange),#ff8e20 46%,#9d40ec);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{max-width:520px;margin:0;color:var(--muted);font-size:1.15rem;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:38px}
.button{display:inline-flex;align-items:center;gap:38px;padding:16px 20px;border-radius:4px;font-weight:700;transition:transform .2s,filter .2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.12)}
.button-primary{background:linear-gradient(100deg,var(--orange),#d7470b 49%,var(--purple));box-shadow:0 15px 34px rgba(117,30,132,.25)}
.button span{font-size:1.25rem}
.text-link{font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.text-link span{color:#c999ff;margin-left:7px}
.hero-mark{position:absolute;z-index:0;pointer-events:none;right:max(5%,calc((100% - 1320px)/2));top:120px;width:440px;height:500px;opacity:.18;font-weight:800;line-height:.74;letter-spacing:-.18em;transform:skewX(-7deg)}
.hero-mark img{display:block;width:100%;height:100%;object-fit:contain}
.hero-mark span{position:absolute;font-size:360px}
.hero-mark span:first-child{color:var(--orange);left:0}
.hero-mark span:nth-child(2){color:#8533e9;right:-15px;top:150px}
.hero-mark i{position:absolute;top:52%;left:18%;width:78%;height:1px;background:#f0dcff}
.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:.62rem;letter-spacing:.15em;color:#8c7d9e}
.hero-scroll span{font-size:1.2rem;margin-left:8px;color:#c693f6}
.section-pad{width:var(--page);margin:auto;padding:135px 0;display:grid;grid-template-columns:180px 1fr;gap:55px}
.section-kicker{display:flex;align-items:center;gap:15px;height:max-content}
.section-kicker span{color:var(--orange);font-size:.74rem}
.section-kicker:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--orange),transparent)}
.statement{min-height:540px;align-items:start;background:linear-gradient(130deg,transparent,#160923)}
.statement>div:last-child{max-width:890px}
.statement h2{font-size:clamp(3rem,5.6vw,6rem)}
.large-copy{max-width:645px;margin:35px 0 0;color:var(--muted);font-size:1.18rem;line-height:1.7}
.services{width:100%;padding-left:max(36px,calc((100% - 1240px)/2));padding-right:max(36px,calc((100% - 1240px)/2));background:#f7f4fc;color:#170b27;grid-template-columns:180px 1fr}
.services .section-kicker p{color:#5c3b8a}
.services-head{display:grid;grid-template-columns:1.2fr .7fr;gap:55px;align-items:end}
.services h2{margin:0;font-size:clamp(3rem,5.6vw,5.7rem)}
.services-head>p{margin:0 0 14px;color:#675b72;line-height:1.6}
.service-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7cee0;margin-top:15px}
.service-grid article{min-height:310px;padding:26px 28px 22px 0;border-right:1px solid #d7cee0}
.service-grid article+article{padding-left:28px}
.service-grid article:last-child{border:0}
.service-grid span{color:var(--orange);font-size:.73rem;font-weight:700}
.service-grid h3{margin:65px 0 12px;font-size:1.35rem}
.service-grid p{min-height:66px;margin:0;color:#655b6d;line-height:1.55;font-size:.91rem}
.service-grid ul{padding:0;margin:24px 0 0;list-style:none;color:#2d153f;font-size:.82rem;line-height:1.75}
.service-grid li:before{content:"/";color:var(--purple);font-weight:800;margin-right:7px}
.process{align-items:center;min-height:750px}
.process-visual{position:relative;width:500px;height:500px;max-width:100%;margin:auto;display:grid;place-content:center;text-align:center}
.rings,.rings:before,.rings:after{position:absolute;inset:0;border:1px solid rgba(169,103,255,.4);border-radius:50%;content:""}
.rings:before{inset:14%}
.rings:after{inset:28%;border-color:rgba(255,111,13,.55)}
.process-visual p{position:relative;margin:0;font-weight:700;font-size:1.1rem;letter-spacing:.19em;line-height:1.75;color:#e2caff}
.process-copy h2{font-size:clamp(3rem,5.3vw,5.5rem)}
.process-copy ol{padding:0;margin:46px 0 0;list-style:none;counter-reset:steps}
.process-copy li{position:relative;padding:0 0 27px 57px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.process-copy li:before{counter-increment:steps;content:"0" counter(steps);position:absolute;left:0;top:2px;color:var(--orange);font-size:.78rem}
.process-copy b{font-size:1.15rem}
.process-copy p{margin:7px 0 0;color:var(--muted);line-height:1.55;font-size:.92rem}
.values{background:linear-gradient(110deg,#160827,#0b0614)}
.value-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-list article{border-top:1px solid #806aa5;padding:20px 14px 0 0}
.value-list b{display:block;font-family:Arial,sans-serif;font-size:3rem;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #c58cff}
.value-list h3{margin:37px 0 10px;font-size:1.3rem}
.value-list p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
.faq{padding-bottom:155px}
.faq-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.faq h2{font-size:clamp(2.8rem,4.5vw,4.8rem);margin:0}
.accordion{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:0}
summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-weight:600;list-style:none}
summary::-webkit-details-marker{display:none}
summary span{font-size:1.5rem;color:#c78cff}
details[open] summary span{color:var(--orange)}
details p{margin:0 30px 22px 0;color:var(--muted);line-height:1.6;font-size:.92rem}
.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:80px max(36px,calc((100% - 1240px)/2));background:linear-gradient(100deg,#fb5a00,#b13e96 55%,#5b25cf)}
.cta h2{margin:14px 0 0;font-size:clamp(2.8rem,5vw,5rem)}
.cta h2 em{background:linear-gradient(90deg,#fff,#f7ddff);-webkit-background-clip:text;background-clip:text}
.cta .eyebrow{color:#ffe5da}
.cta .button{background:#100518}
.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:50px;padding:56px max(36px,calc((100% - 1240px)/2));background:#07030c;color:#a99dbb}
.footer-logo{display:block;width:185px}
.site-footer p{margin:16px 0 0;font-size:.78rem}
.footer-nav{display:flex;align-items:center;gap:20px;font-size:.79rem}
.footer-nav a[href^="https://www.linkedin.com/company/zbynine"]{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:4px;background:#0a66c2;color:transparent;font-size:0;line-height:1;transition:transform .18s ease,background .18s ease}
.footer-nav a[href^="https://www.linkedin.com/company/zbynine"]::after{content:"in";color:#fff;font-size:14px;font-weight:800;letter-spacing:-.05em}
.footer-nav a[href^="https://www.linkedin.com/company/zbynine"]:hover{background:#1476d4;color:transparent;transform:translateY(-1px)}
.footer-nav a:hover{color:#fff}
.copyright{white-space:nowrap}
.site-footer .copyright{margin:0}

@media(max-width:850px){:root{--page:min(100% - 40px,620px)}
.topbar{height:86px}
.wordmark{width:175px}
.menu-button{display:flex;align-items:center;gap:10px;color:#fff;border:0;background:transparent;font:600 .83rem "Exo 2"}
.menu-button span,.menu-button span:after{display:block;width:20px;height:1px;background:#fff;content:""}
.menu-button span:after{transform:translateY(6px)}
.main-nav{position:absolute;top:70px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:16px;background:#160a25;border:1px solid var(--line)}
.main-nav.open{display:flex}
.main-nav a{padding:12px}
.main-nav .lang{border-left:0;padding-left:12px}
.hero{min-height:710px;padding:145px 20px 90px}
.hero h1{font-size:clamp(3.6rem,16vw,5rem)}
.hero-mark{width:280px;height:320px;right:-58px;top:260px}
.hero-mark span{font-size:230px}
.hero-mark span:nth-child(2){top:100px}
.hero-lede{max-width:430px;font-size:1.02rem}
.hero-actions{flex-direction:column;align-items:flex-start;gap:21px}
.section-pad{grid-template-columns:1fr;gap:34px;padding:85px 0}
.services{padding:85px 20px;display:block}
.services .section-kicker{margin-bottom:34px}
.services-head{display:block}
.services-head>p{margin:24px 0}
.service-grid{grid-template-columns:1fr;margin-top:35px}
.service-grid article,.service-grid article+article{min-height:0;padding:25px 0;border-right:0;border-bottom:1px solid #d7cee0}
.service-grid h3{margin:35px 0 10px}
.service-grid p{min-height:0}
.process{display:block}
.process-visual{width:330px;height:330px}
.process-copy{margin-top:60px}
.value-list{grid-template-columns:1fr}
.value-list article{display:grid;grid-template-columns:70px 1fr;gap:10px;padding-bottom:20px}
.value-list h3{margin:0 0 10px}
.faq-wrap{display:block}
.faq h2{margin-bottom:40px}
.cta{align-items:flex-start;flex-direction:column;padding:65px 20px}
.site-footer{grid-template-columns:1fr;gap:28px;padding:45px 20px}
.footer-nav{flex-wrap:wrap}
.site-footer .copyright{margin:0}
.hero-scroll{display:none}
}

html[lang] .hero h1,html[lang] .section-pad h2,html[lang] .cta h2{letter-spacing:-.038em}

/* Reusable logo lockup: wordmark, slogan and accent lines are inside the SVG. */
.wordmark{width:210px;height:auto}
.footer-logo{width:185px}
@media(max-width:850px){.wordmark{width:175px;height:auto}}