.axion.ninth{--ed-ink:#121312;--ed-paper:#f5f5f1;--ed-sage:#dce3dc;--ed-mist:#e7e9e5;--ed-line:#cfd3cd;--ed-radius:18px;color:var(--ed-ink);background:#c7cbc7;padding:20px}.ninth .ax-hero,.ninth .ax-about,.ninth .ax-cases,.ninth .n9-services,.ninth .n9-process,.ninth .n9-pricing,.ninth .n9-principles,.ninth .n9-notes,.ninth .n9-faq,.ninth .n9-contact,.ninth .n9-footer{max-width:1440px;margin-inline:auto}.ninth .ax-hero{border-radius:var(--ed-radius);background:var(--ed-paper);isolation:isolate;height:auto;min-height:min(920px,100dvh - 40px);overflow:hidden}.ninth .ax-header{padding:18px 22px}.ninth .ax-header nav{border-bottom:1px solid var(--ed-line);height:48px;box-shadow:none;background:0 0;border-radius:0;padding:0}.ninth .ax-logo{width:30px;height:36px;color:var(--ed-ink);background:0 0;border-radius:0;padding:3px}.ninth .ax-wordmark{letter-spacing:.2em;font-size:11px}.ninth .ax-links a,.ninth .ax-taking,.ninth .ax-clock{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.ninth .ax-roll{min-width:138px;height:34px;color:var(--ed-ink);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid;justify-content:space-between;padding-left:14px;font-size:10px}.ninth .ax-roll.dark{color:var(--ed-ink);background:0 0}.ninth .ax-roll b,.ninth .ax-roll.dark b{background:var(--ed-ink);width:24px;height:24px;color:var(--ed-paper)}.ninth .ax-roll.orange{color:#fff}.ninth .ax-roll.orange>b{color:#fff;background:#ffffff24}.ninth .ax-hero-content{text-align:left;grid-template-columns:minmax(0,.66fr) minmax(280px,.34fr);align-content:center;margin:auto;padding:190px 8% 95px;display:grid}.ninth .n9-hero-meta{color:#666b66;letter-spacing:.11em;flex-direction:column;align-items:flex-start;gap:5px;font-size:8px;display:flex;position:absolute;inset:96px auto auto 6%}.ninth .n9-hero-meta span:nth-child(2),.ninth .n9-hero-meta span:nth-child(3){display:none}.ninth .n9-hero-meta span:first-child{color:var(--ed-ink);border:1px solid #adb2ad;border-radius:999px;padding:5px 10px}.ninth .ax-hero-content h1{letter-spacing:-.07em;max-width:820px;margin:0;font-size:clamp(50px,6.1vw,92px);font-weight:500;line-height:.93}.ninth .ax-hero-content h1 br{display:none}.ninth .ax-hero-content h1:after{content:"Стратегія / UX/UI / Розробка";color:#8e948e;letter-spacing:0;max-width:350px;margin:30px 0 0;font-size:13px;font-weight:400;line-height:1.5;display:block}.ninth .ax-hero-content>div:last-child{grid-column:1;justify-content:flex-start;margin-top:42px}.ninth .n9-path{display:none}.ninth .n9-hero-mark{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:none}.ninth .n9-hero-mark:before,.ninth .n9-hero-mark:after{content:none}.ninth .n9-hero-mark>img{object-fit:cover;object-position:56% center;filter:contrast(1.08)saturate(.94);width:92%;height:92%;margin:4% 0 0 8%}.ninth .ax-about,.ninth .n9-services,.ninth .n9-pricing,.ninth .n9-notes{background:var(--ed-paper)}.ninth .ax-about,.ninth .ax-cases,.ninth .n9-services,.ninth .n9-process,.ninth .n9-pricing,.ninth .n9-principles,.ninth .n9-notes,.ninth .n9-faq,.ninth .n9-contact{border-radius:var(--ed-radius);margin-top:14px}.ninth .ax-badge{margin-bottom:54px}.ninth .ax-badge b{width:22px;height:22px;color:inherit;background:0 0;border:1px solid;font-size:9px}.ninth .ax-badge span{letter-spacing:.08em;text-transform:uppercase;border-color:currentColor;padding:5px 11px;font-size:9px}.ninth .ax-about{padding:72px 34px 34px}.ninth .ax-about h2{text-align:left;letter-spacing:-.065em;max-width:900px;margin:0 0 80px 4%;font-size:clamp(40px,5.4vw,78px);line-height:.95}.ninth .ax-about-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.ninth .n9-process-visual,.ninth .n9-process-visual.interface{background:var(--ed-sage);min-height:330px;color:var(--ed-ink);border:0;border-radius:14px}.ninth .n9-process-visual.interface{background:var(--ed-ink);color:var(--ed-paper)}.ninth .ax-about-copy{border:1px solid var(--ed-line);background:#fff;border-radius:14px;justify-content:space-between;min-height:330px;padding:30px}.ninth .ax-about-copy p{font-size:19px;line-height:1.35}.ninth .ax-about-grid>.n9-about-photo{aspect-ratio:auto;object-fit:cover;border-radius:14px;width:100%;height:330px}.ninth .n9-about-photo-copy{isolation:isolate;color:#fff;border:0;position:relative;overflow:hidden}.ninth .n9-about-photo-copy:after{content:"";z-index:1;background:linear-gradient(#00000008 42%,#00000094);position:absolute;inset:0}.ninth .n9-about-photo-copy>img{z-index:0;object-fit:cover}.ninth .n9-about-photo-copy>p,.ninth .n9-about-photo-copy>.ax-roll{z-index:2;position:relative}.ninth .n9-about-photo-copy>p{max-width:24ch;margin-top:auto;font-size:17px}.ninth .n9-about-photo-copy>.ax-roll{flex:none}.ninth .n9-differentiator{border:1px solid var(--ed-line);border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding:24px 30px;display:grid}.ninth .n9-differentiator strong{font-size:20px;font-weight:500}.ninth .n9-differentiator p{color:#666b66;max-width:58ch;margin:0;font-size:13px;line-height:1.55}.ninth .n9-about-photo-copy .ax-roll{color:#fff;border-color:#fff}.ninth .n9-about-photo-copy .ax-roll b{color:var(--ed-ink);background:#fff}.ninth .ax-cases{background:var(--ed-ink);color:var(--ed-paper);padding:55px 34px 34px}.ninth .ax-cases .ax-badge span{border-color:currentColor}.ninth .ax-cases h2{letter-spacing:-.07em;min-height:200px;margin:0 0 35px;padding-top:60px;font-size:clamp(58px,8vw,120px);position:relative}.ninth .ax-cases h2:after{content:"02";color:var(--ed-paper);font-size:clamp(150px,24vw,340px);font-weight:300;line-height:1;position:absolute;top:-65px;right:0}.ninth .ax-card-grid{gap:8px}.ninth .n9-project{border:1px solid #363836;border-radius:16px;padding:8px 8px 26px}.ninth .ax-video{border-radius:11px}.ninth .ax-video.narrativ,.ninth .ax-video.luminar{filter:none}.ninth .n9-project h3{margin:20px 14px 0;font-size:30px;font-weight:400}.ninth .n9-project p{color:#adb1ad;max-width:520px;margin-inline:14px}.ninth .n9-project>a{color:inherit;margin:24px 14px 0}.ninth .n9-services{padding:70px 34px 34px}.ninth .n9-head{margin-bottom:55px}.ninth .n9-head h2{letter-spacing:-.065em;max-width:850px;font-size:clamp(48px,6vw,88px)}.ninth .n9-service-list{border:0;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ninth .n9-service-list article{background:var(--ed-sage);border:1px solid #0000;border-bottom-width:2px;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:260px;padding:24px;transition:background-color .3s,color .3s,transform .3s,border-color .3s;display:flex}.ninth .n9-service-list article:nth-child(2){color:var(--ed-paper);background:#101010}.ninth .n9-service-list article:nth-child(2) h3{color:var(--ed-paper)}.ninth .n9-service-list article:nth-child(2) p{color:#aeb2ae;opacity:1}.ninth .n9-service-list article:nth-child(5){background:var(--ed-paper);color:#101010;border:1px solid var(--ed-line);border-bottom-width:2px}.ninth .n9-service-list article:nth-child(3n){background:var(--ed-mist)}.ninth .n9-service-list article:nth-child(6){background:var(--ed-mist);color:#101010;border-bottom-color:#c2ff01}.ninth .n9-service-list article:nth-child(6)>span{color:#9acb00}.ninth .n9-service-list article:not(:nth-child(6)):hover,.ninth .n9-service-list article:not(:nth-child(6)):focus{color:var(--ed-ink);background:#eceee9;border-color:#c9cdc7 #c9cdc7 #04f;transform:translateY(-3px)}.ninth .n9-service-list article:nth-child(2):hover,.ninth .n9-service-list article:nth-child(2):focus{color:var(--ed-paper);background:#181918;border-color:#303230 #303230 #04f}.ninth .n9-service-list article:nth-child(6):hover,.ninth .n9-service-list article:nth-child(6):focus{background:#eef0ec;border-color:#d3d6d1 #d3d6d1 #c2ff01;transform:translateY(-3px)}.ninth .n9-service-list h3{letter-spacing:-.05em;margin-top:auto;font-size:32px;line-height:1}.ninth .n9-service-list p{color:#626662;opacity:1;margin-top:16px}.ninth .n9-service-list article:not(:nth-child(2)) h3{color:#101010}.ninth .n9-service-list article:not(:nth-child(2)):not(:nth-child(6))>span,.ninth .n9-service-list article:nth-child(2)>span{color:#04f}.ninth .n9-service-list svg{position:absolute;top:20px;right:20px}.ninth .n9-process,.ninth .n9-principles,.ninth .n9-faq{background:var(--ed-mist)}.ninth .n9-process{padding:70px 34px 45px}.ninth .n9-process .n9-head>p{border-left:2px solid #04f;padding-left:16px}.ninth .n9-route{border:0;gap:8px;margin-top:50px;position:relative}.ninth .n9-route:before{display:none}.ninth .n9-route:after{content:"";z-index:2;background:var(--ed-line);pointer-events:none;height:1px;position:absolute;top:47px;left:24px;right:24px}.ninth .n9-route article{background:var(--ed-paper);border-radius:14px;min-height:300px;padding:24px;transition:background-color .3s,color .3s}.ninth .n9-route article:nth-child(2){color:var(--ed-paper);background:#101010}.ninth .n9-route article:nth-child(2) p{color:#aeb2ae}.ninth .n9-route article:nth-child(2) span,.ninth .n9-route article:nth-child(2) small{color:#04f}.ninth .n9-route article:nth-child(2) i{background:#04f;box-shadow:0 0 0 6px #101010}.ninth .n9-route article:not(:nth-child(2)):hover{color:var(--ed-paper);background:#101010}.ninth .n9-route article:not(:nth-child(2)):hover p{color:#aeb2ae}.ninth .n9-route article:not(:nth-child(2)):hover span{color:#04f}.ninth .n9-route i{z-index:3;box-shadow:0 0 0 6px var(--ed-paper);width:7px;height:7px;position:absolute;top:44px;left:24px}.ninth .n9-route span{letter-spacing:-.06em;margin-left:auto;font-size:30px;line-height:1;display:block}.ninth .n9-route h3{letter-spacing:-.04em;margin-top:auto;padding-top:95px;font-size:30px}.ninth .n9-route small{color:#04f;font-size:14px;font-weight:500}.ninth .n9-pricing{padding:70px 34px 34px}.ninth .n9-price-grid{grid-template-columns:.72fr 1.28fr;gap:5vw}.ninth .n9-price-grid>div{border:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.ninth .n9-price-grid article{background:var(--ed-sage);border:0;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:205px;padding:28px 24px;display:flex}.ninth .n9-price-grid article:nth-child(2),.ninth .n9-price-grid article:nth-child(5){background:var(--ed-ink);color:var(--ed-paper)}.ninth .n9-price-grid article b{margin-top:auto;font-size:26px}.ninth .n9-price-grid article b small{color:inherit;letter-spacing:.04em;opacity:.62;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:500;display:block}.ninth .n9-price-grid article p{color:inherit;opacity:.6}.ninth .n9-price-grid aside{background:var(--ed-mist);border-radius:14px;grid-column:1/-1}.ninth .n9-price-grid aside:before{letter-spacing:.06em;padding:5px 9px;font-size:8px;top:-9px;left:24px}.ninth .n9-principles{padding:70px 34px 34px}.ninth .n9-principles>div>div:last-child{background:0 0;gap:8px}.ninth .n9-principles article{background:var(--ed-paper);border:0;border-radius:14px}.ninth .n9-principles article:nth-child(2){color:#fff;background:#04f}.ninth .n9-principles article:nth-child(2) span{color:#c2ff01}.ninth .n9-principles article:nth-child(2) p{color:#ffffffc2}.ninth .n9-notes{padding:70px 34px 34px}.ninth .n9-note-grid{border:0;gap:8px}.ninth .n9-note-grid a{background:var(--ed-mist);border:0;border-radius:14px;min-height:295px;padding:20px 24px}.ninth .n9-note-grid a:nth-child(2){background:var(--ed-ink);color:var(--ed-paper)}.ninth .n9-faq{padding:70px 34px}.ninth .n9-faq-grid{grid-template-columns:.7fr 1.3fr}.ninth .n9-faq details{background:var(--ed-paper);border:0;border-radius:12px;margin-bottom:8px;padding:0 20px;transition:background-color .25s}.ninth .n9-faq details:hover{background:#f9f9f6}.ninth .n9-faq summary b{color:#04f}.ninth .n9-faq-intro>p{color:#666b66;max-width:360px;margin:28px 0 0;line-height:1.6}.ninth .n9-contact{background:var(--ed-ink);padding:70px 34px}.ninth .n9-contact form,.ninth .n9-form-success{background:#1d1f1d;border-radius:14px;padding:28px}.ninth .n9-contact form>button{color:#fff;background:#04f;border-radius:999px;transition:background-color .275s,color .275s}.ninth .n9-contact form>button:hover{color:#101010;background:#c2ff01}.ninth .n9-contact input:focus,.ninth .n9-contact textarea:focus,.ninth .n9-select-trigger[aria-expanded=true]{border-color:#04f}.ninth .n9-footer{border-radius:var(--ed-radius);border:0;margin-top:14px;padding:42px 34px 30px}.ninth .n9-footer .n9-footer-wordmark{border:0;padding-bottom:0}.ninth .n9-footer .n9-footer-wordmark strong{font-size:clamp(46px,7.8vw,112px)}.ninth .n9-footer-columns{color:#979c97;grid-template-columns:1.3fr .7fr 1fr;gap:clamp(34px,6vw,90px);padding:56px 0 38px;font-size:11px;display:grid}.ninth .n9-footer-columns strong{color:var(--ed-paper);font-size:12px;font-weight:500}.ninth .n9-footer-columns p{margin:8px 0 0;line-height:1.55}.ninth .n9-footer-columns nav,.ninth .n9-footer-contact{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ninth .n9-footer a{transition:color .3s}.ninth .n9-footer a:hover{color:#04f}.ninth .n9-footer-bottom{color:#777d77;border-top:1px solid #2c323d;justify-content:space-between;padding-top:20px;font-size:10px;display:flex}.ninth .n9-footer-bottom>div{align-items:center;gap:18px;display:flex}.ninth .n9-footer-bottom button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .3s}.ninth .n9-footer-bottom button:hover{color:#04f}.ninth .n9-mobile-contact-cta{display:none}@media (max-width:900px){.axion.ninth{padding:8px}.ninth .ax-hero{min-height:calc(100dvh - 16px)}.ninth .ax-hero-content{grid-template-columns:minmax(0,.68fr) minmax(210px,.32fr);padding:170px 34px 70px}.ninth .ax-hero-content h1{font-size:clamp(44px,8.5vw,68px)}.ninth .ax-about,.ninth .ax-cases,.ninth .n9-services,.ninth .n9-process,.ninth .n9-pricing,.ninth .n9-principles,.ninth .n9-notes,.ninth .n9-faq,.ninth .n9-contact{margin-top:8px;padding:50px 18px 18px}.ninth .ax-about-grid,.ninth .ax-card-grid,.ninth .n9-service-list,.ninth .n9-route,.ninth .n9-price-grid>div,.ninth .n9-principles>div>div:last-child,.ninth .n9-note-grid{grid-template-columns:1fr}.ninth .n9-differentiator{grid-template-columns:1fr;gap:12px}.ninth .n9-footer-columns{grid-template-columns:1fr 1fr}.ninth .n9-footer-contact{grid-column:1/-1}.ninth .n9-head,.ninth .n9-price-grid,.ninth .n9-faq-grid,.ninth .n9-contact-grid{grid-template-columns:1fr;gap:45px}.ninth .ax-cases h2:after{font-size:130px;top:-30px}.ninth .n9-service-list article{min-height:220px}.ninth .n9-route:after{display:none}.ninth .n9-route i{top:24px}.ninth .n9-route span{font-size:25px}}@media (max-width:768px){.ninth .n9-mobile-contact-cta{z-index:9000;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;letter-spacing:.01em;opacity:0;pointer-events:none;background:#101010;border-radius:999px;justify-content:center;align-items:center;height:48px;padding-inline:20px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .3s,transform .3s,background-color .3s;display:flex;position:fixed;transform:translateY(8px);box-shadow:0 8px 24px #00000029}.ninth .n9-mobile-contact-cta[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.ninth .n9-mobile-contact-cta:hover{background:#04f}body.consent-open .ninth .ax-hero-content{padding-bottom:450px}body.consent-open .ninth .n9-mobile-contact-cta{opacity:0;pointer-events:none}}@media (max-width:560px){.axion.ninth{overflow-x:clip}.ninth .ax-header{padding-inline:12px}.ninth .ax-hero{min-height:780px}.ninth .ax-hero-content{padding:142px 20px 250px;display:block}.ninth .ax-hero-content h1{isolation:isolate;overflow-wrap:anywhere;max-width:100%;font-size:clamp(40px,12.5vw,58px);position:relative}.ninth .ax-hero-content h1:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f5f4efe0 0%,#f5f4efd1 62%,#f5f4ef00 100%);position:absolute;inset:-14px -10px -18px}.ninth .n9-hero-mark{opacity:1;width:100%;height:100%;inset:0}.ninth .n9-hero-mark>img{object-fit:contain;object-position:center;width:215%;max-width:none;height:auto;margin:0;position:absolute;top:29%;left:-80%}.ninth .n9-footer-columns{grid-template-columns:1fr;gap:28px;padding-block:40px 30px}.ninth .n9-footer-contact{grid-column:auto}.ninth .n9-footer-bottom{align-items:flex-start;gap:18px}.ninth .n9-footer-bottom>div{flex-direction:column;align-items:flex-end;gap:8px}.ninth .ax-about h2,.ninth .n9-head h2,.ninth .n9-price-grid>header h2,.ninth .n9-principles h2,.ninth .n9-faq h2,.ninth .n9-contact h2{overflow-wrap:anywhere;font-size:clamp(36px,11vw,52px)}.ninth .ax-cases h2{font-size:54px}.ninth .ax-cases h2:after{font-size:105px}.ninth .n9-project h3{font-size:25px}.ninth .n9-price-grid article{min-height:185px}}@media (prefers-reduced-motion:reduce){.ninth .ax-shader{display:none}}