:root{--blue:#0955d4;--ink:#17222f;--muted:#667080;--dark:#101b2a;--soft:#f2f5f8;--line:#e0e5eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-1.2px}h2{font-size:42px;margin-bottom:22px}h3{font-size:23px;letter-spacing:-.6px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.section{padding:100px 0}.soft{background:var(--soft)}.eyebrow{display:block;font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--blue);margin-bottom:17px}.section-heading{max-width:760px;margin-bottom:38px}.section-heading p{max-width:610px;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;border-radius:40px;padding:15px 28px;background:var(--blue);color:white;font-weight:700;font-size:14px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#003caa;transform:translateY(-2px)}.button span{font-size:20px}.button.outline{background:transparent;border-color:#ffffff99}.button.outline:hover{background:#ffffff20}.button.outline-blue{background:transparent;border-color:var(--blue);color:var(--blue)}.button.light{background:white;color:var(--blue)}.circle{width:48px;height:48px;border:0;border-radius:50%;background:white;color:var(--ink);font-size:23px;display:grid;place-items:center;flex-shrink:0}.circle:hover{background:#dfeaff}.circle.dark{color:white;background:var(--dark)}.text-link{font-size:14px;color:var(--blue);font-weight:bold;display:inline-block;margin-top:15px}.header-shell{position:absolute;inset:0 0 auto;z-index:30;color:white}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:64px;font-size:13px}.topbar>div{display:flex;gap:35px}.navigation{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 24px;background:#17222fdf;backdrop-filter:blur(10px);border-radius:60px;padding:20px 30px;min-height:94px}.brand{display:block;line-height:1.1;flex-shrink:0}.brand-name{font-weight:900;font-size:25px;letter-spacing:-1.2px;display:block;color:white;white-space:nowrap}.brand-name b{color:#65a8ff}.brand-sub{display:block;font-size:8px;letter-spacing:1.7px;margin-top:8px;color:#c6d1df}.navigation nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}nav>a,nav>.dropdown>button{white-space:nowrap}nav>a:hover,nav>.dropdown>button:hover{color:#8abaff}.nav-actions{display:flex;gap:10px;align-items:center}.nav-cta{padding:14px 23px;gap:15px}.dropdown{position:relative}.dropdown>button{background:none;color:white;border:0;padding:9px 0;font-size:13px;font-weight:600}.dropdown>button span{margin-left:6px}.dropdown-menu{display:none;position:absolute;left:-18px;top:100%;min-width:245px;padding:12px;background:white;border-radius:14px;box-shadow:0 12px 35px #0002;color:var(--ink)}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:9px 12px;border-radius:7px}.dropdown-menu a:hover{background:var(--soft);color:var(--blue)}.menu-toggle{display:none}.hero{position:relative;background:var(--dark);color:#fff;min-height:810px}.slide{min-height:810px;position:relative;overflow:hidden}.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091625ed 0%,#0a172ac4 40%,#07132242 100%)}.slide-copy{position:relative;z-index:1;padding-top:280px;padding-bottom:130px}.slide-copy .eyebrow{color:#8bbcff}.slide h1{font-size:clamp(48px,4.7vw,70px);letter-spacing:-2.4px;line-height:1.08;margin-bottom:25px;max-width:780px}.slide h1 em{font-style:normal;color:#fff}.slide-copy>p:not(.eyebrow){font-size:17px;color:#d8e2ef;line-height:1.8}.actions{display:flex;gap:20px;margin-top:32px}.hero-controls{display:flex;position:absolute;right:0;bottom:0;z-index:3;align-items:stretch}.slide-controls{background:var(--blue);padding:27px 38px;display:flex;gap:18px;align-items:center;border-radius:24px 0 0 0}.slide-count{font-size:12px;letter-spacing:1px}.hero-controls>a{background:white;color:var(--ink);display:flex;align-items:center;padding:0 45px;font-size:16px;font-weight:700;gap:25px}.hero-controls>a span{color:var(--blue)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-collage{height:550px;position:relative;padding-top:30px}.about-main{width:85%;height:480px;object-fit:cover;object-position:50% 65%;border-radius:5px 90px 5px 5px}.about-circle{position:absolute;right:-5px;top:0;width:260px;height:260px;border-radius:50%;border:10px solid white;object-fit:cover}.experience{position:absolute;right:-5px;bottom:0;background:var(--blue);color:white;padding:30px 34px;border-radius:8px 45px 8px 8px;display:flex;align-items:center;gap:20px}.experience strong{font-size:46px;line-height:1;letter-spacing:-2px}.experience span{font-size:12px;line-height:1.5}.about .section-heading{margin-bottom:20px}.about .section-heading h2{font-size:38px}.about p{font-size:15px}.check-list{list-style:none;padding:0;margin:25px 0;font-size:15px}.check-list li{padding:7px 0}.check-list li:before{content:'✓';color:var(--blue);font-weight:700;margin-right:13px}.about-bottom{display:flex;align-items:center;gap:25px;margin-top:30px}.about-bottom small{display:block;color:var(--muted);font-size:12px}.about-bottom a:not(.button){font-weight:700;white-space:nowrap;font-size:16px}.product-grid,.article-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-width:0}.card-image{height:330px;position:relative;display:block;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:50% 56%;transition:transform .4s}.product-card:hover img{transform:scale(1.035)}.image-arrow{position:absolute;right:20px;bottom:20px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--blue);font-size:23px}.card-body{padding:28px}.card-body .eyebrow{font-size:10px;letter-spacing:1.3px}.card-body h3{font-size:23px;min-height:54px}.card-body p{font-size:14px}.card-link{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:bold;color:var(--blue);padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.section-bottom{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:40px;font-size:14px;color:var(--muted)}.dark-section{background:var(--dark);color:white}.dark-section .eyebrow{color:#85baff}.dark-section p{color:#bfcbd9}.project-card{position:relative;min-width:0;height:460px;overflow:hidden;border-radius:16px}.project-card>img{width:100%;height:100%;object-fit:cover}.project-card>div{position:absolute;bottom:0;left:0;right:0;padding:70px 25px 25px;color:white;background:linear-gradient(transparent,#071224ee)}.project-card span{font-size:10px;letter-spacing:1px}.project-card h3{margin-top:12px;margin-bottom:0;padding-right:25px;line-height:1.25}.project-card a{position:absolute;right:19px;bottom:26px;color:white;font-size:26px}.center{text-align:center;margin-top:38px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid article{padding:15px 0}.process-number{display:grid;place-items:center;border:1px solid #b9cce7;border-radius:50%;color:var(--blue);font-size:25px;font-weight:700;width:75px;height:75px;margin-bottom:24px}.process-grid h3{font-size:24px}.process-grid p{font-size:15px}.stats{background:var(--blue);color:white;padding:48px 0}.stats>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stats>.wrap>div{text-align:center;border-right:1px solid #ffffff35;display:flex;flex-direction:column}.stats>.wrap>div:last-child{border:0}.stats strong{font-size:43px;line-height:1.2;letter-spacing:-1.5px}.stats span{font-size:13px;margin-top:10px;color:#dbe9ff}.faq-layout,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.accordion details{border-bottom:1px solid var(--line);padding:18px 0}.accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:bold;line-height:1.5}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--blue);font-size:23px}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{font-size:14px;margin:15px 28px 0 0}.quote-form{background:var(--soft);padding:40px;border-radius:20px}.quote-form h3{font-size:30px;margin-bottom:25px}.quote-form label{display:block;font-size:12px;font-weight:600;margin-bottom:17px;color:#465568}.quote-form input,.quote-form textarea,.quote-form select,#site-search,.catalog-search input{display:block;width:100%;background:white;border:1px solid #dbe2ea;border-radius:8px;padding:13px 15px;color:var(--ink);font-size:14px;margin-top:6px;min-width:0}.quote-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:12px;line-height:1.6}.quote-form .button{width:100%;margin-top:6px}.form-result{padding-top:20px;font-size:14px}.form-result p{white-space:pre-wrap}.article-card{background:white;border-radius:15px;overflow:hidden;border:1px solid var(--line)}.article-card>a{display:block;height:250px;overflow:hidden}.article-card img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.article-card>div{padding:26px}.article-card .eyebrow{font-size:10px}.article-card h3{font-size:22px;line-height:1.3}.cta{background:var(--blue);color:white;padding:48px 0}.cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:32px;margin:0}.cta .eyebrow{color:#c9e0ff;font-size:10px;margin-bottom:10px}footer{background:var(--dark);color:#c2cbd7;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr;gap:45px}.footer-grid h3{color:white;font-size:20px;margin-bottom:25px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin:9px 0}.footer-grid p{font-size:14px;color:#aab7c8;margin-top:25px}.footer-grid address{font-size:13px;font-style:normal}.footer-phone{font-size:22px!important;color:white;font-weight:bold}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;border-top:1px solid #ffffff20;padding-top:24px;padding-bottom:24px;font-size:12px}.whatsapp{position:fixed;bottom:25px;right:25px;z-index:25;background:#198b47;color:white;border-radius:30px;padding:9px 19px;box-shadow:0 3px 18px #0003;display:flex;gap:8px;align-items:center;font-size:22px}.whatsapp span{font-size:14px;font-weight:bold}.page-banner{background:linear-gradient(90deg,#0b182cee,#10233cc7),url('assets/uretim.jpeg') center 53%/cover;color:white;padding:230px 0 75px}.page-banner .eyebrow{color:#8fbfff}.page-banner h1{font-size:46px;max-width:950px;line-height:1.15;margin-bottom:25px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#d2deed}.readable{max-width:850px}.readable p{line-height:1.9}.readable h2{font-size:32px;margin-top:35px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:40px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:var(--soft);border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:13px}.filters button.active{background:var(--blue);border-color:var(--blue);color:white}.catalog-search{font-size:12px;flex-shrink:0;min-width:200px}.catalog-search input{padding:10px 14px}.note{font-size:12px;margin-top:28px;line-height:1.7}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.zoom-image{padding:0;border:0;background:var(--soft);border-radius:16px;overflow:hidden}.zoom-image>img{width:100%;height:620px;object-fit:cover}.zoom-image>span{display:block;padding:12px;color:var(--muted);font-size:12px}.specs{font-size:14px;margin:25px 0}.specs>div{display:grid;grid-template-columns:1fr 1.5fr;border-bottom:1px solid var(--line);padding:12px 0;gap:20px}.specs dt{font-weight:bold}.specs dd{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-grid article{border:1px solid var(--line);padding:40px;border-radius:18px}.service-grid article>span{font-size:35px;color:var(--blue);display:block;margin-bottom:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-grid button{padding:0;text-align:left;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.gallery-grid img{height:350px;width:100%;object-fit:cover}.gallery-grid button>span{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:20px}.gallery-grid b{color:var(--blue)}.video-box{max-width:850px;margin:auto}.video-box video{width:100%;height:560px;border-radius:15px;background:#0c131c}.video-box h3{margin-top:24px}.help-card{background:var(--soft);padding:45px;border-radius:20px}.help-card>a:not(.button){display:block;margin-top:25px;font-size:22px;font-weight:700}.article-detail>img{width:100%;max-height:500px;object-fit:cover;border-radius:20px;margin-bottom:35px}.lead{font-size:21px}.contact-item{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.contact-item>span{display:block;font-size:11px;letter-spacing:1.8px;color:var(--blue);margin-bottom:12px}.contact-item a:not(.text-link){display:block;font-size:25px;line-height:1.6;font-weight:bold}.contact-item address{font-style:normal;font-size:15px}.contact-item p{font-size:15px}.skip{position:fixed;top:-200px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #64aafa;outline-offset:4px}dialog{border:0;border-radius:20px;max-width:720px;width:calc(100% - 40px);padding:45px;box-shadow:0 20px 70px #0005;color:var(--ink)}dialog::backdrop{background:#08111bd9}dialog h2{font-size:30px;padding-right:35px}.dialog-close{position:absolute;right:18px;top:15px;background:var(--soft);border:0;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1}.dialog-close:hover{background:#d8e5f5}#search-dialog label{font-size:14px}#search-results{margin-top:20px;max-height:45vh;overflow:auto}#search-results a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--blue)}#image-dialog{width:auto;max-width:90vw;padding:48px 20px 15px}#image-dialog img{max-height:75vh;max-width:100%;width:auto;margin:auto}#image-dialog p{font-size:14px;margin:10px 0 0;text-align:center}[hidden]{display:none!important}
@media(min-width:1500px){.navigation{max-width:1460px;margin:auto}}@media(max-width:1250px){.navigation{gap:15px;padding:20px 24px}.navigation nav{gap:15px;font-size:12px}.dropdown>button{font-size:12px}.nav-cta{display:none}.brand-name{font-size:23px}.about{gap:50px}.about-bottom{flex-wrap:wrap}.stats strong{font-size:36px}}
@media(max-width:1000px){.wrap{width:calc(100% - 50px)}.navigation{margin:0 15px;padding:17px 24px;min-height:85px}.menu-toggle{display:grid}.navigation nav{display:none;position:absolute;top:165px;left:15px;right:15px;background:var(--dark);padding:20px;border-radius:20px;max-height:70vh;overflow:auto}.navigation nav.open{display:flex;align-items:stretch;flex-direction:column;gap:8px}.navigation nav>a,.dropdown>button{font-size:15px;padding:9px 12px;display:block;text-align:left;width:100%}.dropdown-menu{position:static;background:#21354c;color:#d7e4f4;box-shadow:none;margin-top:4px}.dropdown-menu a{font-size:14px}.slide h1{font-size:59px}.about{gap:35px}.about .section-heading h2{font-size:32px}.about-circle{width:205px;height:205px}.about-main{width:90%;height:445px}.about-collage{height:510px}.experience{padding:24px}.experience strong{font-size:38px}.product-grid,.project-grid{gap:18px}.card-body{padding:22px}.card-body h3{font-size:20px}.card-image{height:290px}.project-card{height:400px}.process-grid{gap:28px}.faq-layout,.contact-layout{gap:35px}.quote-form{padding:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.section{padding:75px 0}.product-detail{gap:35px}.catalog-tools{align-items:flex-start}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{min-height:52px;font-size:11px}.topbar>div{gap:12px}.topbar>div>span{display:none}.navigation{min-height:80px;padding:15px 20px}.navigation nav{top:143px}.brand-name{font-size:23px}.brand-sub{font-size:7px;letter-spacing:1.2px}.circle{width:40px;height:40px;font-size:22px}.hero,.slide{min-height:770px}.slide-copy{padding-top:225px;padding-bottom:150px}.slide h1{font-size:50px;letter-spacing:-1.8px;line-height:1.12}.slide-copy>p:not(.eyebrow){font-size:15px}.slide-copy>p br{display:none}.hero-controls{left:0;right:0}.slide-controls{padding:22px;gap:14px;border-radius:0;flex:1;justify-content:center}.hero-controls>a{padding:0 25px;gap:15px;flex:1;justify-content:center;font-size:14px}.actions{gap:12px}.button{padding:14px 23px;font-size:13px;gap:18px}.slide>img{object-position:60% 55%}.slide:after{background:linear-gradient(90deg,#0b1829ed,#0b18299c)}h2{font-size:34px}.about{grid-template-columns:1fr;gap:40px}.about-collage{max-width:540px;width:100%;margin:auto;height:450px}.about-main{height:400px;width:85%}.about-circle{width:220px;height:220px;right:0}.experience{right:0;bottom:0}.about .section-heading h2{font-size:34px}.about-bottom{gap:20px}.product-grid,.project-grid,.article-grid{grid-template-columns:1fr}.card-image{height:420px}.card-body h3{font-size:24px;min-height:0}.product-card{max-width:550px;width:100%;margin:auto}.card-body p{font-size:15px}.section-bottom{flex-direction:column;gap:15px;text-align:center}.project-card{height:460px}.project-card h3{font-size:25px}.process-grid{grid-template-columns:1fr;gap:22px}.process-grid article{border-bottom:1px solid var(--line);padding-bottom:22px}.process-number{width:60px;height:60px;font-size:22px;margin-bottom:18px}.stats>.wrap{grid-template-columns:1fr 1fr;row-gap:30px}.stats>.wrap>div:nth-child(2){border:0}.stats strong{font-size:33px}.stats span{font-size:11px}.faq-layout,.contact-layout,.value-grid,.product-detail{grid-template-columns:1fr;gap:35px}.quote-form{padding:28px 24px}.article-card>a{height:300px}.article-card h3{font-size:25px}.cta>.wrap{flex-direction:column;align-items:flex-start}.cta h2{font-size:31px}.footer-grid{gap:35px 22px}.footer-grid>div:first-child{grid-column:1/-1;max-width:400px}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{font-size:10px;gap:15px;padding-bottom:90px}.page-banner{padding:200px 0 55px}.page-banner h1{font-size:37px}.breadcrumbs{font-size:12px}.catalog-tools{flex-direction:column;gap:20px}.catalog-search{width:100%}.filters button{font-size:12px;padding:9px 15px}.zoom-image>img{height:500px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:30px}.gallery-grid{gap:15px}.gallery-grid img{height:250px}.gallery-grid button>span{font-size:12px;padding:15px}.video-box video{height:490px}.readable h2{font-size:28px}.article-detail>img{max-height:400px}.whatsapp{bottom:18px;right:18px}.section{padding:60px 0}}
@media(max-width:430px){.brand-name{font-size:20px}.brand-sub{font-size:6px;letter-spacing:1px}.navigation{padding:15px}.nav-actions{gap:6px}.circle{width:36px;height:36px}.slide h1{font-size:41px}.slide-copy{padding-top:205px}.eyebrow{font-size:10px}.hero,.slide{min-height:740px}.actions{flex-wrap:wrap}.hero-controls>a{padding:0 15px;font-size:12px}.slide-controls{padding:22px 12px;gap:11px}.about-circle{width:180px;height:180px}.about-main{height:350px}.about-collage{height:410px}.experience{padding:20px}.experience strong{font-size:34px}.about .section-heading h2{font-size:31px}.form-row{grid-template-columns:1fr;gap:0}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:400px}.quote-form{padding:25px 20px}.quote-form .button{padding:14px 15px;font-size:12px}.card-image{height:390px}.page-banner h1{font-size:33px}.stats strong{font-size:29px}.footer-grid h3{font-size:17px}dialog{padding:45px 23px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
