:root{--ink:#0d0d10;--paper:#f7f6f2;--pink:#ff4fa3;--lime:#c7ff43;--blue:#7068ff;--orange:#ff7848;--line:rgba(13,13,16,.17);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}::selection{background:var(--pink);color:white}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-dot{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--pink);z-index:200;pointer-events:none;mix-blend-mode:multiply;transform:translate(-50%,-50%);transition:width .2s,height .2s}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.logo,.footer-logo{font-size:25px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;color:var(--ink);position:relative}.logo span,.footer-logo span{color:var(--pink)}.logo i,.footer-logo i{width:6px;height:6px;background:var(--lime);display:inline-block;margin-left:4px}.nav-wrap nav{display:flex;gap:32px}.nav-wrap nav a,.social a{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.nav-wrap nav a:hover{color:var(--pink)}.nav-cta{background:var(--ink);color:#fff;text-decoration:none;padding:13px 18px;font-size:13px}.nav-cta span,.button span,.text-link span{color:var(--pink);margin-left:12px}.menu{display:none;background:none;border:0}.section-pad{padding-left:7vw;padding-right:7vw}.hero{min-height:820px;height:100vh;max-height:980px;padding-top:160px;position:relative;display:grid;grid-template-columns:52% 48%;align-items:center;overflow:hidden}.hero-copy{z-index:2}.eyebrow,.section-no{font:12px var(--mono);letter-spacing:.1em}.status-dot{width:8px;height:8px;background:#58db6b;display:inline-block;margin-right:10px;box-shadow:0 0 0 5px rgba(88,219,107,.14)}h1{font-size:clamp(68px,8vw,130px);line-height:.86;letter-spacing:-.075em;margin:30px 0 34px;font-weight:700}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.lead{font-size:18px;line-height:1.65;max-width:580px;margin:0 0 38px}.hero-actions{display:flex;align-items:center;gap:35px}.button{border:0;font:600 13px var(--sans);padding:17px 22px;text-decoration:none;display:inline-flex;justify-content:space-between;align-items:center;cursor:pointer}.button.dark{background:var(--ink);color:white;min-width:225px}.text-link{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.hero-art{position:relative;height:610px}.orbit{position:absolute;border:1px solid rgba(112,104,255,.35);border-radius:50%;left:3%;top:8%;width:530px;height:530px}.orbit-b{transform:rotate(70deg) scaleX(.48)}.pixel-flower{position:absolute;left:20%;top:20%;width:350px;height:350px;animation:float 6s ease-in-out infinite}.petal{position:absolute;width:150px;height:150px;background:var(--blue);border-radius:52% 48% 18% 82%/60% 65% 35% 40%;filter:saturate(1.2);box-shadow:inset 12px 12px 0 rgba(255,255,255,.13)}.p1{left:100px;top:0}.p2{right:0;top:100px;transform:rotate(90deg);background:var(--pink)}.p3{left:100px;bottom:0;transform:rotate(180deg);background:var(--orange)}.p4{left:0;top:100px;transform:rotate(-90deg);background:var(--lime)}.core{position:absolute;left:118px;top:118px;width:115px;height:115px;background:var(--ink);color:white;display:grid;place-items:center;border-radius:50%;font:24px var(--mono);z-index:2}.float-card{position:absolute;background:#fff;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.card-code{left:0;bottom:85px;width:150px;padding:14px;font:11px var(--mono)}.card-code span{color:var(--pink);display:block;margin-bottom:16px}.card-tag{right:0;top:105px;padding:14px 20px;transform:rotate(5deg);font:11px var(--mono)}.card-tag strong{color:var(--blue);font-size:15px}.spark{position:absolute;font-size:24px;color:var(--pink)}.s1{right:8%;bottom:24%}.s2{left:12%;top:12%;color:var(--blue)}.s3{right:4%;top:45%;color:var(--ink)}.hero-bottom{position:absolute;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.marquee{background:var(--ink);color:#fff;padding:14px 0;overflow:hidden;font:12px var(--mono);white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.marquee span{padding-right:20px}.about{padding-top:130px;padding-bottom:130px}.about-grid{display:grid;grid-template-columns:36% 64%;margin-top:50px}.about-title{display:flex;align-items:flex-start;gap:22px}.mini-pixel{background:var(--lime);width:40px;height:40px;display:grid;place-items:center;font:18px var(--mono);box-shadow:6px 6px 0 var(--ink)}h2{font-size:clamp(43px,5vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0}.about-title h2{font-size:24px;letter-spacing:-.03em}.big-copy{font-size:clamp(29px,3.2vw,53px);line-height:1.2;letter-spacing:-.04em;margin:0 0 45px}.big-copy em{font-family:Georgia,serif;color:var(--blue)}.body-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:38px}.body-columns p{font-size:14px;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:35px;border-right:1px solid var(--line);display:flex;flex-direction:column}.stats div:last-child{border-right:0}.stats strong{font-size:47px;letter-spacing:-.06em}.stats span{font:10px var(--mono);text-transform:uppercase}.work{background:var(--ink);color:white;padding-top:130px;padding-bottom:140px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:70px}.section-head h2{margin-top:16px}.section-head h2 span{color:var(--pink)}.section-head>p{max-width:330px;font-size:14px;line-height:1.7}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.project-visual{height:510px;overflow:hidden;display:grid;place-items:center;transition:transform .4s}.project:hover .project-visual{transform:scale(.985)}.visual-one{background:#b4c4aa}.mock-browser{width:78%;height:78%;background:#f4f0e6;box-shadow:0 22px 50px rgba(0,0,0,.18)}.mock-top{height:25px;border-bottom:1px solid #ccc;padding:8px}.mock-top i{width:6px;height:6px;border-radius:50%;background:#888;display:inline-block}.tea-layout{height:calc(100% - 25px);padding:18px;color:#273229;position:relative}.tea-layout>span{font:10px var(--mono)}.tea-layout h3{font-family:Georgia;font-weight:400;font-size:35px;position:relative;z-index:2}.tea-circle{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d9e798,#69833e);right:12%;bottom:10%}.visual-two{background:var(--blue)}.poster{width:65%;height:78%;background:#ece7dc;color:#1c1c1e;padding:30px;position:relative;font-size:31px;font-weight:700;line-height:.9}.arch{position:absolute;right:20px;bottom:0;width:58%;height:66%;background:var(--orange);border-radius:120px 120px 0 0}.poster small{position:absolute;bottom:25px;left:25px;font:8px var(--mono);z-index:2}.project-wide{grid-column:1/-1}.visual-three{height:570px;background:#ffc3d6;position:relative;display:block;color:#3c1843}.bloom-copy{position:absolute;left:7%;top:12%;z-index:2}.bloom-copy small{font:10px var(--mono)}.bloom-copy b{font-size:100px;letter-spacing:-.1em;display:block}.bloom-copy p{font:italic 35px Georgia}.bottle{position:absolute;right:24%;bottom:0;width:160px;height:390px;background:linear-gradient(90deg,#633465,#a87098,#5c2d5c);border-radius:22px 22px 0 0;display:flex;flex-direction:column;align-items:center;padding-top:80px;color:white;font-size:27px;z-index:2;box-shadow:15px 20px 30px #a6638b}.bottle:before{content:"";position:absolute;top:-65px;width:70px;height:75px;background:#3c173d}.bottle span{font:9px var(--mono);margin-top:20px}.blob{position:absolute;width:410px;height:410px;border-radius:50%;background:var(--lime);right:6%;top:6%}.project-meta{display:flex;justify-content:space-between;padding-top:20px}.project-meta .mono{font-size:9px;color:#aaa}.project-meta h3{font-size:25px;margin:7px 0}.project-meta button{width:48px;height:48px;border:1px solid #777;border-radius:50%;background:none;color:white;font-size:20px}.services{padding-top:130px;padding-bottom:130px}.services-grid{display:grid;grid-template-columns:40% 60%;margin-top:55px}.sticky-title h2{font-size:60px}.sticky-title p{width:270px;font-size:14px;line-height:1.7}.service{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--ink);padding:35px 0}.service>span{font:11px var(--mono);color:var(--pink)}.service h3{font-size:28px;margin:0 0 15px}.service p{font-size:14px;line-height:1.7;max-width:580px}.tags{display:flex;gap:7px;margin-top:20px}.tags i{font:9px var(--mono);font-style:normal;border:1px solid var(--line);padding:6px 8px}.audience{padding-bottom:130px}.audience-card{background:var(--lime);min-height:360px;padding:60px;display:grid;grid-template-columns:100px 1fr .65fr;align-items:center;position:relative;overflow:hidden}.audience-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(0,0,0,.2);border-radius:50%;right:-80px;top:-100px}.pixel-heart{font-size:50px;color:var(--pink);text-shadow:5px 5px 0 var(--ink)}.audience-card h2{font-size:50px;margin-top:15px}.audience-card p{font-size:14px;line-height:1.8}.pricing{padding-top:130px;padding-bottom:140px;background:#e8e6ff}.pricing .section-head>p{align-self:flex-end}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{background:var(--paper);border:1px solid var(--ink);padding:35px;position:relative;transition:transform .3s,box-shadow .3s}.price-card:hover{transform:translateY(-8px);box-shadow:8px 8px 0 var(--ink)}.price-card.featured{background:var(--ink);color:white}.popular{position:absolute;right:15px;top:-17px;background:var(--pink);color:white;padding:9px;font:9px var(--mono)}.price-card h3{font-size:31px;margin:23px 0 12px}.price-card p{font-size:13px;line-height:1.7;min-height:90px}.price-card strong{font-size:28px;display:block;margin:25px 0}.price-card ul{list-style:none;margin:0 0 35px;padding:20px 0;border-top:1px solid currentColor}.price-card li{font-size:12px;padding:7px 0}.price-card li:before{content:"✦";color:var(--pink);margin-right:10px}.price-card a{display:flex;justify-content:space-between;color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:10px;font-size:12px}.contact{padding-top:140px;padding-bottom:140px;background:var(--pink);display:grid;grid-template-columns:45% 50%;gap:5%;color:#110d12}.contact-intro h2{margin:20px 0 30px}.contact-intro h2 em{color:white}.contact-intro p{font-size:14px;line-height:1.8;max-width:420px}.contact-intro>a{color:var(--ink);font-weight:800;font-size:18px}.contact-form label{display:block;border-bottom:1px solid rgba(0,0,0,.45);padding:14px 0 18px}.contact-form label>span{display:block;font:9px var(--mono);margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{border:0;background:transparent;width:100%;font:20px var(--sans);outline:0;color:var(--ink);resize:none}.contact-form select option{color:#111}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(0,0,0,.5)}.contact-form .button{margin-top:25px}.form-note{font:11px var(--mono)}footer{background:var(--ink);color:white;padding:80px 7vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-logo{color:white;font-size:40px}.footer-logo i{background:var(--lime)}footer>p{font-size:14px;line-height:1.7}.social{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.social a{color:white}.copyright{grid-column:1/-1;border-top:1px solid #444;padding-top:22px;margin-top:50px;font-size:8px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px) rotate(3deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.cursor-dot{display:none}.nav-wrap nav,.nav-cta{display:none}.menu{display:block}.menu span{display:block;width:25px;height:2px;background:var(--ink);margin:6px}.nav-wrap.open{position:fixed;background:var(--paper);height:auto;min-height:100vh;align-items:flex-start;padding-top:32px}.nav-wrap.open nav{display:flex;position:absolute;top:120px;left:7vw;flex-direction:column}.nav-wrap.open nav a{font-size:34px}.nav-wrap.open .menu span:first-child{transform:translateY(4px) rotate(45deg)}.nav-wrap.open .menu span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding-top:150px}.hero-art{position:absolute;width:500px;height:500px;right:-240px;top:290px;opacity:.55}.hero-copy{align-self:start}.lead{max-width:520px}.about-grid,.services-grid,.contact{grid-template-columns:1fr}.about-title{margin-bottom:40px}.projects{gap:55px 18px}.project-visual{height:390px}.audience-card{grid-template-columns:80px 1fr}.audience-card p{grid-column:2;margin-top:30px}.price-grid{grid-template-columns:1fr}.price-card p{min-height:0}.contact{gap:70px}.contact-form{max-width:700px}}
@media(max-width:600px){.section-pad{padding-left:6vw;padding-right:6vw}.nav-wrap{height:74px;padding:0 6vw}.hero{padding-top:125px;min-height:810px}.hero h1{font-size:62px}.lead{font-size:15px;max-width:350px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-art{right:-330px;top:280px}.hero-bottom span:last-child{display:none}.about,.work,.services,.pricing{padding-top:90px;padding-bottom:90px}.about-grid{margin-top:35px}.body-columns{grid-template-columns:1fr;gap:5px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.section-head{align-items:flex-start;flex-direction:column;gap:25px}.projects{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-visual,.visual-three{height:420px}.bloom-copy b{font-size:68px}.bottle{right:10%;height:290px;width:125px}.blob{width:280px;height:280px}.sticky-title{margin-bottom:45px}.sticky-title h2{font-size:49px}.service{grid-template-columns:45px 1fr}.audience-card{padding:40px 25px;grid-template-columns:1fr}.pixel-heart{margin-bottom:30px}.audience-card p{grid-column:1}.audience-card h2{font-size:39px}.pricing .section-head h2{font-size:47px}.price-card{padding:28px}.contact{padding-top:90px;padding-bottom:90px}.contact-intro h2{font-size:50px}footer{grid-template-columns:1fr}.social{align-items:flex-start}.copyright{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Nikolweb Pixelman */
.pixel-run{background:var(--ink);color:white;padding:48px 0 62px;overflow:hidden}.pixel-run-head{display:flex;justify-content:space-between;align-items:center}.pixel-run-head p{font:9px var(--mono);letter-spacing:.08em}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);margin-right:8px;box-shadow:0 0 0 4px rgba(199,255,67,.14)}.pixel-stage{height:230px;margin-top:25px;position:relative}.track-line{position:absolute;left:0;right:0;top:107px;border-top:2px dotted #555}.pixelman{position:absolute;z-index:4;top:73px;left:6%;width:69px;height:69px;background:var(--pink);clip-path:polygon(0 0,75% 0,75% 12%,88% 12%,88% 25%,100% 25%,100% 38%,72% 50%,100% 62%,100% 75%,88% 75%,88% 88%,75% 88%,75% 100%,0 100%);transition:left .7s cubic-bezier(.6,0,.3,1);filter:drop-shadow(6px 6px 0 rgba(112,104,255,.8))}.pixel-eye{position:absolute;width:9px;height:9px;right:22px;top:14px;background:white}.pixel-mouth{position:absolute;right:-1px;top:25px;width:25px;height:20px;background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}.pixelman.chomp .pixel-mouth{animation:chomp .24s steps(2) 3}.pixel-step{position:absolute;top:76px;width:105px;text-align:center;transition:opacity .2s,transform .35s;transform-origin:center}.pixel-step[data-step="0"]{left:25%}.pixel-step[data-step="1"]{left:45%}.pixel-step[data-step="2"]{left:65%}.pixel-step[data-step="3"]{left:85%}.pixel-step span{display:block;color:var(--lime);font-size:31px;line-height:35px;text-shadow:3px 3px 0 var(--blue)}.pixel-step b{position:absolute;top:-22px;left:45px;font:8px var(--mono);color:#777}.pixel-step em{display:block;margin-top:45px;font:10px var(--mono);font-style:normal;letter-spacing:.12em;color:#aaa;white-space:nowrap}.pixel-step.eaten{opacity:0;transform:scale(.1) rotate(35deg)}.pixel-step.respawn{animation:respawn .4s cubic-bezier(.2,1.8,.5,1)}.pixel-pop{position:absolute;right:5%;top:17px;background:var(--lime);color:var(--ink);padding:9px 12px;font-size:9px;opacity:0;transform:translateY(8px);transition:.3s}.pixel-pop.show{opacity:1;transform:none}@keyframes chomp{50%{height:3px;top:34px}}@keyframes respawn{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
@media(max-width:600px){.pixel-run-head{align-items:flex-start;gap:15px}.pixel-run-head p{margin:0}.pixel-stage{width:160%;transform:scale(.63);transform-origin:left top;margin-bottom:-65px}}

/* Hero — Nikol Pixel Studio */
.pixel-studio{isolation:isolate}.studio-grid{position:absolute;inset:5% -5% 3% 0;background-image:linear-gradient(rgba(112,104,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(112,104,255,.1) 1px,transparent 1px);background-size:28px 28px;transform:perspective(600px) rotateX(8deg);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent)}.studio-status{position:absolute;right:3%;top:4%;font-size:8px;letter-spacing:.1em;background:white;border:1px solid var(--ink);padding:8px 10px;box-shadow:4px 4px 0 var(--lime)}.studio-status i{display:inline-block;width:6px;height:6px;background:#54db69;margin-right:7px}.build-window{position:absolute;width:72%;height:52%;left:15%;top:15%;background:#fff;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--blue);transform:rotate(-1deg);overflow:hidden}.build-bar{height:29px;background:var(--ink);display:flex;align-items:center;padding:0 9px;gap:5px}.build-bar i{width:6px;height:6px;background:var(--pink)}.build-bar i:nth-child(2){background:var(--lime)}.build-bar i:nth-child(3){background:var(--orange)}.build-bar span{margin-left:8px;color:#aaa;font:7px var(--mono)}.build-site{height:calc(100% - 29px);padding:28px 34px;background:linear-gradient(120deg,#f7f6f2 60%,#e8e6ff 60%);position:relative;color:var(--ink)}.build-site small{font:7px var(--mono)}.built-title{display:block;margin-top:17px;font-size:34px;line-height:.85;letter-spacing:-.06em}.built-title em{font-family:Georgia;color:var(--pink);font-weight:400}.built-button{position:absolute;bottom:28px;left:34px;background:var(--ink);color:#fff;padding:9px 11px;font:7px var(--mono)}.build-progress{position:absolute;right:20px;bottom:20px;width:85px;height:5px;background:#d1d0d6}.build-progress b{display:block;height:100%;width:15%;background:var(--pink);transition:width .55s ease}.code-cloud{position:absolute;right:-1%;top:48%;background:var(--ink);color:var(--lime);border:1px solid var(--lime);padding:9px 12px;font-size:7px;line-height:1.8;box-shadow:5px 5px 0 var(--pink);z-index:5}.code-cloud span{display:block}.nikol-avatar{position:absolute;left:5%;bottom:3%;width:98px;height:205px;z-index:8;filter:drop-shadow(5px 6px 0 rgba(13,13,16,.2));animation:nikolBreathe 2.5s steps(2) infinite}.nikol-head{position:absolute;width:54px;height:52px;left:24px;top:35px;background:#f3b995;border:3px solid var(--ink);z-index:3}.hair-back{position:absolute;width:68px;height:103px;left:16px;top:24px;background:#653b2d;border:3px solid var(--ink);clip-path:polygon(8% 0,88% 0,100% 20%,90% 100%,8% 100%,0 20%)}.hair-side{position:absolute;width:17px;height:80px;left:17px;top:39px;background:#7d4935;border:3px solid var(--ink);z-index:5}.glasses{position:absolute;width:20px;height:16px;top:16px;border:3px solid var(--ink);background:rgba(232,230,255,.75)}.g-left{left:3px}.g-right{right:3px}.g-left:after{content:"";position:absolute;width:6px;border-top:3px solid var(--ink);left:17px;top:4px}.nikol-head b{position:absolute;width:9px;border-top:2px solid #9a454b;bottom:7px;left:21px}.nikol-dress{position:absolute;left:20px;top:84px;width:63px;height:84px;background:var(--pink);border:3px solid var(--ink);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);z-index:4;display:grid;place-items:center}.nikol-dress span{font:10px var(--mono);color:white}.nikol-arm{position:absolute;z-index:5;left:74px;top:96px;width:42px;height:12px;background:#f3b995;border:3px solid var(--ink);transform-origin:left;animation:nikolWave 1.8s steps(3) infinite}.nikol-legs{position:absolute;top:165px;left:34px;display:flex;gap:17px}.nikol-legs i{display:block;width:11px;height:31px;background:var(--ink)}.nikol-bubble{position:absolute;width:108px;left:-7px;top:-19px;transform:translate(-55%,-35%);font-size:7px;line-height:1.5;background:var(--lime);color:var(--ink);padding:8px;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);opacity:0;transition:.25s}.nikol-avatar:hover .nikol-bubble{opacity:1;transform:translate(-55%,-45%)}.crew{position:absolute;width:49px;height:49px;border:3px solid var(--ink);z-index:7;filter:drop-shadow(4px 4px 0 var(--ink));animation:crewBob 1.1s steps(2) infinite;cursor:pointer}.crew:before,.crew:after{content:"";position:absolute;bottom:-13px;width:12px;height:13px;background:inherit;border:3px solid var(--ink);border-top:0}.crew:before{left:3px}.crew:after{right:3px}.crew i,.crew b{position:absolute;top:13px;width:7px;height:7px;background:var(--ink)}.crew i{left:8px}.crew b{right:8px}.crew span{position:absolute;top:-24px;left:13px;color:white;font:10px var(--mono);background:var(--ink);padding:3px}.crew em{position:absolute;top:60px;left:50%;transform:translateX(-50%);font:7px var(--mono);font-style:normal}.crew-idea{left:25%;bottom:8%;background:var(--lime)}.crew-code{left:47%;bottom:2%;background:var(--blue);animation-delay:.25s}.crew-design{left:68%;bottom:9%;background:var(--pink);animation-delay:.5s}.crew-motion{right:1%;bottom:1%;background:var(--orange);animation-delay:.75s}.crew.working{animation:crewWork .55s steps(3) 2}.studio-message{position:absolute;left:42%;bottom:25%;font-size:8px;color:var(--pink);letter-spacing:.08em;background:white;border:1px solid var(--ink);padding:7px 9px;z-index:9;transition:.25s}.studio-spark{position:absolute;font-size:19px}.sp-a{left:4%;top:19%;color:var(--pink)}.sp-b{right:5%;top:17%;color:var(--blue)}@keyframes nikolBreathe{50%{transform:translateY(-3px)}}@keyframes nikolWave{50%{transform:rotate(-28deg)}}@keyframes crewBob{50%{transform:translateY(-4px)}}@keyframes crewWork{50%{transform:translateY(-15px) rotate(8deg)}}
@media(max-width:900px){.pixel-studio{right:-120px;width:560px;opacity:.78}.build-window{left:11%}.studio-message{left:36%}}
@media(max-width:600px){.pixel-studio{right:-335px;top:300px;opacity:.42;transform:scale(.85);transform-origin:center}.nikol-avatar{left:1%}.code-cloud,.studio-message{display:none}}

/* Bigger studio and visible code-building choreography */
@media(min-width:901px){.hero{grid-template-columns:46% 54%}.hero-art{height:680px}.pixel-studio{margin-left:-2vw}.build-window{width:76%;height:58%;left:17%;top:8%}.nikol-avatar{transform:scale(1.22);transform-origin:left bottom;left:1%;bottom:1%}}
.build-site>*{transition:opacity .45s,transform .45s}.built-title,.built-button,.built-orb,.built-stars{opacity:.18;transform:translateY(7px)}.build-site.stage-1 .built-title{opacity:1;transform:none}.build-site.stage-2 .built-title,.build-site.stage-2 .built-orb{opacity:1;transform:none}.build-site.stage-3 .built-title,.build-site.stage-3 .built-orb,.build-site.stage-3 .built-button{opacity:1;transform:none}.build-site.stage-4 .built-title,.build-site.stage-4 .built-orb,.build-site.stage-4 .built-button,.build-site.stage-4 .built-stars{opacity:1;transform:none}.built-orb{position:absolute;width:94px;height:94px;right:34px;top:58px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--blue));box-shadow:7px 7px 0 var(--pink)}.built-stars{position:absolute;right:26px;bottom:28px;color:var(--blue);font-size:15px;letter-spacing:8px}.nikol-arm{transition:transform .3s;transform:rotate(-6deg)}.nikol-arm.delivering{animation:deliverArm 1.05s steps(5)}.nikol-hand{position:absolute;right:-10px;top:-5px;width:13px;height:16px;background:#f3b995;border:3px solid var(--ink)}.code-piece{position:absolute;z-index:20;left:16%;bottom:25%;padding:7px 9px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:7px;opacity:0;pointer-events:none}.piece-html{background:var(--lime)}.piece-css{background:var(--pink);color:white}.piece-js{background:var(--blue);color:white}.code-piece.flying{animation:placeCode 1.15s cubic-bezier(.42,0,.2,1) forwards}.build-window.receive{animation:screenReceive .35s steps(2)}@keyframes deliverArm{0%,100%{transform:rotate(-6deg)}45%,75%{transform:rotate(-58deg) scaleX(1.2)}}@keyframes placeCode{0%{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1)}55%{opacity:1;transform:translate(105px,-115px) rotate(3deg) scale(1.08)}85%{opacity:1;transform:translate(185px,-180px) rotate(0) scale(.75)}100%{opacity:0;transform:translate(200px,-190px) scale(.25)}}@keyframes screenReceive{50%{box-shadow:12px 12px 0 var(--lime);transform:rotate(-1deg) scale(1.015)}}
@media(max-width:900px){.code-piece{left:12%}.built-orb{width:78px;height:78px}.nikol-avatar{transform:scale(1.08);transform-origin:left bottom}@keyframes placeCode{0%{opacity:1;transform:none}75%{opacity:1;transform:translate(140px,-150px) scale(.8)}100%{opacity:0;transform:translate(160px,-165px) scale(.2)}}}

/* Hero studio v2 — recursive Nikolweb build */
@media(min-width:901px){.build-window{width:84%;height:64%;left:12%;top:3%}.nikol-avatar{left:-1%;bottom:0;transform:scale(1.32)}.code-cloud{right:-2%;top:46%}}
.build-site{padding:0;background:#f7f6f2}.mini-nav{height:26px;padding:0 13px;border-bottom:1px solid #d6d4cf;display:flex;align-items:center;gap:9px}.mini-nav b{font-size:10px;margin-right:auto;letter-spacing:-.8px}.mini-nav b span{color:var(--pink)}.mini-nav i{width:20px;border-top:2px solid var(--ink);opacity:.55}.mini-hero{height:calc(100% - 26px);display:grid;grid-template-columns:53% 47%;position:relative;overflow:hidden}.mini-copy{padding:24px 8px 15px 22px;z-index:2}.mini-copy small{font-size:6px}.mini-copy .built-title{font-size:29px;margin-top:18px}.mini-copy .built-button{position:relative;display:inline-block;left:auto;bottom:auto;margin-top:23px}.built-orb{right:16px;top:35px;width:125px;height:125px;border-radius:3px;background:var(--blue);box-shadow:8px 8px 0 var(--pink);transform:rotate(3deg)!important;overflow:hidden;border:2px solid var(--ink)}.screen-in-screen{position:absolute;inset:17px;background:var(--paper);border:2px solid var(--ink);padding:10px;color:var(--ink);transform:rotate(-3deg)}.screen-in-screen span{font:6px var(--mono);color:var(--pink)}.screen-in-screen b{font-size:14px;line-height:.9;display:block;margin-top:12px}.screen-in-screen i{position:absolute;width:30px;height:30px;background:var(--lime);right:7px;bottom:7px;box-shadow:3px 3px 0 var(--ink)}.hair-back{width:76px;height:126px;left:12px;top:18px;background:linear-gradient(90deg,#593123,#8a5037 48%,#4d2b21);clip-path:polygon(18% 0,82% 0,100% 15%,95% 92%,78% 100%,68% 42%,58% 100%,38% 100%,28% 42%,18% 100%,4% 91%,0 15%)}.hair-side{width:19px;height:95px;left:13px;top:35px;background:#75422f}.nikol-head{top:29px}.nikol-dress{top:79px}.nikol-arm{left:auto;top:94px;width:43px;height:12px;transform-origin:8px center}.arm-right{left:75px;animation:none}.arm-left{left:2px;transform:rotate(145deg);z-index:3}.arm-right.delivering{animation:deliverArm 1.05s steps(5)}.arm-left.delivering{animation:none}.nikol-hand{border-radius:2px}.code-piece{left:17%;bottom:27%}.crew-idea{animation:ideaRun 3.8s steps(8) infinite}.crew-code{animation:codeClimb 2.8s steps(6) infinite}.crew-design{animation:designHop 1.25s steps(3) infinite}.crew-motion{animation:motionDash 3.2s steps(7) infinite}.crew.working{animation:crewWork .55s steps(3) 2!important}@keyframes ideaRun{0%,100%{transform:translateX(-20px)}50%{transform:translateX(35px) translateY(-5px)}}@keyframes codeClimb{0%,100%{transform:translateY(5px)}45%{transform:translateY(-48px)}55%{transform:translateY(-48px) rotate(8deg)}}@keyframes designHop{50%{transform:translateY(-17px) rotate(-6deg)}}@keyframes motionDash{0%,100%{transform:translateX(14px)}50%{transform:translateX(-42px) skewX(-8deg)}}
@media(max-width:600px){.mini-copy .built-title{font-size:23px}.mini-copy{padding-left:15px}.built-orb{width:94px;height:94px;right:8px}.screen-in-screen{inset:11px}.crew{animation-duration:2s!important}}

/* Mirror build: original hero -> screen -> screen -> screen */
.hero-bottom{bottom:52px}.mini-nav b u{display:inline-block;width:4px;height:4px;background:var(--lime);margin-left:3px}.mini-copy small u{display:inline-block;width:4px;height:4px;background:#54db69;margin-right:4px}.code-structure{position:absolute;left:22px;bottom:14px;font-size:5px;line-height:1.5;color:var(--blue);opacity:0;transform:translateY(6px);transition:.4s}.built-button{bottom:13px!important;left:auto!important;margin-top:12px!important}.built-orb,.code-structure{opacity:0}.build-site.stage-1 .built-title{opacity:1}.build-site.stage-2 .built-title,.build-site.stage-2 .code-structure{opacity:1;transform:none}.build-site.stage-3 .built-title,.build-site.stage-3 .code-structure,.build-site.stage-3 .built-orb{opacity:1}.build-site.stage-4 .built-title,.build-site.stage-4 .code-structure,.build-site.stage-4 .built-orb,.build-site.stage-4 .built-button,.build-site.stage-4 .built-stars{opacity:1}.mirror-one{overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important;width:44%!important;height:78%!important;right:5px!important;top:28px!important}.mirror-nikol{position:absolute;left:-17px;bottom:0;width:24px;height:47px;background:var(--pink);border:2px solid var(--ink);z-index:4}.mirror-nikol:before{content:"";position:absolute;left:2px;top:-18px;width:18px;height:19px;background:#f3b995;border:2px solid var(--ink)}.mirror-nikol:after{content:"";position:absolute;left:-2px;top:-22px;width:27px;height:33px;border:5px solid #63382a;border-bottom-width:13px}.mirror-nikol i{position:absolute;width:18px;border-top:3px solid var(--ink);right:-13px;top:7px;transform:rotate(-25deg)}.mirror-nikol b,.mirror-nikol span{position:absolute;bottom:-9px;width:5px;height:10px;background:var(--ink)}.mirror-nikol b{left:4px}.mirror-nikol span{right:4px}.mirror-two{left:13px!important;right:auto!important;top:3px!important;bottom:auto!important;width:116px;height:112px;padding:8px!important;transform:rotate(1deg)!important;background:var(--paper)!important;box-shadow:5px 5px 0 var(--pink)}.mirror-bar{height:14px;border-bottom:1px solid #bbb;font:bold 7px var(--sans);margin-bottom:7px}.mirror-bar span{color:var(--pink);font:inherit}.mirror-bar u{display:inline-block;width:3px;height:3px;background:var(--lime)}.mirror-two>small{font:4px var(--mono)!important}.mirror-two>b{font-size:12px!important;line-height:.88!important;margin-top:7px!important;position:relative;z-index:2}.mirror-two>b em{color:var(--pink);font-family:Georgia}.tiny-nikol{position:absolute;left:5px;bottom:5px;width:10px;height:19px;background:var(--blue);border:1px solid var(--ink)}.tiny-nikol:before{content:"";position:absolute;width:8px;height:8px;top:-9px;background:#f3b995;border:1px solid var(--ink)}.tiny-nikol i{position:absolute;right:-8px;top:3px;width:8px;border-top:2px solid var(--ink)}.mirror-three{position:absolute;right:5px;bottom:5px;width:55px;height:43px;background:white;border:1px solid var(--ink);padding:4px;box-shadow:2px 2px 0 var(--blue)}.mirror-three>span{font:bold 4px var(--sans)}.mirror-three>span i{font-style:normal;color:var(--pink)}.mirror-three>b{font-size:6px!important;line-height:.9!important;margin-top:5px!important}.mirror-three u{position:absolute;right:3px;bottom:3px;width:10px;height:10px;background:var(--lime)}.crew-idea{bottom:20%;z-index:12}.crew-code{bottom:15%;z-index:12}.crew-design{bottom:21%;z-index:12}.crew-motion{bottom:14%;z-index:12}.crew:after,.crew:before{z-index:-1}.studio-message{bottom:34%}.built-stars{font:9px var(--mono)!important;letter-spacing:1px!important}
@media(max-width:600px){.hero-bottom{bottom:38px}.crew-idea,.crew-design{bottom:18%}.crew-code,.crew-motion{bottom:12%}.mirror-two{width:105px;height:104px}.code-structure{display:none}}
.price-card li:before{content:"{ }";font-family:var(--mono);font-size:8px}.pixel-step span{font-family:var(--mono);font-size:18px}
.hero-bottom span:last-child{color:var(--orange);font-weight:500}
.studio-status{top:-2%;right:3%;z-index:30}

/* Website X-Ray — stable screen, live code and progressive preview */
.build-site{display:grid;grid-template-columns:46% 54%;padding:0!important;background:#f5f4ef!important}.xray-code,.xray-preview{position:relative;min-width:0;overflow:hidden}.xray-code{background:#121217;color:#d8d7e5;border-right:2px solid var(--ink);padding:38px 15px 14px}.pane-label{position:absolute;top:0;left:0;right:0;height:25px;padding:8px 10px;background:#e1dfda;color:#555;font:6px var(--mono);letter-spacing:.1em;border-bottom:1px solid #bbb}.xray-code .pane-label{background:#24242c;color:var(--lime);border-color:#393942}.xray-code pre{margin:0;white-space:pre-wrap;font:6.5px/1.65 var(--mono);color:#f0eff8}.xray-code pre .tag{color:var(--pink)}.code-caret{display:inline-block;width:5px;height:9px;background:var(--lime);animation:caretBlink .8s steps(1) infinite}.xray-preview{padding-top:25px;background:#f7f6f2}.wireframe,.final-site{position:absolute;inset:25px 0 0}.wireframe{padding:14px;opacity:0;transition:opacity .5s}.wireframe i{position:absolute;display:block;background:#d4d2cc;border:1px solid #aaa}.wf-logo{left:13px;top:11px;width:35px;height:7px}.wf-nav{right:13px;top:11px;width:61px;height:6px}.wf-title{left:17px;top:50px;width:112px;height:31px}.wf-line{left:17px;height:5px}.wf-line.a{top:91px;width:94px}.wf-line.b{top:101px;width:76px}.wf-button{left:17px;top:119px;width:52px;height:17px}.wf-image{right:15px;top:43px;width:83px;height:93px;background:repeating-linear-gradient(45deg,#ddd,#ddd 4px,#cac8c2 4px,#cac8c2 8px)!important}.final-site{background:var(--paper);opacity:0;transition:opacity .7s}.final-site nav{height:28px;border-bottom:1px solid #d6d4cf;display:flex;align-items:center;padding:0 10px;justify-content:space-between}.final-site nav b{font-size:9px}.final-site nav b span{color:var(--pink)}.final-site nav b i{display:inline-block;width:3px;height:3px;background:var(--lime)}.final-site nav small{font:4px var(--mono)}.final-site>div{padding:24px 14px;position:relative}.final-site>div>small{font:4.5px var(--mono)}.final-site>div>small u{display:inline-block;width:4px;height:4px;background:#54db69}.final-site strong{display:block;font-size:22px;line-height:.86;letter-spacing:-.06em;margin-top:12px;position:relative;z-index:2}.final-site strong em{font-family:Georgia;color:var(--pink);font-weight:400}.final-site button{border:0;background:var(--ink);color:white;font:5px var(--mono);padding:7px;margin-top:15px}.final-shape{position:absolute;right:16px;top:39px;width:77px;height:77px;background:var(--blue);color:var(--lime);display:grid;place-items:center;font:16px var(--mono);box-shadow:6px 6px 0 var(--pink);transform:rotate(3deg)}.xray-scan{position:absolute;top:25px;bottom:0;left:-4px;width:3px;background:var(--lime);box-shadow:0 0 12px var(--lime);opacity:0}.build-site.stage-1 .wireframe{opacity:1}.build-site.stage-2 .wireframe{opacity:1}.build-site.stage-3 .wireframe{opacity:.18}.build-site.stage-3 .final-site,.build-site.stage-4 .final-site{opacity:1}.build-site.stage-4 .xray-scan{opacity:1;animation:xrayScan 1.1s ease-in-out forwards}.build-progress{z-index:20}.build-window.receive{animation:none!important}.build-window{transform:rotate(-1deg)!important}.glasses u{position:absolute;width:6px;height:7px;top:2px;left:4px;background:white;border:1px solid var(--ink)}.glasses u:after{content:"";position:absolute;width:3px;height:3px;background:var(--ink);left:2px;top:2px;animation:eyeLook 3s steps(3) infinite}.arm-left{z-index:7!important;left:3px!important;top:96px!important;transform:rotate(142deg)!important}.hair-side{z-index:5}.nikol-avatar{animation:nikolWork 2.2s steps(4) infinite}.nikol-arm.arm-right{z-index:7}.crew{will-change:transform}.crew-idea{animation:ideaRun 2.6s steps(8) infinite}.crew-code{animation:codeClimb 2.1s steps(6) infinite}.crew-design{animation:designHop .95s steps(3) infinite}.crew-motion{animation:motionDash 2.3s steps(7) infinite}@keyframes caretBlink{50%{opacity:0}}@keyframes xrayScan{0%{left:0}100%{left:100%}}@keyframes eyeLook{0%,100%{transform:translateX(0)}45%{transform:translateX(2px)}70%{transform:translateY(1px)}}@keyframes nikolWork{0%,100%{transform:scale(1.32) translateY(0)}50%{transform:scale(1.32) translateY(-4px)}}
@media(max-width:900px){.xray-code pre{font-size:6px}.final-site strong{font-size:18px}.final-shape{width:61px;height:61px}.nikol-avatar{animation:none}}
.nikol-name{position:absolute;left:50%;top:198px;transform:translateX(-50%);font:7px var(--mono);font-style:normal;color:var(--ink);white-space:nowrap;z-index:10}
.hero-actions{align-items:center}.hero-big-cta{width:min(390px,100%);min-height:82px;background:var(--ink);color:white;text-decoration:none;padding:16px 16px 16px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--pink);transition:transform .25s,box-shadow .25s}.hero-big-cta span{display:flex;flex-direction:column;gap:5px}.hero-big-cta small{font:7px var(--mono);letter-spacing:.12em;color:var(--lime)}.hero-big-cta strong{font-size:17px;letter-spacing:-.03em}.hero-big-cta i{width:48px;height:48px;background:var(--pink);color:var(--ink);display:grid;place-items:center;font:24px var(--mono);font-style:normal;transition:background .25s,transform .25s}.hero-big-cta:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--blue)}.hero-big-cta:hover i{background:var(--lime);transform:rotate(-12deg)}
@media(max-width:600px){.hero-big-cta{width:330px;max-width:88vw}.hero-big-cta strong{font-size:15px}.hero-big-cta i{width:42px;height:42px}.hero-actions{gap:22px}}
.hero-big-cta small{font-size:14px;font-weight:700;letter-spacing:.04em;color:white}.hero-big-cta i{background:var(--lime)}.hero-big-cta:hover i{background:var(--pink)}

/* Framed contact finale */
.contact{position:relative;isolation:isolate;overflow:hidden}.contact:before{content:"";position:absolute;z-index:-1;width:55%;height:68%;right:2.5%;top:12%;border:7px solid var(--lime);transform:rotate(-7deg);pointer-events:none}.contact-form{position:relative;border:8px solid white;padding:26px 30px 28px;background:rgba(255,79,163,.2);box-shadow:0 18px 45px rgba(13,13,16,.08)}.contact-form:before{content:"";position:absolute;width:10px;height:10px;background:#ee277e;border-radius:50%;top:15px;left:50%;transform:translateX(-50%)}.contact-form label:first-of-type{padding-top:24px}.contact-form .button{box-shadow:6px 6px 0 rgba(13,13,16,.18)}
@media(max-width:900px){.contact:before{width:82%;height:48%;right:-3%;top:49%;transform:rotate(-4deg)}.contact-form{padding:22px 24px 26px}}
@media(max-width:600px){.contact:before{width:94%;height:47%;right:-5%;top:51%;border-width:4px}.contact-form{border-width:5px;padding:18px 17px 22px}.contact-form:before{width:7px;height:7px;top:10px}}
.contact-form:before{display:none!important}

/* Ambient Pixel Crew */
.about,.work,.services,.pricing,.contact{position:relative;overflow:hidden}.about>*,.work>*,.services>*,.pricing>*,.contact>*{position:relative;z-index:2}.ambient-pixel{--pc:var(--pink);position:absolute!important;width:42px;height:42px;background:var(--pc);border:3px solid var(--ink);z-index:1!important;filter:drop-shadow(5px 5px 0 var(--ink));pointer-events:none;animation:ambientBob 3.2s steps(3) infinite}.ambient-pixel:before,.ambient-pixel:after{content:"";position:absolute;bottom:-13px;width:11px;height:13px;background:var(--pc);border:3px solid var(--ink);border-top:0}.ambient-pixel:before{left:3px}.ambient-pixel:after{right:3px}.ambient-pixel i,.ambient-pixel b{position:absolute;top:12px;width:6px;height:7px;background:var(--ink)}.ambient-pixel i{left:7px}.ambient-pixel b{right:7px}.ambient-pixel em{position:absolute;left:50%;top:-21px;transform:translateX(-50%);background:var(--ink);color:white;padding:2px 4px;font:7px var(--mono);font-style:normal;white-space:nowrap}.ambient-pixel.small{transform:scale(.72)}.ambient-pixel.tiny{transform:scale(.5)}.ambient-pixel.medium{transform:scale(1)}.ambient-pixel.white{--pc:#fff}.ambient-pixel.orange{--pc:var(--orange)}.ambient-pixel.blue{--pc:var(--blue)}.ambient-pixel.green{--pc:var(--lime)}.ambient-pixel.pink{--pc:var(--pink)}.ambient-pixel.yellow{--pc:#edff1f}.ap-about{right:2.5%;top:25%}.ap-work{right:1.8%;top:13%;animation-name:ambientPeek}.ap-work-two{left:1.5%;top:66%;animation-delay:.8s}.ap-services{left:2%;top:20%;animation-delay:.4s}.ap-services-two{right:2%;bottom:15%;animation-name:ambientSide}.ap-pricing{right:2%;top:8%;animation-delay:1s}.ap-contact{left:2%;bottom:10%;animation-name:ambientPeek}.ap-contact-two{right:1%;top:12%;animation-delay:.6s}@keyframes ambientBob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes ambientPeek{0%,100%{translate:15px 0}50%{translate:0 -5px}}@keyframes ambientSide{0%,100%{translate:12px 0}50%{translate:-10px 0}}
@media(max-width:900px){.ambient-pixel{opacity:.72}.ap-about,.ap-services{left:auto;right:1%}.ap-work-two,.ap-contact{display:none}}
@media(max-width:600px){.ambient-pixel{opacity:.55}.ap-about{top:8%}.ap-services{top:5%}.ap-services-two{bottom:4%}.ap-pricing{top:3%}.ap-contact-two{top:3%}}

/* Section-specific Pixel Crew scenes */
.ap-contact-two{right:calc(1% + 40px);top:16%;transform:scale(1)!important;z-index:3!important}.ap-contact{left:3%;bottom:12%;transform:scale(2.15)!important;z-index:1!important}.ap-services,.ap-services-two{z-index:3!important;transform:scale(3)!important;top:55%;bottom:auto}.ap-services{left:13%}.ap-services-two{left:25%;right:auto;top:59%}.ap-services em,.ap-services-two em{top:-24px;background:white;color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:4px 6px;font-size:5px}.ap-services em:after,.ap-services-two em:after{content:"";position:absolute;bottom:-5px;left:9px;width:7px;height:7px;background:white;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(45deg)}.ap-work{right:48%;top:37%;transform:scale(1.2)!important;z-index:3!important;animation:portfolioPeek 3.2s steps(4) infinite}.ap-work em{display:none}@keyframes portfolioPeek{0%,100%{translate:24px 7px;rotate:4deg}50%{translate:10px -5px;rotate:-3deg}}
.banner-pixel{position:absolute;right:-4px;top:-69px;width:47px;height:47px;background:#edff1f;border:3px solid var(--ink);z-index:4;filter:drop-shadow(4px 4px 0 var(--ink));animation:pricingBob 3.1s ease-in-out infinite}.banner-pixel:before,.banner-pixel:after{content:"";position:absolute;bottom:-12px;width:11px;height:13px;background:#edff1f;border:3px solid var(--ink);border-top:0}.banner-pixel:before{left:3px}.banner-pixel:after{right:3px}.banner-pixel i,.banner-pixel b{position:absolute;top:12px;width:7px;height:7px;background:var(--ink)}.banner-pixel i{left:7px}.banner-pixel b{right:7px}.banner-pixel span{position:absolute;left:-26px;top:40px;width:34px;border-top:5px solid #edff1f;transform:rotate(30deg);filter:drop-shadow(0 2px 0 var(--ink))}.price-card.featured .popular{animation:pricingBob 3.1s ease-in-out infinite}.price-card.featured{overflow:visible}@keyframes pricingBob{0%,100%{translate:0 0}50%{translate:0 -7px}}
.about-avatar-scene{position:absolute!important;left:8%;top:245px;width:285px;height:235px;z-index:3!important}.about-nikol{position:absolute;left:10px;bottom:21px;width:85px;height:190px;filter:drop-shadow(5px 5px 0 rgba(13,13,16,.18));animation:aboutNikol 3s steps(3) infinite}.an-hair{position:absolute;left:13px;top:5px;width:62px;height:108px;background:#6b3c2c;border:3px solid var(--ink);clip-path:polygon(15% 0,85% 0,100% 18%,90% 100%,67% 47%,55% 100%,35% 100%,25% 47%,8% 100%,0 18%)}.an-face{position:absolute;left:21px;top:21px;width:47px;height:45px;background:#f3b995;border:3px solid var(--ink);z-index:2}.an-face i,.an-face b{position:absolute;top:13px;width:14px;height:11px;border:2px solid var(--ink);background:white}.an-face i{left:3px}.an-face b{right:3px}.an-dress{position:absolute;left:18px;top:63px;width:54px;height:81px;background:var(--pink);border:3px solid var(--ink);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);z-index:2}.an-arm{position:absolute;left:61px;top:75px;width:56px;height:12px;background:#f3b995;border:3px solid var(--ink);z-index:4;transform:rotate(-12deg)}.an-legs{position:absolute;left:28px;top:140px;display:flex;gap:15px}.an-legs i,.an-legs b{display:block;width:10px;height:31px;background:var(--ink)}.photo-card{position:absolute;left:99px;top:23px;width:128px;height:155px;background:linear-gradient(135deg,#e8e6ff,#fff);border:6px solid white;outline:2px solid var(--ink);box-shadow:8px 8px 0 var(--lime);transform:rotate(3deg);display:grid;place-items:center;text-align:center}.photo-card span{font:18px/1.05 var(--mono);color:var(--blue)}.photo-card small{position:absolute;left:5px;bottom:5px;font:6px var(--mono);color:var(--ink)}.about-pet{left:77px;bottom:20px;z-index:6!important}.about-pet em{display:none}@keyframes aboutNikol{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(max-width:900px){.about-avatar-scene{position:relative!important;left:auto;top:auto;margin:25px 0 10px;height:225px}.ap-services,.ap-services-two{transform:scale(2)!important;top:auto;bottom:4%}.ap-services{left:10%}.ap-services-two{left:27%}.ap-work{right:2%;top:24%}.ap-contact{transform:scale(1.5)!important}}
@media(max-width:600px){.ap-services,.ap-services-two{transform:scale(1.45)!important}.ap-services{left:15%}.ap-services-two{left:39%}.ap-contact{transform:scale(1.15)!important;left:5%;bottom:4%}.ap-contact-two{right:48px;top:7%;transform:scale(.8)!important}.banner-pixel{transform:scale(.85);transform-origin:bottom right}.about-avatar-scene{transform:scale(.88);transform-origin:left top;margin-bottom:-5px}}

/* Precision sizing and corrected character staging */
.about-avatar-scene{width:385px;height:300px;top:220px}.about-nikol{transform:scale(1.35);transform-origin:left bottom;bottom:25px}.photo-card{left:132px;top:18px;width:175px;height:210px}.photo-card span{font-size:23px}.about-pet{left:102px;bottom:24px}.ap-services{transform:scale(2)!important;left:14%;top:57%}.ap-services-two{transform:scale(1)!important;left:24%;top:61%}.ap-services em{font-size:8px;top:-31px;transform:translateX(-50%) scale(.5);transform-origin:center bottom;padding:7px 9px}.ap-services-two em{font-size:7px;top:-27px;padding:5px 7px}.ap-services em,.ap-services-two em{-webkit-font-smoothing:none;text-rendering:geometricPrecision}.ap-contact{width:90px;height:90px;transform:none!important;left:2%;bottom:9%}.ap-contact:before,.ap-contact:after{bottom:-22px;width:21px;height:23px}.ap-contact:before{left:8px}.ap-contact:after{right:8px}.ap-contact i,.ap-contact b{top:27px;width:13px;height:14px}.ap-contact i{left:17px}.ap-contact b{right:17px}.ap-contact em{top:-31px;font-size:21px;padding:0;background:transparent;color:white;text-shadow:3px 3px 0 var(--ink);-webkit-font-smoothing:none;text-rendering:geometricPrecision}.banner-pixel{right:7px;top:-47px;width:47px;height:47px}.banner-pixel span{left:-6px;top:-32px;width:54px;height:37px;border:0;border-left:7px solid #edff1f;border-right:7px solid #edff1f;transform:none;filter:drop-shadow(2px 1px 0 var(--ink))}.price-card.featured .popular{right:-26px;top:-108px;z-index:6}.banner-pixel,.price-card.featured .popular{animation:pricingBob 3.4s ease-in-out infinite}
@media(max-width:900px){.about-avatar-scene{width:385px;height:290px}.ap-services{transform:scale(1.6)!important;left:11%}.ap-services-two{transform:scale(.85)!important;left:25%}.ap-contact{width:72px;height:72px}.ap-contact em{font-size:17px}}
@media(max-width:600px){.about-avatar-scene{transform:scale(.78);margin-bottom:-45px}.ap-services{transform:scale(1.25)!important;left:14%}.ap-services-two{transform:scale(.7)!important;left:38%}.banner-pixel{transform:scale(.82)}.price-card.featured .popular{right:-12px}.ap-contact{width:60px;height:60px}.ap-contact i,.ap-contact b{top:17px}.ap-contact em{font-size:15px}}

/* Final character scale and clarity adjustments */
.about-avatar-scene{top:270px;width:510px;height:355px}.about-nikol{transform:scale(1.7);transform-origin:left bottom;bottom:23px}.photo-card{left:160px;top:5px;width:275px;height:270px}.photo-card span{font-size:29px}.about-pet{left:116px;bottom:7px;z-index:8!important}.an-face i:after,.an-face b:after{content:"";position:absolute;width:5px;height:5px;background:var(--ink);top:2px}.an-face i:after{left:4px}.an-face b:after{right:4px}.ap-contact em{top:-39px;background:var(--ink);color:white;padding:5px 9px;text-shadow:none;border:2px solid white;box-shadow:4px 4px 0 var(--pink);font-size:20px;line-height:1}.banner-pixel{right:31px;top:-68px;transform:scale(2);transform-origin:center bottom}.banner-pixel span{top:-28px}.price-card.featured .popular{right:-72px;top:-150px;font-size:14px;padding:13px 18px;white-space:nowrap;letter-spacing:.04em}.price-card.featured{margin-top:45px}
@media(max-width:900px){.about-avatar-scene{top:auto;width:500px;height:345px}.photo-card{width:250px;height:250px}.banner-pixel{transform:scale(1.5);right:24px}.price-card.featured .popular{right:-30px;top:-130px;font-size:12px}.price-card.featured{margin-top:55px}}
@media(max-width:600px){.about-avatar-scene{transform:scale(.66);height:345px;margin-bottom:-80px}.banner-pixel{transform:scale(1.15);right:19px;top:-55px}.price-card.featured .popular{right:-6px;top:-99px;font-size:9px;padding:10px 11px}.price-card.featured{margin-top:58px}.ap-contact em{top:-32px;font-size:15px;padding:4px 7px}}

/* Final polish: avatar, equal pricing cards and unified contact symbol */
.an-face:after{content:"";position:absolute;left:17px;bottom:6px;width:12px;height:6px;border-bottom:3px solid #9a454b;border-radius:0 0 12px 12px}.an-face i:before{content:"";position:absolute;right:-6px;top:3px;width:5px;border-top:2px solid var(--ink)}.an-face i,.an-face b{background:rgba(232,230,255,.82)}.price-card.featured{margin-top:0!important;min-height:100%}.price-grid{align-items:stretch}.banner-pixel{top:-68px}.price-card.featured .popular{top:-150px}.ap-contact em{top:-39px;background:var(--ink);color:white;padding:5px 8px;border:0;box-shadow:none;text-shadow:none;font:20px/1 var(--mono);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
@media(max-width:900px){.price-card.featured{margin-top:0!important}.ap-contact em{font-size:17px}}
@media(max-width:600px){.price-card.featured{margin-top:0!important}.banner-pixel{top:-55px}.price-card.featured .popular{top:-99px}.ap-contact em{top:-32px;font-size:15px;padding:4px 6px}}

/* About avatar face — identical visual system to the hero avatar */
.an-face:after{display:none}.an-face .an-glass{position:absolute;top:13px;width:17px;height:13px;border:2px solid var(--ink);background:rgba(232,230,255,.82);z-index:2}.an-face .an-left{left:3px}.an-face .an-right{right:3px}.an-face .an-left:before{content:"";position:absolute;right:-6px;top:4px;width:5px;border-top:2px solid var(--ink)}.an-face .an-glass u{position:absolute;width:6px;height:7px;top:1px;left:3px;background:white;border:1px solid var(--ink)}.an-face .an-glass u:after{content:"";position:absolute;width:3px;height:3px;left:1px;top:1px;background:var(--ink);animation:eyeLook 3s steps(3) infinite}.an-face .an-mouth{position:absolute;left:18px;bottom:7px;width:10px;height:0;border:0;border-top:2px solid #9a454b;background:transparent}.an-face .an-mouth:after{display:none}
.an-face .an-right{left:auto!important;right:3px!important}.an-face .an-glass:after{display:none!important}.an-face .an-mouth{top:auto!important;right:auto!important;bottom:7px!important}

/* Portrait and experimental pixel rocket cursor */
.photo-card{overflow:hidden}.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.96) contrast(1.02)}.photo-card small{z-index:2;background:var(--paper);padding:3px 5px;border:1px solid var(--ink)}
@media(pointer:fine){html,body,a,button,input,select,textarea,label{cursor:none!important}.rocket-cursor{display:block;width:32px;height:32px;border-radius:0;background:transparent;mix-blend-mode:normal;transition:none;filter:drop-shadow(3px 3px 0 rgba(13,13,16,.24));transform:translate(-8px,-8px);z-index:300}.rocket-body{position:absolute;left:8px;top:2px;width:15px;height:22px;background:var(--pink);border:2px solid var(--ink);clip-path:polygon(50% 0,100% 30%,100% 75%,68% 75%,68% 100%,32% 100%,32% 75%,0 75%,0 30%);transform:rotate(42deg);transform-origin:center}.rocket-body:before{content:"";position:absolute;width:5px;height:5px;background:var(--lime);border:1px solid var(--ink);left:3px;top:6px}.rocket-flame{position:absolute;left:3px;top:23px;width:8px;height:12px;background:var(--lime);border:2px solid var(--ink);clip-path:polygon(50% 100%,0 0,100% 0);transform:rotate(42deg);animation:rocketFlame .38s steps(2) infinite}.cursor-bracket{position:absolute;top:0;color:var(--ink);font:700 28px/30px var(--mono);opacity:0;transition:opacity .15s,transform .18s;color:var(--blue)}.cursor-bracket.left{left:-17px;transform:translateX(9px)}.cursor-bracket.right{right:-17px;transform:translateX(-9px)}.rocket-cursor.is-link .cursor-bracket{opacity:1;transform:translateX(0)}.rocket-cursor.is-link .rocket-body{background:var(--lime)}.rocket-cursor.is-clicking .cursor-bracket.left{transform:translateX(12px);color:var(--pink)}.rocket-cursor.is-clicking .cursor-bracket.right{transform:translateX(-12px);color:var(--pink)}.rocket-cursor.is-clicking{animation:cursorPop .2s steps(2)}@keyframes rocketFlame{50%{height:7px;background:var(--orange)}}@keyframes cursorPop{50%{scale:.8}100%{scale:1}}}
@media(pointer:coarse){.rocket-cursor{display:none!important}}

/* Rocket cursor v2 — classic front-facing pixel rocket */
@media(pointer:fine){.rocket-cursor{width:38px;height:46px;transform:translate(-19px,-9px);filter:drop-shadow(3px 3px 0 rgba(13,13,16,.2))}.rocket-body{left:8px;top:1px;width:22px;height:33px;background:white;border:0;clip-path:polygon(36% 0,64% 0,64% 7%,73% 7%,73% 15%,82% 15%,82% 27%,91% 27%,91% 76%,82% 76%,82% 91%,64% 91%,64% 100%,36% 100%,36% 91%,18% 91%,18% 76%,9% 76%,9% 27%,18% 27%,18% 15%,27% 15%,27% 7%,36% 7%);transform:none;transform-origin:center;box-shadow:inset 0 0 0 3px var(--ink)}.rocket-body:after{content:"";position:absolute;inset:3px;background:white;clip-path:inherit;z-index:-1}.rocket-body:before{content:"";position:absolute;z-index:3;width:10px;height:10px;left:6px;top:12px;background:var(--blue);border:3px solid var(--ink);border-radius:0;clip-path:polygon(25% 0,75% 0,75% 12%,88% 12%,88% 25%,100% 25%,100% 75%,88% 75%,88% 88%,75% 88%,75% 100%,25% 100%,25% 88%,12% 88%,12% 75%,0 75%,0 25%,12% 25%,12% 12%,25% 12%)}.rocket-body{background:linear-gradient(to bottom,var(--pink) 0 18%,white 18% 100%)}.rocket-body{overflow:visible}.rocket-body::selection{background:transparent}.rocket-flame{left:14px;top:34px;width:10px;height:11px;background:var(--lime);border:0;clip-path:polygon(20% 0,80% 0,80% 18%,100% 18%,100% 55%,80% 55%,80% 82%,60% 82%,60% 100%,40% 100%,40% 82%,20% 82%,20% 55%,0 55%,0 18%,20% 18%);transform:none;animation:none;box-shadow:inset 0 0 0 2px var(--ink)}.rocket-cursor:before,.rocket-cursor:after{content:"";position:absolute;z-index:-1;top:19px;width:11px;height:18px;background:var(--pink);border:3px solid var(--ink)}.rocket-cursor:before{left:2px;clip-path:polygon(100% 0,100% 100%,50% 100%,50% 82%,25% 82%,25% 55%,0 55%,0 35%,25% 35%,25% 18%,50% 18%,50% 0)}.rocket-cursor:after{right:2px;clip-path:polygon(0 0,50% 0,50% 18%,75% 18%,75% 35%,100% 35%,100% 55%,75% 55%,75% 82%,50% 82%,50% 100%,0 100%)}.cursor-bracket{top:7px}.cursor-bracket.left{left:-20px}.cursor-bracket.right{right:-20px}.rocket-cursor.is-link .rocket-body{background:linear-gradient(to bottom,var(--lime) 0 18%,white 18% 100%)}.rocket-cursor.is-link:before,.rocket-cursor.is-link:after{background:var(--blue)}}
/* Precise rocket hotspot and element-level click targeting */
@media(pointer:fine){.rocket-cursor{transform:translate(-19px,0)!important}.rocket-body{clip-path:polygon(45% 0,55% 0,55% 5%,65% 5%,65% 10%,75% 10%,75% 17%,85% 17%,85% 27%,90% 27%,90% 78%,80% 78%,80% 92%,62% 92%,62% 100%,38% 100%,38% 92%,20% 92%,20% 78%,10% 78%,10% 27%,15% 27%,15% 17%,25% 17%,25% 10%,35% 10%,35% 5%,45% 5%)!important}.click-focus{position:fixed;left:0;top:0;width:0;height:0;z-index:290;pointer-events:none;opacity:0;border:1px solid var(--blue);box-shadow:3px 3px 0 rgba(112,104,255,.18);transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease,opacity .1s}.click-focus.active{opacity:1}.click-focus i,.click-focus b,.click-focus span,.click-focus em{position:absolute;width:12px;height:12px;border-color:var(--pink);border-style:solid}.click-focus i{left:-4px;top:-4px;border-width:3px 0 0 3px}.click-focus b{right:-4px;top:-4px;border-width:3px 3px 0 0}.click-focus span{left:-4px;bottom:-4px;border-width:0 0 3px 3px}.click-focus em{right:-4px;bottom:-4px;border-width:0 3px 3px 0}.click-focus.clicking{border-color:var(--lime);box-shadow:0 0 0 4px rgba(199,255,67,.25)}.click-focus.clicking i,.click-focus.clicking b,.click-focus.clicking span,.click-focus.clicking em{border-color:var(--lime)}}
@media(pointer:coarse){.click-focus{display:none!important}}

/* Diagonal pointer orientation; hotspot remains at the rocket tip */
@media(pointer:fine){.rocket-cursor{transform:translate(-2px,-2px)!important}.rocket-body,.rocket-flame,.rocket-cursor:before,.rocket-cursor:after{transform:rotate(-42deg)!important;transform-origin:19px 2px!important}.rocket-flame{transform-origin:5px -32px!important}.cursor-bracket{transform:none}.rocket-cursor.is-link .cursor-bracket.left,.rocket-cursor.is-link .cursor-bracket.right{transform:translateX(0)}}
@media(pointer:fine){.rocket-cursor{transform-origin:19px 0!important;transform:translate(-19px,0) rotate(-42deg)!important}.rocket-body,.rocket-flame,.rocket-cursor:before,.rocket-cursor:after{transform:none!important}.cursor-bracket{transform:rotate(42deg)!important}.rocket-cursor.is-link .cursor-bracket.left{transform:rotate(42deg) translate(4px,10px)!important}.rocket-cursor.is-link .cursor-bracket.right{transform:rotate(42deg) translate(-4px,-10px)!important}}

/* Simple single-piece rocket, redrawn from the reference */
@media(pointer:fine){.rocket-cursor{width:32px!important;height:48px!important;transform-origin:16px 1px!important;transform:translate(-16px,-1px) rotate(-42deg)!important;filter:drop-shadow(2px 2px 0 rgba(13,13,16,.2))!important}.rocket-svg{display:block;width:32px;height:48px;overflow:visible}.rocket-svg path{stroke:var(--ink);stroke-width:2;stroke-linejoin:miter}.r-body{fill:white}.r-tip,.r-fin{fill:var(--pink)}.r-window{fill:var(--blue)}.r-flame{fill:var(--lime)}.rocket-cursor:before,.rocket-cursor:after,.rocket-body,.rocket-flame{display:none!important}.rocket-cursor.is-link .r-tip,.rocket-cursor.is-link .r-fin{fill:var(--lime)}.rocket-cursor.is-link .r-window{fill:var(--pink)}.cursor-bracket{top:8px}.cursor-bracket.left{left:-22px}.cursor-bracket.right{right:-22px}}
/* Code brackets belong to the targeted element, not the tilted rocket */
.cursor-bracket{display:none!important}.click-focus i,.click-focus b{top:50%!important;width:auto!important;height:auto!important;border:0!important;color:var(--pink);font:700 25px/1 var(--mono);font-style:normal;transform:translateY(-50%);text-shadow:2px 2px 0 var(--ink)}.click-focus i{left:-25px!important}.click-focus b{right:-25px!important}.click-focus i:after{content:"<"}.click-focus b:after{content:">"}.click-focus span,.click-focus em{display:none!important}.click-focus.clicking i,.click-focus.clicking b{color:var(--lime);transform:translateY(-50%) scale(1.16)}
.click-focus i:after{content:"{"!important}.click-focus b:after{content:"}"!important}
.final-site strong>span{display:block;opacity:0;transform:translateX(-5px);transition:opacity .3s,transform .3s}.final-site strong>span:nth-child(1){transition-delay:.05s}.final-site strong>span:nth-child(2){transition-delay:.18s}.final-site strong>span:nth-child(3){transition-delay:.31s}.final-site strong>em{display:block;opacity:0;transform:scale(.7);transition:opacity .35s .44s,transform .35s .44s}.build-site.stage-3 .final-site strong>span,.build-site.stage-3 .final-site strong>em,.build-site.stage-4 .final-site strong>span,.build-site.stage-4 .final-site strong>em{opacity:1;transform:none}.final-site strong{font-size:15px!important;line-height:1.02!important}.final-site strong em{font-size:23px;color:var(--pink)}

/* One throw = one new line on the website preview */
.wireframe{opacity:1}.build-site.stage-1 .wireframe,.build-site.stage-2 .wireframe{opacity:.16}.build-site.stage-1 .final-site,.build-site.stage-2 .final-site,.build-site.stage-3 .final-site,.build-site.stage-4 .final-site{opacity:1}.final-site strong>span,.final-site strong>em{transition-delay:0s!important}.build-site.stage-1 .final-site strong>span:nth-child(1){opacity:1;transform:none}.build-site.stage-2 .final-site strong>span:nth-child(1),.build-site.stage-2 .final-site strong>span:nth-child(2){opacity:1;transform:none}.build-site.stage-3 .final-site strong>span:nth-child(1),.build-site.stage-3 .final-site strong>span:nth-child(2),.build-site.stage-3 .final-site strong>span:nth-child(3){opacity:1;transform:none}.build-site.stage-3 .final-site strong>em{opacity:0;transform:scale(.7)}.build-site.stage-4 .final-site strong>span,.build-site.stage-4 .final-site strong>em{opacity:1;transform:none}.final-site button{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(4px)}.build-site.stage-4 .final-site button{opacity:1;transform:none}.build-site.stage-1 .final-shape,.build-site.stage-2 .final-shape,.build-site.stage-3 .final-shape{opacity:.18}.build-site.stage-4 .final-shape{opacity:1}

/* Client-first conversion bridge */
.client-value{padding-top:135px;padding-bottom:125px;background:linear-gradient(135deg,#e8e6ff 0 38%,var(--paper) 38%);display:grid;grid-template-columns:42% 58%;position:relative;overflow:hidden}.client-value:before{content:"{ value: real; }";position:absolute;right:-16px;top:25px;font:11px var(--mono);color:var(--blue);opacity:.55}.value-intro{padding-right:55px}.value-intro h2{font-size:clamp(43px,4.7vw,72px);margin:22px 0 28px}.value-intro h2 em{color:var(--blue)}.value-intro p{font-size:15px;line-height:1.8;max-width:430px}.value-outcomes{border-top:1px solid var(--ink)}.value-item{display:grid;grid-template-columns:70px 1fr 42px;align-items:center;gap:15px;padding:25px 0;border-bottom:1px solid var(--ink);transition:padding .25s,background .25s}.value-item:hover{padding-left:15px;background:rgba(199,255,67,.24)}.value-item>span{font-size:9px;color:var(--pink)}.value-item h3{font-size:27px;margin:0 0 5px;letter-spacing:-.04em}.value-item p{font-size:12px;line-height:1.65;margin:0;max-width:470px}.value-item>i{width:35px;height:35px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:18px var(--mono);font-style:normal}.value-closing{grid-column:1/-1;margin-top:75px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;padding:28px 32px;box-shadow:8px 8px 0 var(--pink)}.value-closing>span{font:9px var(--mono);color:#aaa;text-transform:uppercase}.value-closing>strong{font-size:25px;letter-spacing:-.035em}.value-closing>a{background:var(--lime);color:var(--ink);padding:13px 16px;text-decoration:none;font-size:11px;font-weight:700}.value-closing a i{font-style:normal;margin-left:12px}
@media(max-width:900px){.client-value{grid-template-columns:1fr;background:linear-gradient(150deg,#e8e6ff 0 31%,var(--paper) 31%)}.value-intro{padding-right:0;margin-bottom:55px}.value-intro p{max-width:600px}.value-closing{grid-template-columns:1fr auto;gap:12px}.value-closing>span{grid-column:1/-1}}
@media(max-width:600px){.client-value{padding-top:90px;padding-bottom:90px}.value-intro h2{font-size:47px}.value-item{grid-template-columns:50px 1fr 35px}.value-item h3{font-size:23px}.value-closing{margin-top:50px;grid-template-columns:1fr;padding:24px;gap:17px}.value-closing>a{text-align:center}.value-closing>strong{font-size:21px}}
.piece-wow{background:var(--lime);color:var(--ink);font-weight:700}
.final-site strong em{font-size:90px!important;line-height:.68!important;letter-spacing:-.12em;transform-origin:left top;white-space:nowrap}

/* Cinematic hero choreography: one clear action at a time */
.pixel-studio .code-cloud,.pixel-studio .studio-spark{display:none!important}.pixel-studio .crew{animation:none!important;opacity:.72;transition:opacity .3s,filter .3s}.pixel-studio .crew.working{animation:crewWork .7s steps(3) 2!important;opacity:1;filter:drop-shadow(5px 5px 0 var(--ink)) brightness(1.08)}.pixel-studio .nikol-avatar{animation:none!important}.pixel-studio .xray-code pre{color:#bbb;opacity:.72}.pixel-studio .code-caret{opacity:.65}.pixel-studio.is-complete .crew{animation:none!important;opacity:1}.pixel-studio.is-complete .nikol-arm{animation:none!important}.pixel-studio.is-complete .studio-message{background:var(--lime);color:var(--ink);box-shadow:5px 5px 0 var(--pink)}.pixel-studio.is-complete .build-window{box-shadow:12px 12px 0 var(--lime)}
@media(min-width:901px){.hero-copy{position:relative;top:-100px}.hero .pixel-studio{top:-25px}}

/* =========================================================
   FINAL RESPONSIVE LAYER — authoritative overrides
   ========================================================= */
@media(max-width:1100px) and (min-width:901px){
  .hero{grid-template-columns:44% 56%;padding-left:5vw;padding-right:5vw}
  .hero-copy{top:-65px}.hero h1{font-size:72px}.hero .lead{font-size:15px;max-width:430px}
  .hero-big-cta{width:340px}.hero .pixel-studio{transform:scale(.88);transform-origin:center;right:-4vw}
  .about-avatar-scene{left:3%;transform:scale(.84);transform-origin:left center}
  .price-card{padding:28px}.price-card.featured .popular{right:-35px}
}

@media(max-width:900px){
  body{overflow-x:hidden}.section-pad{padding-left:6vw;padding-right:6vw}
  .nav-wrap{position:absolute}.nav-wrap.open{z-index:250}
  .hero{display:flex;flex-direction:column;align-items:stretch;height:auto;max-height:none;min-height:0;padding-top:125px;padding-bottom:55px;overflow:hidden}
  .hero-copy{position:relative;top:0;width:100%;z-index:4}.hero h1{font-size:clamp(62px,11vw,94px);max-width:720px}
  .hero .lead{max-width:610px}.hero-actions{max-width:650px}
  .hero .pixel-studio{position:relative;inset:auto;width:650px;height:600px;margin:35px auto -35px;opacity:1;transform:scale(.92);transform-origin:center top;flex:none}
  .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px;padding:0 1vw}
  .build-window{width:82%;left:12%;height:62%}.studio-status{top:0}.nikol-avatar{left:0}
  .client-value{padding-top:100px;padding-bottom:95px}.about{padding-top:100px}.about-grid{grid-template-columns:1fr}
  .about-avatar-scene{position:relative!important;left:auto;top:auto;width:510px;height:355px;margin:15px 0 30px;transform:scale(.9);transform-origin:left top}
  .work,.services,.pricing{padding-top:100px;padding-bottom:105px}.services-grid{grid-template-columns:1fr}.sticky-title{margin-bottom:280px}
  .ap-services,.ap-services-two{top:245px!important;bottom:auto!important}.ap-services{left:15%!important}.ap-services-two{left:35%!important}
  .projects{grid-template-columns:1fr 1fr}.project-wide{grid-column:1/-1}
  .price-grid{grid-template-columns:1fr;gap:28px}.price-card{min-height:0}.price-card.featured{margin-top:105px!important}.banner-pixel{top:-67px}.price-card.featured .popular{top:-148px;right:0}
  .contact{grid-template-columns:1fr;gap:65px;padding-top:105px;padding-bottom:110px}.contact:before{top:51%;height:44%}.contact-form{max-width:none}
  .ap-contact{display:block;opacity:.48;transform:scale(.75)!important;transform-origin:left bottom}.ap-contact-two{opacity:.48}
}

@media(max-width:600px){
  .section-pad{padding-left:22px;padding-right:22px}.nav-wrap{padding-left:22px;padding-right:22px}
  .hero{padding-top:108px;padding-bottom:38px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(52px,16vw,68px);line-height:.88;margin:25px 0 27px}.hero .lead{font-size:14px;line-height:1.65}
  .hero-actions{width:100%}.hero-big-cta{width:100%;max-width:none}.hero .text-link{margin-left:2px}
  .hero .pixel-studio{width:620px;height:570px;margin:30px 0 -120px;left:50%;transform:translateX(-50%) scale(.62);transform-origin:center top;opacity:1}
  .hero-bottom{margin-top:0;font-size:8px}.hero-bottom span:last-child{display:none}
  .marquee{font-size:10px}
  .client-value{padding-top:78px;padding-bottom:80px;background:linear-gradient(155deg,#e8e6ff 0 27%,var(--paper) 27%)}
  .value-intro h2{font-size:43px}.value-intro p{font-size:14px}.value-item{grid-template-columns:42px 1fr;gap:10px}.value-item>i{display:none}.value-closing{box-shadow:5px 5px 0 var(--pink)}
  .about{padding-top:80px;padding-bottom:80px}.about-title{margin-bottom:24px}.about-avatar-scene{width:510px;height:355px;transform:scale(.61);margin:5px 0 -115px}.big-copy{font-size:32px}.body-columns{grid-template-columns:1fr}.stats{margin-top:65px}
  .section-head h2,.sticky-title h2{font-size:45px}.work,.services,.pricing{padding-top:80px;padding-bottom:85px}
  .projects{grid-template-columns:1fr;gap:48px}.project-wide{grid-column:auto}.project-visual,.visual-three{height:360px}.bloom-copy b{font-size:57px}.bottle{height:250px;width:105px}.blob{width:235px;height:235px}
  .sticky-title{margin-bottom:205px}.sticky-title p{width:auto}.ap-services{transform:scale(1.05)!important;left:18%!important;top:220px!important}.ap-services-two{transform:scale(.68)!important;left:50%!important;top:235px!important}
  .service{grid-template-columns:37px 1fr;padding:28px 0}.service h3{font-size:24px}.tags{flex-wrap:wrap}
  .audience{padding-bottom:80px}.audience-card{padding:35px 23px;min-height:0}.audience-card h2{font-size:37px}
  .pixel-run{padding-bottom:35px}.pixel-stage{width:720px;transform:scale(.52);transform-origin:left top;margin-bottom:-90px}
  .pricing .section-head h2{font-size:43px}.price-grid{gap:22px}.price-card{padding:25px}.price-card.featured{margin-top:80px!important}.banner-pixel{transform:scale(1)!important;right:22px;top:-54px}.price-card.featured .popular{top:-103px;right:-2px;font-size:9px}
  .contact{padding-top:80px;padding-bottom:95px;gap:48px}.contact-intro h2{font-size:45px}.contact:before{width:96%;right:-8%;top:49%;height:47%}.contact-form{padding:18px 16px 22px}.contact-form input,.contact-form select,.contact-form textarea{font-size:17px}.ap-contact{display:none}.ap-contact-two{right:35px;top:5%}
  footer{padding-top:60px}.copyright{margin-top:30px}
}

/* Correct element: { value: real; } label */
.client-value:before{right:34px}

/* Upcoming simple web applications */
.app-teaser{margin-top:54px;border:1px solid var(--ink);background:linear-gradient(115deg,var(--ink) 0 24%,var(--blue) 24% 25%,#e8e6ff 25%);min-height:230px;padding:38px 42px;display:grid;grid-template-columns:180px 1fr 120px;gap:38px;align-items:center;box-shadow:9px 9px 0 var(--pink);overflow:hidden}
.app-teaser-code{align-self:start;color:var(--lime);font-size:10px}.app-teaser h3{color:var(--orange);font-size:clamp(31px,3vw,48px);line-height:1.05;letter-spacing:-.045em;margin:0 0 18px}.app-teaser p{color:var(--orange);font-size:16px;line-height:1.75;max-width:720px;margin:0}.app-teaser-mark{width:100px;height:100px;background:var(--lime);color:var(--ink);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);display:grid;place-items:center;text-align:center;font-size:17px;line-height:1.35;transform:rotate(3deg)}

/* Original banner design; only typography is repositioned */
.app-teaser{grid-template-columns:180px minmax(300px,1fr) minmax(280px,.72fr) 120px;padding:38px 42px;gap:32px;min-height:230px;background:linear-gradient(115deg,var(--ink) 0 24%,var(--blue) 24% 25%,#e8e6ff 25%)}
.app-teaser-code{align-self:center;justify-self:start;color:var(--lime);font-size:calc(10px + 5pt);letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.app-teaser>div{display:contents}.app-teaser h3{grid-column:2;align-self:center;color:var(--orange);font-size:50px;line-height:1.02;margin:0;translate:-92.5px 0}
.audience-card>p{translate:-60px 0}
.app-teaser p{grid-column:3;align-self:center;color:var(--ink);font-size:calc(16px + 3pt);line-height:1.65;max-width:none;margin:0}
.app-teaser-mark{grid-column:4;display:grid;width:100px;height:100px;background:var(--lime);color:var(--ink);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);place-items:center;text-align:center;font-size:17px;line-height:1.35;transform:rotate(3deg)}

@media(max-width:900px){
  .app-teaser{margin-top:55px;grid-template-columns:80px 1fr .8fr 78px;padding:32px;gap:20px;min-height:210px;background:linear-gradient(115deg,var(--ink) 0 24%,var(--blue) 24% 25%,#e8e6ff 25%)}
  .app-teaser-code{font-size:14px}.app-teaser h3{grid-column:2;font-size:39px;translate:-92.5px 0}.app-teaser p{grid-column:3;font-size:18px}.app-teaser-mark{grid-column:4;width:78px;height:78px;font-size:14px}
}
@media(max-width:600px){
  .app-teaser{margin-top:42px;grid-template-columns:42px 1fr;padding:25px 21px;gap:18px;box-shadow:6px 6px 0 var(--pink);background:linear-gradient(115deg,var(--ink) 0 24%,var(--blue) 24% 25%,#e8e6ff 25%)}
  .app-teaser-code{grid-row:1/3;font-size:11px}.app-teaser h3{grid-column:2;font-size:31px;translate:0 0}.app-teaser p{grid-column:2;font-size:16px;line-height:1.6}.app-teaser-mark{grid-column:2;width:68px;height:68px;justify-self:end}.audience-card>p{translate:0 0}
}

@media(max-width:380px){
  .hero h1{font-size:49px}.hero-big-cta strong{font-size:14px}.hero .pixel-studio{transform:translateX(-50%) scale(.56);margin-bottom:-145px}
  .value-intro h2,.section-head h2,.sticky-title h2{font-size:39px}.about-avatar-scene{transform:scale(.54);margin-bottom:-140px}
  .project-visual,.visual-three{height:325px}.audience-card h2{font-size:33px}.contact-intro h2{font-size:40px}
}

/* Navigation, hero microcopy and interactive value outcomes */
@media(min-width:901px){
  .nav-wrap{position:fixed;height:96px;background:rgba(247,246,242,.9);backdrop-filter:blur(14px);transition:height .3s,background .3s,box-shadow .3s,padding .3s}
  .nav-wrap .logo{font-size:32.5px;transition:font-size .3s}
  .nav-wrap nav a,.nav-wrap .nav-cta{font-size:16px;transition:font-size .3s,padding .3s}
  .nav-wrap.scrolled{height:48px;background:rgba(247,246,242,.96);box-shadow:0 8px 24px rgba(13,13,16,.08)}
  .nav-wrap.scrolled .logo{font-size:19px}
  .nav-wrap.scrolled nav a,.nav-wrap.scrolled .nav-cta{font-size:10px}
  .nav-wrap.scrolled .nav-cta{padding:8px 12px}
}
.hero .eyebrow{font-size:13px}.hero .text-link{font-size:14px}
.marquee{padding:11px 0;border-top:1px solid #28282d;border-bottom:1px solid #28282d;background:#15151a;color:#e8e7ed}.marquee-track{animation-duration:34s}.marquee span{padding-right:28px}
.value-intro{position:relative;left:-30px}
.value-item h3{font-size:30px}
.value-toggle{width:42px;height:42px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:22px var(--mono);cursor:pointer;transition:transform .3s,background .25s,color .25s}.value-toggle:hover{background:var(--ink);color:var(--lime)}
.value-item.is-open .value-toggle{transform:rotate(90deg);background:var(--ink);color:var(--lime)}
.value-item.is-open{align-items:start;padding-top:28px;padding-bottom:28px}.value-item.is-open .value-toggle{margin-top:4px}
.value-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .35s ease}.value-detail>p{overflow:hidden;margin:0!important}.value-item.is-open .value-detail{grid-template-rows:1fr;opacity:1}.value-item.is-open .value-detail>p{margin-top:18px!important;padding:17px 20px;border-left:3px solid var(--pink);background:rgba(255,255,255,.56);font-size:15px;line-height:1.75}
.value-closing>span,.value-closing>a{font-size:calc(12px + 3pt)}
@media(max-width:900px){
  .nav-wrap{position:fixed;background:rgba(247,246,242,.94);backdrop-filter:blur(12px)}
  .nav-wrap.scrolled{height:58px;box-shadow:0 6px 20px rgba(13,13,16,.08)}
  .value-intro{left:0}.value-item h3{font-size:27px}.value-toggle{width:38px;height:38px}
  .value-closing>span,.value-closing>a{font-size:14px}
}
@media(max-width:600px){
  .hero .eyebrow{font-size:10px}.hero .text-link{font-size:13px}
  .marquee{padding:8px 0}.marquee-track{animation-duration:42s}.marquee span{font-size:9px}
  .value-item h3{font-size:25px}.value-item.is-open .value-detail>p{font-size:14px;padding:14px 15px}
  .value-closing>span,.value-closing>a{font-size:13px}
}

@media(max-width:900px),(prefers-reduced-motion:reduce){
  .pixel-studio .crew{animation:none!important}.ambient-pixel{animation:none!important}.marquee-track{animation-duration:38s}
}

/* Desktop contact pixel — intentional final placement */
@media(min-width:901px){
  .ap-contact{left:calc(2% + 650px);bottom:calc(9% + 50px)}
}
@media(min-width:901px) and (max-width:1440px){
  .ap-contact{left:calc(2% + 490px)}
}
.banner-pixel{top:-18px!important}
@media(max-width:900px){.banner-pixel{top:-17px!important}}
@media(max-width:600px){.banner-pixel{top:-4px!important}}

/* Pricing details — keeps the cards compact and opens the full scope on demand */
.price-detail{display:flex;width:100%;align-items:center;justify-content:space-between;margin:-21px 0 15px;padding:0 0 9px;border:0;border-bottom:1px dashed currentColor;background:transparent;color:inherit;font:600 11px var(--mono);cursor:pointer;text-align:left}.price-detail span{color:var(--orange);font-size:14px}.price-detail:hover{color:var(--pink)}
.price-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}.price-modal.is-open{visibility:visible;opacity:1}.price-modal-backdrop{position:absolute;inset:0;background:rgba(13,13,16,.78);backdrop-filter:blur(7px)}.price-modal-panel{position:relative;width:min(920px,100%);max-height:min(820px,90vh);overflow:auto;background:var(--paper);border:2px solid var(--ink);box-shadow:14px 14px 0 var(--pink);padding:44px 48px 38px}.price-modal-close{position:absolute;right:18px;top:16px;width:43px;height:43px;border:1px solid var(--ink);background:var(--lime);color:var(--ink);font:29px/1 var(--mono);cursor:pointer}.price-modal-code{font-size:10px;letter-spacing:.1em;color:var(--pink)}.price-modal h2{font-size:clamp(38px,5vw,66px);margin:12px 60px 13px 0}.price-modal-lead{max-width:700px;font-size:16px;line-height:1.7;margin:0 0 28px}.price-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.price-modal-block{border:1px solid var(--ink);padding:20px}.price-modal-block h3{font:600 11px var(--mono);letter-spacing:.08em;margin:0 0 12px;color:var(--blue)}.price-modal-block p,.price-modal-block li{font-size:13px;line-height:1.65}.price-modal-block ul{list-style:none;margin:0;padding:0}.price-modal-block li{padding:3px 0}.price-modal-block li:before{content:"→";color:var(--pink);margin-right:8px}.price-modal-bottom{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:25px;margin-top:18px;padding-top:20px;border-top:1px solid var(--ink)}.price-modal-bottom p{font-size:12px;line-height:1.6;margin:0}.price-modal-bottom a{display:flex;justify-content:space-between;padding:16px 18px;background:var(--ink);color:white;text-decoration:none;font-size:13px;font-weight:700}.price-modal-bottom a span{color:var(--pink)}body.modal-open{overflow:hidden}
@media(pointer:fine){.rocket-cursor{z-index:1000!important}.click-focus{z-index:990!important}}
.form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.contact-form .privacy-check{display:flex;align-items:flex-start;gap:11px;border:0;padding:16px 0 0}.contact-form .privacy-check input{appearance:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border:2px solid var(--ink);background:transparent;cursor:pointer}.contact-form .privacy-check input:checked{background:var(--lime);box-shadow:inset 0 0 0 4px var(--pink)}.contact-form .privacy-check>span{display:block;margin:0;font:11px/1.55 var(--sans)}.privacy-check a{color:var(--ink);font-weight:800}
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px}.contact-links a{color:var(--ink);font-weight:800;font-size:18px}
.social-coming{color:#888;font-size:11px;font-weight:600}
.cookie-banner{position:fixed;left:24px;bottom:24px;z-index:900;width:min(620px,calc(100vw - 48px));background:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--pink);padding:27px;opacity:0;visibility:hidden;transform:translateY(24px);transition:.28s}.cookie-banner.is-open{opacity:1;visibility:visible;transform:none}.cookie-main>span{font-size:9px;color:var(--blue)}.cookie-main h2{font-size:34px;margin:9px 0 12px}.cookie-main p{font-size:13px;line-height:1.65;max-width:550px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.cookie-actions button,.cookie-settings>button{border:1px solid var(--ink);padding:12px 15px;background:var(--ink);color:white;font:700 11px var(--sans);cursor:pointer}.cookie-actions button:first-child{background:var(--lime);color:var(--ink)}.cookie-actions .cookie-settings-open{background:transparent;color:var(--ink)}.cookie-settings{display:none;margin-top:20px;padding-top:17px;border-top:1px solid var(--ink)}.cookie-banner.show-settings .cookie-settings{display:grid;gap:13px}.cookie-settings>div,.cookie-settings label{border:1px solid var(--line);padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center}.cookie-settings strong{font-size:13px}.cookie-settings span,.cookie-settings small{font:9px var(--mono)}.cookie-settings p{grid-column:1/-1;margin:7px 0 0;font-size:11px}.cookie-settings label{position:relative;cursor:pointer}.cookie-settings label input{position:absolute;opacity:0}.cookie-settings label i{width:42px;height:23px;border:1px solid var(--ink);background:#ddd;position:relative}.cookie-settings label i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;background:var(--ink);transition:.2s}.cookie-settings label input:checked+i{background:var(--lime)}.cookie-settings label input:checked+i:after{left:22px}.cookie-reopen{position:fixed;right:13px;bottom:13px;z-index:400;border:1px solid #555;background:var(--ink);color:white;padding:7px 9px;font-size:8px;cursor:pointer}.footer-cookie-settings{border:0;background:none;padding:0;color:white;font:600 13px var(--sans);cursor:pointer}.footer-cookie-settings:hover{color:var(--lime)}
@media(max-width:600px){.cookie-banner{left:12px;bottom:12px;width:calc(100vw - 24px);padding:21px;box-shadow:6px 6px 0 var(--pink)}.cookie-main h2{font-size:29px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions button:first-child{grid-column:1/-1}.cookie-actions button{padding:12px 9px}.cookie-reopen{right:8px;bottom:8px}}

/* Pricing card actions — aligned and quietly colour-coded */
.price-card{display:flex;flex-direction:column}
.price-card .price-detail{margin-top:auto;margin-bottom:10px;padding:11px 13px;border:1px solid rgba(112,104,255,.42);background:rgba(112,104,255,.12);color:inherit}
.price-card .price-detail span{color:var(--blue)}
.price-card .price-detail:hover{background:rgba(112,104,255,.2);color:inherit}
.price-card>a{flex:none;padding:12px 13px!important;border:1px solid var(--ink)!important;background:var(--lime);color:var(--ink)!important}
.price-card>a span{color:var(--ink)}
.price-card>a:hover{background:#baff20}
.price-card.featured .price-detail{border-color:rgba(232,230,255,.55);background:rgba(112,104,255,.3);color:white}
.price-card.featured .price-detail:hover{background:rgba(112,104,255,.45)}
.price-card.featured>a{border-color:var(--lime)!important}
@media(max-width:600px){.price-card .price-detail{padding:10px 12px;margin-bottom:8px}.price-card>a{padding:11px 12px!important}}
@media(max-width:900px){.price-detail{margin-top:-17px;font-size:10px}.price-modal-panel{padding:38px 28px 30px}.price-modal-grid{grid-template-columns:1fr}.price-modal-bottom{grid-template-columns:1fr}.price-modal-bottom a{max-width:280px}}
@media(max-width:600px){.price-modal{padding:12px}.price-modal-panel{max-height:94vh;padding:31px 19px 24px;box-shadow:7px 7px 0 var(--pink)}.price-modal-close{right:11px;top:10px;width:37px;height:37px}.price-modal h2{font-size:38px;margin-right:45px}.price-modal-lead{font-size:14px}.price-modal-block{padding:16px}.price-detail{margin-top:-13px}}
@media(max-width:900px){.price-card .price-detail{margin-top:auto}}
@media(prefers-reduced-motion:reduce){
  .build-site{opacity:1}.wireframe{opacity:.08}.final-site{opacity:1}.final-site strong>span,.final-site strong>em,.final-site button,.final-shape{opacity:1!important;transform:none!important}.build-progress b{width:100%!important}
}

/* Stronger About section typography and portrait */
.about-title h2{font-size:38px;line-height:1.05;letter-spacing:-.045em}.about .big-copy{font-size:clamp(42px,4vw,64px);line-height:1.13}.about .body-columns p{font-size:17px;line-height:1.75}.about-avatar-scene{width:590px;height:405px}.about-nikol{transform:scale(1.85);bottom:25px}.photo-card{left:175px;width:330px;height:325px}.about-pet{left:128px;bottom:10px}
@media(max-width:1100px) and (min-width:901px){.about-title h2{font-size:32px}.about .big-copy{font-size:43px}.about .body-columns p{font-size:15px}.about-avatar-scene{transform:scale(.76);transform-origin:left top}}
@media(max-width:900px){.about-title h2{font-size:36px}.about .big-copy{font-size:44px}.about .body-columns p{font-size:16px}.about-avatar-scene{width:590px;height:405px;transform:scale(.82);margin-bottom:-35px}.photo-card{width:330px;height:325px}}
@media(max-width:600px){.about-title h2{font-size:31px}.about .big-copy{font-size:35px;line-height:1.16}.about .body-columns p{font-size:16px;line-height:1.7}.about-avatar-scene{width:590px;height:405px;transform:scale(.59);margin-top:12px;margin-bottom:-145px}.photo-card{width:330px;height:325px}}
@media(max-width:380px){.about-title h2{font-size:29px}.about .big-copy{font-size:32px}.about-avatar-scene{transform:scale(.52);margin-bottom:-170px}}
.project-shot{display:block;padding:0;background:#ddd}.project-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}.project-shot:hover img{transform:scale(1.025);filter:saturate(1.06)}.project-open{width:48px;height:48px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;color:white;text-decoration:none;font-size:20px;transition:background .25s,color .25s,transform .25s}.project-open:hover{background:var(--lime);color:var(--ink);transform:rotate(8deg)}

/* Portfolio devices, clean responsive previews and YAAY character */
.project{position:relative}.project-shot{position:relative;overflow:hidden}.mirka-shot{background:#d9d0c2}.kontakt-shot{background:#dce7de}.desktop-preview{position:absolute;left:5%;top:8%;width:84%;height:78%;overflow:hidden;background:#fff;border:4px solid var(--ink);box-shadow:13px 15px 0 rgba(13,13,16,.22);z-index:2}.desktop-preview>i{display:block;height:20px;background:var(--ink);position:relative}.desktop-preview>i:after{content:"•••";position:absolute;left:9px;top:-5px;color:var(--pink);font:17px var(--mono);letter-spacing:2px}.desktop-preview img{height:calc(100% - 20px)!important;transform:none!important;filter:none!important}.phone-preview{position:absolute;right:4%;bottom:5%;width:22%;height:72%;overflow:hidden;background:#fff;border:6px solid var(--ink);border-radius:20px;box-shadow:9px 11px 0 rgba(13,13,16,.28);z-index:3}.phone-preview>i{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:34%;height:7px;border-radius:5px;background:var(--ink);z-index:2}.phone-preview img{height:100%!important;transform:none!important;filter:none!important}.project-shot:hover .desktop-preview{transform:translateY(-3px)}.project-shot:hover .phone-preview{transform:translateY(-7px) rotate(1deg)}.desktop-preview,.phone-preview{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.project-kontakt{z-index:1}.project-kontakt .project-visual,.project-kontakt .project-meta{position:relative;z-index:2}.portfolio-yay{position:absolute;right:-25px;top:-104px;width:96px;height:96px;background:var(--pink);border:5px solid var(--ink);box-shadow:9px 9px 0 var(--lime);z-index:1;animation:yayPeek 3.6s ease-in-out infinite}.portfolio-yay:before,.portfolio-yay:after{content:"";position:absolute;bottom:-27px;width:25px;height:29px;background:var(--pink);border:5px solid var(--ink);border-top:0}.portfolio-yay:before{left:5px}.portfolio-yay:after{right:5px}.cute-eye{position:absolute;top:26px;width:25px;height:29px;background:#fff;border:4px solid var(--ink);z-index:2}.cute-eye.eye-left{left:12px}.cute-eye.eye-right{right:12px}.cute-eye b{position:absolute;width:12px;height:15px;background:var(--ink);left:5px;top:7px}.cute-eye b:after{content:"";position:absolute;width:4px;height:4px;background:#fff;left:2px;top:2px}.portfolio-yay em{position:absolute;left:36px;top:69px;width:22px;height:10px;border-bottom:4px solid var(--ink);border-radius:0 0 20px 20px}.yay-flag{position:absolute;right:70px;top:-55px;width:118px;padding:12px 10px;background:var(--lime);color:var(--ink);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--blue);font:800 17px var(--mono);letter-spacing:.08em;text-align:center;transform:rotate(-4deg)}.yay-flag:after{content:"";position:absolute;right:-8px;top:25px;width:9px;height:105px;background:var(--ink)}@keyframes yayPeek{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}

/* About section — intentionally editorial and portrait-led */
.about-title h2{font-size:46px}.about .big-copy{font-size:clamp(52px,5vw,78px);line-height:1.08}.about-avatar-scene{top:340px;width:760px;height:550px}.about-nikol{transform:scale(2.1);bottom:34px}.photo-card{left:170px;top:-5px;width:500px;height:490px}.about-pet{left:150px;bottom:22px}.about .stats{margin-top:180px}
@media(max-width:1100px) and (min-width:901px){.about-title h2{font-size:38px}.about .big-copy{font-size:52px}.about-avatar-scene{transform:scale(.66);margin-bottom:-100px}}
@media(max-width:900px){.about-title h2{font-size:40px}.about .big-copy{font-size:48px}.about-avatar-scene{top:auto;width:760px;height:550px;transform:scale(.75);margin-bottom:-95px}.photo-card{width:500px;height:490px}.about .stats{margin-top:90px}.projects{row-gap:90px}.portfolio-yay{right:-6px;top:-92px;transform:scale(.82);transform-origin:right bottom}}
@media(max-width:600px){.about-title h2{font-size:34px}.about .big-copy{font-size:39px}.about-avatar-scene{width:760px;height:550px;transform:scale(.47);margin-bottom:-240px}.desktop-preview{left:3%;top:8%;width:87%;height:76%;border-width:3px}.phone-preview{right:3%;width:27%;height:68%;border-width:4px;border-radius:14px}.portfolio-yay{right:-2px;top:-76px;transform:scale(.68)}.yay-flag{right:55px}.project-kontakt{margin-top:72px}}
@media(max-width:380px){.about-avatar-scene{transform:scale(.42);margin-bottom:-270px}.about .big-copy{font-size:35px}.portfolio-yay{transform:scale(.61);right:-5px}}

/* About composition alignment */
@media(min-width:901px){
  .about-nikol{left:-30px;bottom:54px}
  .about-pet{left:110px;bottom:42px}
  .photo-card{top:-15px}
  .about-copy{position:relative;left:150px;width:calc(100% - 150px)}
}

/* Portfolio heading alignment and YAAY flag grip */
.portfolio-yay:after{right:5px;bottom:-27px;width:25px;height:29px;border:5px solid var(--ink);border-top:0;background:var(--pink);z-index:auto}
.portfolio-yay em{display:block;position:absolute;left:auto;right:-29px;top:47px;bottom:auto;width:30px;height:15px;border:5px solid var(--ink);border-left:0;border-radius:0;background:var(--pink);z-index:5}
.yay-flag{right:-74px;top:-73px}
.yay-flag:after{right:18px;top:48px;height:118px}
@media(min-width:901px){
  .work .section-head{justify-content:flex-start;gap:24px}
  .work .section-head>p{max-width:390px;margin:0 0 8px}
}
@media(max-width:600px){.yay-flag{right:-54px;top:-67px}}

/* YAAY character faces the showcased websites */
.portfolio-yay{--yay-scale:1;animation-name:yayPeekLeft}
.portfolio-yay .yay-flag{transform:rotate(-4deg) scaleX(-1)}
@keyframes yayPeekLeft{0%,100%{transform:translateY(0) scaleX(-1) scale(var(--yay-scale)) rotate(-1deg)}50%{transform:translateY(-10px) scaleX(-1) scale(var(--yay-scale)) rotate(1deg)}}

/* =========================================================
   RESPONSIVE FINISHING PASS
   ========================================================= */
@media(min-width:1600px){
  .section-pad{padding-left:max(7vw,110px);padding-right:max(7vw,110px)}
  .hero-copy{max-width:820px}.projects{column-gap:38px}
  .about-copy{max-width:900px}
}

/* Compact desktop / notebook */
@media(min-width:1101px) and (max-width:1400px){
  .about-avatar-scene{width:650px;height:500px}
  .photo-card{left:145px;top:-15px;width:420px;height:410px}
  .about-nikol{transform:scale(1.85);left:-20px;bottom:62px}
  .about-pet{left:105px;bottom:51px}
  .about-copy{left:225px;width:calc(100% - 225px)}
  .about .big-copy{font-size:clamp(46px,4.35vw,61px)}
  .about .body-columns{gap:25px}.about .body-columns p{font-size:15px}
  .about .stats{margin-top:120px}
  .project-visual{height:455px}.visual-three{height:520px}
}

/* Tablet: one clear project per row and calmer decoration */
@media(min-width:601px) and (max-width:820px){
  .projects{grid-template-columns:1fr;gap:72px}.project-wide{grid-column:auto}
  .project-visual{height:500px}.visual-three{height:470px}
  .project-kontakt{margin-top:58px}
  .portfolio-yay{--yay-scale:.82;right:70px;top:-86px;transform-origin:right bottom}
  .work .section-head{align-items:flex-start;gap:24px}.work .section-head>p{max-width:300px}
}

@media(max-width:900px){
  .ap-services,.ap-services-two{display:none!important}
  .sticky-title{margin-bottom:45px!important}
  .services-grid{margin-top:42px}
}

@media(max-width:600px){
  .work .section-head{display:block;margin-bottom:58px}.work .section-head>p{margin-top:20px}
  .project-shot{height:350px}.project-kontakt{margin-top:78px}
  .portfolio-yay{--yay-scale:.68;right:48px;top:-72px;transform-origin:right bottom}
  .portfolio-yay .yay-flag{right:-45px;top:-62px}
  .project-meta h3{font-size:22px}
  .services-grid{margin-top:35px}.sticky-title{margin-bottom:35px!important}
  .service:first-child{border-top:1px solid var(--ink)}
}

@media(max-width:380px){
  .project-shot{height:320px}.portfolio-yay{--yay-scale:.61;right:42px;top:-68px}
}

/* Tighter section rhythm */
.about{padding-top:30px}
.services{padding-bottom:80px}
.pricing{padding-top:100px}
@media(max-width:900px){
  .about{padding-top:25px}
  .services{padding-bottom:55px}
  .pricing{padding-top:70px}
}
@media(max-width:600px){
  .about{padding-top:20px}
  .services{padding-bottom:45px}
  .pricing{padding-top:55px}
}

/* Hero live-code editor — fuller and more legible */
.xray-code{padding:37px 18px 14px}
.xray-code pre{font-size:8.5px;line-height:1.55;letter-spacing:-.015em;color:#e4e3ed;opacity:.92}
@media(min-width:1600px){.xray-code pre{font-size:9.5px;line-height:1.58}.xray-code{padding-left:22px}}
@media(max-width:1100px){.xray-code pre{font-size:8px;line-height:1.5}}
@media(max-width:600px){.xray-code pre{font-size:7.5px;line-height:1.46}.xray-code{padding-left:14px;padding-right:10px}}

/* Hero Nikol — shorter, continuous hair silhouette */
.nikol-avatar .hair-back{
  width:74px;
  height:110px;
  left:13px;
  top:19px;
  background:linear-gradient(90deg,#573024 0%,#895039 48%,#4c2a21 100%);
  clip-path:polygon(18% 0,80% 0,94% 8%,100% 22%,96% 82%,88% 100%,70% 100%,66% 45%,60% 100%,39% 100%,34% 45%,28% 100%,11% 100%,4% 82%,0 22%,6% 8%);
}
.nikol-avatar .hair-side{display:none}

/* Both Nikol avatars — shoulder-blade hair with a side-swept fringe */
.nikol-avatar .hair-back{
  height:94px;
  top:20px;
  clip-path:polygon(18% 0,80% 0,94% 8%,100% 22%,96% 80%,86% 100%,68% 100%,64% 48%,58% 100%,40% 100%,35% 48%,29% 100%,13% 100%,4% 80%,0 22%,6% 8%);
}
.nikol-avatar .hair-side{
  display:block;
  left:20px;
  top:22px;
  width:47px;
  height:35px;
  border:0;
  background:linear-gradient(135deg,#875039 0 54%,#603529 55% 100%);
  clip-path:polygon(0 0,100% 0,100% 28%,82% 28%,82% 48%,65% 48%,65% 68%,47% 68%,47% 88%,28% 88%,28% 100%,8% 100%,8% 45%,0 45%);
  filter:drop-shadow(2px 2px 0 var(--ink));
  z-index:6;
}
.about-nikol .an-hair{
  height:91px;
  top:7px;
  background:linear-gradient(90deg,#573024,#895039 48%,#4c2a21);
  clip-path:polygon(15% 0,84% 0,96% 10%,100% 23%,94% 80%,84% 100%,67% 100%,62% 49%,56% 100%,37% 100%,31% 49%,25% 100%,10% 100%,3% 80%,0 23%,6% 10%);
}
.about-nikol:before{
  content:"";
  position:absolute;
  left:19px;
  top:9px;
  width:43px;
  height:31px;
  background:linear-gradient(135deg,#895039 0 54%,#603529 55% 100%);
  clip-path:polygon(0 0,100% 0,100% 28%,82% 28%,82% 49%,64% 49%,64% 70%,45% 70%,45% 90%,25% 90%,25% 100%,7% 100%,7% 44%,0 44%);
  filter:drop-shadow(2px 2px 0 var(--ink));
  z-index:5;
}

/* Unified hair shapes and simplified pixel limbs */
.nikol-avatar .hair-back{
  width:72px;
  height:94px;
  left:14px;
  top:20px;
  background:linear-gradient(90deg,#573024 0%,#895039 48%,#4c2a21 100%);
  clip-path:polygon(18% 0,73% 0,73% 5%,84% 5%,84% 11%,92% 11%,92% 20%,100% 20%,96% 82%,87% 82%,87% 100%,69% 100%,64% 50%,58% 100%,40% 100%,35% 50%,29% 100%,12% 100%,12% 82%,4% 82%,0 20%,7% 20%,7% 11%,18% 11%);
}
.nikol-avatar .hair-side{display:none!important}
.nikol-avatar .nikol-hand{display:none!important}
.nikol-avatar .nikol-arm{height:8px;background:var(--ink);border:0}

.about-nikol .an-hair{
  left:13px;
  top:7px;
  width:62px;
  height:91px;
  background:linear-gradient(90deg,#573024 0%,#895039 48%,#4c2a21 100%);
  clip-path:polygon(16% 0,73% 0,73% 5%,84% 5%,84% 11%,93% 11%,93% 21%,100% 21%,95% 81%,86% 81%,86% 100%,67% 100%,62% 50%,56% 100%,38% 100%,32% 50%,26% 100%,10% 100%,10% 81%,3% 81%,0 21%,7% 21%,7% 11%,16% 11%);
}
.about-nikol:before{
  content:"";
  position:absolute;
  left:8px;
  top:73px;
  width:9px;
  height:67px;
  background:var(--ink);
  clip-path:none;
  filter:none;
  z-index:3;
}

/* Avatar correction: lifted composition and genuinely connected hairstyles */
@media(min-width:901px){
  .about-avatar-scene{top:220px!important}
  .about-copy{left:250px!important;width:calc(100% - 250px)!important}
}
.nikol-avatar .hair-back{
  height:102px;
  border:3px solid var(--ink);
  clip-path:polygon(17% 0,76% 0,76% 5%,87% 5%,87% 12%,95% 12%,95% 23%,100% 23%,96% 84%,87% 84%,87% 100%,69% 100%,64% 48%,58% 100%,39% 100%,34% 48%,28% 100%,11% 100%,11% 84%,4% 84%,0 23%,6% 23%,6% 12%,17% 12%);
}
.nikol-avatar .hair-side{
  display:block!important;
  left:21px;
  top:22px;
  width:45px;
  height:33px;
  background:#754330;
  border:0;
  clip-path:polygon(0 0,100% 0,100% 25%,82% 25%,82% 44%,64% 44%,64% 63%,46% 63%,46% 82%,27% 82%,27% 100%,8% 100%,8% 43%,0 43%);
  filter:none;
  z-index:6;
}
.about-nikol .an-hair{
  height:98px;
  border:3px solid var(--ink);
  clip-path:polygon(16% 0,76% 0,76% 5%,87% 5%,87% 12%,95% 12%,95% 23%,100% 23%,95% 84%,86% 84%,86% 100%,67% 100%,62% 49%,56% 100%,37% 100%,32% 49%,26% 100%,10% 100%,10% 84%,3% 84%,0 23%,7% 23%,7% 12%,16% 12%);
}
.about-nikol:after{
  content:"";
  position:absolute;
  left:20px;
  top:10px;
  width:41px;
  height:30px;
  background:#754330;
  clip-path:polygon(0 0,100% 0,100% 25%,82% 25%,82% 45%,64% 45%,64% 65%,45% 65%,45% 84%,26% 84%,26% 100%,7% 100%,7% 43%,0 43%);
  z-index:5;
}

/* Avatar hair + arm matched to the approved reference */
.nikol-avatar .hair-back,
.about-nikol .an-hair{
  background:#563126!important;
}
.nikol-avatar .hair-side,
.about-nikol:after{
  background:#563126!important;
}
.nikol-avatar .hair-side{
  left:18px;
  top:20px;
  width:49px;
  height:38px;
  clip-path:polygon(0 0,100% 0,100% 28%,84% 28%,84% 46%,68% 46%,68% 64%,51% 64%,51% 82%,33% 82%,33% 100%,10% 100%,10% 45%,0 45%);
}
.about-nikol:after{
  left:17px;
  top:7px;
  width:47px;
  height:36px;
  clip-path:polygon(0 0,100% 0,100% 28%,84% 28%,84% 46%,68% 46%,68% 64%,51% 64%,51% 82%,33% 82%,33% 100%,10% 100%,10% 45%,0 45%);
}
.about-nikol:before{
  left:11px;
  top:76px;
  width:13px;
  height:64px;
  background:#f3b995;
  border:3px solid var(--ink);
  clip-path:polygon(18% 0,100% 0,100% 88%,78% 88%,78% 100%,18% 100%,18% 88%,0 88%,0 12%,18% 12%);
  transform:rotate(3deg);
  transform-origin:top center;
  z-index:4;
}

/* =========================================================
   RESPONSIVE REFINEMENT AFTER FINAL CONTENT UPDATES
   ========================================================= */
@media(min-width:1401px){
  .services .sticky-title p{max-width:330px}
  .pricing .section-head>p{max-width:430px}
  .app-teaser{max-width:1700px;margin-inline:auto}
}

@media(min-width:901px) and (max-width:1200px){
  .services-grid{grid-template-columns:37% 63%}
  .sticky-title h2{font-size:52px}
  .services .sticky-title p{width:250px}
  .service{grid-template-columns:58px 1fr}
  .pricing .section-head>p{max-width:380px;padding-inline:30px}
  .price-card{padding:28px 24px}
  .price-card h3{font-size:28px}
  .app-teaser{grid-template-columns:130px minmax(250px,1fr) minmax(240px,.8fr) 88px;padding:34px 30px;gap:24px}
  .app-teaser h3{font-size:39px;translate:-55px 0}
  .app-teaser p{font-size:17px}
  .app-teaser-mark{width:78px;height:78px}
}

@media(max-width:900px){
  .services .sticky-title p{width:auto;max-width:470px}
  .services .service p{max-width:620px}
  .tags{gap:8px;flex-wrap:wrap}
  .pricing .section-head>p{align-self:stretch;max-width:560px;padding:14px 30px}
  .pricing .section-head>p:before,.pricing .section-head>p:after{font-size:64px}
  .price-grid{grid-template-columns:1fr;gap:20px}
  .price-card,.price-card.featured{min-height:0;margin-top:0!important}
  .price-card>p{min-height:0}
  .price-card.featured{margin-top:74px!important}
  .app-teaser{grid-template-columns:88px 1fr 72px;min-height:0;padding:34px 28px;gap:22px}
  .app-teaser-code{grid-column:1;grid-row:1/3}
  .app-teaser h3{grid-column:2;grid-row:1;font-size:36px;translate:0 0}
  .app-teaser p{grid-column:2;grid-row:2;font-size:17px}
  .app-teaser-mark{grid-column:3;grid-row:1/3;width:68px;height:68px;align-self:center}

  /* Keep the process as a calm responsive grid; override old fixed-width rules. */
  .pixel-stage{width:100%!important;height:auto!important;transform:none!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}

@media(max-width:600px){
  .services .sticky-title p{font-size:15px;line-height:1.65}
  .services .service p{font-size:15px;line-height:1.65}
  .services .tags i{font-size:10px;padding:7px 9px}
  .service{grid-template-columns:38px minmax(0,1fr)}
  .pricing .section-head>p{font-size:15px;line-height:1.65;padding:16px 25px;margin-top:2px}
  .pricing .section-head>p:before,.pricing .section-head>p:after{font-size:54px;transform:translateY(-50%) scaleY(1.25)}
  .price-card{padding:28px 24px}
  .price-card>p{font-size:14px;line-height:1.65}
  .price-card li,.price-card>a{font-size:13px}
  .popular{white-space:nowrap}

  .audience-card>p{translate:0 0;font-size:16px}
  .app-teaser{grid-template-columns:34px minmax(0,1fr);padding:28px 20px;gap:18px;overflow:hidden}
  .app-teaser-code{grid-column:1;grid-row:1/4;font-size:10px}
  .app-teaser h3{grid-column:2;grid-row:1;font-size:30px;translate:0 0}
  .app-teaser p{grid-column:2;grid-row:2;font-size:15px;line-height:1.6}
  .app-teaser-mark{grid-column:2;grid-row:3;width:60px;height:60px;justify-self:end;font-size:12px}

  .pixel-stage{width:100%!important;transform:none!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pixel-step:last-of-type{grid-column:1/-1}
}

@media(max-width:380px){
  .app-teaser{grid-template-columns:28px minmax(0,1fr);padding-inline:16px;gap:14px}
  .app-teaser h3{font-size:27px}
  .pricing .section-head>p{padding-inline:22px}
  .price-card{padding-inline:20px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Right shoulders connect directly to the dress */
.nikol-avatar .nikol-arm.arm-right{left:66px!important;transform-origin:left center!important}
.about-nikol .an-arm{left:58px!important;top:80px!important;transform-origin:left center!important}

/* Lift the complete left-hand About composition */
@media(min-width:901px){
  .about-avatar-scene{top:170px!important}
  .about-title{position:relative;top:-50px}
}
@media(max-width:900px){
  .about-title{position:relative;top:-50px;margin-bottom:-26px}
  .about-avatar-scene{position:relative;top:-50px!important;margin-bottom:-145px}
}
@media(max-width:600px){
  .about-avatar-scene{margin-bottom:-290px}
}

/* Portfolio YAAY character finishing */
.portfolio-yay{box-shadow:none!important}
.portfolio-yay .yay-flag{right:-106px!important}
@media(max-width:600px){.portfolio-yay .yay-flag{right:-89px!important}}

/* Seven-step website process */
.pixel-step{width:110px}
.pixel-step[data-step="0"]{left:15%}
.pixel-step[data-step="1"]{left:28%}
.pixel-step[data-step="2"]{left:41%}
.pixel-step[data-step="3"]{left:54%}
.pixel-step[data-step="4"]{left:67%}
.pixel-step[data-step="5"]{left:80%}
.pixel-step[data-step="6"]{left:93%}
.pixel-step em{font-size:9px;letter-spacing:.08em}
@media(max-width:900px){
  .pixel-stage{width:1180px!important;transform:scale(.62);margin-bottom:-75px}
}
@media(max-width:600px){
  .pixel-stage{width:1120px!important;transform:scale(.34);margin-bottom:-135px}
  .pixel-run{overflow:hidden}
}

/* Nine-step process with a little Nikol magic */
.pixel-step[data-step="0"]{left:calc(13% + 80px)}.pixel-step[data-step="1"]{left:calc(23.5% + 80px)}
.pixel-step[data-step="2"]{left:calc(34% + 80px)}.pixel-step[data-step="3"]{left:calc(44.5% + 80px)}
.pixel-step[data-step="4"]{left:calc(55% + 80px)}.pixel-step[data-step="5"]{left:calc(65.5% + 80px)}
.pixel-step[data-step="6"]{left:calc(76% + 80px)}.pixel-step[data-step="7"]{left:calc(86.5% + 80px)}
.pixel-step[data-step="8"]{left:calc(95% + 80px)}

/* Explicit process-group direction check */
.pixel-step{translate:-170px 0!important}
.pixelman{translate:-170px 0!important}

/* Equal process spacing: 110px item + approximately 40–50px air */
.pixel-step{translate:0 0!important}
.pixelman{translate:0 0!important}
.pixel-step[data-step="0"]{left:150px}.pixel-step[data-step="1"]{left:340px}
.pixel-step[data-step="2"]{left:530px}.pixel-step[data-step="3"]{left:720px}
.pixel-step[data-step="4"]{left:910px}.pixel-step[data-step="5"]{left:1100px}
.pixel-step[data-step="6"]{left:1290px}.pixel-step[data-step="7"]{left:1480px}
.pixel-step[data-step="8"]{left:1670px}

/* =========================================================
   FINAL CROSS-DEVICE RESPONSIVE AUDIT
   ========================================================= */

/* Large and regular desktops */
@media(min-width:1401px){
  .hero{padding-left:6vw;padding-right:6vw}
  .hero-copy{max-width:760px}
  .about-grid{grid-template-columns:35% 65%}
  .about-copy{max-width:940px}
  .projects{max-width:1700px;margin-inline:auto}
}

/* Smaller desktop and landscape tablet */
@media(min-width:901px) and (max-width:1200px){
  .section-pad{padding-left:5vw;padding-right:5vw}
  .hero h1{font-size:clamp(66px,7vw,84px)}
  .hero .lead{font-size:15px}
  .hero .pixel-studio{right:-5vw;transform:scale(.82);transform-origin:center}
  .about-avatar-scene{transform:scale(.72);transform-origin:left top}
  .about-copy{left:180px!important;width:calc(100% - 180px)!important}
  .about .big-copy{font-size:43px}
  .project-visual{height:430px}.visual-three{height:500px}
  .audience-card{grid-template-columns:80px 1fr .8fr;padding:46px}
  .audience-card h2{font-size:43px}
  .audience-card>p{font-size:16px}
}

/* Tablet: content first, decoration second */
@media(max-width:900px){
  .nav-wrap{height:76px}
  .hero-actions{flex-wrap:wrap}
  .about{overflow:hidden}
  .about-title{top:0;margin-bottom:24px}
  .about-avatar-scene{top:0!important;margin-top:10px}
  .about-copy{left:0!important;width:100%!important}
  .about .big-copy{max-width:720px}
  .about .stats{margin-top:65px}
  .work .section-head>p{max-width:340px}
  .portfolio-yay{--yay-scale:.72}
  .contact:before{opacity:.8}

  /* The animated desktop process becomes a readable 3×3 process map. */
  .pixel-run{padding:42px 6vw 58px;overflow:hidden}
  .pixel-run-head{padding:0!important;margin-bottom:34px}
  .pixel-stage{width:100%!important;height:auto!important;margin:0!important;transform:none!important;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}
  .track-line,.pixel-pop{display:none!important}
  .pixelman{position:absolute!important;left:auto!important;right:4px!important;top:-66px!important;translate:0 0!important;transform:scale(.58);transform-origin:right bottom;transition:none!important;opacity:.8}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{position:relative!important;left:auto!important;top:auto!important;width:auto;min-height:94px;translate:0 0!important;transform:none!important;opacity:1!important;border:1px solid #333;padding:16px 10px 13px;text-align:left}
  .pixel-step span{font-size:22px;line-height:24px;text-shadow:2px 2px 0 var(--blue)}
  .pixel-step b{position:static;display:block;margin:5px 0 8px;font-size:8px}
  .pixel-step em{margin:0;font-size:9px;white-space:normal;line-height:1.35}
}

/* Phone */
@media(max-width:600px){
  .nav-wrap{height:68px}.logo{font-size:21px}
  .hero{padding-top:96px}.hero h1{font-size:clamp(49px,15vw,62px)}
  .hero-actions{gap:17px}.hero-big-cta{min-height:72px}
  .hero .pixel-studio{margin-top:20px}
  .client-value{padding-top:68px;padding-bottom:68px}
  .value-closing{padding:18px 15px;gap:13px}

  .about{padding-top:35px;padding-bottom:68px}
  .about-title{top:0;margin-bottom:15px}
  .about-avatar-scene{top:0!important;margin-top:0;margin-bottom:-245px}
  .about .big-copy{font-size:34px;line-height:1.12}
  .about .body-columns{gap:0}.about .body-columns p{font-size:15px}
  .about .stats{margin-top:50px}

  .work{padding-top:72px;padding-bottom:76px}
  .work .section-head{margin-bottom:46px}.work .section-head>p{font-size:13px}
  .projects{gap:44px}.project-kontakt{margin-top:64px}
  .project-shot{height:330px}.visual-three{height:330px}
  .portfolio-yay{--yay-scale:.58;right:45px;top:-66px}

  .services{padding-top:72px;padding-bottom:38px}
  .service{padding:24px 0}.service h3{font-size:23px}
  .audience{padding-bottom:68px}.audience-card{padding:30px 22px}
  .audience-card h2{font-size:34px}.audience-card>p{font-size:15px}

  .pixel-run{padding:34px 22px 48px}
  .pixel-run-head{margin-bottom:26px}.pixel-run-head p{font-size:8px}
  .pixel-stage{grid-template-columns:repeat(2,1fr);gap:10px}
  .pixelman{display:none!important}
  .pixel-step,.pixel-step.eaten{min-height:82px;padding:12px 10px}
  .pixel-step span{font-size:18px}.pixel-step b{margin:3px 0 6px}.pixel-step em{font-size:8px}
  .pixel-step:last-of-type{grid-column:1/-1;text-align:center;min-height:68px}

  .pricing{padding-top:58px;padding-bottom:72px}
  .pricing .section-head{margin-bottom:52px}
  .price-card.featured{margin-top:72px!important}
  .contact{padding-top:72px;padding-bottom:78px}
  .contact:before{opacity:.55}
  .contact-form{background:rgba(255,79,163,.7)}
  footer{padding-top:52px}
}

@media(max-width:380px){
  .hero h1{font-size:48px}
  .about .big-copy{font-size:31px}
  .project-shot,.visual-three{height:305px}
  .audience-card h2{font-size:31px}
}
@media(max-width:900px){.pixel-stage{width:1480px!important}}
@media(max-width:600px){.pixel-stage{width:1440px!important;transform:scale(.27);margin-bottom:-150px}}

/* Larger supporting copy in the audience banner */
.audience-card>p{font-size:calc(14px + 5pt);line-height:1.65}
@media(max-width:900px){.audience-card>p{font-size:18px}}
@media(max-width:600px){.audience-card>p{font-size:16px}}

/* Čo tvorím — jemne väčšia sprievodná typografia */
.services .sticky-title p{font-size:calc(14px + 1pt)}
.services .service p{font-size:calc(14px + 1pt)}
.services .tags i{font-size:calc(9px + 2pt)}

/* Cenník — väčšie podtexty bez zmeny rozmerov kariet a rozloženia */
.pricing .section-head>p{font-size:calc(14px + 1pt);position:relative;padding:14px 34px;color:var(--ink)}
.pricing .section-head>p:before,.pricing .section-head>p:after{position:absolute;top:50%;transform:translateY(-50%) scaleY(1.45);color:var(--orange);font:400 72px/1 Georgia,serif}
.pricing .section-head>p:before{content:"{";left:0}
.pricing .section-head>p:after{content:"}";right:0}
.pricing .price-card>p{font-size:calc(13px + 1pt)}
.pricing .price-card li{font-size:calc(12px + 1pt)}
.pricing .price-card>a{font-size:calc(12px + 1pt)}

/* Čo tvorím — swapped hierarchy, both characters twice as large */
@media(min-width:901px){
  .ap-services{transform:scale(2)!important;left:13%;top:57%}
  .ap-services-two{transform:scale(4)!important;left:27%;top:58%}
  .ap-services em{font-size:8px;top:-31px;padding:7px 9px}
  .ap-services-two em{
    top:-52px;
    background:#fff;
    color:var(--ink);
    border:1px solid var(--ink);
    box-shadow:3px 3px 0 var(--ink);
    font:800 24px/1 var(--mono);
    letter-spacing:.04em;
    padding:10px 14px;
    transform:translateX(-50%) scale(.25)!important;
    transform-origin:center bottom;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
  .ap-services-two em:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:12px;
    height:12px;
    background:#fff;
    border-right:2px solid var(--ink);
    border-bottom:2px solid var(--ink);
    transform:translateX(-50%) rotate(45deg);
  }
}
@media(min-width:901px){.about{padding-top:10px}}

/* About Nikol uses the same simplified limb language as the hero avatar */
.about-nikol .an-arm{
  left:66px;
  top:82px;
  width:48px;
  height:8px;
  padding:0;
  background:var(--ink);
  border:0;
  transform:rotate(-10deg);
  transform-origin:left center;
  z-index:4;
}
.about-nikol:before{
  content:"";
  position:absolute;
  left:21px;
  top:78px;
  width:46px;
  height:8px;
  padding:0;
  background:var(--ink);
  border:0;
  clip-path:none;
  transform:rotate(96deg);
  transform-origin:left center;
  filter:none;
  z-index:4;
}

/* Final cascade guard for the responsive process layout */
@media(max-width:900px){
  .pixel-stage{width:100%!important;height:auto!important;margin:0!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:600px){
  .pixel-stage{width:100%!important;transform:none!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .pixel-step:last-of-type{grid-column:1/-1}
}

/* Device-specific polish requested after real viewport review */
.price-dots{display:none}

@media(min-width:1100px) and (max-width:1320px) and (max-height:850px){
  .hero-actions{flex-direction:column;align-items:flex-start;gap:18px}
  .hero .text-link{margin-left:4px}
  .value-closing>span{white-space:normal;max-width:190px;line-height:1.55}
  .value-closing>span::first-line{display:block}
}

/* Device mockups retain realistic proportions rather than stretching vertically. */
.phone-preview{height:auto;aspect-ratio:9/18.5;bottom:5%}
.phone-preview img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center}
.phone-preview>i{z-index:4}
.desktop-preview img{object-fit:cover!important;object-position:top center}

@media(max-width:900px){
  .stats{grid-template-columns:repeat(3,1fr);margin-top:55px}
  .stats div{padding:24px 16px;border-right:1px solid var(--line);border-bottom:0;text-align:center;align-items:center}
  .stats div:last-child{border-right:0}.stats strong{font-size:38px}.stats span{font-size:8px}

  .work .section-head{position:relative}
  .portfolio-yay{right:4%;top:18px;transform:scale(.65);transform-origin:right top;animation:none}
  .project-visual{height:auto!important;aspect-ratio:16/10}
  .desktop-preview{left:4%;top:8%;width:82%;height:78%}
  .phone-preview{right:4%;width:18%;height:auto;aspect-ratio:9/18.5;bottom:5%}

  /* Zig-zag process: all steps remain, while the character follows the same path. */
  .pixel-run{padding:48px 6vw 65px}
  .pixel-stage{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 16px!important;padding:10px 0;overflow:visible!important}
  .pixel-stage:before{content:"";position:absolute;inset:42px 8% 42px;background:linear-gradient(135deg,transparent 47%,rgba(199,255,67,.32) 48% 52%,transparent 53%) 0 0/33.333% 50%;pointer-events:none}
  .pixel-step{background:var(--ink);z-index:2;box-shadow:4px 4px 0 var(--blue)}
  .pixel-step:nth-of-type(even){transform:translateY(38px)!important}
  .pixelman{display:block!important;position:absolute!important;right:auto!important;left:-55px!important;top:0!important;transform:scale(.55)!important;transform-origin:center!important;opacity:1!important;z-index:5;transition:left .65s ease,top .65s ease!important;pointer-events:none}

  /* Pricing becomes a touch carousel; neighbouring cards remain visible. */
  .pricing{overflow:hidden}
  .pricing .section-head>p{max-width:380px;line-height:1.55;padding:18px 27px}
  .pricing .section-head>p:before,.pricing .section-head>p:after{font-size:61px}
  .price-grid{display:flex!important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:88px 8vw 25px;margin-inline:-5vw;scroll-padding-inline:8vw;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}
  .price-grid::-webkit-scrollbar{display:none}
  .price-card,.price-card.featured{flex:0 0:min(76vw,500px);scroll-snap-align:center;margin:0!important;min-height:520px}
  .price-card.featured{margin:0!important}
  .banner-pixel,.price-card.featured .popular{animation:pricingBob 3.4s ease-in-out infinite}
  .price-dots{display:flex;justify-content:center;gap:9px;margin-top:8px}
  .price-dots button{width:9px;height:9px;padding:0;border:1px solid var(--ink);background:transparent;cursor:pointer;transform:rotate(45deg)}
  .price-dots button.active{background:var(--pink)}

  .app-teaser-code{align-self:start;translate:0 -5px}
  .contact{grid-template-columns:1fr;gap:48px;padding-top:86px;padding-bottom:92px}
  .contact-intro{max-width:620px}.contact:before{top:48%;height:49%;width:92%;right:-6%}
  .contact-form{width:100%;max-width:680px;margin-left:auto}
}

@media(max-width:600px){
  /* Calm but recognisable hero studio on phones. */
  .hero{min-height:940px;height:auto;padding-bottom:25px}
  .hero .pixel-studio{width:570px;height:520px;margin:24px 0 -155px;left:50%;right:auto;top:auto;transform:translateX(-50%) scale(.55);opacity:.92}
  .pixel-studio .crew-motion,.pixel-studio .crew-design,.pixel-studio .studio-status,.pixel-studio .code-cloud{display:none!important}
  .pixel-studio .build-window{width:72%;height:55%;left:18%;top:8%}
  .pixel-studio .nikol-avatar{left:5%;bottom:5%}

  .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px -6vw 0;border-color:var(--ink);background:var(--ink);color:white}
  .stats div{padding:16px 6px;border-color:#45454d;justify-content:center;min-width:0}
  .stats strong{font-size:27px;color:var(--lime)}.stats span{font-size:7px;line-height:1.35;letter-spacing:.04em}

  .work .section-head{padding-right:88px;margin-bottom:44px}
  .portfolio-yay{right:3px;top:32px;transform:scale(.48);z-index:3}
  .work .section-head>p{padding-right:0;margin-top:18px}
  .projects{gap:46px}.project-kontakt{margin-top:0}
  .project-visual{aspect-ratio:4/3;height:auto!important}
  .desktop-preview{left:4%;top:9%;width:84%;height:75%;box-shadow:7px 8px 0 rgba(13,13,16,.22)}
  .desktop-preview>i{height:13px}.desktop-preview img{height:calc(100% - 13px)!important}
  .phone-preview{right:3%;width:20%;border-width:3px;border-radius:10px;box-shadow:5px 6px 0 rgba(13,13,16,.28)}

  .app-teaser-code{translate:0 -8px}

  .pixel-run{padding:42px 20px 58px}
  .pixel-run-head{margin-bottom:28px}
  .pixel-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important;padding-bottom:12px}
  .pixel-stage:before{inset:36px 12% 38px;background:linear-gradient(135deg,transparent 46%,rgba(199,255,67,.3) 47% 53%,transparent 54%) 0 0/50% 33.333%}
  .pixel-step{min-height:86px!important;padding:12px 10px!important}
  .pixel-step:nth-of-type(even){transform:translateY(24px)!important}
  .pixel-step:last-of-type{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
  .pixelman{display:block!important;transform:scale(.43)!important;left:-45px!important;top:0!important}

  .pricing .section-head>p{max-width:310px;font-size:14px;padding:18px 23px;line-height:1.55}
  .pricing .section-head>p:before,.pricing .section-head>p:after{font-size:55px}
  .price-grid{padding:72px 12vw 22px;margin-inline:-6vw;scroll-padding-inline:12vw;gap:14px}
  .price-card,.price-card.featured{flex-basis:78vw;min-height:500px;padding:27px 23px}
  .banner-pixel{transform:scale(1)!important;right:18px;top:-52px}
  .price-card.featured .popular{right:-2px;top:-101px}

  .contact{gap:38px;padding-top:72px;padding-bottom:80px}
  .contact-intro h2{font-size:44px}.contact-intro p{font-size:15px}
  .contact:before{top:50%;height:47%;right:-9%;width:104%;transform:rotate(-3deg)}
  .contact-form{padding:20px 16px 22px;background:rgba(255,79,163,.78)}
  .contact-form input,.contact-form select,.contact-form textarea{font-size:16px}
}

@media(max-width:380px){
  .hero .pixel-studio{transform:translateX(-50%) scale(.5);margin-bottom:-175px}
  .stats strong{font-size:24px}.stats span{font-size:6.5px}
  .work .section-head{padding-right:72px}.portfolio-yay{transform:scale(.42)}
  .price-card,.price-card.featured{flex-basis:82vw}
  .contact-intro h2{font-size:40px}
}

/* Correct tablet/phone interpretation: continuous zig-zag track + full-width carousel */
.portfolio-yay-compact{display:none}

@media(max-width:900px){
  .portfolio-yay-project{display:none!important}
  .work .section-head>div{position:relative}
  .portfolio-yay-compact{display:block!important;right:-70px!important;top:38px!important;transform:scale(.42)!important;transform-origin:left top!important;animation:none!important;z-index:3}
  .portfolio-yay-compact .yay-flag{right:-106px!important}

  /* One continuous zig-zag line, with each item sitting on its next vertex. */
  .pixel-run{padding:48px 5vw 70px;overflow:hidden}
  .pixel-stage{display:block!important;position:relative!important;width:100%!important;max-width:680px;height:620px!important;margin:0 auto!important;padding:0!important;overflow:visible!important;background:none}
  .pixel-stage:before{display:none!important}
  .track-line{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:none!important;border:0!important;opacity:1!important}
  .track-line:before{content:"";position:absolute;inset:58px 25px;background:linear-gradient(27deg,transparent 48.5%,var(--lime) 49% 51%,transparent 51.5%) 0 0/25% 50%,linear-gradient(-27deg,transparent 48.5%,var(--lime) 49% 51%,transparent 51.5%) 12.5% 0/25% 50%;filter:drop-shadow(2px 2px 0 rgba(112,104,255,.7));z-index:0}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{position:absolute!important;width:84px!important;min-height:78px!important;padding:11px 8px!important;translate:-50% -50%!important;transform:none!important;opacity:1!important;text-align:center!important;background:var(--ink)!important;z-index:2!important;box-shadow:4px 4px 0 var(--blue)}
  .pixel-step span{font-size:18px}.pixel-step b{margin:2px 0 5px}.pixel-step em{font-size:7.5px;white-space:normal}
  .pixel-step[data-step="0"]{left:8%!important;top:76%!important}
  .pixel-step[data-step="1"]{left:19%!important;top:24%!important}
  .pixel-step[data-step="2"]{left:30%!important;top:76%!important}
  .pixel-step[data-step="3"]{left:41%!important;top:24%!important}
  .pixel-step[data-step="4"]{left:52%!important;top:76%!important}
  .pixel-step[data-step="5"]{left:63%!important;top:24%!important}
  .pixel-step[data-step="6"]{left:74%!important;top:76%!important}
  .pixel-step[data-step="7"]{left:85%!important;top:24%!important}
  .pixel-step[data-step="8"]{left:96%!important;top:76%!important}
  .pixelman{display:block!important;position:absolute!important;left:-55px!important;top:72%!important;right:auto!important;translate:0 0!important;transform:scale(.52)!important;transform-origin:center!important;opacity:1!important;z-index:5!important;transition:left .65s ease,top .65s ease!important}

  /* True one-card-per-view carousel. */
  .price-grid{display:flex!important;width:calc(100% + 10vw)!important;margin-inline:-5vw!important;padding:88px 5vw 26px!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:5vw!important}
  .price-card,.price-card.featured{flex:0 0 calc(100vw - 10vw)!important;width:calc(100vw - 10vw)!important;max-width:none!important;min-height:0!important;margin:0!important;scroll-snap-align:start!important}

  /* Contact is clean on touch devices. */
  .contact:before,.ap-contact{display:none!important}
}

@media(max-width:600px){
  .portfolio-yay-compact{right:-56px!important;top:40px!important;transform:scale(.34)!important}
  .pixel-stage{height:720px!important;max-width:350px}
  .track-line:before{inset:55px 14px;background:linear-gradient(38deg,transparent 48%,var(--lime) 49% 51%,transparent 52%) 0 0/50% 25%,linear-gradient(-38deg,transparent 48%,var(--lime) 49% 51%,transparent 52%) 25% 0/50% 25%}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{width:76px!important;min-height:72px!important;padding:9px 6px!important}
  .pixel-step[data-step="0"]{left:10%!important;top:82%!important}
  .pixel-step[data-step="1"]{left:20%!important;top:18%!important}
  .pixel-step[data-step="2"]{left:30%!important;top:82%!important}
  .pixel-step[data-step="3"]{left:40%!important;top:18%!important}
  .pixel-step[data-step="4"]{left:50%!important;top:82%!important}
  .pixel-step[data-step="5"]{left:60%!important;top:18%!important}
  .pixel-step[data-step="6"]{left:70%!important;top:82%!important}
  .pixel-step[data-step="7"]{left:80%!important;top:18%!important}
  .pixel-step[data-step="8"]{left:90%!important;top:82%!important}
  .pixelman{transform:scale(.43)!important}
  .price-grid{width:calc(100% + 12vw)!important;margin-inline:-6vw!important;padding:72px 6vw 22px!important;scroll-padding-inline:6vw!important}
  .price-card,.price-card.featured{flex-basis:88vw!important;width:88vw!important}
}

/* Definitive touch layouts */
.zigzag-track{display:none}
@media(max-width:900px){
  /* Process: one clean line and labels anchored directly to its vertices. */
  .pixel-stage{display:block!important;height:430px!important;max-width:760px!important;overflow:visible!important}
  .track-line{display:none!important}
  .zigzag-track{display:block;position:absolute;inset:24px 0 32px;width:100%;height:calc(100% - 56px);overflow:visible;z-index:0}
  .zigzag-track polyline{fill:none;stroke:var(--lime);stroke-width:9;stroke-linecap:square;stroke-linejoin:miter;filter:drop-shadow(4px 4px 0 var(--blue));vector-effect:non-scaling-stroke}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{width:72px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:white!important;translate:-50% -50%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center}
  .pixel-step:before{content:"";width:19px;height:19px;background:var(--pink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--blue);order:0;margin-bottom:7px}
  .pixel-step span{display:none!important}.pixel-step b{order:1;margin:0 0 3px!important;color:var(--lime);font-size:8px!important}.pixel-step em{order:2;color:white;background:var(--ink);padding:5px 6px;font-size:7px!important;line-height:1.15;white-space:nowrap!important}
  .pixel-step[data-step="0"]{left:3.5%!important;top:83.3%!important}.pixel-step[data-step="1"]{left:15%!important;top:16.7%!important}
  .pixel-step[data-step="2"]{left:26.5%!important;top:83.3%!important}.pixel-step[data-step="3"]{left:38%!important;top:16.7%!important}
  .pixel-step[data-step="4"]{left:49.5%!important;top:83.3%!important}.pixel-step[data-step="5"]{left:61%!important;top:16.7%!important}
  .pixel-step[data-step="6"]{left:72.5%!important;top:83.3%!important}.pixel-step[data-step="7"]{left:84%!important;top:16.7%!important}
  .pixel-step[data-step="8"]{left:96.5%!important;top:83.3%!important}
  .pixelman{display:block!important;left:-60px!important;top:76%!important;transform:scale(.48)!important;transition:left .7s ease,top .7s ease!important}

  /* Mirka-style depth carousel: centre card forward, neighbours behind. */
  .pricing{overflow:hidden}
  .price-grid{position:relative!important;display:block!important;width:100%!important;height:590px!important;margin:0!important;padding:78px 0 20px!important;overflow:visible!important;perspective:1100px}
  .price-card,.price-card.featured{position:absolute!important;left:50%!important;top:78px!important;width:min(76vw,520px)!important;height:480px!important;min-height:480px!important;margin:0!important;overflow:visible;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .45s,filter .45s!important;transform-origin:center center;pointer-events:none;z-index:1}
  .price-card[data-position="active"]{transform:translateX(-50%) translateZ(80px) scale(1)!important;opacity:1;filter:none;z-index:3;pointer-events:auto}
  .price-card[data-position="prev"]{transform:translateX(-92%) translateY(25px) rotateY(13deg) scale(.82)!important;opacity:.52;filter:saturate(.7) brightness(.83);z-index:1}
  .price-card[data-position="next"]{transform:translateX(-8%) translateY(25px) rotateY(-13deg) scale(.82)!important;opacity:.52;filter:saturate(.7) brightness(.83);z-index:2}
  .price-card.featured .popular,.price-card.featured .banner-pixel{transition:opacity .3s}
  .price-card.featured:not([data-position="active"]) .popular,.price-card.featured:not([data-position="active"]) .banner-pixel{opacity:.6}
  .price-dots{position:relative;z-index:5;margin-top:2px}
}

@media(max-width:600px){
  .pixel-stage{height:390px!important;max-width:360px!important}
  .zigzag-track{inset:30px 0 34px;height:calc(100% - 64px)}
  .zigzag-track polyline{stroke-width:7}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{width:55px!important}
  .pixel-step:before{width:14px;height:14px;border-width:2px;margin-bottom:5px}
  .pixel-step em{font-size:5.8px!important;padding:4px 3px;letter-spacing:0}
  .pixel-step b{font-size:6.5px!important}
  .pixelman{transform:scale(.38)!important}
  .price-grid{height:570px!important;padding-top:70px!important}
  .price-card,.price-card.featured{top:70px!important;width:82vw!important;height:470px!important;min-height:470px!important;padding:25px 21px}
  .price-card[data-position="prev"]{transform:translateX(-96%) translateY(22px) rotateY(10deg) scale(.78)!important}
  .price-card[data-position="next"]{transform:translateX(-4%) translateY(22px) rotateY(-10deg) scale(.78)!important}
}

/* Final reference match: Mirka Balance carousel + vertical folded desktop process */
@media(max-width:900px){
  /* Preserve the original desktop step design, only fold its direction vertically. */
  .pixel-run{padding:48px 5vw 72px}
  .pixel-stage{display:block!important;position:relative!important;width:min(100%,520px)!important;height:940px!important;margin:28px auto 0!important;overflow:visible!important}
  .zigzag-track{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
  .zigzag-track polyline{fill:none;stroke:#555;stroke-width:3;stroke-dasharray:7 8;stroke-linecap:square;stroke-linejoin:miter;filter:none;vector-effect:non-scaling-stroke}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{position:absolute!important;width:110px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;display:block!important;translate:-50% -50%!important;transform:none!important;opacity:1!important;color:white!important;z-index:2!important}
  .pixel-step:before{display:none!important}
  .pixel-step span{display:block!important;color:var(--lime)!important;font-size:31px!important;line-height:35px!important;text-shadow:3px 3px 0 var(--blue)!important}
  .pixel-step b{position:absolute!important;top:-22px!important;left:50%!important;translate:-50% 0;color:#777!important;font:8px var(--mono)!important;margin:0!important}
  .pixel-step em{display:block!important;margin-top:45px!important;padding:0!important;background:transparent!important;color:#aaa!important;font:10px var(--mono)!important;font-style:normal!important;letter-spacing:.1em!important;line-height:1.25!important;white-space:normal!important}
  .pixel-step[data-step="0"]{left:19.4%!important;top:3.5%!important}.pixel-step[data-step="1"]{left:80.6%!important;top:15%!important}
  .pixel-step[data-step="2"]{left:19.4%!important;top:26.5%!important}.pixel-step[data-step="3"]{left:80.6%!important;top:38%!important}
  .pixel-step[data-step="4"]{left:19.4%!important;top:49.5%!important}.pixel-step[data-step="5"]{left:80.6%!important;top:61%!important}
  .pixel-step[data-step="6"]{left:19.4%!important;top:72.5%!important}.pixel-step[data-step="7"]{left:80.6%!important;top:84%!important}
  .pixel-step[data-step="8"]{left:19.4%!important;top:96.5%!important}
  .pixelman{display:block!important;position:absolute!important;left:calc(19.4% - 30px)!important;top:-70px!important;right:auto!important;width:69px!important;height:69px!important;translate:0 0!important;transform:scale(.72)!important;opacity:1!important;transition:left .7s cubic-bezier(.6,0,.3,1),top .7s cubic-bezier(.6,0,.3,1)!important;z-index:5!important}

  /* Exact visual principle from the supplied Mirka Balance screenshots. */
  .price-grid{height:610px!important;padding-top:75px!important;perspective:none!important;overflow:visible!important}
  .price-card,.price-card.featured{top:75px!important;left:50%!important;width:min(74vw,500px)!important;height:500px!important;min-height:500px!important;transform-origin:center!important;border-color:var(--ink);box-shadow:0 18px 34px rgba(13,13,16,.12);transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .45s!important}
  .price-card[data-position="active"]{transform:translateX(-50%) scale(1)!important;opacity:1!important;filter:none!important;z-index:3!important}
  .price-card[data-position="prev"]{transform:translateX(-118%) scale(.91)!important;opacity:.34!important;filter:saturate(.75)!important;z-index:1!important}
  .price-card[data-position="next"]{transform:translateX(18%) scale(.91)!important;opacity:.34!important;filter:saturate(.75)!important;z-index:1!important}
}

@media(max-width:600px){
  .pixel-stage{width:min(100%,330px)!important;height:820px!important}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{width:92px!important}
  .pixel-step span{font-size:26px!important;line-height:30px!important}
  .pixel-step em{font-size:8px!important;margin-top:38px!important}
  .pixelman{transform:scale(.58)!important}
  .price-grid{height:585px!important;padding-top:70px!important}
  .price-card,.price-card.featured{top:70px!important;width:78vw!important;height:480px!important;min-height:480px!important}
  .price-card[data-position="prev"]{transform:translateX(-122%) scale(.9)!important}
  .price-card[data-position="next"]{transform:translateX(22%) scale(.9)!important}
}

/* More compact vertical process */
@media(max-width:900px){
  .pixel-run{padding-top:44px;padding-bottom:58px}
  .pixel-stage{width:min(82%,430px)!important;height:720px!important;margin-top:20px!important}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{width:100px!important}
  .pixel-step span{font-size:28px!important;line-height:31px!important}
  .pixel-step em{margin-top:38px!important;font-size:8.5px!important}
  .pixelman{transform:scale(.64)!important}
}
@media(max-width:600px){
  .pixel-run{padding-top:38px;padding-bottom:50px}
  .pixel-stage{width:min(82%,290px)!important;height:640px!important;margin-top:16px!important}
  .pixel-step,.pixel-step.eaten,.pixel-step.respawn{width:82px!important}
  .pixel-step span{font-size:23px!important;line-height:27px!important}
  .pixel-step em{margin-top:33px!important;font-size:7.2px!important}
  .pixelman{transform:scale(.52)!important}
}

/* Carousel controls, contained CTAs and accurate pixelman eating */
.price-carousel-wrap{position:relative}
.price-swipe{display:none}
@media(max-width:900px){
  .price-carousel-wrap{position:relative;margin-inline:-5vw}
  .price-carousel-wrap .price-grid{margin-inline:0!important}
  .price-dots{display:none!important}
  .price-swipe{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:8;border:0;background:var(--ink);color:var(--lime);padding:11px 8px;align-items:center;gap:5px;font:700 9px var(--mono);letter-spacing:.08em;cursor:pointer;box-shadow:4px 4px 0 var(--pink)}
  .price-swipe span{writing-mode:vertical-rl}
  .price-swipe-prev{left:5px}.price-swipe-next{right:5px}
  .price-grid{height:640px!important}
  .price-card,.price-card.featured{height:530px!important;min-height:530px!important;display:flex;flex-direction:column}
  .price-card ul{margin-bottom:20px}
  .price-card>a{margin-top:auto;min-height:54px;padding:15px 17px;border:0!important;background:var(--blue);color:white!important;font-size:14px!important;font-weight:800;align-items:center;box-shadow:5px 5px 0 var(--ink)}
  .price-card:first-child>a{background:var(--orange);color:var(--ink)!important}
  .price-card.featured>a{background:var(--lime);color:var(--ink)!important;box-shadow:5px 5px 0 var(--pink)}
  .price-card:last-child>a{background:var(--pink);color:var(--ink)!important}

  .pixel-step.eaten{opacity:0!important;transform:scale(.1) rotate(35deg)!important;transition:opacity .2s,transform .35s!important}
}
@media(max-width:600px){
  .price-carousel-wrap{margin-inline:-6vw}
  .price-swipe{padding:9px 6px;font-size:7px}.price-swipe-prev{left:2px}.price-swipe-next{right:2px}
  .price-grid{height:620px!important}
  .price-card,.price-card.featured{height:520px!important;min-height:520px!important}
  .price-card>a{min-height:50px;padding:13px 15px;font-size:13px!important}
}

/* Cleaner carousel controls and better vertical fit inside pricing cards */
@media(max-width:900px){
  .price-swipe{width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid rgba(13,13,16,.35);border-radius:50%;background:rgba(247,246,242,.88);color:var(--ink);box-shadow:none;font:22px/1 var(--mono);backdrop-filter:blur(5px)}
  .price-swipe span{display:none}
  .price-swipe-prev{left:12px}.price-swipe-next{right:12px}
  .price-card h3{margin:17px 0 8px}
  .price-card>p{margin:0;line-height:1.55;min-height:0!important}
  .price-card strong{margin:16px 0 12px;font-size:27px}
  .price-card ul{padding:13px 0;margin:0 0 14px}
  .price-card li{padding:5px 0}
}
@media(max-width:600px){
  .price-swipe{width:30px;height:30px;font-size:19px}
  .price-swipe-prev{left:6px}.price-swipe-next{right:6px}
  .price-card h3{margin:15px 0 7px;font-size:27px}
  .price-card>p{font-size:13px;line-height:1.5}
  .price-card strong{margin:14px 0 10px;font-size:25px}
  .price-card ul{padding:11px 0;margin-bottom:12px}
  .price-card li{padding:4px 0;font-size:12px}
}

/* Phone stats keep the original desktop/tablet visual, only in one compact row */
@media(max-width:600px){
  .about .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px -6vw 0;background:transparent;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .about .stats div{padding:18px 7px;border-right:1px solid var(--line);border-bottom:0;text-align:center;align-items:center;background:transparent}
  .about .stats div:last-child{border-right:0}
  .about .stats strong{font-size:27px;color:var(--ink)}
  .about .stats span{font-size:7px;line-height:1.35;color:var(--ink)}
}

/* Keep the orange helper visible in the simplified phone hero scene */
@media(max-width:600px){
  .pixel-studio .crew-motion{display:block!important;right:auto!important;left:68%!important;bottom:12%!important}
}

/* Refined tablet and phone navigation overlay */
@media(max-width:900px){
  .menu{position:relative;z-index:3;padding:8px;margin:-8px;cursor:pointer}
  .menu span{width:23px;height:2px;margin:5px 0;transition:transform .25s ease,opacity .2s ease}
  .nav-wrap.open{height:100dvh;min-height:100dvh;padding:25px 6vw 32px;background:rgba(247,246,242,.98);backdrop-filter:blur(14px);overflow:hidden}
  .nav-wrap.open:after{content:"{ MENU / NIKOLWEB }";position:absolute;left:6vw;bottom:28px;color:var(--blue);font:9px var(--mono);letter-spacing:.12em}
  .nav-wrap.open nav{display:flex;position:absolute;top:105px;left:6vw;right:6vw;gap:0;border-top:1px solid var(--line)}
  .nav-wrap.open nav a{position:relative;padding:17px 8px 17px 39px;border-bottom:1px solid var(--line);font-size:clamp(20px,4vw,26px);font-weight:650;letter-spacing:-.035em;line-height:1.1;transition:padding-left .2s,color .2s,background .2s}
  .nav-wrap.open nav a:before{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--pink);font:8px var(--mono)}
  .nav-wrap.open nav a:nth-child(1):before{content:"01"}.nav-wrap.open nav a:nth-child(2):before{content:"02"}.nav-wrap.open nav a:nth-child(3):before{content:"03"}.nav-wrap.open nav a:nth-child(4):before{content:"04"}
  .nav-wrap.open nav a:hover,.nav-wrap.open nav a:focus-visible{padding-left:47px;color:var(--blue);background:rgba(199,255,67,.18)}
}
@media(max-width:600px){
  .nav-wrap.open nav{top:92px}
  .nav-wrap.open nav a{padding-top:15px;padding-bottom:15px;font-size:21px}
}

/* Tighter spacing around the About portrait composition */
@media(max-width:900px){
  .client-value{padding-bottom:48px}
  .about-avatar-scene{margin-bottom:-165px!important}
}
@media(max-width:600px){
  .client-value{padding-bottom:48px}
  .about-avatar-scene{margin-bottom:-310px!important}
}

/* Pricing note sits beneath the cards; cards move closer to the heading */
.pricing .section-head{margin-bottom:20px}
.pricing-note{position:relative;width:min(430px,100%);margin:12px 0 0 auto;padding:14px 34px;font-size:calc(14px + 1pt);line-height:1.65;color:var(--ink)}
.pricing-note:before,.pricing-note:after{position:absolute;top:50%;transform:translateY(-50%) scaleY(1.45);color:var(--orange);font:400 72px/1 Georgia,serif}
.pricing-note:before{content:"{";left:0}.pricing-note:after{content:"}";right:0}
@media(max-width:900px){
  .pricing .section-head{margin-bottom:-10px}
  .pricing-note{margin:2px auto 0;max-width:380px}
  .pricing-note:before,.pricing-note:after{font-size:61px}
}
@media(max-width:600px){
  .pricing .section-head{margin-bottom:-12px}
  .pricing-note{margin-top:0;max-width:310px;padding:18px 23px;font-size:14px;line-height:1.55}
  .pricing-note:before,.pricing-note:after{font-size:55px;transform:translateY(-50%) scaleY(1.25)}
}

/* Phone hero: tighter space around Scroll to discover */
@media(max-width:600px){
  .hero{min-height:0!important;padding-bottom:10px!important}
  .hero .pixel-studio{margin-bottom:-245px!important}
  .hero-bottom{margin-top:5px!important;margin-bottom:15px}
}

/* Three compact service tags remain on one row on phones */
@media(max-width:600px){
  .services .tags{display:flex;flex-wrap:nowrap;gap:4px;width:100%;overflow:visible}
  .services .tags i{flex:1 1 0;min-width:0;padding:6px 3px;font-size:7px;letter-spacing:-.035em;text-align:center;white-space:nowrap}
}

/* Compact horizontal process for 1280 × 800 class laptops */
@media(min-width:901px) and (max-width:1320px) and (max-height:850px){
  .pixel-run{padding-top:34px;padding-bottom:22px}
  .pixel-run-head{margin-bottom:0}
  .pixel-stage{width:1900px!important;height:190px!important;margin-top:8px!important;transform:scale(.61)!important;transform-origin:left top!important;margin-bottom:-66px!important}
  .pixelman{transform:scale(.72)!important;transform-origin:center!important}
  .pixel-step{transform:scale(.88)!important;transform-origin:center!important}
}

/* YAAY helper always sits after, never over, the portfolio heading */
@media(max-width:900px){
  .work .section-head>div{width:fit-content;max-width:calc(100% - 74px)}
  .portfolio-yay-compact{left:calc(100% + 12px)!important;right:auto!important;top:38px!important;transform:scale(.3)!important;transform-origin:left top!important}
}
@media(max-width:600px){
  .work .section-head{padding-right:0!important}
  .work .section-head>div{max-width:calc(100% - 58px)}
  .portfolio-yay-compact{left:calc(100% + 7px)!important;right:auto!important;top:39px!important;transform:scale(.25)!important}
}

/* Fast GPU-composited rocket cursor with the hotspot at its tip */
@media(pointer:fine){
  .rocket-cursor{left:0!important;top:0!important;will-change:transform;contain:layout style paint;transform:translate3d(-100px,-100px,0) rotate(-42deg);transition:none!important;filter:none!important}
}

/* Final mobile alignment for the Signature card character and banner */
@media(max-width:900px){.banner-pixel{top:3px!important}.price-card.featured .popular{top:-78px!important}}
@media(max-width:600px){.banner-pixel{top:16px!important}.price-card.featured .popular{top:-29px!important}}