:root{--ink:#0c0d10;--ink-soft:#17191d;--mist:#eef0f1;--paper:#f7f8f8;--gold:#bd8338;--line-dark:rgba(255,255,255,.16);--line-light:rgba(12,13,16,.13)}body{background:var(--ink);color:var(--paper)}body:has(.hero-concept) .site-header{color:var(--ink)}.site-header{height:86px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em}.wordmark:before{content:"P";display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--ink);color:var(--paper);font:700 12px/1 var(--sans);letter-spacing:-.08em}.nav{gap:29px;font-size:10px}.nav a{padding:9px 0}.language{border-color:rgba(12,13,16,.17);background:rgba(255,255,255,.32);backdrop-filter:blur(10px)}.language-button{padding:8px 11px}.hero-concept{min-height:100svh;padding:126px 4.2vw 36px;background:radial-gradient(circle at 53% 35%,#fff 0,#f4f5f5 35%,#e8eaeb 100%)}.hero-concept:before{content:"";position:absolute;z-index:1;inset:auto 0 0;height:28vh;background:linear-gradient(to bottom,transparent,rgba(12,13,16,.16));pointer-events:none}.hero-concept:after{bottom:-.08em;color:rgba(12,13,16,.055);font-size:clamp(9rem,20vw,21rem)}.hero-concept .eyebrow{letter-spacing:.13em}.hero-concept .hero-content{max-width:440px;margin-top:clamp(72px,11vh,126px)}.hero-concept h1{max-width:460px;font-size:clamp(3rem,4.55vw,5.35rem);line-height:.86}.hero-concept .hero-copy{max-width:270px;margin:23px 0 0;font-size:13px}.hero-portrait{z-index:2;top:58px;bottom:auto;left:50%;width:min(56vw,810px);height:calc(100svh - 58px);transform:translateX(-50%)}.hero-portrait:after{display:none}.hero-portrait img{filter:drop-shadow(0 24px 20px rgba(12,13,16,.15));mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%)}.hero-concept-card{top:18%;right:5.2vw;width:188px;padding:20px;border-radius:28px;background:rgba(255,255,255,.63);box-shadow:0 20px 56px rgba(12,13,16,.11)}.hero-concept-card strong{font-size:23px}.hero-credentials{position:absolute;z-index:5;right:4.2vw;bottom:75px;left:4.2vw;display:flex;justify-content:flex-end;gap:34px;color:rgba(12,13,16,.65)}.hero-credentials span{display:flex;align-items:baseline;gap:7px}.hero-credentials b{color:var(--ink);font-size:18px;letter-spacing:-.06em}.hero-credentials small{font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.hero-concept .hero-footer{z-index:6;right:2vw;bottom:18px;left:2vw;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(12,13,16,.92);color:var(--paper);backdrop-filter:blur(12px)}.hero-concept .hero-footer p{color:rgba(255,255,255,.55)}.hero-concept .scroll-link{border:0;padding:0}.hero-concept-orbit{border-color:rgba(12,13,16,.1)}.hero-concept-orbit-one{width:min(92vw,1240px);height:min(54vw,730px);left:30%;top:8%}.hero-concept-orbit-two{width:min(72vw,970px);height:min(44vw,590px);left:35%;top:17%}.services{position:relative;overflow:hidden;padding-top:132px;background:var(--ink)}.services:before{content:"PANKRATO";position:absolute;right:-.06em;bottom:-.22em;color:rgba(255,255,255,.035);font:800 clamp(8rem,20vw,22rem)/.7 var(--sans);letter-spacing:-.1em}.section-intro{position:relative;z-index:1;display:grid;grid-template-columns:.5fr 1.5fr;gap:5vw;max-width:none}.section-intro h2{max-width:850px;font-size:clamp(3rem,5.5vw,6.4rem);line-height:.84}.service-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:0}.service-link{min-height:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:23px;border:1px solid var(--line-dark);border-radius:28px;background:rgba(255,255,255,.035);transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,color .35s}.service-link:hover{padding:23px;transform:translateY(-7px);background:var(--paper);color:var(--ink)}.service-link h3{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:.9}.service-link p{max-width:220px}.service-link b{align-self:flex-end}.portfolio-section{padding-top:128px;background:#f1f2f2;color:var(--ink);border:0}.portfolio-section .eyebrow,.portfolio-section .section-heading>p:last-child{color:rgba(12,13,16,.58)}.portfolio-section .section-heading{grid-template-columns:.55fr 1.45fr;margin-bottom:55px}.website-grid{gap:24px}.website-card,.website-card-wide{padding:12px;border:1px solid var(--line-light);border-radius:30px;background:#fff;box-shadow:0 16px 35px rgba(12,13,16,.07)}.website-card .browser-preview,.website-card-wide .browser-preview{aspect-ratio:1.45/1;border-radius:20px;box-shadow:none}.website-card-wide .browser-preview{aspect-ratio:1.8/1}.case-copy{padding:19px 9px 9px}.case-copy>p{color:rgba(12,13,16,.63)}.case-copy h3{font-size:clamp(1.7rem,2.8vw,3rem)}.noir-case{padding-top:125px;background:var(--ink)}.noir-case .noir-case-head{padding-bottom:0}.noir-case .noir-shot{border-radius:26px;overflow:hidden}.bots-section{padding-top:125px;background:#16181c}.bot-grid{gap:24px}.bot-card{padding:14px;border:1px solid var(--line-dark);border-radius:30px;background:rgba(255,255,255,.035)}.telegram-window{border-radius:21px}.bot-copy{padding:22px 8px 9px}.app-section{padding-top:125px;background:var(--mist);color:var(--ink)}.app-section .eyebrow,.app-section .app-intro>p:last-child{color:rgba(12,13,16,.62)}.app-case{grid-template-columns:.8fr .7fr 1fr;align-items:end}.app-mark{border-radius:20px;background:var(--ink)}.app-screen{border-color:#101216;border-radius:38px;box-shadow:0 30px 70px rgba(12,13,16,.22)}.app-features{border-color:var(--line-light)}.app-features li{border-color:var(--line-light)}.app-features span{color:rgba(12,13,16,.62)}.contact{position:relative;overflow:hidden;padding-top:130px;background:var(--ink);color:var(--paper)}.contact:before{content:"CONTACT";position:absolute;right:-.03em;top:-.25em;color:rgba(255,255,255,.04);font:800 clamp(8rem,21vw,24rem)/1 var(--sans);letter-spacing:-.11em}.contact .eyebrow{position:relative;color:rgba(255,255,255,.55)}.contact-title{position:relative;font-size:clamp(4rem,8vw,9rem)}.contact-title em{color:var(--gold)}.contact-action{border-radius:999px;border-color:rgba(255,255,255,.28);color:var(--paper)}.contact-action-primary{background:var(--paper);border-color:var(--paper);color:var(--ink)}.contact-action:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.contact-footer{position:relative;border-color:rgba(255,255,255,.2)}@media(max-width:720px){.site-header{height:69px}.wordmark:before{width:20px;height:20px;border-radius:7px;font-size:11px}.hero-concept{min-height:790px;padding:100px 20px 24px}.hero-concept .hero-content{max-width:230px;margin-top:48px}.hero-concept h1{font-size:clamp(2.75rem,11.5vw,4rem)}.hero-concept .hero-copy{font-size:11px;max-width:190px}.hero-portrait{top:66px;left:50%;width:128vw;height:69vh;transform:translateX(-50%)}.hero-concept-card{right:18px;top:auto;bottom:135px;width:125px;padding:14px;border-radius:20px}.hero-concept-card strong{font-size:16px}.hero-credentials{right:20px;bottom:105px;left:20px;gap:10px;justify-content:flex-start}.hero-credentials span{gap:3px}.hero-credentials b{font-size:14px}.hero-credentials small{font-size:7px}.hero-concept .hero-footer{right:12px;bottom:13px;left:12px;padding:0 14px}.hero-concept-orbit-one{width:140vw;height:80vw;left:-3%;top:20%}.hero-concept-orbit-two{width:120vw;height:70vw;left:7%;top:27%}.section{padding:90px 20px}.section-intro{display:block;margin-bottom:43px}.section-intro h2{font-size:clamp(2.8rem,12vw,4.2rem)}.service-list{display:block}.service-link{min-height:180px;margin-bottom:12px;border-radius:22px}.portfolio-section .section-heading{display:block}.website-card,.website-card-wide{margin-bottom:18px;padding:9px;border-radius:21px}.website-card .browser-preview,.website-card-wide .browser-preview{border-radius:14px;aspect-ratio:1.22/1}.case-copy{padding:14px 5px 7px}.noir-case{padding-top:88px}.bot-card{padding:9px;border-radius:21px;margin-bottom:18px}.telegram-window{border-radius:15px}.app-case{align-items:stretch}.contact{padding-top:90px}.contact-title{font-size:clamp(3.7rem,14vw,5.4rem)}}
