:root{--bg:#101113;--panel:#17191c;--text:#f4f3ef;--muted:#a0a2a3;--line:#303235;--lime:#c6fb4d;--blue:#718cff;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:5;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.top{height:80px;padding:0 5.5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:3rem}.brand{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#111;border-radius:50%;font-size:15px;letter-spacing:0}.brand-dot,.accent{color:var(--lime)}.nav{display:flex;gap:2rem;margin:auto}.nav a,.top-note{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{content:'';height:2px;background:var(--lime);display:block;margin-top:6px}.top-note{margin-left:auto}.menu-toggle{display:none;background:transparent;color:var(--text);border:0;font-size:24px}.hero{min-height:calc(100vh - 80px);padding:8vh 5.5vw 26px;display:flex;flex-direction:column;justify-content:space-between}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4vw;max-width:1440px;width:100%;margin:auto}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.13em;color:var(--muted);margin:0 0 25px}.pulse{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 14px #c6fb4d80}.hero h1,.page-intro h1,.detail-hero h1{font-size:clamp(48px,6.4vw,94px);line-height:1.02;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1{font-size:clamp(48px,4.5vw,72px)}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:clamp(17px,1.55vw,20px);line-height:1.65;color:#c0c1bf;max-width:570px;margin:28px 0 0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.hero-note{max-width:320px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 20px;font-size:13px;font-weight:700}.button-bright{background:var(--lime);color:#111}.button-bright span,.button-outline span{font-size:18px}.button-outline{border:1px solid #666;color:var(--text)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.text-link span{color:var(--lime)}.hero-art{height:min(56vw,580px);min-height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 50%,#252a32 0,#171a1e 38%,#121315 73%);border:1px solid #292b2e}.orbit{position:absolute;border:1px solid #73798555;border-radius:50%;width:76%;height:57%;left:12%;top:22%;transform:rotate(-28deg)}.orbit-two{width:93%;height:36%;left:4%;top:31%;transform:rotate(37deg);border-color:#c6fb4d55}.orb{position:absolute;border-radius:50%}.orb-main{width:37%;aspect-ratio:1;left:31%;top:31%;background:radial-gradient(circle at 32% 28%,#c9ff69,#729336 40%,#222c1a 75%);box-shadow:0 0 90px #a7e14344,inset -18px -18px 40px #080a08}.orb-small{width:10%;aspect-ratio:1;right:22%;top:24%;background:radial-gradient(circle at 30% 25%,#b5c1ff,#5067d2 55%,#171c38);box-shadow:0 0 35px #718cff88}.axis{position:absolute;background:#ffffff16}.axis-x{height:1px;left:8%;right:8%;top:50%}.axis-y{width:1px;top:8%;bottom:8%;left:50%}.art-label{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#a8a9a9}.label-top{top:20px;left:22px}.label-bottom{bottom:20px;right:22px}.hero-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:#858789;font:10px var(--mono);letter-spacing:.06em}.section{padding:110px 8vw}.work{background:#151719}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head h2,.detail-content h2,.about-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-.05em;font-weight:500;margin:0}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:70px 1.2fr 1fr 30px;align-items:center;gap:20px;padding:25px 4px;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}.project-row:hover{padding-left:14px;color:var(--lime)}.project-num,.project-status{font-family:var(--mono);font-size:11px;color:var(--muted)}.project-name{font-size:22px;font-weight:600}.project-name small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.project-arrow{color:var(--lime);font-size:20px}.statement{padding:100px 8vw;text-align:center;background:var(--lime);color:#111}.statement .eyebrow{color:#3a4622}.statement p:not(.eyebrow){font-size:clamp(34px,5vw,64px);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin:0 0 32px}.statement p span{color:#586f20}.statement .button-outline{border-color:#222;color:#111}.footer{min-height:100px;padding:25px 5.5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.back-top{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font:18px var(--mono);color:var(--text);transition:border-color .2s,color .2s,transform .2s}.back-top:hover,.back-top:focus-visible{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}.page-intro{padding:110px 8vw 40px;max-width:1200px}.page-intro h1,.detail-hero h1{font-size:clamp(58px,8vw,110px)}.page-intro .lead{max-width:650px}.project-cards{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-card{min-height:320px;padding:28px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.case-card:hover{border-color:var(--lime);transform:translateY(-3px)}.case-top,.case-bottom{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}.case-arrow{color:var(--lime);font-size:20px}.case-card h2{font-size:36px;letter-spacing:-.05em;margin:34px 0 8px}.case-card p{max-width:500px;color:#b7b8b7;margin:0 0 30px}.case-bottom{margin-top:auto}.status-tag{display:inline-flex;padding:6px 9px;border:1px solid #444;font:10px var(--mono);color:#d4d5d2}.detail-hero{padding:60px 8vw 70px;min-height:72vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at 83% 42%,#242a30 0,#101113 38%)}.crumb{color:var(--muted);font-size:13px;margin-bottom:70px}.detail-hero .lead{max-width:700px}.detail-meta{display:flex;gap:70px;margin:42px 0 30px}.detail-meta div{display:flex;flex-direction:column;gap:5px}.detail-meta span{font:10px var(--mono);color:var(--muted);letter-spacing:.1em}.detail-meta strong{font-size:14px;font-weight:500}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#17191c}.detail-content h2{font-size:38px}.detail-text{max-width:620px;color:#d0d1cf}.detail-text p:first-child{font-size:19px;line-height:1.7;margin-top:0}.muted{font-size:13px;color:var(--muted)}.next-project{padding:30px 8vw;background:#17191c;border-top:1px solid var(--line);text-align:right}.next-project a{font-size:14px}.next-project span{color:var(--lime);margin-left:12px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.about-stamp{aspect-ratio:1;border:1px solid #45484b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:12px var(--mono);letter-spacing:.15em;color:#b7b9b9;position:relative}.about-stamp:before,.about-stamp:after{content:'';position:absolute;width:140%;height:1px;background:#34373a;transform:rotate(45deg)}.about-stamp:after{transform:rotate(-45deg)}.about-stamp b{font-size:30px;color:var(--lime);font-weight:400;margin:10px}.about-copy h2{margin-bottom:25px}.about-copy p{color:#b9bbba;max-width:600px}.about-copy .text-link{margin-top:16px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:#17191c}.values>div{border-top:1px solid var(--line);padding-top:20px}.value-num{font:11px var(--mono);color:var(--lime)}.values h3{font-size:21px;margin:22px 0 8px}.values p{font-size:14px;color:var(--muted);margin:0}.focus-list{padding-top:25px}.focus-list article{display:grid;grid-template-columns:65px 1fr 30px;gap:25px;align-items:start;border-top:1px solid var(--line);padding:30px 0}.focus-list article:last-child{border-bottom:1px solid var(--line)}.focus-list article>span{font:12px var(--mono);color:var(--lime)}.focus-list h2{font-size:26px;margin:0 0 5px;font-weight:500}.focus-list p{margin:0;color:var(--muted);max-width:650px}.focus-list b{color:var(--lime);font-weight:400;font-size:20px}
@media(max-width:800px){.top{height:68px;padding:0 22px;gap:0}.menu-toggle{display:block;margin-left:auto}.top-note{display:none}.nav{display:none;position:absolute;z-index:10;top:67px;left:0;right:0;background:#17191c;padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav.open{display:flex}.hero{padding:55px 22px 22px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-art{height:380px;min-height:0}.hero h1{font-size:clamp(45px,11vw,72px)}.hero-meta{gap:10px;flex-wrap:wrap;margin-top:55px}.hero-meta span:nth-child(2){display:none}.section{padding:72px 24px}.section-head{align-items:start;gap:20px;flex-direction:column}.project-row{grid-template-columns:35px 1fr 28px;gap:12px;padding:20px 0}.project-status{grid-column:2;grid-row:2}.project-name{font-size:19px}.project-arrow{grid-column:3;grid-row:1/3}.statement{padding:75px 24px}.footer{padding:22px;gap:14px;flex-wrap:wrap}.footer>span{order:3;width:100%}.page-intro{padding:75px 24px 30px}.page-intro h1,.detail-hero h1{font-size:clamp(52px,13vw,82px)}.project-cards{grid-template-columns:1fr;padding-top:20px}.case-card{min-height:290px}.detail-hero{padding:35px 24px 60px;min-height:78vh}.crumb{margin-bottom:55px}.detail-meta{gap:26px;flex-wrap:wrap}.detail-content{grid-template-columns:1fr;gap:28px}.about-layout{grid-template-columns:1fr;gap:50px}.about-stamp{width:min(60vw,280px);margin:auto}.values{grid-template-columns:1fr;gap:35px}.focus-list article{grid-template-columns:40px 1fr 20px;gap:12px}.focus-list h2{font-size:22px}.focus-list p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Motion layer: lively transitions with reduced-motion support. */
.top{position:sticky;top:0;z-index:20;background:rgba(16,17,19,.88);backdrop-filter:blur(14px)}.top:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:var(--scroll-progress,0%);background:var(--lime);box-shadow:0 0 12px #c6fb4d70;transition:width .08s linear}.orbit-one{rotate:0deg;animation:orbit-drift 26s linear infinite}.orbit-two{rotate:0deg;animation:orbit-drift 34s linear infinite reverse}.orb-main{animation:orb-float 6s ease-in-out infinite,orb-glow 5s ease-in-out infinite}.orb-small{animation:orb-float 4.5s ease-in-out infinite reverse}.hero-art{animation:art-breathe 9s ease-in-out infinite alternate}.hero-copy>*{animation:rise-in .75s both}.hero-copy .eyebrow{animation-delay:.08s}.hero-copy h1{animation-delay:.18s}.hero-copy .lead{animation-delay:.28s}.hero-copy .hero-actions{animation-delay:.38s}.js-motion [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.js-motion [data-reveal].is-visible{opacity:1;transform:translateY(0)}.case-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.case-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,50%),#c6fb4d16,transparent 62%);transition:opacity .3s}.case-card:hover:before{opacity:1}.case-card>*{position:relative}.project-row .project-arrow{transition:transform .3s}.project-row:hover .project-arrow{transform:translate(4px,-4px)}.button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c6fb4d20}.button:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-40%;width:25%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:rotate(20deg);transition:left .55s}.button:hover:after{left:130%}.statement{position:relative;overflow:hidden}.statement:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #51651d55;border-radius:50%;left:-90px;top:-125px;animation:slow-spin 28s linear infinite}.statement:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #51651d44;border-radius:50%;right:-170px;bottom:-220px;animation:slow-spin 38s linear infinite reverse}.statement>*{position:relative;z-index:1}.about-stamp{animation:stamp-turn 1.3s cubic-bezier(.2,.75,.2,1) both}.about-stamp:before{animation:line-turn 18s linear infinite}.about-stamp:after{animation:line-turn 18s linear infinite reverse}.focus-list article{transition:padding .3s,color .3s}.focus-list article:hover{padding-left:12px;color:var(--lime)}.focus-list article b{transition:transform .3s}.focus-list article:hover b{transform:translate(4px,-4px)}body{animation:page-in .55s ease-out both}@keyframes orbit-drift{to{rotate:360deg}}@keyframes orb-float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes orb-glow{0%,100%{box-shadow:0 0 70px #a7e14333,inset -18px -18px 40px #080a08}50%{box-shadow:0 0 110px #a7e14366,inset -18px -18px 40px #080a08}}@keyframes art-breathe{from{filter:saturate(.88)}to{filter:saturate(1.13)}}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes stamp-turn{from{opacity:0;transform:rotate(-25deg) scale(.86)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-turn{to{rotate:360deg}}@keyframes page-in{from{opacity:.7}to{opacity:1}}@media(max-width:800px){.top{position:sticky}.case-card:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none!important}.orbit-one,.orbit-two,.orb-main,.orb-small,.hero-art,.about-stamp,.about-stamp:before,.about-stamp:after,.statement:before,.statement:after{animation:none!important}.js-motion [data-reveal]{opacity:1;transform:none;transition:none}.button:after{display:none}}

/* Project content sections */
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;background:#121416;padding-top:70px;padding-bottom:75px}
.story-grid article,.service-items article{border-top:1px solid var(--line);padding-top:20px}
.story-grid h3,.service-items h3,.home-service-grid h3{font-size:21px;line-height:1.25;font-weight:600;margin:18px 0 8px;letter-spacing:-.025em}
.story-grid p,.service-items p,.home-service-grid p{font-size:15px;color:var(--muted);margin:0;max-width:420px}
.story-note{padding-top:38px;padding-bottom:42px;background:#17191c;border-top:1px solid var(--line)}
.story-note .eyebrow{margin-bottom:10px}
.story-note p:not(.eyebrow){max-width:850px;color:#c7c9c6;font-size:15px}.story-note p:last-child{margin-bottom:0}
.home-services{background:#121416}
.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.home-service-grid article{border-top:1px solid var(--line);padding-top:20px}
.home-service-grid article>span{font:11px var(--mono);color:var(--lime)}
.home-service-grid h3{margin-top:24px}
.service-details{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#17191c}
.service-intro h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0}
.service-intro>p:last-child{max-width:420px;color:var(--muted)}
.service-items{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}
.service-items article:first-child{grid-column:1/-1}
.process-strip{background:#121416}
.process-strip>div{display:grid;grid-template-columns:65px 1fr;gap:20px;border-top:1px solid var(--line);padding:18px 0;max-width:900px}
.process-strip>div>span{font:12px var(--mono);color:var(--lime)}
.process-strip p{margin:0;color:var(--muted);font-size:15px}
.process-strip b{color:var(--text);font-weight:600}
@media(max-width:800px){.story-grid,.home-service-grid{grid-template-columns:1fr;gap:26px}.story-grid{padding-top:55px;padding-bottom:55px}.service-details{grid-template-columns:1fr;gap:40px}.service-items{grid-template-columns:1fr}.service-items article:first-child{grid-column:auto}.process-strip>div{grid-template-columns:40px 1fr;gap:12px}}

/* С.Ш.Х. personal identity lockup */
.brand{gap:10px;letter-spacing:0;white-space:nowrap}
.brand-art{display:inline-flex;align-items:center;justify-content:center;width:58px;height:42px;flex:0 0 auto;overflow:hidden}
.brand-art img{display:block;width:100%;height:100%;object-fit:contain}
.brand-domain{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.015em;color:var(--text)}
.footer .brand-art{width:62px;height:44px}
.footer .brand-domain{font-size:12px}
@media(max-width:800px){.brand{gap:7px}.brand-art{width:48px;height:34px}.brand-domain{font-size:11px}.footer .brand-art{width:52px;height:37px}}

/* iБюро case-study hero: brand watermark and app dashboard in the shared laptop frame */
.iburo-detail-hero{justify-content:flex-start;min-height:72vh;padding-top:48px;padding-bottom:60px}
.iburo-detail-hero .crumb{width:100%;max-width:1440px;margin:0 auto 24px}
.iburo-detail-hero .detail-hero-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:3.5vw;flex:1;width:100%;max-width:1440px;margin:0 auto}
.iburo-detail-hero .detail-copy{position:relative;z-index:1}
.iburo-detail-hero .detail-copy h1{position:relative}
.iburo-detail-hero .detail-watermark{position:absolute;z-index:-1;top:50%;left:-2%;font:700 clamp(220px,32vw,390px)/.8 Georgia,"Times New Roman",serif;letter-spacing:-.12em;color:#f5f2e9;opacity:.085;transform:translateY(-50%);pointer-events:none;user-select:none;white-space:nowrap}
.iburo-detail-hero .detail-visual{position:relative;z-index:1;top:0;width:100%;max-width:700px;margin:0 auto}
.iburo-detail-hero .laptop-preview{display:block;width:100%;margin-left:0;color:inherit;filter:drop-shadow(0 30px 44px #0008);transform:none;transition:transform .3s ease,filter .3s ease}
.iburo-detail-hero .laptop-preview:hover{transform:translateY(-4px);filter:drop-shadow(0 36px 50px #0009)}
.iburo-detail-hero .laptop-screen{overflow:hidden;padding:8px 8px 9px;border:1px solid #404348;border-radius:15px 15px 5px 5px;background:linear-gradient(145deg,#24272b,#090a0c);box-shadow:inset 0 1px 0 #ffffff20,0 0 0 1px #08090a}
.iburo-detail-hero .laptop-topbar{height:25px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:7px 7px 0 0;background:#f1f2f0;color:#51545a;font:10px var(--mono);letter-spacing:.02em}
.iburo-detail-hero .laptop-camera{position:absolute;top:14px;left:50%;width:4px;height:4px;border-radius:50%;background:#5e6063;transform:translateX(-50%)}
.iburo-detail-hero .laptop-lock{margin-left:auto;color:#777}
.iburo-detail-hero .laptop-page{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;background:#f5f5f3}
.iburo-detail-hero .laptop-base{position:relative;display:block;height:14px;margin:0 -4.5%;border:1px solid #44474b;border-top:0;border-radius:0 0 48% 48% / 0 0 100% 100%;background:linear-gradient(180deg,#777b80 0%,#292c30 36%,#131518 100%);box-shadow:0 5px 13px #0009}
.iburo-detail-hero .laptop-base:after{content:"";position:absolute;left:43%;top:0;width:14%;height:3px;border-radius:0 0 5px 5px;background:#16181a}
.iburo-detail-hero .preview-caption{margin:18px 0 0;text-align:right;color:#8e9092;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}
@media(max-width:1000px){.iburo-detail-hero{min-height:unset}.iburo-detail-hero .detail-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.iburo-detail-hero .detail-meta{gap:28px}}
@media(max-width:800px){.iburo-detail-hero{padding:35px 24px 52px}.iburo-detail-hero .crumb{margin-bottom:40px}.iburo-detail-hero .detail-hero-grid{grid-template-columns:1fr;gap:32px}.iburo-detail-hero .detail-watermark{top:5%;left:50%;font-size:clamp(220px,64vw,330px);opacity:.07;transform:translateX(-50%)}.iburo-detail-hero .detail-visual{top:0;max-width:600px;padding-top:0}.iburo-detail-hero .laptop-preview{width:100%;margin-left:0;transform:none}.iburo-detail-hero .laptop-preview:hover{transform:perspective(1300px) translateY(-4px) rotateY(-4deg) rotateZ(-.5deg)}.iburo-detail-hero .preview-caption{margin-top:14px}.iburo-detail-hero .laptop-screen{padding:6px 6px 7px;border-radius:12px 12px 4px 4px}.iburo-detail-hero .laptop-topbar{height:21px;font-size:9px}.iburo-detail-hero .laptop-camera{top:9px}.iburo-detail-hero .laptop-base{height:10px}}
@media(prefers-reduced-motion:reduce){.iburo-detail-hero .laptop-preview{transition:none}}

/* Consistent laptop previews across project case-study pages */
.project-laptop-hero{justify-content:flex-start;min-height:72vh;padding-top:48px;padding-bottom:60px}
.project-laptop-hero .crumb{width:100%;max-width:1440px;margin:0 auto 24px}
.project-laptop-hero .detail-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:3.5vw;flex:1;width:100%;max-width:1440px;margin:0 auto}
.project-laptop-hero .detail-copy{position:relative;z-index:1}
.project-laptop-hero .detail-visual{position:relative;z-index:1;width:100%;max-width:700px;margin:0 auto}
.project-laptop-hero .laptop-preview{display:block;width:100%;color:inherit;filter:drop-shadow(0 30px 44px #0008);transition:transform .3s ease,filter .3s ease}
.project-laptop-hero .laptop-preview:hover{transform:translateY(-4px);filter:drop-shadow(0 36px 50px #0009)}
.project-laptop-hero .laptop-screen{overflow:hidden;padding:8px 8px 9px;border:1px solid #404348;border-radius:15px 15px 5px 5px;background:linear-gradient(145deg,#24272b,#090a0c);box-shadow:inset 0 1px 0 #ffffff20,0 0 0 1px #08090a}
.project-laptop-hero .laptop-topbar{height:25px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:7px 7px 0 0;background:#f1f2f0;color:#51545a;font:10px var(--mono);letter-spacing:.02em}
.project-laptop-hero .laptop-camera{position:absolute;top:14px;left:50%;width:4px;height:4px;border-radius:50%;background:#5e6063;transform:translateX(-50%)}
.project-laptop-hero .laptop-lock{margin-left:auto;color:#777}
.project-laptop-hero .laptop-base{position:relative;display:block;height:14px;margin:0 -4.5%;border:1px solid #44474b;border-top:0;border-radius:0 0 48% 48% / 0 0 100% 100%;background:linear-gradient(180deg,#777b80 0%,#292c30 36%,#131518 100%);box-shadow:0 5px 13px #0009}
.project-laptop-hero .laptop-base:after{content:"";position:absolute;left:43%;top:0;width:14%;height:3px;border-radius:0 0 5px 5px;background:#16181a}
.project-laptop-hero .laptop-concept-page{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1730/909;padding:4.5% 5%;overflow:hidden;background:radial-gradient(ellipse at 88% 20%,#eff4e2 0,#fff 45%,#f3f4f1 100%);color:#20221e}
.project-laptop-hero .concept-nav{display:flex;align-items:center;gap:6%;border-bottom:1px solid #d8dad4;padding-bottom:2.5%;font:clamp(7px,.7vw,10px) var(--sans);color:#686b64}
.project-laptop-hero .concept-nav b{margin-right:auto;font-size:1.25em;color:#22251f}
.project-laptop-hero .concept-content{max-width:78%;margin:auto 0}
.project-laptop-hero .concept-kicker{margin:0 0 3%;font:clamp(7px,.65vw,9px) var(--mono);letter-spacing:.12em;color:#858978}
.project-laptop-hero .concept-content h2{max-width:620px;margin:0 0 2%;font-size:clamp(18px,2.1vw,32px);line-height:1.08;letter-spacing:-.055em;font-weight:600}
.project-laptop-hero .concept-content>p:not(.concept-kicker){max-width:540px;margin:0;color:#65675f;font-size:clamp(8px,.9vw,13px);line-height:1.5}
.project-laptop-hero .concept-actions{display:flex;align-items:center;gap:12px;margin-top:5%;font:clamp(7px,.6vw,9px) var(--mono);letter-spacing:.08em;color:#66685f}
.project-laptop-hero .concept-actions i{display:block;width:18%;height:16px;border-radius:2px;background:#c6fb4d}
.project-laptop-hero .concept-foot{display:flex;justify-content:space-between;border-top:1px solid #d8dad4;padding-top:2%;font:clamp(6px,.55vw,8px) var(--mono);letter-spacing:.08em;color:#888a82}
.project-laptop-hero .preview-caption{margin:18px 0 0;text-align:right;color:#8e9092;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}
@media(max-width:1000px){.project-laptop-hero{min-height:unset}.project-laptop-hero .detail-hero-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:800px){.project-laptop-hero{padding:35px 24px 52px}.project-laptop-hero .crumb{margin-bottom:40px}.project-laptop-hero .detail-hero-grid{grid-template-columns:1fr;gap:32px}.project-laptop-hero .detail-visual{max-width:600px}.project-laptop-hero .concept-content h2{font-size:clamp(20px,5vw,30px)}.project-laptop-hero .concept-content>p:not(.concept-kicker){font-size:clamp(10px,2.5vw,13px)}.project-laptop-hero .concept-nav{font-size:10px}.project-laptop-hero .preview-caption{margin-top:14px}.project-laptop-hero .laptop-screen{padding:6px 6px 7px;border-radius:12px 12px 4px 4px}.project-laptop-hero .laptop-topbar{height:21px;font-size:9px}.project-laptop-hero .laptop-camera{top:9px}.project-laptop-hero .laptop-base{height:10px}}
@media(prefers-reduced-motion:reduce){.project-laptop-hero .laptop-preview{transition:none}}

/* Two-level site navigation with direct access to each service */
.top{height:auto;min-height:80px;flex-wrap:wrap;row-gap:0;padding-top:8px;padding-bottom:8px}
.top>.brand{margin-right:auto}
.top>.nav{gap:clamp(1rem,2vw,2rem);margin:0 auto}
.top>.top-note{margin-left:2rem}
.service-nav{order:5;display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem);width:100%;padding-top:8px;border-top:1px solid #303235;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.service-nav::-webkit-scrollbar{display:none}
.service-nav a{flex:0 0 auto;font-family:var(--mono);font-size:11px;letter-spacing:.035em;color:var(--muted);transition:color .2s}
.service-nav a:hover,.service-nav a.active{color:var(--text)}
.service-nav a.active:after{content:'';display:block;height:2px;margin-top:5px;background:var(--lime)}
@media(max-width:800px){
  .top{padding:10px 22px;row-gap:0}
  .top>.brand{margin-right:0}
  .top>.nav{margin:0}
  .service-nav{gap:20px;margin-top:8px;padding:8px 0 2px}
  .service-nav a{font-size:11px}
}
@media(max-width:800px){
  .top>.nav{position:static;top:auto;left:auto;right:auto;width:100%;order:6;flex-direction:column;margin:0;padding:0;border:0;background:transparent;gap:0}
  .top>.nav.open{display:flex;padding-top:14px}
  .top>.nav.open a{padding:9px 0}
  .top>.nav a.active:after{display:none}
}

/* Center the service section links in the header */
.service-nav{justify-content:center}
@media(max-width:800px){.service-nav{justify-content:flex-start}}

/* Main header: brand left, service sections precisely centered, project link right */
.top{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(95px,1fr);grid-template-rows:auto;align-items:center;column-gap:clamp(12px,1.8vw,28px);row-gap:0;height:auto;min-height:80px;padding:12px 5.5vw;flex-wrap:nowrap}
.top>.brand{grid-column:1;justify-self:start;margin:0}
.top>.menu-toggle{display:none}
.top>.nav.service-nav{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;gap:clamp(12px,1.45vw,22px);width:max-content;margin:0;padding:0;border:0;overflow:visible;white-space:nowrap}
.top>.nav.service-nav a{font-size:11px}
.top>.nav.service-nav .mobile-nav-link{display:none}
.top>.header-cta{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #4b5052;font-family:var(--mono);font-size:11px;letter-spacing:.04em;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.top>.header-cta:hover{border-color:var(--lime);color:var(--lime)}
.top>.header-cta span{font-size:15px;color:var(--lime)}
@media(max-width:1100px) and (min-width:801px){
  .top{grid-template-columns:minmax(130px,1fr) auto minmax(82px,1fr);column-gap:10px;padding-left:3vw;padding-right:3vw}
  .top>.brand-domain{font-size:10px}
  .top>.nav.service-nav{gap:10px}
  .top>.nav.service-nav a{font-size:10px}
  .top>.header-cta{padding:8px 9px;font-size:10px}
}
@media(max-width:800px){
  .top{grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:0;padding:10px 22px;column-gap:12px;row-gap:0}
  .top>.brand{grid-column:1;grid-row:1}
  .top>.menu-toggle{grid-column:2;grid-row:1;display:block;margin:0}
  .top>.nav.service-nav{grid-column:1/-1;grid-row:2;display:none;justify-self:stretch;flex-direction:column;align-items:stretch;gap:0;width:100%;margin-top:10px;padding:8px 0 4px;border-top:1px solid var(--line);overflow:visible;white-space:normal}
  .top>.nav.service-nav.open{display:flex}
  .top>.nav.service-nav a{padding:8px 0;font-size:12px}
  .top>.nav.service-nav a.active:after{display:none}
  .top>.nav.service-nav .mobile-nav-link{display:block}
  .top>.header-cta{display:none}
}

/* Nest landing-page formats under the Websites section */
.nav-dropdown{position:relative;display:flex;align-items:center;flex:0 0 auto}
.nav-dropdown-main{display:flex;align-items:center;gap:3px}
.nav-dropdown-main>a{white-space:nowrap}
.submenu-toggle{display:none;align-items:center;justify-content:center;width:25px;height:25px;padding:0;background:transparent;border:0;color:var(--muted);font:16px var(--sans);cursor:pointer}
.nav-submenu{display:none;position:absolute;z-index:40;top:calc(100% + 12px);left:-14px;min-width:220px;padding:7px;background:#17191c;border:1px solid var(--line);box-shadow:0 14px 32px #0008;flex-direction:column}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:flex}
.nav-submenu a{display:block;padding:10px 12px;font:12px var(--sans);letter-spacing:0;color:#c0c1bf;white-space:nowrap}
.nav-submenu a:hover,.nav-submenu a.active{color:var(--text);background:#222529}
.nav-submenu a.active:after{display:none}
@media(min-width:801px){
  .submenu-toggle{display:none!important}
  .nav-dropdown .nav-submenu,
  .nav-dropdown:focus-within .nav-submenu,
  .nav-dropdown.open .nav-submenu{display:none}
  .nav-dropdown:hover .nav-submenu{display:flex}
}
@media(max-width:800px){
  .submenu-toggle{display:inline-flex}
  .nav-dropdown{width:100%;display:block}
  .nav-dropdown-main{display:grid;grid-template-columns:1fr auto;width:100%}
  .nav-dropdown-main>a{padding:8px 0}
  .nav-dropdown-main .submenu-toggle{width:36px;height:36px;font-size:18px}
  .nav-submenu{position:static;min-width:0;margin:0 0 6px 9px;padding:2px 0 2px 12px;border:0;border-left:1px solid var(--line);box-shadow:none}
  .nav-submenu a{padding:7px 10px;font-size:12px}
  .nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:none}
  .nav-dropdown.open .nav-submenu{display:flex}
}

/* Keep a continuous hover path from “Сайты” into its dropdown */
.nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:transparent}

/* Responsive refinement for tablets and compact phones */
@media(max-width:1100px){
  .hero{padding-top:6vh}
  .hero-grid{gap:28px}
  .hero h1{font-size:clamp(42px,5.5vw,68px)}
  .hero-art{height:clamp(300px,42vw,460px);min-height:300px}
  .section{padding:88px 6vw}
  .page-intro{padding-left:6vw;padding-right:6vw}
  .detail-hero{padding-left:6vw;padding-right:6vw}
  .detail-meta{gap:32px}
  .project-row{grid-template-columns:48px minmax(0,1.2fr) minmax(0,1fr) 24px;gap:14px}
  .project-name{min-width:0}
  .service-details{gap:5vw}
  .detail-content{gap:5vw}
}
@media(max-width:900px) and (min-width:801px){
  .top{grid-template-columns:minmax(112px,1fr) auto minmax(72px,1fr);padding-left:2.5vw;padding-right:2.5vw;column-gap:8px}
  .top>.nav.service-nav{gap:8px}
  .top>.nav.service-nav a{font-size:9.5px}
  .top>.header-cta{padding:7px 8px;font-size:9px}
  .brand-art{width:46px;height:34px}
  .brand-domain{font-size:9px}
  .story-grid,.home-service-grid,.values{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .about-layout{gap:5vw}
  .about-stamp{width:min(30vw,250px)}
  .project-cards{gap:14px}
  .case-card{padding:22px}
  .case-card h2{font-size:clamp(25px,3.5vw,34px)}
  .project-laptop-hero .detail-hero-grid,.iburo-detail-hero .detail-hero-grid{gap:20px}
}
@media(max-width:800px){
  .hero{padding:42px 22px 22px}
  .hero-grid{gap:32px}
  .hero h1{font-size:clamp(36px,9.8vw,66px);letter-spacing:-.06em}
  .hero-art{height:clamp(250px,72vw,380px);min-height:250px}
  .section{padding:66px 24px}
  .page-intro{padding:66px 24px 28px}
  .page-intro h1,.detail-hero h1{font-size:clamp(36px,9.5vw,72px);letter-spacing:-.06em;overflow-wrap:anywhere}
  .page-intro .crumb{margin:0 0 30px}
  .detail-hero{padding:32px 24px 48px;min-height:auto}
  .detail-hero .crumb{margin-bottom:32px}
  .detail-meta{gap:22px;margin:32px 0 26px}
  .detail-meta div{min-width:min(42vw,190px)}
  .detail-content{gap:24px}
  .service-details{gap:32px}
  .service-items{gap:24px}
  .process-strip>div{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .project-row{grid-template-columns:32px minmax(0,1fr) 24px;gap:10px}
  .project-name{font-size:18px;overflow-wrap:anywhere}
  .project-status{font-size:10px}
  .hero-actions{flex-wrap:wrap;gap:16px}
  .hero-meta{font-size:9px;letter-spacing:.04em}
  .story-grid,.home-service-grid,.values{grid-template-columns:1fr}
}
@media(max-width:600px){
  .top{padding-left:18px;padding-right:18px}
  .brand{gap:6px}
  .brand-art{width:42px;height:30px}
  .brand-domain{font-size:10px}
  .menu-toggle{font-size:22px}
  .hero{padding:36px 18px 20px}
  .hero h1{font-size:clamp(33px,9.8vw,48px);line-height:1.04}
  .hero .lead{font-size:16px;margin-top:20px}
  .hero-art{height:clamp(225px,68vw,330px);min-height:225px}
  .art-label{font-size:9px}
  .label-top{top:14px;left:14px}
  .label-bottom{bottom:14px;right:14px}
  .hero-meta{margin-top:34px;gap:8px}
  .hero-meta span{font-size:9px}
  .section{padding:56px 18px}
  .section-head{margin-bottom:32px}
  .section-head h2,.detail-content h2,.about-copy h2{font-size:clamp(29px,8vw,42px)}
  .page-intro{padding:54px 18px 24px}
  .page-intro h1,.detail-hero h1{font-size:clamp(32px,9.2vw,52px)}
  .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:18px}
  .lead{font-size:16px;margin-top:20px}
  .button{padding:13px 15px;gap:16px}
  .detail-hero{padding:28px 18px 40px}
  .crumb{font-size:12px}
  .detail-meta{gap:18px;margin:26px 0 22px}
  .detail-meta div{min-width:calc(50% - 12px)}
  .detail-meta strong{font-size:13px}
  .detail-content h2{font-size:30px}
  .detail-text p:first-child{font-size:17px}
  .project-cards{gap:12px}
  .case-card{min-height:250px;padding:20px}
  .case-card h2{font-size:clamp(25px,7.3vw,32px);margin:25px 0 8px}
  .case-card p{font-size:15px;margin-bottom:22px}
  .case-top,.case-bottom{font-size:9px}
  .project-row{grid-template-columns:26px minmax(0,1fr) 20px;gap:8px;padding:17px 0}
  .project-num,.project-status{font-size:9px}
  .project-name{font-size:16px}
  .project-arrow{font-size:17px}
  .statement{padding:58px 18px}
  .statement p:not(.eyebrow){font-size:clamp(28px,8vw,42px)}
  .about-layout{gap:34px}
  .about-stamp{width:clamp(170px,54vw,240px)}
  .focus-list article{grid-template-columns:28px minmax(0,1fr) 16px;gap:9px;padding:22px 0}
  .focus-list h2{font-size:20px}
  .focus-list p{font-size:14px}
  .footer{padding:20px 18px;gap:12px}
  .footer .brand-art{width:44px;height:32px}
  .footer .brand-domain{font-size:10px}
  .back-top{font-size:9px}
}
@media(max-width:380px){
  .brand-art{width:36px;height:27px}
  .brand-domain{font-size:9px}
  .hero h1{font-size:33px}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .hero-actions .button{width:100%;justify-content:space-between}
  .hero-meta{flex-direction:column;align-items:flex-start}
  .hero-meta span:last-child{display:none}
  .detail-meta div{min-width:100%}
  .case-bottom{align-items:flex-start;gap:10px;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none!important}}
@media(max-width:900px) and (min-width:801px){
  .top>.nav.service-nav a{font-size:11px}
  .top>.header-cta{font-size:10px}
}
@media(max-width:800px){.nav-submenu:before{display:none}}


/* Cosmic starfield background */
body{
  background-color:var(--bg);
  background-image:
    radial-gradient(1px 1px at 18px 26px,rgba(244,246,255,.72) 98%,transparent 100%),
    radial-gradient(1px 1px at 74px 112px,rgba(198,251,77,.55) 98%,transparent 100%),
    radial-gradient(2px 2px at 142px 49px,rgba(226,232,255,.62) 98%,transparent 100%),
    radial-gradient(ellipse at 77% 17%,rgba(75,91,166,.17),transparent 43%),
    radial-gradient(ellipse at 18% 70%,rgba(105,58,145,.12),transparent 46%);
  background-size:137px 137px,193px 193px,281px 281px,100% 100%,100% 100%;
  background-attachment:fixed;
}
.work,.detail-content,.next-project,.values,.story-grid,.story-note,.home-services,.service-details,.process-strip{
  background-color:rgba(17,19,24,.78);
}
.detail-hero{
  background-image:radial-gradient(ellipse at 83% 42%,rgba(36,42,48,.62) 0,rgba(16,17,19,.72) 38%,rgba(16,17,19,.8) 100%);
}
@media(prefers-reduced-transparency:reduce){
  .work,.detail-content,.next-project,.values,.story-grid,.story-note,.home-services,.service-details,.process-strip{
    background-color:#14161a;
  }
}
.arrow-icon{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;flex:none;overflow:visible}

/* Conversion audit improvements */
.trust-section{background:#17191c}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.trust-grid article{border-top:1px solid var(--line);padding-top:20px}
.trust-grid article>span{font:11px var(--mono);color:var(--lime)}
.trust-grid h3{font-size:20px;line-height:1.25;margin:20px 0 8px;letter-spacing:-.025em}
.trust-grid p{margin:0;color:var(--muted);font-size:14px}
.home-process{background:#121416}
.secondary-service{margin:32px 0 0;color:var(--muted);font-size:14px}
.secondary-service a{color:var(--text);border-bottom:1px solid #ffffff2a;padding-bottom:2px}
.secondary-service a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.project-group-heading{grid-column:1/-1;margin:55px 0 8px;padding-top:28px;border-top:1px solid var(--line)}
.project-group-heading-first{margin-top:0;padding-top:0;border-top:0}
.project-group-heading .eyebrow{margin-bottom:14px}
.project-group-heading h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0;max-width:760px}
@media(max-width:1000px){.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.trust-grid{grid-template-columns:1fr;gap:26px}.project-group-heading{margin-top:36px}.project-group-heading h2{font-size:32px}.secondary-service{margin-top:24px}}
/* Case study proof layer */
.case-proof{background:#121416}
.case-proof-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start;margin-bottom:48px}
.case-proof-head h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0}
.case-proof-head>p:last-child{margin:0;color:#c3c5c3;max-width:620px}
.case-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
.case-proof-grid article{border-top:1px solid var(--line);padding-top:20px;min-height:190px}
.case-proof-grid article>span{font:11px var(--mono);color:var(--lime);letter-spacing:.06em}
.case-proof-grid h3{font-size:22px;line-height:1.25;margin:20px 0 9px;letter-spacing:-.03em}
.case-proof-grid p{margin:0;color:var(--muted);font-size:14px;max-width:560px}
@media(max-width:800px){.case-proof-head{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.case-proof-grid{grid-template-columns:1fr;gap:26px}.case-proof-grid article{min-height:0}}
/* Case related service CTA */
.case-service-cta{background:#17191c;border-top:1px solid var(--line);text-align:center}
.case-service-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:0 auto 14px;max-width:820px}
.case-service-cta>p:not(.eyebrow){max-width:680px;margin:0 auto 28px;color:var(--muted)}
.case-service-cta .button-outline{margin-top:4px}
.service-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:700;color:var(--text)}
.service-card-link b{color:var(--lime);font-size:16px;font-weight:400;transition:transform .2s}
.service-card-link:hover{color:var(--lime)}
.service-card-link:hover b{transform:translateX(4px)}

.footer-links{display:flex;align-items:center;gap:20px}
.footer-links a{font:10px var(--mono);color:var(--muted);letter-spacing:.04em;transition:color .2s}
.footer-links a:hover{color:var(--lime)}
@media(max-width:800px){.footer-links{order:2;margin-left:auto}.footer-tagline{order:4!important}.back-top{order:3}}

/* AI site assistant */
.ai-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #d5ff78;background:var(--lime);color:#111;font:700 12px var(--sans);cursor:pointer;box-shadow:0 16px 45px #0008;transition:transform .25s,box-shadow .25s}
.ai-chat-launcher:hover{transform:translateY(-3px);box-shadow:0 20px 55px #000a}
.ai-chat-launcher b{font-size:15px;font-weight:500}
.ai-chat-launcher-dot{width:7px;height:7px;border-radius:50%;background:#111;box-shadow:0 0 0 4px #1112}
.ai-chat-panel{position:fixed;right:24px;bottom:82px;z-index:69;width:min(410px,calc(100vw - 32px));height:min(650px,calc(100vh - 110px));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:#121416;border:1px solid #36393d;box-shadow:0 28px 80px #000b;opacity:0;pointer-events:none;transform:translateY(16px) scale(.985);transform-origin:bottom right;transition:opacity .22s,transform .22s}
.ai-chat-panel.open{opacity:1;pointer-events:auto;transform:none}
.ai-chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--line);background:#17191c}
.ai-chat-header-copy{display:flex;flex-direction:column;gap:2px}
.ai-chat-header-copy strong{font-size:14px;font-weight:700}
.ai-chat-kicker{font:9px var(--mono);letter-spacing:.12em;color:var(--lime)}
.ai-chat-header-actions{display:flex;align-items:center;gap:4px}
.ai-chat-icon-button{width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:21px;cursor:pointer}
.ai-chat-icon-button:hover{color:var(--text);background:#ffffff08}
.ai-chat-body{overflow:auto;padding:18px 16px 10px;scrollbar-width:thin;scrollbar-color:#43464a transparent}
.ai-chat-row{display:flex;margin-bottom:11px}
.ai-chat-row-user{justify-content:flex-end}
.ai-chat-bubble{max-width:88%;padding:11px 13px;border:1px solid var(--line);background:#1b1e21;color:#e4e5e2;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-chat-row-user .ai-chat-bubble{background:var(--lime);border-color:var(--lime);color:#111}
.ai-chat-suggestions{display:flex;gap:7px;overflow-x:auto;padding:10px 16px 12px;border-top:1px solid #25282b;scrollbar-width:none}
.ai-chat-suggestions::-webkit-scrollbar{display:none}
.ai-chat-suggestions.used{display:none}
.ai-chat-suggestion{flex:0 0 auto;padding:8px 10px;border:1px solid #3b3e42;background:#17191c;color:#c9cbc8;font:500 11px var(--sans);cursor:pointer;white-space:nowrap}
.ai-chat-suggestion:hover{border-color:var(--lime);color:var(--text)}
.ai-chat-contacts{display:flex;gap:7px;padding:8px 16px 0}
.ai-chat-contact{display:inline-flex;align-items:center;padding:7px 9px;border:1px solid #4b4e52;color:var(--text);font:600 11px var(--sans)}
.ai-chat-contact:hover{border-color:var(--lime);color:var(--lime)}
.ai-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:11px 12px;border-top:1px solid var(--line);background:#17191c}
.ai-chat-input{width:100%;min-height:42px;max-height:120px;resize:none;border:1px solid #3a3d41;background:#101214;color:var(--text);padding:10px 11px;outline:none;font:13px/1.45 var(--sans)}
.ai-chat-input::placeholder{color:#727579}
.ai-chat-input:focus{border-color:#70756a}
.ai-chat-send{height:42px;border:0;background:var(--lime);color:#111;font-size:20px;font-weight:600;cursor:pointer}
.ai-chat-send:disabled{opacity:.45;cursor:not-allowed}
.ai-chat-privacy{margin:0;padding:0 13px 10px;background:#17191c;color:#6f7275;font:9px/1.4 var(--mono)}
.ai-chat-typing{display:flex;align-items:center;gap:4px;min-width:48px}
.ai-chat-typing i{width:5px;height:5px;border-radius:50%;background:#8d9092;animation:ai-dot 1s ease-in-out infinite}
.ai-chat-typing i:nth-child(2){animation-delay:.12s}
.ai-chat-typing i:nth-child(3){animation-delay:.24s}
@keyframes ai-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:800px){
body.ai-chat-open-mobile{overflow:hidden;overscroll-behavior:none}
.ai-chat-launcher{right:16px;bottom:16px;padding:12px 14px}
body.ai-chat-open-mobile .ai-chat-launcher{opacity:0;visibility:hidden;pointer-events:none}
.ai-chat-panel{left:10px;right:10px;bottom:68px;width:auto;height:min(72dvh,620px);max-height:calc(100dvh - 78px);transform-origin:bottom center}
.ai-chat-header{padding:13px 14px}
.ai-chat-body{padding:16px 13px 8px}
.ai-chat-suggestions{padding-left:13px;padding-right:13px}
.ai-chat-composer{padding:10px}
.ai-chat-privacy{padding-left:11px;padding-right:11px}
}
@media(max-width:420px){
.ai-chat-launcher span:nth-child(2){font-size:11px}
.ai-chat-panel{left:0;right:0;bottom:0;height:min(86dvh,720px);max-height:100dvh;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}
.ai-chat-launcher[aria-expanded="true"]{opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
.ai-chat-launcher,.ai-chat-panel{transition:none!important}
.ai-chat-typing i{animation:none!important}
}

/* Desktop AI launcher — character only */
.ai-chat-launcher{
  width:72px;
  height:80px;
  min-width:72px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:var(--text);
  box-shadow:none;
  overflow:visible;
  cursor:pointer;
}
.ai-chat-launcher:hover{transform:none;background:transparent;box-shadow:none}
.ai-mascot{
  position:relative;
  display:grid;
  place-items:center;
  width:64px;
  height:80px;
  pointer-events:none;
}
.ai-mascot-character{
  display:block;
  width:52px;
  height:78px;
  object-fit:contain;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));
}
.ai-mascot-feet{
  position:absolute;
  left:50%;
  top:0;
  width:52px;
  height:78px;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center;
  clip-path:inset(72% 0 0 0);
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  pointer-events:none;
  z-index:2;
}
.ai-chat-launcher:hover .ai-mascot-character,
.ai-chat-launcher[aria-expanded="true"] .ai-mascot-character{
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.48)) drop-shadow(0 0 7px rgba(198,251,77,.18));
}
.ai-chat-launcher-tooltip{
  position:absolute;
  right:0;
  top:calc(100% + 3px);
  padding:6px 8px;
  border:1px solid #35393b;
  background:#121416;
  color:#d6d8d4;
  font:500 9px var(--mono);
  letter-spacing:.05em;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transform:translateY(-3px);
  transition:opacity .16s,transform .16s;
  box-shadow:0 10px 28px rgba(0,0,0,.4);
}
.ai-chat-launcher:hover .ai-chat-launcher-tooltip,
.ai-chat-launcher:focus-visible .ai-chat-launcher-tooltip{opacity:1;transform:none}
@media(min-width:801px){
  .top>.ai-chat-launcher{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    position:relative;
    right:auto;
    bottom:auto;
    z-index:30;
    width:72px;
    height:80px;
    min-width:72px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .ai-chat-panel{
    top:88px;
    right:5.5vw;
    bottom:auto;
    height:min(650px,calc(100vh - 112px));
    transform-origin:top right;
  }
}
@media(max-width:1100px) and (min-width:801px){.ai-chat-panel{right:3vw}}
@media(max-width:800px){
  .ai-chat-launcher{
    right:14px;
    bottom:14px;
    width:76px;
    height:92px;
    min-width:76px;
    padding:0;
    border:1px solid rgba(198,251,77,.22);
    background:rgba(17,20,22,.88);
    box-shadow:0 14px 34px rgba(0,0,0,.44);
    backdrop-filter:blur(8px);
  }
  .ai-chat-launcher:hover{background:rgba(17,20,22,.94)}
  .ai-mascot{width:68px;height:86px}
  .ai-mascot-character{width:56px;height:84px}
  .ai-mascot-feet{width:56px;height:84px}
  .ai-chat-launcher-tooltip{display:none}
  .ai-chat-launcher[aria-expanded="true"]{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(8px);
  }
}
@media(prefers-reduced-motion:reduce){
  .ai-mascot-character{transition:none!important}
}


/* Improve touch target size and reading flow on mobile */
@media(max-width:800px){
  .top>.menu-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .top>.nav.service-nav>a,.top>.nav.service-nav .nav-dropdown-main>a{min-height:44px;display:flex;align-items:center}
  .top>.nav.service-nav .submenu-toggle{width:44px;min-width:44px;height:44px}
  .top>.nav.service-nav .nav-submenu a{min-height:44px;display:flex;align-items:center}
}

/* Attributed illustrative screenshots on service pages */
.visual-example{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center;background:#121416}
.visual-example-copy h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0}
.visual-example-copy>p:last-child{max-width:390px;color:var(--muted);font-size:14px}
.visual-example figure{min-width:0;margin:0;padding:10px;background:#1b1e20;border:1px solid var(--line);border-radius:14px}
.visual-example img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:8px;background:#0d0f10}
.visual-example figcaption{padding:11px 4px 2px;color:var(--muted);font-size:12px;line-height:1.5}
.visual-example figcaption a{color:#d2d4d1;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){
  .visual-example{grid-template-columns:1fr;gap:20px;padding-left:22px;padding-right:22px}
  .visual-example-copy h2{font-size:32px}
  .visual-example-copy>p:last-child{margin-bottom:0}
  .visual-example figure{padding:7px;border-radius:11px}
  .visual-example img{max-height:none}
  .visual-example figcaption{font-size:11px}
}

/* Kadam laptop sizing and branded service CTA */
.kadam-detail-hero .detail-visual{max-width:560px}
.kadam-detail-hero .laptop-page{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}
.case-service-cta{background:var(--lime);border-top:0;color:#141710}
.case-service-cta .eyebrow{color:#3d4b23}
.case-service-cta h2{color:#141710}
.case-service-cta>p:not(.eyebrow){color:#39402c}
.case-service-cta .button-outline{border-color:#193d34;background:#193d34;color:#f4f3ef}
.case-service-cta .button-outline span{color:var(--lime)}

/* Keep the long Nutriciology title clear of the laptop preview */
.nutriciology-detail-hero .detail-copy h1{font-size:clamp(38px,4.6vw,60px);line-height:1.06}


/* Landing page examples carousel */
.visual-examples-carousel{grid-template-columns:.62fr 1.38fr;gap:40px}
.visual-example-note{font-size:12px!important;line-height:1.5;color:#878b88!important}
.examples-carousel{min-width:0}
.examples-carousel-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y;outline:none}
.examples-carousel-track::-webkit-scrollbar{display:none}
.examples-carousel-track:focus-visible{outline:2px solid var(--lime);outline-offset:5px;border-radius:14px}
.examples-carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.examples-carousel-slide figure{height:100%;min-width:0;margin:0;padding:10px;background:#1b1e20;border:1px solid var(--line);border-radius:14px}
.examples-carousel-screen{height:clamp(250px,32vw,420px);display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#0d0f10}
.examples-carousel-screen img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#0d0f10}
.example-concept-art{display:block;width:100%;height:100%;object-fit:contain}
.examples-carousel-slide figcaption{display:flex;flex-direction:column;gap:5px;min-height:70px;padding:11px 4px 2px;color:var(--muted);font-size:12px;line-height:1.5}
.examples-carousel-kind{color:var(--lime);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.examples-carousel-slide figcaption a{color:#d2d4d1;text-decoration:underline;text-underline-offset:3px}
.examples-carousel-controls{display:flex;align-items:center;gap:12px;margin-top:26px}
.examples-carousel-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font:inherit;font-size:20px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.examples-carousel-arrow:hover:not(:disabled){background:var(--lime);border-color:var(--lime);color:#101113}
.examples-carousel-arrow:focus-visible,.examples-carousel-dots button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.examples-carousel-arrow:disabled{opacity:.35;cursor:not-allowed}
.examples-carousel-status{min-width:58px;color:var(--muted);font-family:var(--mono);font-size:12px;text-align:center}
.examples-carousel-dots{display:flex;justify-content:center;align-items:center;gap:9px;padding:14px 0 2px}
.examples-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#626664;cursor:pointer;transition:width .2s,background .2s}
.examples-carousel-dots button[aria-current="true"]{width:24px;background:var(--lime)}
@media(max-width:800px){
  .visual-examples-carousel{grid-template-columns:1fr;gap:20px}
  .examples-carousel-controls{margin-top:18px}
  .examples-carousel-slide figure{padding:7px;border-radius:11px}
  .examples-carousel-screen{height:clamp(220px,58vw,340px)}
  .examples-carousel-slide figcaption{font-size:11px;min-height:64px}
}
@media(prefers-reduced-motion:reduce){
  .examples-carousel-arrow,.examples-carousel-dots button{transition:none}
}


/* Before-and-after image pairs in the photo restoration carousel */
.restoration-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;height:100%;padding:8px;background:#0d0f10}
.restoration-frame{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;place-items:center;padding:6px;background:#141618;border-radius:6px}
.restoration-frame span{color:var(--lime);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.examples-carousel-screen .restoration-frame img{width:100%;height:100%;object-fit:contain;border-radius:3px}
@media(max-width:800px){.restoration-pair{padding:4px}.restoration-frame{gap:6px;padding:4px}.restoration-frame span{font-size:10px}}

.footer-contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-contact a{font:10px var(--mono);letter-spacing:.04em;color:var(--muted);transition:color .2s}.footer-contact a:hover,.footer-contact a:focus-visible{color:var(--lime)}@media(max-width:800px){.footer-contact{order:3;margin-left:0;gap:14px}.back-top{order:4}}

@media(max-width:600px){.footer{align-items:center}.footer-contact{flex-basis:auto;max-width:calc(100% - 66px)}.back-top{flex:0 0 42px}}

.footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px}.footer-contact{grid-column:2;justify-self:center}.footer .back-top{grid-column:3;justify-self:end}@media(max-width:420px){.footer{column-gap:8px}.footer-contact{gap:10px}.footer-contact a{font-size:9px}}

@media(max-width:800px){.footer{position:relative;display:flex;justify-content:center;align-items:center}.footer-contact{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-wrap:nowrap;gap:12px;width:max-content;max-width:none;margin:0;white-space:nowrap}.footer .back-top{position:absolute;right:18px;top:calc(50% - 21px);grid-column:auto;justify-self:auto;order:initial}}@media(max-width:420px){.footer-contact{gap:8px}.footer-contact a{font-size:9px}}

@media(max-width:800px){.footer .back-top{left:18px;right:auto}}

.back-top{width:48px;height:48px;border:1px solid var(--lime);background:var(--lime);color:#101113;box-shadow:0 6px 20px rgba(0,0,0,.28);font-size:22px;font-weight:700}.back-top:hover,.back-top:focus-visible{background:var(--text);border-color:var(--text);color:#101113;transform:translateY(-3px)}@media(max-width:800px){.footer .back-top{top:calc(50% - 24px)}}@media(max-width:420px){.footer .back-top{width:46px;height:46px;top:calc(50% - 23px)}}

@media(max-width:800px){.footer .back-top{z-index:100;pointer-events:auto;touch-action:manipulation}}


/* Keep service and project navigation links direct on mobile */
@media(max-width:800px){.top>.nav.service-nav .nav-dropdown .submenu-toggle,.top>.nav.service-nav .nav-dropdown .nav-submenu{display:none!important}}


/* Smoothly fade the mobile navigation when it closes */
@media(max-width:800px){.top>.nav{opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.top>.nav.open{opacity:1;transform:translateY(0)}.top>.nav.open.closing{opacity:0;transform:translateY(-8px);pointer-events:none}}
@media(prefers-reduced-motion:reduce){.top>.nav{transition:none!important}}


/* Screenshot preview for the nutritionist project */
.nutriciology-detail-hero .nutritionist-site-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top;background:#f5f4f1;border-radius:0 0 4px 4px}


/* Real homepage screenshot for the paving-stone project */
.paving-stones-detail-hero .paving-site-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top;background:#fff;border-radius:0 0 4px 4px}


/* Real homepage screenshot for the Azivolt project */
.azivolt-detail-hero .azivolt-site-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top;background:#fff;border-radius:0 0 4px 4px}

/* Balcon Bar external reference preview */
.balcon-detail-hero .balcon-site-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;background:#101113}
.balcon-detail-hero .laptop-screen{padding-bottom:9px}

/* External e-commerce reference: ROSSCA */
.store-example-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center;border-radius:2px;background:#f4f4f2}
.store-example-preview .laptop-topbar{position:relative}
.store-example-link{display:flex;justify-content:flex-end;gap:9px;margin-top:9px;color:var(--lime);font:12px var(--mono);letter-spacing:.04em;text-decoration:none}
.store-example-link:hover{color:#fff}
@media(max-width:800px){.store-example-link{font-size:12px}}

.mobile-menu-contacts{display:none}@media(max-width:800px){.nav.open .mobile-menu-contacts{display:block;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}.mobile-menu-contacts-label{display:block;margin-bottom:12px;color:var(--muted);font:10px var(--mono);letter-spacing:.12em}.mobile-menu-contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-menu-contact-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 4px;border:1px solid var(--line);color:var(--text);font:10px var(--mono);letter-spacing:.02em}.mobile-menu-contact-links a:hover,.mobile-menu-contact-links a:focus-visible{border-color:var(--lime);color:var(--lime)}}