:root{--blue:#123c78;--blue2:#0b2d5b;--orange:#f47b20;--ink:#182438;--muted:#687587;--paper:#f5f7fa;--white:#fff;--green:#20bd5a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{height:82px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20;box-shadow:0 4px 24px #0d25400c}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--blue);line-height:1.03;letter-spacing:1.1px}.brand img{width:43px;height:43px}.brand span{display:grid;font-size:13px}.brand strong{font-weight:800}.brand b{font-size:20px;letter-spacing:2px}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700;color:#35445a}.main-nav a:hover{color:var(--orange)}.main-nav .nav-cta{background:var(--orange);color:white;padding:12px 19px;border-radius:4px}.main-nav .nav-cta:hover{background:#dc6815;color:white}.menu-toggle{display:none;border:0;background:none;font-size:27px;color:var(--blue)}
.hero{background:linear-gradient(115deg,#f4f7fb 0%,#fff 58%,#f0f4f9 100%);position:relative;overflow:hidden;padding:76px 0 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:470px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:var(--orange);margin:0 0 17px}.eyebrow span{display:inline-block;width:27px;height:3px;background:var(--orange);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(42px,5.4vw,66px);line-height:1.06;letter-spacing:-2.4px;color:var(--blue2);margin:0 0 22px}.hero h1 em,.section-heading h2 em,.about-copy h2 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:18px;color:#5c6b7f;max-width:480px;margin:0 0 29px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 21px;border-radius:4px;font-weight:800;font-size:13px;border:0;cursor:pointer;transition:.2s}.btn-orange{background:var(--orange);color:white;box-shadow:0 8px 18px #f47b2030}.btn-orange:hover{background:#d96814;transform:translateY(-2px)}.btn-outline{border:1px solid #c8d1dd;color:var(--blue);background:#fff}.btn-outline:hover{border-color:var(--blue)}.hero-note{margin-top:26px;color:#526175;font-size:13px;font-weight:700}.note-check{display:inline-grid;place-items:center;background:#e5f3e9;color:#24934d;width:21px;height:21px;border-radius:50%;margin-right:7px}.hero-visual{height:390px;position:relative;border-radius:8px;background:linear-gradient(135deg,#dfe7ed,#f5f3ed);overflow:hidden;box-shadow:0 22px 55px #18385b20}.visual-wall{position:absolute;inset:0 0 35% 0;background:linear-gradient(110deg,#e9e8e2,#f9f8f2)}.visual-floor{position:absolute;bottom:0;height:36%;width:100%;background:repeating-linear-gradient(0deg,#c5b8a7 0 2px,transparent 2px 70px),linear-gradient(110deg,#d5c9b9,#b7a894)}.visual-window{position:absolute;top:35px;left:35px;width:43%;height:48%;background:#b7d1df;border:12px solid #fff;box-shadow:0 5px 15px #43556a20;z-index:1}.window-sky{height:100%;background:linear-gradient(160deg,#c1dce8,#edf3ef 65%,#9eaf9b)}.window-frame{position:absolute;inset:0;border-right:5px solid #fff;border-left:0}.window-frame:after{content:"";position:absolute;left:50%;height:100%;border-left:5px solid #fff}.visual-cabinet{position:absolute;right:0;bottom:34%;width:49%;height:38%;background:#b5a48f;z-index:2;display:flex;gap:5px;padding:8px;box-shadow:0 9px 18px #28384a20}.visual-cabinet div{flex:1;background:linear-gradient(90deg,#cbbba6,#e0d4c2);border:1px solid #a8957d}.visual-plant{position:absolute;left:13%;bottom:19%;width:60px;height:105px;z-index:3}.visual-plant i{position:absolute;bottom:38px;left:25px;width:22px;height:58px;border-radius:100% 0 100% 0;background:#597c5c;transform:rotate(-30deg)}.visual-plant i:nth-child(2){transform:rotate(28deg);left:8px;height:50px}.visual-plant i:nth-child(3){transform:rotate(5deg);left:30px;height:70px}.visual-plant b{position:absolute;bottom:0;left:10px;width:45px;height:36px;background:#d17a4a;border-radius:4px 4px 13px 13px}.visual-label{position:absolute;right:24px;top:22px;z-index:4;background:#fff;padding:12px 16px;box-shadow:0 5px 20px #1b34501a;display:grid;line-height:1.25}.visual-label span{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:bold}.visual-label strong{font-size:14px;color:var(--blue)}.visual-stamp{position:absolute;right:24px;bottom:23px;background:var(--orange);color:#fff;border-radius:50%;width:58px;height:58px;display:grid;place-content:center;text-align:center;font-weight:bold;font-size:13px;line-height:1.1;transform:rotate(10deg);z-index:5}.hero-shape{position:absolute;border-radius:50%;border:1px solid #dbe3ed}.shape-one{width:430px;height:430px;right:-170px;top:-180px}.shape-two{width:250px;height:250px;right:23%;bottom:-190px}.hero-bottom{margin-top:54px;background:var(--blue);color:#fff}.bottom-inner{display:flex;justify-content:space-between;gap:16px;padding:17px 0;font-size:12px;letter-spacing:.4px;font-weight:700;opacity:.95}
.section{padding:92px 0}.section-heading{text-align:center;max-width:690px;margin:0 auto 44px}.section-heading h2,.about-copy h2{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-1.4px;color:var(--blue2);margin:0 0 17px}.section-heading>p:last-child{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{background:#fff;border:1px solid #e8edf2;padding:25px 22px;min-height:210px;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #1a355510;border-color:#d9e2ec}.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fff1e7;color:var(--orange);font-size:25px;font-weight:bold;margin-bottom:17px}.service-card h3{font-size:16px;line-height:1.3;color:var(--blue);margin:0 0 9px}.service-card p{font-size:13px;color:var(--muted);margin:0}.service-card-dark{background:var(--blue);color:#fff;border-color:var(--blue)}.service-card-dark .service-icon{background:#ffffff20;color:#fff}.service-card-dark h3{color:#fff}.service-card-dark p{color:#d7e2f1}.service-card-dark a{display:inline-block;color:#ffb06f;font-size:13px;font-weight:bold;margin-top:12px}
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-art{height:420px;position:relative}.about-blue{position:absolute;left:5%;top:0;width:74%;height:86%;background:var(--blue);border-radius:5px}.about-orange{position:absolute;left:0;bottom:0;width:43%;height:35%;background:var(--orange);border:9px solid var(--paper)}.about-card{position:absolute;top:14%;left:17%;width:68%;height:67%;background:linear-gradient(135deg,#f4f0e8,#c7d5d9);box-shadow:0 15px 35px #0c23452b;display:flex;flex-direction:column;justify-content:flex-end;padding:27px}.about-card span{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800}.about-card strong{font-size:34px;line-height:1.05;color:var(--blue);margin:10px 0 20px}.about-card small{font-size:9px;letter-spacing:2px;color:#657486;font-weight:bold}.about-number{position:absolute;right:0;bottom:4%;background:white;padding:13px 19px;color:var(--orange);font-size:25px;font-weight:800;box-shadow:0 8px 25px #0c23451a}.about-number span{font-size:11px;color:var(--blue);display:block;letter-spacing:1px}.about-copy h2{margin-bottom:22px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}.ticks{list-style:none;padding:0;margin:24px 0}.ticks li{margin:10px 0;font-size:14px;color:#46566b}.ticks li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;background:#e3f1e8;color:#248d4c;border-radius:50%;font-size:12px;font-weight:bold;margin-right:10px}.text-link{font-size:14px;font-weight:800;color:var(--blue)}.text-link span{color:var(--orange);margin-left:8px}
.section-heading-row{display:flex;align-items:end;justify-content:space-between;text-align:left;max-width:none;gap:35px}.section-heading-row>div{max-width:600px}.section-heading-row>p{max-width:330px;color:var(--muted);font-size:14px;margin:0 0 18px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{min-width:0}.project>span{display:block;font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800;margin-top:19px}.project h3{margin:4px 0;color:var(--blue);font-size:19px}.project-scene{height:230px;position:relative;overflow:hidden;background:#e9e7df}.project-kitchen .project-scene{background:linear-gradient(130deg,#d7d6ce,#f2eee5)}.kitchen-upper{position:absolute;top:25px;left:10%;width:80%;height:65px;background:#f9f8f2;box-shadow:0 3px 5px #3332}.kitchen-counter{position:absolute;top:94px;left:7%;width:86%;height:13px;background:#7c7569}.kitchen-lower{position:absolute;top:107px;left:10%;width:80%;height:94px;background:repeating-linear-gradient(90deg,#a99a86 0 2px,#d2c6b6 2px 78px)}.project-bath .project-scene{background:linear-gradient(90deg,#d8e0df,#f0f1ec)}.bath-tile{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#ffffff80 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#ffffff80 50%,transparent 50.5%);background-size:70px 70px}.bath-mirror{position:absolute;top:25px;left:31%;width:37%;height:95px;border-radius:50%;background:linear-gradient(135deg,#a8c1c7,#e7eeee);border:8px solid #fff;box-shadow:0 5px 12px #40545a20}.bath-sink{position:absolute;bottom:35px;left:24%;width:52%;height:42px;background:#fff;border-radius:5px 5px 25px 25px;box-shadow:0 8px 15px #263a3a20}.project-room .project-scene{background:linear-gradient(150deg,#e5e5dd 0 70%,#bcae9b 70%)}.room-window{position:absolute;top:25px;left:13%;width:37%;height:100px;background:linear-gradient(130deg,#c0dce8,#f5f4eb);border:9px solid #fff}.room-sofa{position:absolute;bottom:27px;left:27%;width:57%;height:77px;background:#9ca99d;border-radius:18px 18px 6px 6px;box-shadow:0 7px 12px #3c493522}.room-table{position:absolute;bottom:14px;left:40%;width:35%;height:20px;background:#9c7553;border-radius:50%}.gallery-note{text-align:center;color:#8290a0;font-size:12px;margin-top:25px}
.contact{background:var(--blue2);color:#fff;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff13;border-radius:50%;right:-200px;top:-230px}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center;position:relative;z-index:1}.eyebrow-light{color:#ffad6c}.contact-copy h2{font-size:clamp(38px,4.5vw,55px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 20px}.contact-copy>p:not(.eyebrow){color:#c7d4e5;max-width:440px}.contact-details{display:grid;gap:19px;margin-top:35px}.contact-details a,.contact-details div{display:grid;gap:2px}.contact-details span{font-size:9px;letter-spacing:2px;color:#ffad6c;font-weight:800}.contact-details strong{font-size:16px;color:#fff}.quote-form{background:#fff;color:var(--ink);padding:33px 34px;border-radius:6px;box-shadow:0 20px 50px #061b3a55}.quote-form h3{color:var(--blue);font-size:23px;margin:0 0 4px}.quote-form>p{font-size:12px;color:var(--muted);margin:0 0 19px}.quote-form label{display:block;font-size:11px;font-weight:800;color:#34445a;margin:12px 0 5px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;font:inherit;font-size:13px;border:1px solid #dce3ea;border-radius:3px;padding:11px 12px;background:#fbfcfd;color:var(--ink);outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--blue)}.quote-form textarea{resize:vertical}.form-submit{width:100%;margin-top:17px}.quote-form small{display:block;color:#8994a2;font-size:10px;text-align:center;margin-top:9px}.form-status{font-size:12px;color:#26834a;margin-top:8px}
.site-footer{background:#091f3e;color:#d6e0ec}.footer-main{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid #ffffff1c}.brand-footer{color:#fff}.brand-footer img{width:43px;height:43px}.footer-main>p{font-size:13px;color:#aabbd0}.footer-links{display:flex;gap:22px;font-size:12px}.footer-links a:hover{color:#ffad6c}.footer-bottom{display:flex;justify-content:space-between;padding:15px 0;font-size:10px;color:#91a4bc}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;background:#20bd5a;color:#fff;border-radius:50px;padding:12px 18px 12px 13px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 25px #092d1e45;font-weight:800;font-size:13px;transition:.2s}.whatsapp-float:hover{background:#159b47;transform:translateY(-3px)}.whatsapp-float svg{width:25px;height:25px;fill:white}
@media(max-width:900px){.hero-grid{gap:25px}.hero-visual{height:330px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:45px}.contact-grid{gap:40px}.main-nav{gap:18px}}
@media(max-width:680px){.container{width:min(100% - 34px,520px)}.site-header{height:70px}.brand img{width:38px;height:38px}.brand b{font-size:18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 15px 20px #122b4a17;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px}.main-nav .nav-cta{text-align:center;margin-top:8px}.hero{padding-top:48px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.hero-visual{height:285px}.hero-bottom{margin-top:36px}.bottom-inner{flex-wrap:wrap;justify-content:center;text-align:center;font-size:10px;gap:7px 12px;padding:13px 0}.section{padding:68px 0}.section-heading{margin-bottom:30px}.section-heading h2,.about-copy h2{font-size:34px}.service-grid{grid-template-columns:1fr 1fr;gap:11px}.service-card{padding:18px 15px;min-height:205px}.service-card h3{font-size:14px}.service-card p{font-size:12px}.about-grid{grid-template-columns:1fr;gap:32px}.about-art{height:330px;max-width:440px;width:100%;margin:auto}.about-card strong{font-size:28px}.section-heading-row{display:block}.section-heading-row>p{margin-top:10px}.project-grid{grid-template-columns:1fr;gap:30px}.project-scene{height:220px}.contact-grid{grid-template-columns:1fr;gap:35px}.quote-form{padding:25px 21px}.footer-main{align-items:flex-start;gap:18px;flex-direction:column}.footer-main>p{margin:0}.footer-bottom{gap:8px;flex-direction:column}.whatsapp-float{right:14px;bottom:14px;padding:12px;border-radius:50%;width:54px;height:54px;justify-content:center}.whatsapp-float span{display:none}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.hero h1{font-size:39px}.hero-actions .btn{width:100%}}