/* VERSION 13: REBUILT RED & YELLOW VISUAL DESIGN — BRAND-ACCURATE, NO EXTERNAL FONTS */
:root{--red:#e50914;--red-dark:#b60712;--yellow:#ffd72d;--ink:#161b22;--ink2:#26303d;--orange:#e50914;--orange2:#ca0712;--line:#e7e8eb;--pale:#fff9ea;--pale2:#fff0c3;--cream:#fff;--r:18px}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{background:#fff!important;color:#191d25!important;font-family:Arial,'Segoe UI',system-ui,sans-serif!important;letter-spacing:-.014em!important}
.wrap{width:min(1296px,calc(100% - 52px))}
.top-strip{background:#151b24!important;color:#fff!important;letter-spacing:.002em}
.top-strip-inner{height:42px!important}.top-strip-note{color:#e5e8ec!important}.top-strip-inner a{color:#ffdd3d!important;font-weight:900!important}
.strip-location b{color:#ffdb2b!important}
.header{position:sticky;top:0;z-index:101;background:#fff!important;box-shadow:0 3px 12px rgba(0,0,0,.06)!important}
.header-row{height:93px!important;gap:18px!important}
.header .logo{flex-shrink:0!important;display:flex!important;align-items:center!important;text-decoration:none!important;min-width:236px}
.brand-wordmark{display:flex;flex-direction:column;gap:0;align-items:flex-start}
.brand-wordmark img{display:block;width:231px;height:71px;max-width:100%;object-fit:contain;object-position:left center}
.brand-wordmark small{display:block;color:#1b1e25!important;font-size:9px;font-weight:950;letter-spacing:1px;line-height:1.1;margin-top:-3px;white-space:nowrap}
.header .catalog-trigger{background:#e50914!important;border-color:#e50914!important;color:#fff!important;border-radius:14px!important;box-shadow:none!important;padding:15px 19px!important;white-space:nowrap!important}
.header .catalog-trigger:hover{background:#bd0610!important}.catalog-burger{color:#fff!important}
.header-search{border:1px solid #dce0e4!important;background:#f4f5f7!important;border-radius:14px!important;box-shadow:none!important}
.header-search input{color:#222834!important}.header-search button{background:#ffd72d!important;color:#171b20!important;border-radius:10px!important}
.search-icon{color:#c60c15!important}.header-call strong{color:#161b24!important}.header-call small{color:#626976!important}
.call-glyph{background:#fff2e8!important;color:#d30611!important}
.cart-top{border:2px solid #edd6d9!important;border-radius:13px!important;background:#fff!important;color:#1b2229!important}.cart-top b{background:#e50914!important}
.header-subnav{background:#fff!important;border-top:1px solid #f0f0f0!important}
.nav-links{min-height:45px!important;font-size:13px!important;font-weight:900!important;gap:27px!important;color:#24242b!important}
.nav-links a{border-bottom:3px solid transparent;transition:border-color .17s ease;color:#202530!important}
.nav-links a:hover{border-bottom-color:#e50914;color:#d50714!important}
.nav-telegram{color:#d50714!important}
/* Photo-led, dark/red main banner as the FIRST visual concept requested. */
.hero{position:relative;padding:0!important;background:radial-gradient(ellipse at 10% 90%,#38333a 0,transparent 45%),linear-gradient(113deg,#171e27 0%,#20252e 57%,#28282c 100%)!important;color:#fff!important;min-height:560px;overflow:hidden}
.hero::before{display:block!important;position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,20,28,.8),rgba(15,20,28,.25)),url('assets/gallery/project-24.webp') center 44%/cover;opacity:.2!important;pointer-events:none;content:''}
.hero::after{display:block!important;position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,#e50914 0 27%,#ffd72d 27% 56%,#e50914 56% 100%);content:''}
.hero-layout{display:grid!important;grid-template-columns:minmax(0,52%) minmax(0,48%)!important;gap:0!important;min-height:548px!important;align-items:stretch!important}
.hero-info{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:43px 16px 49px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hero-kicker{background:rgba(255,255,255,.11)!important;color:#ffe26d!important;border:1px solid rgba(255,255,255,.18)!important;padding:10px 16px!important;border-radius:100px!important;font-size:11px!important;letter-spacing:1.1px!important}
.hero-kicker-dot{background:#f32231!important}
.hero h1{color:#fff!important;font-size:clamp(39px,4.25vw,62px)!important;font-weight:950!important;letter-spacing:-2.8px!important;line-height:1.075!important;margin:25px 0 20px!important;max-width:680px!important;text-wrap:balance}
.hero h1 em{display:inline-block!important;font-style:normal!important;background:#e50914!important;color:#fff!important;padding:4px 12px 7px!important;line-height:1.05!important;border-radius:9px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;letter-spacing:-2px!important;margin-left:-7px}
.hero h1 em::after{display:none!important}
.hero-info>p{color:#e8e9ef!important;font-size:16px!important;line-height:1.59!important;max-width:575px!important;margin-bottom:24px!important}
.hero-info>p strong{color:#fff!important;font-weight:950!important}
.hero-buttons{gap:12px!important}
.hero-buttons .btn{font-size:14px!important;font-weight:950!important;min-height:56px!important;padding:14px 25px!important;border-radius:15px!important;box-shadow:none!important}
.hero .main-btn{background:#e50914!important;color:#fff!important;border:2px solid #e50914!important}
.hero .main-btn:hover{background:#bb0610!important}
.hero .outline-btn{background:#fff!important;color:#181d24!important;border:2px solid #fff!important}
.hero-features{display:flex!important;flex-wrap:wrap!important;margin-top:12px!important;padding-top:9px!important;gap:8px!important;color:#fff!important}
.hero-features span{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:100px!important;padding:8px 13px!important;font-size:11px!important}
.hero-photo{align-self:stretch!important;position:relative!important;min-height:530px!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;background:transparent!important}
.hero-photo img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:contain!important;object-position:right 55%!important;filter:contrast(1.055) saturate(1.04) drop-shadow(0px 16px 18px rgba(0,0,0,.35));transform:scale(1.04);border-radius:10px}
.hero-photo::before{content:''!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,#20242c 0%,transparent 20%),linear-gradient(0deg,rgba(8,13,20,.53),transparent 25%)!important;pointer-events:none}
.hero-photo-ticket{z-index:3!important;left:18px!important;bottom:40px!important;max-width:280px!important;text-shadow:0 3px 9px rgba(0,0,0,.72)!important}
.hero-photo-ticket b{color:#ffdc42!important;font-size:11px!important;letter-spacing:1.1px}
.hero-photo-ticket strong{color:#fff!important;font-size:22px!important}
.hero-photo-link{right:12px!important;top:24px!important;z-index:5!important;background:#ffdb2e!important;color:#15171b!important;font-weight:950!important;border-radius:99px!important}
.hero-dot{display:none!important}
/* Services in approachable white cards; red and yellow signal actionable information. */
.benefit-row{padding:26px 0 43px!important;background:#fff!important}
.benefit-intro strong{font-size:25px!important;color:#171b22!important}.benefit-intro span{color:#676d76!important}
.benefits{gap:13px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.benefits .benefit-action{min-height:155px!important;padding:20px 21px!important;background:#f7f8fa!important;border:1px solid #e7e9ed!important;border-radius:19px!important;color:#151a24!important;box-shadow:0 4px 13px rgba(15,20,30,.038)!important}
.benefits .benefit-action:nth-child(2){background:#fff8df!important;border-color:#f6ebbf!important}
.benefits .benefit-action:nth-child(3){background:#f4f7ff!important}
.benefits .benefit-action:nth-child(4){background:#f1fff7!important}
.benefit-emoji,.benefits .benefit-action:nth-child(2) .benefit-emoji{background:#e50914!important;color:white!important;border-radius:14px!important;width:44px!important;height:44px!important;font-size:26px!important}
.benefits .benefit-action strong{color:#1b2029!important;font-size:17px!important;line-height:1.18!important;font-weight:950!important;margin-top:19px!important}
.benefits .benefit-action small{color:#626b76!important;font-size:11px!important;opacity:1!important}
.benefits .benefit-action b{color:#e50914!important}
/* Product cards use correctly proportioned 2D/technical inline SVG cross-sections. */
.category-section{background:#fff!important;padding:28px 0 45px!important}
.section-title h2{color:#181b21!important}.overline{color:#d10a14!important}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.category-tile,.category-tile:nth-child(n){background:linear-gradient(143deg,#f7f8fa,#f0f1f4)!important;border:1px solid #e8e9ee!important;border-radius:17px!important;min-height:188px!important;padding:16px 17px!important;color:#171b22!important}
.category-tile:hover{border-color:#e50914!important;box-shadow:0 9px 25px rgba(180,15,24,.09)!important}
.category-art{background:transparent!important;border:0!important;width:103px!important;height:93px!important;padding:0!important;margin:-2px 0 12px!important}
.category-art svg{stroke:#242932!important;stroke-width:3!important;width:100px!important;height:86px!important}
.category-art .steel-technical-svg path.section-profile{fill:#d2d7de!important;stroke:#202530!important}
.category-art .steel-technical-svg .section-dimension{stroke:#9198a3!important;stroke-width:1.45px!important}
.category-tile strong{font-size:17px!important;line-height:1.17!important;color:#20252c!important}
.category-tile small{font-size:11px!important;color:#69717d!important}
.category-tile b{color:#e50914!important;background:#fff!important;border-radius:10px!important;width:32px;height:32px;display:grid;place-items:center;right:13px!important;bottom:12px!important;font-size:19px!important}
.categories-exit{background:#fff8dd!important;border-radius:16px!important;margin-top:17px!important;padding:17px 21px!important}
/* New short visual selection ABOVE long catalogue and more detailed portfolio. */
.v13-featured-section{padding:43px 0 61px;background:#fafafa;scroll-margin-top:150px;border-block:1px solid #ededed}
.v13-featured-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:19px}
.v13-featured-heading h2{font-size:clamp(30px,3.25vw,43px);line-height:1.14;font-weight:950;letter-spacing:-1.4px;margin:9px 0 6px;color:#141820}
.v13-featured-heading h2 span{color:#d60914}
.v13-featured-heading p{color:#616772;font-size:13px;margin:0;line-height:1.5}
.v13-featured-heading>a{color:#d70712;font-weight:950;font-size:13px;white-space:nowrap}
.v13-featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.v13-project-card{border:1px solid #e8e9ec;background:#fff;border-radius:17px;overflow:hidden;padding:0;cursor:pointer;text-align:left;box-shadow:0 6px 19px rgba(18,20,24,.065);transition:transform .2s ease,box-shadow .2s ease;min-width:0}
.v13-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(15,19,23,.12)}
.v13-project-card img{display:block;width:100%;height:181px;object-fit:cover;object-position:center;transition:transform .25s ease}
.v13-project-card:hover img{transform:scale(1.035)}
.v13-project-info{position:relative;display:flex;flex-direction:column;padding:13px 13px 15px;min-height:81px}
.v13-project-info small{font-size:10px;font-weight:800;color:#dc0e1a;margin-bottom:6px}
.v13-project-info strong{font-size:13px;line-height:1.2;font-weight:950;color:#151a23;max-width:calc(100% - 16px)}
.v13-project-info b{position:absolute;right:13px;bottom:15px;font-size:17px;color:#e50914}
/* Full services are still available below, but key actions remain quick. */
.catalog-section{background:#fff!important}.catalog-home,.catalog-workspace{border-radius:20px!important;border-color:#e6e8eb!important}
.catalog-entry:nth-child(1) .catalog-entry-picture{background:#fff8e5!important}
.catalog-entry:nth-child(2) .catalog-entry-picture{background:#f3f5f8!important}
.catalog-entry:nth-child(3) .catalog-entry-picture{background:#fff0ee!important}
.catalog-entry-picture path.section-profile,.subcat-icon path.section-profile,.product-shape path.section-profile{fill:#cdd3da!important;stroke:#1f2933!important}
.catalog-entry-picture svg,.subcat-icon svg,.product-shape svg{stroke:#29313c!important}
.catalog-intro-badge,.step-pill{background:#ffdc35!important;color:#1e2025!important}
.catalog-workspace .catalog-tabs button.active{background:#e50914!important}
.add-product{background:#e50914!important}.query-example{background:#fff3cb!important}
.delivery-section{background:#fff!important;padding:38px 0 67px!important}
.delivery-new{border-radius:26px!important;box-shadow:0 16px 34px rgba(85,19,22,.09)!important}
.delivery-panel{background:#e50914!important}
.delivery-perks>div{border-radius:14px!important}
.delivery-side{background:#fff!important}
.v12-real-photo{height:288px!important}
.v12-real-photo img{object-position:center 60%!important}
.v12-real-photo span{background:#ffdf3e!important}
.services{background:#fafafa!important}.service-tile{border-radius:18px!important}
.v12-mid-banner{background:#202934!important;border-radius:19px!important}.v12-mid-banner>a{background:#ffdc35!important}
.portfolio-section{background:#fff!important}.object-card,.portfolio-card{border-radius:18px!important}
.footer{background:#191e26!important}.footer-logo img{width:210px;height:65px;object-fit:contain;filter:brightness(0) invert(1)}
.footer .footer-grid p{color:#ffdf40!important}
/* Mobile: no hidden actions, no sideways scrolling, prominent logo and easy access to cart. */
@media(max-width:1150px){.header .logo{min-width:197px!important}.brand-wordmark img{width:193px!important;height:58px!important}.brand-wordmark small{font-size:8px!important}.header-row{gap:12px!important}.hero-layout{grid-template-columns:54% 46%!important}.hero h1{font-size:clamp(38px,4.2vw,55px)!important}}
@media(max-width:900px){.wrap{width:calc(100% - 34px)}.header-row{height:74px!important}.header .logo{min-width:185px!important}.brand-wordmark img{width:184px!important;height:54px!important}.header-search{display:none!important}.header .catalog-trigger{padding:12px 15px!important}.header-subnav{background:#fff!important}.nav-links{overflow:auto;white-space:nowrap;gap:22px!important}.hero-info{padding:32px 8px 35px 0!important}.hero-layout{min-height:470px!important}.hero-photo{min-height:470px!important}.hero h1{font-size:clamp(36px,4.9vw,46px)!important;letter-spacing:-1.7px!important}.hero h1 em{letter-spacing:-1.6px!important}.hero-info>p{font-size:14px!important}.hero-features span{font-size:10px!important}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v13-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v13-project-card:nth-child(n+4){display:none}.benefits{gap:9px!important}}
@media(max-width:720px){html{scroll-padding-top:112px}body{padding-bottom:69px!important}.top-strip-inner{height:29px!important}.strip-location{font-size:10px!important}.top-strip-inner a{font-size:10px!important}.header-row{height:69px!important;gap:8px!important}.header .logo{min-width:unset!important;max-width:46vw!important;flex:0 1 auto!important}.brand-wordmark img{width:min(182px,43vw)!important;height:44px!important}.brand-wordmark small{font-size:clamp(6px,1.45vw,8px)!important;letter-spacing:.1px;white-space:nowrap}.header .catalog-trigger{order:3;padding:10px 11px!important;font-size:11px!important;border-radius:10px!important;margin-left:auto}.cart-top{padding:9px 10px!important}.cart-top span:not(.cart-icon){display:none!important}.nav-links{min-height:35px!important;gap:17px!important;font-size:10.5px!important}.hero{min-height:0!important}.hero-layout{display:flex!important;flex-direction:column!important;min-height:0!important}.hero-info{padding:25px 1px 21px!important}.hero-kicker{font-size:9px!important;padding:8px 10px!important;letter-spacing:.2px!important}.hero h1{font-size:clamp(34px,8.3vw,53px)!important;letter-spacing:-1.4px!important;line-height:1.105!important;margin:17px 0 17px!important}.hero h1 em{margin-left:-3px;letter-spacing:-.7px!important;padding:4px 9px 6px!important}.hero-info>p{font-size:12.5px!important;line-height:1.56!important;margin:0 0 18px!important}.hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px!important}.hero-buttons .btn{width:100%!important;min-height:49px!important;display:flex!important;align-items:center;justify-content:center!important;font-size:12px!important;padding:10px!important;border-radius:12px!important}.hero-features{gap:6px!important;margin-top:7px!important}.hero-features span{padding:6px 8px!important;font-size:9px!important}.hero-photo{min-height:265px!important;height:265px!important;margin:0 0 9px!important;border:0!important;border-radius:15px!important;overflow:hidden!important}.hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 62%!important;transform:none!important}.hero-photo::before{background:linear-gradient(0deg,rgba(10,15,20,.59),transparent 51%)!important}.hero-photo-ticket{bottom:10px!important;left:13px!important}.hero-photo-ticket b{font-size:8px!important}.hero-photo-ticket strong{font-size:18px!important}.hero-photo-link{right:9px!important;top:10px!important;font-size:10px!important;padding:9px 10px!important}.benefit-row{padding:25px 0!important}.benefit-intro strong{font-size:19px!important}.benefit-intro span{font-size:10px!important}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.benefits .benefit-action{min-height:143px!important;padding:14px!important;border-radius:14px!important}.benefit-emoji{width:34px!important;height:34px!important;border-radius:10px!important;font-size:20px!important}.benefits .benefit-action strong{font-size:14px!important;margin-top:13px!important}.benefits .benefit-action small{font-size:10px!important}.category-section{padding:25px 0 36px!important}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.category-tile{min-height:171px!important;padding:12px!important;border-radius:15px!important}.category-art{height:75px!important;width:86px!important;margin:0 0 10px!important}.category-art svg{width:81px!important;height:72px!important}.category-tile strong{font-size:14px!important}.category-tile small{font-size:9.5px!important}.category-tile b{width:26px;height:26px;border-radius:8px;right:8px!important;bottom:8px!important}.section-title h2{font-size:29px!important}.v13-featured-section{padding:34px 0 43px;scroll-margin-top:105px}.v13-featured-heading{display:block;margin-bottom:16px}.v13-featured-heading h2{font-size:26px}.v13-featured-heading p{font-size:11px}.v13-featured-heading>a{display:inline-block;margin-top:10px;font-size:12px}.v13-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v13-project-card:nth-child(n+4){display:block}.v13-project-card:nth-child(5){display:none}.v13-project-card img{height:136px}.v13-project-info{padding:10px 10px 12px;min-height:70px}.v13-project-info strong{font-size:12px}.v13-project-info small{font-size:9px}.v13-project-info b{right:9px;bottom:11px}.delivery-section{padding:32px 0!important}.delivery-panel{background:#e50914!important}.delivery-new{border-radius:21px!important}.v12-real-photo{height:225px!important}.catalog-section{padding-top:48px!important}.footer-logo img{width:190px!important;height:64px!important}}
@media(max-width:385px){.brand-wordmark img{width:142px!important;height:40px!important}.brand-wordmark small{font-size:6px!important}.header .catalog-trigger{padding:9px 7px!important;font-size:10px!important}.cart-top{padding:7px 7px!important}.hero h1{font-size:32px!important}.hero-info>p{font-size:12px!important}.hero-buttons .btn{font-size:10px!important}.hero-photo{height:240px!important;min-height:240px!important}.v13-project-card img{height:112px}}
@media(prefers-reduced-motion:reduce){.v13-project-card,.v13-project-card img{transition:none!important}}
/* Extremely narrow devices: keep long navigation scroll inside its own bar. */
@media(max-width:720px){.header-subnav{overflow:hidden!important;max-width:100vw!important}.header-subnav .nav-links{box-sizing:border-box!important;width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x}}
/* Fade the real Foton photograph into the dark banner without redrawing or altering it. */
@media(min-width:721px){.hero-photo img{-webkit-mask-image:radial-gradient(ellipse 78% 86% at 59% 53%,#000 57%,rgba(0,0,0,.84) 76%,transparent 100%);mask-image:radial-gradient(ellipse 78% 86% at 59% 53%,#000 57%,rgba(0,0,0,.84) 76%,transparent 100%)}}
@media(max-width:385px){.header-row{min-width:0!important;gap:5px!important}.header .logo{max-width:118px!important;min-width:0!important}.brand-wordmark img{width:116px!important;height:37px!important}.brand-wordmark small{font-size:5.1px!important;letter-spacing:0!important}.header .catalog-trigger{font-size:9px!important;padding:9px 6px!important;min-width:0!important}.cart-top{position:relative!important;width:37px!important;height:40px!important;min-width:37px!important;padding:0!important;justify-content:center!important;gap:0!important}.cart-top b{position:absolute;top:-5px;right:-4px;width:18px!important;height:18px!important;line-height:18px!important;min-width:18px!important}.hero h1{font-size:29px!important;letter-spacing:-1.2px!important;max-width:100%!important;overflow-wrap:break-word}.hero-info,.hero-layout{min-width:0!important;max-width:100%!important}}
@media(max-width:720px){html,body{max-width:100%!important;overflow-x:clip!important}.mobile-action-bar{max-width:100vw!important;width:100vw!important}}