@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111d;--bg2:#0b1928;--panel:#111f30;--ink:#eef5ff;--muted:#a4b4c8;--line:#264057;--accent:#1ab6fa;--accent2:#356fff;--white:#fff;--cream:#f1f6fc;--darkText:#122034;--shadow:0 28px 80px #02080f66}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Manrope,'Segoe UI',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}img{max-width:100%;display:block}.container{max-width:1200px;width:calc(100% - 48px);margin:auto}
header.site-header{position:sticky;top:0;z-index:20;background:#07111de8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.navbar{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand-icon{width:43px;height:43px;border:1px solid #24b9fb77;background:linear-gradient(135deg,#12385c,#0b1b32);border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 0 20px #23adff18}.brand-icon svg{width:27px;height:27px}.brand-word{font-weight:800;letter-spacing:.045em;font-size:19px;white-space:nowrap}.brand-word b{color:var(--accent)}.brand-tag{font-size:9px;text-transform:uppercase;letter-spacing:1.75px;color:#b4c9dc;margin-top:2px}.nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700;color:#cad6e8}.nav-links a:hover,.nav-links a.active{color:#56cfff}.menu-toggle{display:none;border:1px solid #34516a;background:#10263b;color:white;border-radius:10px;padding:10px 13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:15px 21px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease;background:linear-gradient(125deg,#1abafa,#3572ff);color:white;box-shadow:0 12px 32px #007bde33}.button:hover{transform:translateY(-2px);box-shadow:0 17px 35px #007bde55}.button.secondary{background:#ffffff0c;border-color:#7892a955;color:white;box-shadow:none}.button.light{color:#0b3253;background:white;box-shadow:none}.small-btn{padding:12px 17px;font-size:12px;white-space:nowrap}
.hero{overflow:hidden;position:relative;background:radial-gradient(800px 440px at 82% 44%,#10538f57,transparent 70%),linear-gradient(130deg,#0a1321,#101f31 60%,#0c2743)}.hero::before{content:'';position:absolute;right:-210px;top:-350px;height:720px;width:720px;border:1px solid #3bd6ff24;transform:rotate(30deg);border-radius:40%}.hero-inner{padding:90px 0 108px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;position:relative}.eyebrow{font-weight:800;color:#74d8ff;letter-spacing:2.3px;text-transform:uppercase;font-size:11px;display:flex;align-items:center;gap:12px}.eyebrow::before{content:'';height:7px;width:7px;background:#39d0ff;border-radius:50%;box-shadow:0 0 15px #32c9ff}.hero h1{font-size:clamp(39px,4.4vw,65px);line-height:1.12;letter-spacing:-2.1px;margin:23px 0 19px;font-weight:800}.hero h1 em{font-style:normal;color:#48c6ff}.hero p{font-size:16px;line-height:1.85;color:#b7c7da;max-width:510px;margin:0 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero-stat{display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:#b4d0e7;font-size:12px;font-weight:700}.hero-stat span{display:flex;align-items:center;gap:9px}.hero-stat i{width:8px;height:8px;display:inline-block;background:#19d4bc;border-radius:50%}.hero-visual{height:530px;border:1px solid #2d638873;border-radius:27px;box-shadow:var(--shadow);position:relative;transform:rotate(1.3deg);overflow:hidden;background:#1a3146}.hero-visual::after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,transparent 52%,#051322c4)}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center 53%;filter:contrast(1.06) saturate(1.04)}.photo-label{position:absolute;z-index:2;bottom:22px;left:22px;right:22px;display:flex;gap:10px;align-items:center;background:#071c30d9;border:1px solid #52b7ff55;backdrop-filter:blur(9px);padding:13px 15px;border-radius:14px;font-size:12px;font-weight:800}.photo-label span{color:#60dbff;font-weight:900}.hero-sticker{position:absolute;top:22px;right:22px;z-index:2;background:#0b243be8;padding:9px 14px;border-radius:9px;border:1px solid #7fe1ff77;color:#dff9ff;font-size:11px;font-weight:800}
.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.kicker{color:#39bdfa;font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800}.section-heading h2,.page-hero h1{font-size:clamp(29px,3.4vw,43px);line-height:1.22;letter-spacing:-1.3px;margin:10px 0 11px}.section-heading p{color:var(--muted);line-height:1.75;max-width:610px;margin:0;font-size:14px}.link-arrow{display:inline-flex;gap:7px;align-items:center;color:#5bd0ff;font-size:13px;font-weight:800;white-space:nowrap}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product{border:1px solid #36516a99;border-radius:22px;background:linear-gradient(165deg,#12273c,#0b1929);overflow:hidden;transition:transform .2s, border-color .2s}.product:hover{transform:translateY(-5px);border-color:#2baffb}.product-visual{height:225px;position:relative;overflow:hidden;background:linear-gradient(145deg,#142f4c,#051627);display:grid;place-items:center}.product-visual img{height:100%;width:100%;object-fit:cover;object-position:center 48%}.product-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a192baf,transparent 60%)}.product-visual svg{height:145px;width:145px;opacity:.9;filter:drop-shadow(0 8px 20px #18b5ff45)}.product-visual .icon-badge{position:absolute;z-index:1;left:18px;bottom:18px;background:#0a253dc9;border:1px solid #70d6ff5c;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800}.product-body{padding:24px}.product-body h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.product-body p{font-size:13px;color:#b4c3d2;line-height:1.75;min-height:69px;margin:0 0 23px}.product-body a{color:#65d0ff;font-weight:800;font-size:13px}.light-section{background:var(--cream);color:var(--darkText)}.light-section .section-heading p{color:#5d6c7c}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-card{background:#fff;border:1px solid #d8e1ec;border-radius:19px;padding:23px}.why-symbol{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ddf5ff;color:#0078c5;font-size:24px;margin-bottom:16px}.why-card h3{font-size:15px;margin:0 0 8px}.why-card p{font-size:12px;line-height:1.7;color:#68798b;margin:0}
.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project-main,.project-side{position:relative;min-height:365px;border-radius:22px;overflow:hidden;background:#16334c;border:1px solid #34556c}.projects img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.projects .project-main img{object-position:center 33%}.projects .project-side img{object-position:center 40%}.projects .project-main:after,.projects .project-side:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#001523db,transparent 64%)}.project-caption{position:absolute;bottom:20px;left:22px;right:22px;z-index:1}.project-caption h3{margin:0 0 5px;font-size:19px}.project-caption p{margin:0;color:#c0d6e5;font-size:12px}.contact-band{background:linear-gradient(110deg,#075385,#0a90bb 65%,#1d66a7);padding:49px;border-radius:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 22px 70px #04589a3c}.contact-band h2{margin:0 0 12px;font-size:29px;letter-spacing:-.8px}.contact-band p{max-width:610px;margin:0;color:#cdeeff;font-size:14px;line-height:1.8}.contact-band .cta-nums{display:flex;gap:11px;flex-wrap:wrap}
footer{padding:52px 0 30px;background:#05101c;border-top:1px solid #17344d}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px;padding-bottom:36px}.footer-main p,.footer-main a{font-size:13px;line-height:1.9;color:#a8bac9}.footer-main h3{font-size:13px;color:#fff;margin:0 0 12px}.footer-col{display:flex;flex-direction:column;align-items:start}.footer-bottom{border-top:1px solid #264057;padding-top:23px;color:#688399;font-size:11px;display:flex;justify-content:space-between;gap:12px}.mobile-cta{display:none}
.page-hero{padding:72px 0;background:linear-gradient(120deg,#0b1c2d,#123c5f)}.page-hero p{max-width:700px;font-size:15px;line-height:1.85;color:#b6cbda}.bread{font-size:12px;color:#79d6fd}.detail{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.detail-photo{overflow:hidden;border-radius:25px;border:1px solid #355575;height:515px}.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.detail-photo.placeholder{display:grid;place-items:center;background:linear-gradient(125deg,#123658,#071b2b)}.detail-photo.placeholder svg{max-width:210px}.detail-copy h2{font-size:28px;line-height:1.3;margin:0 0 16px}.detail-copy p,.detail-copy li{color:#adbed1;font-size:14px;line-height:1.9}.detail-copy ul{padding-left:18px}.info-note{background:#122a42;border-left:3px solid #27bcfa;color:#d3eaf9;padding:16px 19px;border-radius:0 11px 11px 0;font-size:13px;line-height:1.8;margin:22px 0}.cta-card{padding:23px;background:#10283e;border:1px solid #3b5e7b;border-radius:18px}.cta-card h3{margin:0 0 9px}.cta-card p{color:#aabed3;font-size:13px;line-height:1.7}.faq{display:grid;gap:11px}.faq details{border:1px solid #37516b;background:#0d1e2e;border-radius:15px;padding:19px 22px}.faq summary{font-size:14px;font-weight:800;cursor:pointer}.faq p{margin:14px 0 0;color:#b8c6d5;font-size:13px;line-height:1.8}.social-links{display:flex;gap:11px;flex-wrap:wrap}.social-links a{padding:11px 15px;border-radius:10px;background:#152e47;border:1px solid #386386;font-weight:700;font-size:12px}.plain-card{background:#101f32;border:1px solid #2c516e;border-radius:23px;padding:30px}.plain-card h3{font-size:18px;margin:0 0 12px}.plain-card p{font-size:13px;color:#a9bfd2;line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-item{display:flex;gap:17px;align-items:start;margin:21px 0}.contact-item strong{display:block;font-size:14px}.contact-item small{display:block;color:#a9bfd2;line-height:1.7;margin-top:5px}.contact-item .glyph{font-size:24px;color:#36bdf3}
@media(max-width:1000px){.nav-links{gap:12px}.nav-links a{font-size:11px}.navbar .small-btn{display:none}.hero-inner{grid-template-columns:1fr 1fr;gap:22px}.hero h1{font-size:42px}.hero-visual{height:470px}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:730px){.container{width:calc(100% - 32px)}.navbar{min-height:70px}.brand-word{font-size:17px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#0a192a;flex-direction:column;align-items:stretch;padding:19px 22px 25px;border-bottom:1px solid #3e566c;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:13px 0;font-size:14px}.hero-inner{padding:57px 0 70px;grid-template-columns:1fr;gap:36px}.hero h1{font-size:40px;line-height:1.13;letter-spacing:-1.4px;margin:15px 0}.hero p{font-size:14px;line-height:1.8}.hero-visual{height:460px;transform:none}.hero-stat{gap:13px}.section{padding:65px 0}.section-heading{display:block}.section-heading .link-arrow{margin-top:15px}.grid3{grid-template-columns:1fr}.product-visual{height:240px}.product-body p{min-height:0}.why-grid{grid-template-columns:repeat(2,1fr)}.why-card{padding:17px}.projects{grid-template-columns:1fr}.project-main,.project-side{min-height:360px}.contact-band{padding:27px;display:block}.contact-band h2{font-size:24px}.contact-band .cta-nums{margin-top:23px}.footer-main{grid-template-columns:1fr 1fr;gap:29px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}.page-hero{padding:51px 0}.detail{grid-template-columns:1fr}.detail-photo{height:450px}.contact-grid{grid-template-columns:1fr}.mobile-cta{position:fixed;bottom:0;left:0;right:0;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#07111df5;backdrop-filter:blur(10px);z-index:19;border-top:1px solid #426a8b}.mobile-cta .button{flex:1;font-size:12px;padding:14px 10px}.footer-bottom{padding-bottom:80px}}
@media(max-width:395px){.hero h1{font-size:36px}.why-grid{grid-template-columns:1fr}.brand-tag{letter-spacing:.6px}.brand-word{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* PODYOMNIK UZ 2026 — premium responsive homepage */
:root{--accent:#18b2ee;--accent2:#156edc;--cream:#f2f7fc}
.site-header{background:#071827ef!important;box-shadow:0 8px 28px #00182d1a}
.brand-icon{background:linear-gradient(145deg,#0a6ab5,#071e34);border-radius:13px}
.brand-word{letter-spacing:.01em}
.navbar>.button{background:#0b76bd;box-shadow:none}
.hero{background:radial-gradient(820px 530px at 90% 42%,#107eb85c,transparent 72%),radial-gradient(700px 510px at 5% 9%,#035e8540,transparent 72%),linear-gradient(105deg,#061624 0%,#082138 57%,#0e2b45 100%)}
.hero-inner{padding-top:86px;padding-bottom:91px;grid-template-columns:.95fr 1.05fr;gap:53px}
.hero h1{font-size:clamp(38px,4.3vw,63px);line-height:1.16;letter-spacing:-1.8px}
.hero h1 em{background:linear-gradient(100deg,#34c8ff,#84e5ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero p{max-width:550px;color:#cadce9;font-size:16px}
.hero-visual{transform:none;height:510px;border-radius:24px;border:3px solid #ffffff28;box-shadow:0 25px 80px #020d1bc4}
.hero-visual::after{background:linear-gradient(180deg,transparent 63%,#061420dc)}
.hero-visual img{object-position:center 48%}
.hero-sticker{top:17px;left:18px;right:auto;font-size:10px;background:#082c45d9}
.photo-label{font-size:13px;background:#051627ea}
.hero-stat{color:#d3e8f3}
.catalog-section{background:#f3f7fb;color:#0b2539}
.catalog-section .kicker{color:#0b8cc8}
.catalog-section .section-heading p{color:#657e90}
.catalog-section .link-arrow{color:#0876af}
.catalog-section .product{background:white;color:#152c3f;border:1px solid #dbe5ec;box-shadow:0 12px 32px #08233b0b}
.catalog-section .product:hover{border-color:#00a9ef;box-shadow:0 17px 45px #09365724}
.catalog-section .product-visual{background:linear-gradient(145deg,#0d355a,#0d1b30)}
.catalog-section .product-body p{color:#63798b}
.catalog-section .product-body a{color:#006da8}
.catalog-section .product .icon-badge{background:#073758e8;color:white;border-color:#72c6ef}
.catalog-section .product-body{padding:25px}
.catalog-section .product-body h3{font-size:19px}
.section-heading h2{letter-spacing:-1.1px}
.contact-band{background:linear-gradient(115deg,#064c7a,#1177ae 52%,#0a9ac2)}
@media(max-width:1000px){.hero-inner{gap:23px}.hero-visual{height:460px}}
@media(max-width:730px){
 .hero-inner{padding:46px 0 56px;grid-template-columns:1fr;gap:30px}
 .hero h1{font-size:38px;line-height:1.17;letter-spacing:-1.1px}
 .hero-visual{height:345px;border-radius:19px}
 .eyebrow{letter-spacing:1px;font-size:9px}
 .hero p{font-size:14px}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .hero-actions .button{padding:14px 10px;font-size:12px}
 .section{padding:58px 0}
 .section-heading h2{font-size:28px}
 .catalog-section .product-visual{height:212px}
 .product-body{padding:19px}
 .contact-band{padding:25px}
}

.brand-word,.brand-tag{display:block;}
.brand-tag{margin-top:2px;font-size:9px;letter-spacing:1px;}
@media(max-width:730px){.brand-tag{font-size:7px;letter-spacing:.6px}}