/* Compact typography and a brighter, contemporary turquoise material. */
/* The catalog uses one frame system; commerce is explained as a connected flow. */
.project-links .project-link-button{display:inline-grid;grid-template-columns:1fr auto;column-gap:15px;row-gap:4px;align-items:center;padding:12px 15px;text-align:left;font-size:11px;line-height:1.5;max-width:100%;white-space:normal}.project-link-button>small{grid-column:1;grid-row:2;font-size:9px;font-weight:400;color:#74a7af}.project-link-button>span:last-child{grid-column:2;grid-row:1/3}
.studio-launch-intro h1{font-size:clamp(25px,2.3vw,31px)!important}.studio-slogan{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:680px!important}.studio-slogan button{font-size:clamp(16px,1.8vw,21px)!important;letter-spacing:-.4px!important;padding:11px 5px!important}.studio-directions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.commerce-capabilities{margin:38px 0;padding:25px 0;border-top:1px solid #408a9355;border-bottom:1px solid #408a9333}.commerce-heading h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:12px 0}.commerce-heading>p{font-size:12px;color:#87abb5;line-height:1.8}.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0;position:relative}.commerce-grid:before{content:'';position:absolute;top:22px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,#4ab9be33,#89eeeb88,#4ab9be33)}.commerce-grid article{position:relative;padding:0 5px}.commerce-symbol{position:relative;display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(140deg,#174b56,#071620);border:1px solid #6cd9dc88;border-radius:11px;color:#9ff7ee;font-size:22px;box-shadow:inset 0 1px 0 #caffff33,0 0 18px #33c9ca11;animation:commerce-signal 6s ease-in-out infinite}.commerce-grid article:nth-child(2) .commerce-symbol{animation-delay:2s}.commerce-grid article:nth-child(3) .commerce-symbol{animation-delay:4s}.commerce-grid h3{font-size:16px;font-weight:500;margin:18px 0 8px}.commerce-grid p{font-size:11px;color:#89aeb7;line-height:1.8;max-width:310px}.commerce-capabilities>.text-button{font-size:11px;display:inline-flex;gap:22px}
@keyframes commerce-signal{0%,60%,100%{box-shadow:inset 0 1px 0 #caffff33,0 0 15px #33c9ca11}25%{box-shadow:inset 0 1px 0 #caffff77,0 0 25px #33c9ca55}}
@media(max-width:700px){.studio-slogan button{font-size:16px!important}.studio-launch-intro h1{font-size:26px!important}.studio-directions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-directions a:last-child{grid-column:auto!important}.commerce-grid{grid-template-columns:1fr;gap:20px}.commerce-grid:before{top:15px;bottom:15px;left:21px;right:auto;width:1px;height:auto;background:linear-gradient(#4ab9be33,#89eeeb88,#4ab9be33)}.commerce-grid article{padding:0 0 0 63px;min-height:72px}.commerce-symbol{position:absolute;left:0;top:0}.commerce-grid h3{margin:0 0 6px}.commerce-grid p{max-width:none;margin:0}.commerce-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.commerce-symbol{animation:none}}
:root{--accent:#71f4ec;--rim:#4adddf;--frame:#2e7276}.page-intro{padding-top:17px;padding-bottom:24px}.page-intro h1,.product-page-hero .page-intro h1{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:12px 0;font-weight:500}.page-intro>p{font-size:12px;line-height:1.8;max-width:620px}.hero h1{font-size:clamp(33px,3.4vw,46px)}.section-topline .eyebrow{font-size:8px}.compact-cta{display:flex;justify-content:center;align-items:center;border:0;margin:28px 0 40px;padding:0;min-height:0;gap:0}.compact-contact{font-size:12px;min-height:46px;gap:28px;padding:13px 20px;border-radius:9px}.compact-contact>span{font-size:18px}.case-crosslink{font-size:11px;padding:16px 20px}.card-tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:none!important}.project-card-body>.eyebrow{font-size:7px;color:#69a4a7}.project-card h2,.project-card h3,.service-card h2{font-size:22px;margin:10px 0}.project-card-body,.service-card-body{padding:18px 21px 21px}.project-card .card-tagline,.service-card p{font-size:11px;line-height:1.7;min-height:36px;margin:8px 0 13px}.card-link{font-size:10px;margin-top:12px;padding-top:12px;color:#84d7d6}
.project-card,.service-card,.bajena-product-card{border-radius:17px;border-color:#5acecf55;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,10%),#183a3f7a,transparent 65%),linear-gradient(155deg,#0b2026,#02080d 75%);box-shadow:inset 0 1px 0 #caffff2b,inset 0 -1px 0 #36becb20,0 12px 35px #0008,0 0 0 1px #020c11}.project-card:before,.service-card:before{border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#5cffff16,transparent 60%);opacity:.45}.project-card:after,.service-card:after{inset:0;border:0;clip-path:none;border-radius:inherit;box-shadow:inset 1px 0 0 #9ef9ff0c,inset -1px 0 0 #1fc9dd1f;background:linear-gradient(115deg,transparent 25%,#7cecf811 46%,transparent 62%);opacity:.5;transition:opacity .3s}.project-card:hover,.service-card:hover,.project-card:focus-visible,.service-card:focus-visible{border-color:#7ff7f4bd;box-shadow:inset 0 1px 0 #d8ffff57,inset 0 -1px 0 #57dce959,0 23px 45px #000a,0 0 30px #24cfdf14}.project-card:hover:after,.service-card:hover:after{opacity:1}.project-card-art,.service-card-art{border-radius:16px 16px 0 0;border-color:#3a9ca838;background:radial-gradient(ellipse,#0e303a55,#020a10 75%);transform:translateZ(8px);margin:0}.project-card-body,.service-card-body{transform:translateZ(12px)}.project-visual,.product-visual,.screen-gallery figure,.case-feature,.action-case,.seo-infographic{border-radius:15px;border-color:#50bec553;box-shadow:inset 0 1px 0 #caffff22,0 16px 42px #0006,0 0 0 1px #020c12;background-color:#030d12}.case-feature{padding:30px;gap:30px}.case-feature h2{font-size:27px;line-height:1.3;letter-spacing:-.8px}.case-feature p{font-size:12px;line-height:1.8}.case-flow{padding:20px 0;margin:20px 0 26px}.case-flow h2{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0 0 20px}.case-flow>div{display:flex;gap:24px;align-items:center;justify-content:space-between}.case-flow>div>span{flex:1;position:relative;text-align:center;padding:16px 12px;background:linear-gradient(125deg,#0b343d66,#040e1566);border:1px solid #368b984d;border-radius:8px;color:#9ad3d8;font-size:12px}.case-flow>div>span:not(:last-child):after{content:'→';position:absolute;right:-21px;top:50%;transform:translateY(-50%);color:#3d8494}.case-animated-stage{min-width:0;position:relative;background:radial-gradient(ellipse,#0e334222,transparent 70%)}.case-animated-stage img{width:100%;height:auto;display:block}.case-animated-stage>span{display:block;text-align:center;font:8px/1.5 var(--mono);letter-spacing:.5px;color:#5a8997;margin-top:7px}.screen-chrome{background:linear-gradient(120deg,#0f3036,#081b25);border-color:#358a963d;color:#a0d6da}.screen-chrome>a{color:#72e5df}.product-visual>span{background:#071b23;color:#83aab6;border-color:#3e8b9b2e}.project-link-button{box-shadow:inset 0 1px 0 #a8ffff19,0 3px 10px #0004;border-color:#3e9ca066!important;color:#9ee4e3;background:linear-gradient(135deg,#0c354366,#030e17aa)!important}.project-link-button:hover{border-color:#71e5e7aa!important;box-shadow:0 0 18px #3edfe61a}.studio-capabilities article{border-radius:12px;border-color:#4ba4b74d;background:linear-gradient(135deg,#0b293855,#030d15bb);box-shadow:inset 0 1px 0 #a1e8f414,0 12px 28px #0004}.studio-capabilities article>span{color:#77e8ed}.studio-capabilities h2{font-size:22px}.studio-capabilities p{font-size:12px}.button-primary{background:linear-gradient(140deg,#a2fff2,#5edbe0);border-color:#c5ffff78;color:#042b31;box-shadow:inset 0 1px 0 #efffffbd,inset 0 -1px 0 #15556244,0 5px 15px #0005,0 0 22px #48e3dd12}.button-primary:hover{background:linear-gradient(140deg,#c4fff9,#7df0ef);box-shadow:inset 0 1px 0 #fff,0 7px 24px #0006,0 0 26px #4ce7e024}.button-outline{border-color:#4c9eaa70;background:linear-gradient(135deg,#0b334155,#04121a88);box-shadow:inset 0 1px 0 #c9ffff17,0 6px 18px #0005}.button-outline:hover{border-color:#79e5edbd;background:#103b4488;box-shadow:inset 0 1px 0 #c9ffff33,0 8px 23px #0006,0 0 20px #42d5e51c}.filter.active{background:#13464f88!important;border-color:#60b9c9b3!important;color:#bcfbff}.catalog-search input:focus{border-color:#70d3dd}.site-footer{border-top-color:#32788740}
/* Telegram is a small animated metal plane rather than a text arrow. */
.telegram-link{display:flex;align-items:center;gap:9px;width:auto;height:auto;padding:6px 0;color:#afdae0;white-space:nowrap}.telegram-badge-icon{position:relative;display:block;width:33px;height:33px;perspective:200px;isolation:isolate}.telegram-badge-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 2px #00313eb3) drop-shadow(0 0 9px #47dfee22);animation:telegram-hover 6s ease-in-out infinite;transform-style:preserve-3d}.telegram-badge-icon i{position:absolute;inset:auto 5px -3px;height:4px;border-radius:50%;background:#19cddd44;filter:blur(3px);z-index:-1;animation:telegram-shadow 6s ease-in-out infinite}.telegram-badge-label{display:block;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.1px}.telegram-badge-label small{display:block;font-size:8px;color:#70a3b1;font-weight:400;letter-spacing:0}.telegram-link:hover .telegram-badge-icon svg{filter:drop-shadow(0 3px 3px #00313e) drop-shadow(0 0 14px #6efaff77)}
/* The studio's whole page is a launch diagram, with four concise principles. */
.studio-launch-page{padding-top:22px;padding-bottom:20px}.studio-launch-intro{text-align:center;padding:10px 0 18px}.studio-launch-intro>.eyebrow{justify-content:center;color:#6ba4b1;font-size:8px}.studio-launch-intro h1{font-size:clamp(29px,3vw,40px);font-weight:500;letter-spacing:-1px;margin:13px 0 10px}.studio-launch-intro>p{font-size:12px;color:#80a6b2;margin:0}.studio-slogan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:920px;margin:14px auto 0}.studio-slogan button{position:relative;padding:13px 7px 15px;font-size:clamp(18px,2.6vw,30px);letter-spacing:-1px;font-weight:500;color:#4d737f;background:transparent;border-bottom:1px solid #2a64713d;transition:color .3s,border-color .3s,text-shadow .3s}.studio-slogan button[aria-pressed=true]{color:#a5f6f5;border-color:#6de2e4a6;text-shadow:0 0 30px #64f8f237}.studio-slogan button:hover{color:#c0ffff}.launch-canvas{width:100%;position:relative;isolation:isolate;margin:4px 0 -8px;background:radial-gradient(ellipse,#0c3e4d23,transparent 68%)}.launch-canvas img{width:100%;height:auto;display:block;max-width:1400px;margin:auto}.launch-phase-detail{display:grid;grid-template-columns:110px 1fr 1.2fr;align-items:center;gap:20px;max-width:1010px;margin:0 auto 36px;padding:17px 21px;border-top:1px solid #38879745;border-bottom:1px solid #3887972b;background:linear-gradient(90deg,#0b293b22,#07131d44);min-height:75px}.launch-phase-detail>span{font:8px var(--mono);letter-spacing:1.5px;color:#6dd8df}.launch-phase-detail strong{font-size:16px;font-weight:500;line-height:1.6;letter-spacing:-.3px;color:#b8dfe6}.launch-phase-detail p{font-size:11px;line-height:1.7;color:#729baa;margin:0}.launch-phase-detail.phase-change{animation:phase-detail .4s ease-out}.studio-directions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.studio-directions a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 15px;font-size:11px;line-height:1.6;border:1px solid #3d8b9b4d;border-radius:10px;background:linear-gradient(130deg,#0c303e66,#030e17aa);box-shadow:inset 0 1px 0 #b9f4ff14;transition:border-color .25s,background .25s,transform .25s}.studio-directions a:hover{border-color:#6bdce1aa;background:#0f3b4566;transform:translateY(-3px)}.studio-directions a>span{color:#60c4d3}.studio-work-link{text-align:center;margin:31px 0 25px}.studio-work-link a{font-size:12px;color:#8dc2ce;display:inline-flex;gap:30px;align-items:center}.studio-work-link a:hover{color:#c8ffff}.studio-launch-page .compact-cta{margin:22px 0 30px}.service-catalog .service-card:last-child:nth-child(odd){max-width:none}.service-detail-art{background:radial-gradient(ellipse,#12304a22,transparent 70%)}
.office-sources{display:flex;justify-content:center;gap:11px;padding:10px 12px 2px}.office-sources>span{font-size:8px;color:#6eb3c0;padding:6px 10px;border:1px solid #2b7e8b44;border-radius:5px;background:#0b314044;position:relative;animation:source-arrives 7s ease-in-out infinite}.office-sources>span:nth-child(2){animation-delay:1.1s}.office-sources>span:nth-child(3){animation-delay:2.2s}.office-sources>span:after{content:'';position:absolute;height:21px;width:1px;left:50%;bottom:-21px;background:linear-gradient(#4cd6dc66,transparent)}.office-workspace{padding-top:25px}.office-network{border-color:#6dd2d957}.office-network span{background:#9df9f9;box-shadow:0 0 15px #58ecf1bb}.office-header{background:#0b2229}.office-header strong{color:#b9e2e6}.office-header small{color:#64a5b1}.agent-office{border-color:#50a7b970;background:linear-gradient(140deg,#0c2831,#040d16)}.office-task>span{color:#5ca6b5}.office-task strong{color:#b2d7df}.office-agent>strong{color:#9bcbd7}.office-agent>small{color:#6293a1}.office-agent.working{background:radial-gradient(ellipse,#2b758c2a,transparent 65%)}.office-agent.working>[data-agent-status]{color:#92e9e9}.office-delivery{color:#85bcc9;background:#0e364244;border-color:#4a9bac30}.office-task-tabs button{color:#739da9;background:#091c26}.office-task-tabs button[aria-pressed=true]{color:#b4f6f2;background:#1f6a7029;border-color:#5de0df85}.office-window{border-color:#4f9fb236;border-bottom-color:#70c1cd44}.office-data-caption{font:7px/1.6 var(--mono);color:#538997;text-align:center;padding:2px 12px 11px;letter-spacing:.7px}
@keyframes telegram-hover{0%,100%{transform:translateY(0) rotateY(-12deg) rotateZ(-5deg)}50%{transform:translateY(-4px) rotateY(18deg) rotateZ(5deg)}}@keyframes telegram-shadow{50%{transform:scale(.72);opacity:.45}}@keyframes phase-detail{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes source-arrives{0%,100%{border-color:#2b7e8b44;box-shadow:none}40%,60%{border-color:#69d3d68c;box-shadow:0 0 14px #41dae51a}}
@media(max-width:1000px){.telegram-badge-label{font-size:9px}.telegram-badge-label small{font-size:7px}.telegram-badge-icon{width:29px;height:29px}.header-actions{gap:17px}.studio-directions{gap:9px}.studio-directions a{font-size:10px;padding:16px 12px}.launch-phase-detail{grid-template-columns:90px 1fr 1.1fr}.launch-phase-detail strong{font-size:14px}.studio-slogan{gap:10px}}
@media(max-width:700px){.page-intro h1,.product-page-hero .page-intro h1{font-size:29px;letter-spacing:-.8px}.page-intro>p{font-size:11px;line-height:1.7}.page-intro{padding-bottom:20px}.hero h1{font-size:33px}.compact-cta{margin:23px 0 31px;align-items:center}.compact-contact{min-height:44px;font-size:11px;padding:12px 17px}.telegram-link{gap:7px;padding:5px 0}.telegram-badge-icon{width:27px;height:27px}.telegram-badge-label{font-size:8px}.telegram-badge-label small{font-size:6px}.header-actions{gap:15px}.case-feature{padding:21px 14px;gap:21px}.case-feature h2{font-size:25px;letter-spacing:-.8px}.case-feature p{font-size:11px}.case-flow{margin:16px 0 24px;padding:12px 0}.case-flow h2{font-size:18px}.case-flow>div{gap:12px;flex-wrap:wrap}.case-flow>div>span{flex:1 1 calc(50% - 12px);font-size:10px;padding:13px 8px}.case-flow>div>span:not(:last-child):after{display:none}.project-card-body,.service-card-body{padding:18px}.project-card h2,.project-card h3,.service-card h2{font-size:22px}.card-link{font-size:10px}.project-card .card-tagline,.service-card p{font-size:11px}.studio-launch-page{padding-top:17px}.studio-launch-intro{padding:7px 0 12px}.studio-launch-intro h1{font-size:30px}.studio-launch-intro>p{font-size:11px}.studio-slogan{gap:5px;margin:9px auto 4px}.studio-slogan button{font-size:17px;letter-spacing:-.5px;padding:11px 2px;white-space:nowrap}.launch-canvas{margin:0 -9px;width:calc(100% + 18px)}.launch-canvas img{aspect-ratio:600/1200;object-fit:contain}.launch-phase-detail{display:block;min-height:110px;padding:15px;margin:0 0 24px}.launch-phase-detail>span{display:block;font-size:7px;margin-bottom:6px}.launch-phase-detail strong{font-size:15px;line-height:1.5}.launch-phase-detail p{font-size:10px;margin-top:6px}.studio-directions{grid-template-columns:1fr 1fr;gap:9px}.studio-directions a{font-size:10px;min-height:52px;padding:13px 12px}.studio-directions a:last-child{grid-column:1/-1}.studio-work-link{margin:25px 0}.studio-work-link a{font-size:11px;gap:16px}.studio-capabilities h2{font-size:21px}.studio-capabilities p{font-size:11px}.office-sources{gap:7px;padding:7px 8px 0}.office-sources>span{font-size:7px;padding:5px 8px}.office-data-caption{font-size:6px;letter-spacing:.3px}}
@media(max-width:360px){.telegram-badge-label{display:none}.studio-slogan button{font-size:15px}.page-intro h1{font-size:27px}.hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.telegram-badge-icon svg,.telegram-badge-icon i,.phase-change,.office-sources>span{animation:none!important}.studio-directions a{transition:none}.project-card,.service-card{transition:border-color .2s!important}}

.order-layout{display:block}.order-dialog{max-width:620px}.order-form-wrap{padding:35px 32px}.order-form-wrap h2{font-size:25px;line-height:1.25;letter-spacing:-.6px}.order-form-wrap .form-intro{font-size:11px}.design-work{margin:35px 0}.design-work>h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0 0 22px}.design-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-work .project-card .card-tagline,.design-work .project-card .eyebrow{display:none}.design-work .project-card h3{font-size:19px}.studio-slogan button{color:#719ca9}.studio-slogan button[aria-pressed=true]{color:#a5f6f5}
@media(max-width:700px){.order-form-wrap{padding:33px 19px 24px}.order-form-wrap h2{font-size:23px}.service-catalog .service-card:first-child{display:block;grid-column:auto}.service-catalog .service-card:first-child .service-card-art{border-radius:16px 16px 0 0;border-right:0;border-bottom:1px solid #3a9ca838}.service-catalog .service-card:first-child .service-card-body{padding:18px}.design-work-grid{grid-template-columns:1fr;gap:23px}.design-work>h2{font-size:20px}}

@media(min-width:361px) and (max-width:700px){.telegram-badge-label{font-size:10px}.telegram-badge-label small{font-size:8px;color:#82adb8}.telegram-badge-icon{width:30px;height:30px}.telegram-link{gap:6px}}