@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
:root{--navy:#102c62;--navy-deep:#0b2048;--blue:#1265f5;--violet:#a12df0;--text:#173465;--muted:#62799f;--line:#e5edf9;--white:#fff;--shadow:0 16px 45px rgba(25,72,150,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;font-size:14px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1240px,calc(100% - 64px));margin:auto}.top-strip{background:#f5f8ff;color:#56709b;font-size:11px;border-bottom:1px solid #edf2fb}.top-strip-inner{display:flex;justify-content:space-between;padding:7px 0}.top-strip i{color:var(--blue);margin-right:6px}.top-right b{color:#9db0d0;margin:0 8px}.site-header{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid #edf2fb;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:43px;height:44px;display:inline-flex;align-items:center;justify-content:center;position:relative;color:#fff;font-weight:800;font-size:27px;font-style:italic;isolation:isolate}.brand-mark:before{content:"";position:absolute;inset:2px 7px 2px 2px;background:linear-gradient(145deg,#00d3de 0%,#0875ec 52%,#a52ef3 100%);clip-path:polygon(55% 0,100% 78%,77% 100%,50% 48%,10% 100%,0 82%);z-index:-1;border-radius:7px}.brand-mark span{position:absolute;left:8px;top:1px;color:white;font-size:24px;text-shadow:0 2px 5px #0866be}.brand-mark i,.brand-mark b{position:absolute;height:3px;border-radius:3px;background:#00a9ed;right:-2px;width:16px;transform:rotate(-26deg);top:15px}.brand-mark b{top:22px;width:13px;background:#9b36e8}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{font-size:22px;letter-spacing:.4px;color:#102b5c;font-weight:800}.brand-copy small{font-size:8px;letter-spacing:1.1px;color:#183b76;margin-top:5px}.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.nav-link{font-size:12px;font-weight:600;color:#254371;position:relative;padding:30px 0}.nav-link:after{content:"";position:absolute;bottom:19px;left:0;width:0;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--violet));transition:width .25s}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:11px}.language-toggle{border:0;background:none;color:#24416f;font-size:11px;cursor:pointer;white-space:nowrap}.language-toggle span{color:#a5b4cc;margin:0 4px}.phone-pill{border:1px solid #d8e3f6;border-radius:30px;padding:8px 12px;font-size:11px;white-space:nowrap;font-weight:600}.phone-icon{display:inline-grid;place-items:center;background:#eef4ff;color:var(--blue);border-radius:50%;width:23px;height:23px;margin-right:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 21px;border-radius:30px;font-size:12px;font-weight:700;cursor:pointer;border:0;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(40,83,220,.2)}.btn-gradient{background:linear-gradient(105deg,#0967f8,#3b48f5 60%,#a22cf2);color:#fff;box-shadow:0 6px 15px rgba(40,90,235,.12)}.btn-small{font-size:11px;padding:10px 14px;gap:8px}.btn-outline{border:1px solid #2457a5;color:#173d7c;background:#fff}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px;border-radius:3px}
.section{padding:72px 0;position:relative}.section-tight{padding:44px 0}.hero{padding:58px 0 45px;min-height:470px;overflow:hidden;background:radial-gradient(ellipse at 77% 45%,#f4f3ff 0,rgba(247,250,255,.4) 34%,transparent 62%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:20px;position:relative;z-index:1}.hero-copy{max-width:525px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border-radius:25px;background:#eaf3ff;color:#1762db;font-size:10px;font-weight:800;letter-spacing:1.3px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#1674ff;box-shadow:0 0 0 4px #d5e7ff}.hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-2.1px;margin:19px 0 15px;color:#102c62;font-weight:800}.hero h1 em,.about h2 em,.contact h2 em{font-style:normal;background:linear-gradient(90deg,#9130f0,#2d58f6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:15px;color:#5b7297;max-width:450px;line-height:1.8;margin:0 0 23px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.hero-benefits{display:flex;align-items:center;gap:19px;margin-top:27px;flex-wrap:wrap}.hero-benefits>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#355481;padding-right:17px;border-right:1px solid #dce7f8}.hero-benefits>span:last-child{border:0}.check-icon{font-style:normal;display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8f2ff;color:#1265f5;font-weight:800}.hero-visual{position:relative;min-height:365px;display:flex;align-items:center;justify-content:center}.visual-label{position:absolute;top:0;right:5%;font-size:11px;color:#183e7c;letter-spacing:1.1px;font-weight:700;z-index:4}.visual-label span{color:#9b36e8;margin:0 6px}.device-scene{width:100%;height:360px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.device-scene:before{content:"";position:absolute;width:78%;height:74%;right:5%;top:11%;background:linear-gradient(135deg,rgba(218,240,255,.8),rgba(231,219,255,.7));border-radius:47% 53% 39% 61% / 51% 43% 57% 49%;z-index:-1;filter:blur(.2px)}.laptop{position:absolute;width:57%;left:11%;top:22%;z-index:2;animation:float 6s ease-in-out infinite}.laptop-screen{height:195px;background:#0c1e44;border:7px solid #0c1a32;border-bottom-width:10px;border-radius:10px 10px 4px 4px;display:flex;padding:8px;box-shadow:0 18px 34px rgba(16,43,94,.18);overflow:hidden}.laptop-camera{position:absolute;width:5px;height:5px;background:#435779;border-radius:50%;top:2px;left:50%;z-index:2}.laptop-base{height:10px;background:linear-gradient(#dce6f5,#8fa4c4);width:108%;margin-left:-4%;border-radius:0 0 10px 10px;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)}.dash-sidebar{width:23%;background:#0b2c64;border-radius:4px;padding:7px 5px;display:flex;flex-direction:column;gap:13px}.mini-logo{background:linear-gradient(135deg,#00d0e0,#7b4aff);color:white;font-weight:800;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:12px}.dash-sidebar i{height:4px;background:#4976bb;border-radius:4px;width:78%}.dash-main{flex:1;background:#f9fbff;border-radius:0 4px 4px 0;padding:9px;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#7183a1}.dash-top b{font-size:10px;color:#17366d}.dash-balance{background:white;border:1px solid #e6edf8;padding:8px;margin-top:9px;border-radius:5px;position:relative}.dash-balance small{display:block;font-size:6px;color:#8a9ab5}.dash-balance strong{font-size:12px;color:#15366c}.green-chip{float:right;background:#e5faf0;color:#0a9b65;font-size:6px;padding:3px;border-radius:5px}.dash-chart{height:54px;display:flex;align-items:end;gap:6px;padding:8px 4px 0;border-bottom:1px solid #e4eaf5}.dash-chart span{flex:1;background:linear-gradient(#4f86ff,#a7c4ff);border-radius:3px 3px 0 0}.dash-cards{display:flex;gap:5px;margin-top:8px}.dash-cards i{height:20px;flex:1;border:1px solid #e4ebf7;border-radius:4px;background:#fff}.phone{position:absolute;width:17%;height:218px;padding:5px;border:3px solid #15264b;border-radius:21px;background:#14264c;box-shadow:0 17px 30px rgba(16,43,94,.2);z-index:4;animation:float 5.5s ease-in-out infinite}.phone-notch{position:absolute;z-index:2;top:5px;left:50%;transform:translateX(-50%);width:42%;height:9px;background:#14264c;border-radius:0 0 8px 8px}.phone-screen{width:100%;height:100%;border-radius:15px;padding:18px 7px 8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;color:#17366d;background:#fff}.phone-screen small{font-size:5px;letter-spacing:.5px;font-weight:800}.phone-screen b{font-size:9px;line-height:1.25;margin-top:7px}.phone-screen strong{font-size:9px;margin:4px 0}.phone-gold{left:54%;top:33%;transform:rotate(-3deg)}.gold-screen{background:linear-gradient(160deg,#fffdf6,#f8e7b5)}.gold-coin{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff5c8,#d6a52d 70%,#94630a);color:white;font-size:27px;margin:18px 0 3px;box-shadow:0 6px 15px #b78c3433}.phone-button{background:#bd8d1e;color:white;border-radius:6px;font-size:6px;font-weight:700;padding:6px 10px;margin-top:10px;width:100%}.phone-tabs{display:flex;justify-content:space-around;width:100%;margin-top:auto}.phone-tabs i{width:8px;height:8px;background:#d8b454;border-radius:3px}.phone-car{left:68%;top:28%;z-index:5;animation-delay:-1.4s}.car-screen{background:linear-gradient(160deg,#eef7ff,#fff)}.car-art{font-size:44px;margin-top:24px;filter:drop-shadow(0 7px 4px #94b7df55)}.car-price{font-size:8px;font-weight:800;margin-top:5px}.tiny-line{width:90%;height:4px;background:#dce8f7;border-radius:3px;margin-top:8px}.tiny-line.short{width:58%;margin-top:4px}.blue-button{background:#1465ed}.phone-food{left:81%;top:30%;z-index:6;animation-delay:-2.2s}.food-screen{background:linear-gradient(160deg,#fff5eb,#ffe4ce)}.food-art{font-size:41px;margin:23px 0 2px}.food-caption{font-size:6px;color:#9a633b}.food-items{display:flex;gap:4px;margin-top:8px}.food-items i{font-style:normal;font-size:12px;background:#fff;border-radius:7px;padding:3px}.orange-button{background:#fa762b}.phone-shop{left:91%;top:36%;width:14%;height:190px;z-index:3;animation-delay:-.7s}.shop-screen{background:linear-gradient(160deg,#f7f3ff,#e7e8ff)}.shop-art{font-size:35px;margin:20px 0 2px}.shop-items{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin-top:10px}.shop-items i{height:22px;background:white;border-radius:4px}.purple-button{background:#7550e8}.floating-tag{position:absolute;z-index:7;background:rgba(255,255,255,.95);border:1px solid #e7edfa;box-shadow:0 8px 25px #1e4a8812;border-radius:10px;padding:9px 12px;font-size:9px;color:#335487;font-weight:700;animation:float 5s ease-in-out infinite}.floating-tag span{color:#8952ee;margin-right:5px}.tag-top{top:13%;left:41%}.tag-bottom{bottom:3%;left:26%;animation-delay:-2s}.plant{position:absolute;bottom:25px;left:3%;width:65px;height:100px;z-index:1}.plant b{position:absolute;bottom:0;left:19px;width:33px;height:32px;background:linear-gradient(90deg,#e8eef8,#b9c9df);border-radius:3px 3px 12px 12px}.plant span{position:absolute;bottom:26px;left:28px;width:20px;height:45px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#7bbd9a,#1b775d);transform-origin:bottom}.plant span:nth-child(1){transform:rotate(-35deg);height:52px}.plant span:nth-child(2){transform:rotate(28deg);height:61px;left:32px}.plant span:nth-child(3){transform:rotate(-7deg);height:70px;left:17px}.plant span:nth-child(4){transform:rotate(54deg);height:45px;left:34px}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:0}.orb-one{width:180px;height:180px;background:#eef1ff;right:-50px;top:40px}.orb-two{width:90px;height:90px;background:#e3f9ff;left:47%;bottom:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-kicker{display:block;color:#1265f5;font-size:9px;letter-spacing:1.4px;font-weight:800;margin-bottom:6px}.section-heading h2,.about h2,.contact h2{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.8px;line-height:1.2;margin:0;color:#102c62}.section-heading p{margin:8px 0 0;color:#6b80a2;font-size:12px}.text-link{color:#1265f5;font-size:11px;font-weight:700;white-space:nowrap}.text-link span{margin-left:6px}.services{background:linear-gradient(180deg,#fff,#fcfdff)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{border:1px solid transparent;border-radius:14px;padding:20px 19px 17px;min-height:170px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e4ecfb}.tint-violet{background:linear-gradient(145deg,#f7f0ff,#faf8ff)}.tint-blue{background:linear-gradient(145deg,#eff7ff,#f3f9ff)}.tint-lilac{background:linear-gradient(145deg,#f5f0ff,#f8f8ff)}.tint-cyan{background:linear-gradient(145deg,#edfaff,#f3faff)}.tint-mint{background:linear-gradient(145deg,#eafcf8,#f4fffd)}.service-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:#135ce5;background:linear-gradient(145deg,#d9eaff,#fff);box-shadow:0 4px 12px #4b8ff51a;margin-bottom:10px}.tint-violet .service-icon,.tint-lilac .service-icon{color:#8138ed;background:linear-gradient(145deg,#e9d8ff,#fff)}.tint-mint .service-icon{color:#009e91;background:linear-gradient(145deg,#c8f8ec,#fff)}.store-icons{font-size:18px;display:flex;gap:3px}.store-icons b{font-size:17px;color:#1574ed}.service-card h3{font-size:13px;margin:0 0 6px;color:#17356b}.service-card p{font-size:11px;color:#6a80a3;line-height:1.6;margin:0 0 10px;max-width:240px}.service-card>a{font-size:10px;font-weight:700;color:#1265f5}.service-card>a span{margin-left:5px}
.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.project-card{border:1px solid #e8eef8;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 5px 15px rgba(21,58,120,.025);transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-preview{height:175px;position:relative;overflow:hidden;padding:13px}.preview-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;font-weight:800;position:relative;z-index:2}.preview-gold{background:linear-gradient(140deg,#132d45,#07152b 65%,#513d21);color:#f8dc91}.gold-preview-content{position:absolute;inset:44px 12px 10px;text-align:center;display:flex;flex-direction:column;align-items:center}.coin-large{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:3px double #f3d17a;color:#f6d988;font-size:27px;background:radial-gradient(circle,#a8751d,#33230f);box-shadow:0 0 22px #e7bd4b3d}.gold-preview-content small{font-size:7px;letter-spacing:1.4px;margin-top:8px}.gold-preview-content b{font-size:12px;margin-top:4px}.gold-products{display:flex;gap:12px;margin-top:8px}.gold-products i{font-style:normal;color:#e8c46b;font-size:17px}.preview-car{background:linear-gradient(140deg,#d5e8ff,#f4f9ff);color:#183e76}.car-preview-content{padding-top:20px}.car-preview-content small,.food-preview-content small,.shop-preview-content small{font-size:7px;letter-spacing:1px;font-weight:800}.car-preview-content b,.food-preview-content b,.shop-preview-content b{display:block;font-size:14px;line-height:1.25;margin-top:6px;max-width:170px}.car-illustration{font-size:59px;text-align:center;margin-top:-3px;filter:drop-shadow(0 6px 3px #51749b33)}.car-preview-footer{display:flex;justify-content:space-between;font-size:8px;font-weight:700}.preview-food{background:linear-gradient(140deg,#ffebe0,#fff6f0);color:#813c25}.food-preview-content{padding-top:20px}.food-illustrations{display:flex;justify-content:space-around;font-size:34px;margin-top:8px}.food-preview-bar{background:#fff9f5;border:1px solid #ffe0d0;border-radius:7px;padding:5px;text-align:center;font-size:8px;font-weight:700;margin-top:8px}.preview-shop{background:linear-gradient(140deg,#e7e6ff,#f8f7ff);color:#392f82}.shop-preview-content{padding-top:20px}.shop-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.shop-product-grid i{font-style:normal;background:#fff;border-radius:8px;height:52px;display:grid;place-items:center;font-size:23px;box-shadow:0 3px 9px #4834a20b}.project-info{padding:15px}.project-info h3{font-size:13px;margin:0 0 6px;color:#17356b}.project-info p{font-size:10px;color:#6d81a2;line-height:1.6;margin:0 0 12px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;color:#3264ad;background:#edf4ff;border-radius:15px;padding:4px 9px}.sample-note{font-size:10px;color:#8a9ab5;margin:16px 0 0}
.about{background:linear-gradient(110deg,#f5faff,#f8f8ff);overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-copy>p,.contact-intro>p{color:#667da1;font-size:12px;line-height:1.85;max-width:490px;margin:15px 0 20px}.stats{display:flex;gap:23px;margin:24px 0}.stats div{display:flex;flex-direction:column;border-right:1px solid #dbe6f6;padding-right:22px}.stats div:last-child{border:0}.stats strong{font-size:16px;color:#145ce3}.stats span{font-size:9px;color:#7387a8;margin-top:3px}.about .btn{margin-top:2px}.about-image{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:17px}.workspace-card{height:245px;background:linear-gradient(135deg,#fff,#e4ecf8);border:1px solid #e2eafa;border-radius:15px;box-shadow:var(--shadow);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.workspace-window{width:84%;height:67%;background:#fff;border-radius:7px;box-shadow:0 8px 24px #1b40711f;transform:perspective(600px) rotateY(-6deg);overflow:hidden}.window-bar{height:22px;background:#f4f7fc;border-bottom:1px solid #e5ebf5;display:flex;align-items:center;gap:4px;padding:0 8px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#a5b5d0}.window-bar span{font-size:7px;color:#9baac1;margin-left:7px}.workspace-content{padding:17px}.workspace-logo{display:flex;align-items:center;gap:7px;font-size:13px;color:#16396e}.brand-mark.mini{width:23px;height:24px}.brand-mark.mini span{font-size:14px;left:4px}.brand-mark.mini i,.brand-mark.mini b{height:2px;width:8px;right:-1px;top:8px}.brand-mark.mini b{top:12px}.workspace-lines{margin-top:17px;display:flex;flex-direction:column;gap:7px}.workspace-lines i{height:5px;border-radius:5px;background:#e8eef9;width:85%}.workspace-lines i:nth-child(2){width:66%}.workspace-lines i:nth-child(3){width:76%}.workspace-chip-row{display:flex;gap:5px;margin-top:17px}.workspace-chip-row span{font-size:7px;color:#2061d8;background:#eef4ff;border-radius:5px;padding:5px 9px}.workspace-plant{position:absolute;right:4%;bottom:4%;width:35px;height:85px}.workspace-plant b{position:absolute;bottom:0;left:9px;width:23px;height:25px;background:#c6d1e1;border-radius:3px 3px 8px 8px}.workspace-plant i{position:absolute;bottom:18px;left:15px;width:20px;height:45px;background:linear-gradient(135deg,#83c59e,#278365);border-radius:100% 0 100% 0;transform:rotate(-30deg)}.workspace-plant i:nth-child(2){transform:rotate(25deg);left:8px;height:54px}.workspace-plant i:nth-child(3){transform:rotate(5deg);left:17px;height:63px}.workspace-phone{position:absolute;width:37px;height:70px;bottom:8px;left:10%;border:3px solid #253f6a;border-radius:8px;background:linear-gradient(145deg,#eff5ff,#dce7ff);transform:rotate(-12deg)}.why-card{background:#fff;padding:20px 15px;border:1px solid #e8eef8;border-radius:14px;box-shadow:0 9px 25px #1b4b8a08}.why-card h3{font-size:13px;margin:0 0 12px}.why-card p{font-size:10px;color:#60789e;margin:10px 0;white-space:nowrap}.why-card p span{color:#fff;background:#1265f5;border-radius:50%;width:14px;height:14px;display:inline-grid;place-items:center;font-size:9px;margin-right:6px}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.clients-block h2{font-size:22px;margin:0 0 20px}.client-logos{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-logo{height:47px;min-width:75px;padding:0 10px;border:1px solid #edf1f8;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#4a6797;background:#fff;box-shadow:0 3px 10px #1c4b8705}.client-logo span{color:#2474ec;margin-left:3px}.clients-block>small{display:block;font-size:9px;color:#9aa9bf;margin-top:12px}.testimonial-card{border:1px solid #e5edf8;border-radius:13px;padding:18px 20px;background:#fff;box-shadow:0 6px 18px #1d4b8707;position:relative}.quote-mark{font-size:43px;line-height:.7;color:#c9dafa;font-weight:800}.testimonial-card>p{font-size:12px;color:#526e98;line-height:1.7;margin:7px 0 17px}.testimonial-person{display:flex;align-items:center;gap:9px;border-top:1px solid #edf2fa;padding-top:13px}.avatar{width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#dbe9ff,#f0e5ff);display:grid;place-items:center;color:#2765d7;font-weight:800}.testimonial-person b{display:block;font-size:9px;color:#244474}.testimonial-person small{display:block;font-size:8px;color:#8597b2;margin-top:3px}.stars{margin-left:auto;color:#f4b52e;font-size:10px;letter-spacing:1px}
.contact{background:linear-gradient(110deg,#f8fbff,#fff)}.contact-grid{display:grid;grid-template-columns:.82fr 1.25fr .73fr;gap:22px;align-items:start}.contact h2{font-size:31px;margin-bottom:14px}.contact-intro>p{margin-bottom:22px}.contact-detail{display:flex;gap:11px;margin:17px 0;align-items:flex-start}.detail-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:#1265f5;font-size:15px}.contact-detail small{display:block;font-size:9px;color:#8295b3;margin-bottom:3px}.contact-detail a,.contact-detail p{font-size:11px;color:#244779;margin:0;line-height:1.7}.tiny-warning{font-size:9px!important;color:#899ab3!important;max-width:220px;margin-top:5px!important}.form-card{background:#fff;border:1px solid #e4ecf8;border-radius:16px;padding:23px;box-shadow:0 10px 30px rgba(20,64,130,.06)}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.form-heading h3{font-size:19px;margin:0;color:#143467}.form-spark{font-size:28px;color:#9a39ef}.form-card form{display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#3b5680;font-weight:600}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #e0e8f5;border-radius:7px;background:#fbfcff;padding:10px 11px;color:#24436f;font-size:10px;outline:none;transition:border .2s,box-shadow .2s}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#6196ff;box-shadow:0 0 0 3px #1265f511}.form-card textarea{resize:vertical;min-height:92px}.form-card input::placeholder,.form-card textarea::placeholder{color:#a4b1c6}.submit-btn{width:100%;margin-top:2px}.form-note{font-size:9px;color:#8496b1;line-height:1.5;margin:0}.office-card{border:1px solid #e5edf8;border-radius:14px;background:#fff;overflow:hidden;padding:14px;box-shadow:0 8px 22px #1b4b8a08}.office-art{height:118px;background:linear-gradient(145deg,#eaf3ff,#f8f6ff);border-radius:9px;position:relative;overflow:hidden;margin-bottom:16px}.building{position:absolute;bottom:0;left:22%;width:55%;height:90%;background:linear-gradient(90deg,#b8cce8,#edf5ff 40%,#9cb6d9);border:2px solid #d2e2f6;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 7px 0;transform:perspective(200px) rotateY(-7deg)}.building span{background:linear-gradient(#83b7e9,#d3e7fa);height:18px;border:1px solid #f6fbff}.building-shadow{position:absolute;bottom:0;width:100%;height:8px;background:#c7d8ed}.office-card h3{font-size:13px;margin:0 0 13px}.office-location{display:flex;gap:9px;margin:12px 0}.office-location>span{color:#1265f5;font-size:17px}.office-location p{margin:0}.office-location b{display:block;font-size:10px;color:#284a7a}.office-location small{display:block;font-size:9px;color:#8295b2;margin-top:3px}.office-signature{text-align:right;font-size:12px;font-weight:700;font-style:italic;color:#3868c8;line-height:1.35;margin-top:20px}.office-signature span{font-size:20px;margin-left:6px}
.site-footer{background:linear-gradient(110deg,#0b2048,#112f67);color:#dbe7ff}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #ffffff20}.footer-brand .brand-copy strong{color:#fff;font-size:18px}.footer-brand .brand-copy small{color:#b8c9e8}.footer-main nav{display:flex;gap:24px}.footer-main nav a{font-size:10px;color:#d6e2f8}.footer-main nav a:hover{color:#fff}.social-links{display:flex;gap:8px}.social-links a{width:26px;height:26px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;font-size:10px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:13px 0;font-size:9px;color:#aebfe0}.footer-bottom>span:last-child{display:flex;gap:11px}.footer-bottom b{color:#6684b5}.back-to-top{position:fixed;bottom:20px;right:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1265f5,#a12df0);box-shadow:0 7px 20px #1658cb33;z-index:30;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1100px){.container{width:min(100% - 42px,1000px)}.hero-grid{grid-template-columns:.9fr 1.1fr}.hero h1{font-size:46px}.hero-visual{transform:scale(.95);transform-origin:center}.phone-shop{left:88%}.services-grid,.projects-grid{grid-template-columns:repeat(4,1fr);gap:12px}.service-card{padding:16px 13px}.contact-grid{grid-template-columns:.8fr 1.2fr}.office-card{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr 1fr;gap:12px;align-items:center}.office-art{margin:0}.office-card h3{display:none}.office-signature{margin:0}}
@media(max-width:800px){.container{width:calc(100% - 36px)}.top-right{display:none}.hero{padding:45px 0 34px}.hero-grid{grid-template-columns:1fr;gap:5px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(39px,8vw,57px)}.hero-copy>p{max-width:580px}.hero-visual{min-height:340px;transform:none;margin-top:12px}.device-scene{height:330px;max-width:650px;margin:auto}.laptop{width:58%;left:10%;top:23%}.laptop-screen{height:175px}.phone{height:190px}.phone-shop{height:165px;left:89%}.section{padding:54px 0}.section-tight{padding:37px 0}.section-heading{align-items:start}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:160px;padding:18px}.project-preview{height:165px}.about-grid{grid-template-columns:1fr;gap:30px}.about-image{max-width:620px}.trust-grid{grid-template-columns:1fr;gap:28px}.contact-grid{grid-template-columns:1fr 1.2fr}.contact-intro{grid-column:1/-1}.contact-intro>p{max-width:650px}.contact-detail{display:inline-flex;vertical-align:top;margin-right:24px}.office-card{grid-column:1/-1}.footer-main nav{gap:14px}}
@media(max-width:560px){.container{width:calc(100% - 30px)}.top-strip{font-size:9px}.top-strip-inner{padding:5px 0}.hero{padding-top:38px}.eyebrow{font-size:8px}.hero h1{font-size:39px;letter-spacing:-1.4px}.hero-copy>p{font-size:13px}.hero-buttons{gap:9px}.hero-buttons .btn{padding:12px 15px;font-size:10px}.hero-benefits{gap:9px;margin-top:20px}.hero-benefits>span{font-size:9px;padding-right:8px;gap:4px}.hero-visual{min-height:260px;margin-top:2px}.device-scene{height:265px;transform:scale(.98);transform-origin:center}.visual-label{font-size:7px;top:1%;right:3%}.laptop{width:63%;left:8%;top:26%}.laptop-screen{height:135px;border-width:5px;border-bottom-width:7px;padding:5px}.dash-sidebar{gap:8px;padding:4px}.dash-main{padding:5px}.dash-top{font-size:6px}.dash-top b{font-size:7px}.dash-balance{padding:4px;margin-top:5px}.dash-balance strong{font-size:9px}.dash-chart{height:35px;gap:3px}.dash-cards i{height:13px}.phone{width:19%;height:150px;border-width:2px;padding:3px;border-radius:15px}.phone-screen{border-radius:11px;padding:14px 4px 5px}.phone-notch{top:3px;height:7px}.phone-screen small{font-size:4px}.phone-screen b{font-size:6px;margin-top:5px}.phone-screen strong{font-size:6px}.gold-coin{width:35px;height:35px;font-size:18px;margin:12px 0 2px}.phone-button{font-size:4px;padding:4px;margin-top:6px}.phone-tabs i{width:5px;height:5px}.car-art{font-size:28px;margin-top:16px}.car-price{font-size:6px}.tiny-line{height:3px;margin-top:5px}.food-art{font-size:27px;margin:16px 0 2px}.food-caption{font-size:4px}.food-items{margin-top:5px}.food-items i{font-size:8px;padding:2px}.shop-art{font-size:25px;margin-top:15px}.shop-items{gap:2px;margin-top:5px}.shop-items i{height:15px}.phone-shop{height:135px;left:89%}.floating-tag{font-size:6px;padding:6px 7px}.tag-top{left:36%;top:12%}.tag-bottom{left:17%;bottom:1%}.plant{transform:scale(.7);transform-origin:bottom left;left:0;bottom:5px}.section-heading{display:block}.section-heading h2,.about h2{font-size:25px}.section-heading p{font-size:11px}.section-heading .text-link{display:inline-block;margin-top:10px}.services-grid,.projects-grid{gap:10px}.service-card{padding:14px 12px;min-height:168px;border-radius:11px}.service-icon{width:34px;height:34px;font-size:18px}.service-card h3{font-size:11px}.service-card p{font-size:10px}.service-card>a{font-size:9px}.project-preview{height:125px;padding:9px}.preview-top{font-size:6px}.gold-preview-content{inset:32px 8px 8px}.coin-large{width:37px;height:37px;font-size:20px}.gold-preview-content small{font-size:5px;margin-top:4px}.gold-preview-content b{font-size:8px}.gold-products{margin-top:3px;gap:7px}.gold-products i{font-size:11px}.car-preview-content,.food-preview-content,.shop-preview-content{padding-top:12px}.car-preview-content b,.food-preview-content b,.shop-preview-content b{font-size:10px}.car-illustration{font-size:40px;margin-top:0}.car-preview-footer{font-size:6px}.food-illustrations{font-size:22px;margin-top:4px}.food-preview-bar{font-size:6px;margin-top:4px;padding:3px}.shop-product-grid{gap:4px;margin-top:7px}.shop-product-grid i{height:33px;font-size:16px}.project-info{padding:11px}.project-info h3{font-size:11px}.project-info p{font-size:9px}.tags span{font-size:8px;padding:3px 6px}.sample-note{font-size:9px}.about-grid{gap:24px}.stats{gap:10px;justify-content:space-between}.stats div{padding-right:10px}.stats strong{font-size:12px}.stats span{font-size:8px}.about-image{grid-template-columns:1fr;gap:12px}.workspace-card{height:205px}.why-card{padding:15px}.why-card p{white-space:normal}.trust-grid{gap:24px}.clients-block h2{font-size:20px}.client-logos{justify-content:flex-start}.client-logo{min-width:65px;height:39px;font-size:9px}.testimonial-card{padding:15px}.testimonial-card>p{font-size:11px}.stars{font-size:8px;letter-spacing:0}.contact-grid{grid-template-columns:1fr;gap:20px}.contact-intro{grid-column:auto}.contact h2{font-size:29px}.contact-detail{display:flex;margin:14px 0}.form-card{padding:17px}.form-row{grid-template-columns:1fr;gap:11px}.form-heading h3{font-size:18px}.office-card{display:block;padding:13px}.office-art{height:125px;margin-bottom:13px}.office-card h3{display:block}.office-signature{margin-top:16px}.footer-main{flex-wrap:wrap;padding:20px 0;gap:16px}.footer-main nav{order:3;width:100%;justify-content:space-between;gap:8px}.footer-main nav a{font-size:9px}.footer-bottom{flex-direction:column;gap:8px;font-size:8px}.footer-bottom>span:last-child{flex-wrap:wrap}.back-to-top{right:12px;bottom:12px}}

/* Fallback: keep website content visible if reveal animation fails */
.reveal {
  opacity: 1;
  transform: none;
}

/* ==========================================================================
   RESPONSIVE REFINEMENTS
   Loaded after the base rules above. Covers: header/logo, responsive
   typography (clamp), hamburger menu (<=1024px), layout breakpoints at
   1100 / 1024 / 900 / 560 / 480 / 360.
   ========================================================================== */
img,svg,video{max-width:100%;height:auto}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:clamp(15px,.25vw + 14px,17px)}
h1,h2,h3,p,a,span,small,b,strong,label{overflow-wrap:break-word}
.container{width:min(1280px,calc(100% - clamp(30px,5vw,80px)))}

/* --- Top strip --- */
.top-strip{font-size:clamp(11px,.2vw + 10.5px,13px)}
.top-strip-inner{gap:12px;flex-wrap:wrap}

/* --- Header, logo, brand --- */
.site-header{height:clamp(72px,5vw + 40px,92px)}
.nav-wrap{min-width:0}
.brand{min-width:0;gap:clamp(8px,1vw,12px)}
.brand-mark{zoom:1.3}
.brand-mark.mini{zoom:1}
.brand-copy strong{font-size:clamp(20px,1vw + 14px,28px)}
.brand-copy small{font-size:clamp(8.5px,.25vw + 7.5px,11px);letter-spacing:clamp(.8px,.1vw,1.4px);white-space:nowrap}
.footer-brand .brand-copy strong{font-size:clamp(20px,.6vw + 15px,24px)}
.footer-brand .brand-copy small{font-size:clamp(8.5px,.2vw + 7.5px,10px)}
.main-nav{gap:clamp(18px,2vw,34px)}
.nav-link{font-size:clamp(13.5px,.3vw + 12px,15.5px)}
.nav-actions{gap:12px}
.language-toggle{font-size:clamp(13px,.2vw + 12px,14.5px);padding:8px 4px}
.phone-pill{font-size:clamp(12.5px,.2vw + 11.5px,14px);padding:9px 14px}
.btn{font-size:clamp(13.5px,.25vw + 12.5px,15.5px);padding:clamp(12px,.5vw + 9px,15px) clamp(18px,1vw + 12px,26px);text-align:center}
.btn-small{font-size:clamp(13px,.2vw + 12px,14.5px);padding:11px 18px}
.menu-toggle{width:46px;height:46px;border-radius:10px;cursor:pointer;margin-right:-8px}
.menu-toggle span{margin:5px auto;transition:transform .25s,opacity .2s}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-extra{display:none}

/* --- Hero --- */
.hero{padding:clamp(40px,5vw,76px) 0 clamp(34px,4vw,56px)}
.hero-copy{max-width:min(100%,580px)}
.eyebrow{font-size:clamp(10.5px,.2vw + 9.5px,12.5px)}
.hero h1{font-size:clamp(34px,3.6vw + 12px,66px);letter-spacing:-.035em}
.hero-copy>p{font-size:clamp(15.5px,.5vw + 13px,19px);max-width:34em}
.hero-benefits>span{font-size:clamp(12.5px,.2vw + 11.5px,14.5px)}
.hero-buttons .btn{min-height:46px}
.visual-label{font-size:clamp(9px,.4vw + 7.5px,12.5px)}

/* --- Section headings --- */
.section{padding:clamp(52px,6vw,96px) 0}
.section-tight{padding:clamp(40px,4.5vw,64px) 0}
.section-kicker{font-size:clamp(11px,.2vw + 10px,13px)}
.section-heading h2,.about h2,.contact h2{font-size:clamp(26px,1.8vw + 17px,44px)}
.section-heading p{font-size:clamp(14px,.3vw + 12.5px,17px)}
.section-heading{flex-wrap:wrap;margin-bottom:clamp(22px,3vw,36px)}
.text-link{font-size:clamp(13.5px,.2vw + 12.5px,15px);padding:8px 0}

/* --- Services / projects --- */
.services-grid,.projects-grid{gap:clamp(14px,1.6vw,24px)}
.service-card{padding:clamp(18px,1.4vw + 10px,28px);min-height:0}
.service-icon{width:clamp(44px,2vw + 36px,54px);height:clamp(44px,2vw + 36px,54px);font-size:clamp(22px,1vw + 14px,28px)}
.service-card h3{font-size:clamp(16px,.4vw + 14px,19px)}
.service-card p{font-size:clamp(13.5px,.2vw + 12.5px,15px);max-width:none}
.service-card>a{font-size:clamp(13px,.2vw + 12px,14.5px);display:inline-block;padding:4px 0}
.project-preview{height:clamp(170px,12vw + 100px,230px)}
.preview-top{font-size:clamp(9px,.2vw + 8px,11px)}
.gold-preview-content small,.car-preview-content small,.food-preview-content small,.shop-preview-content small{font-size:clamp(8.5px,.2vw + 7.5px,10px)}
.gold-preview-content b{font-size:clamp(13px,.3vw + 11.5px,15px)}
.car-preview-content b,.food-preview-content b,.shop-preview-content b{font-size:clamp(14px,.3vw + 12.5px,17px);max-width:none}
.car-preview-footer,.food-preview-bar{font-size:clamp(10px,.2vw + 9px,12px)}
.project-info{padding:clamp(16px,1vw + 10px,22px)}
.project-info h3{font-size:clamp(15.5px,.4vw + 13.5px,18px)}
.project-info p{font-size:clamp(13px,.2vw + 12px,14.5px)}
.tags span{font-size:clamp(11.5px,.2vw + 10.5px,13px);padding:5px 11px}
.sample-note{font-size:clamp(12px,.2vw + 11px,13.5px)}

/* --- About / trust --- */
.about-copy>p,.contact-intro>p{font-size:clamp(14.5px,.3vw + 13px,17px);max-width:34em}
.stats{flex-wrap:wrap;row-gap:16px}
.stats strong{font-size:clamp(17px,.5vw + 14.5px,22px)}
.stats span{font-size:clamp(11.5px,.2vw + 10.5px,13.5px)}
.workspace-card{height:clamp(220px,14vw + 130px,300px)}
.why-card{padding:clamp(18px,1vw + 10px,26px)}
.why-card h3{font-size:clamp(15.5px,.4vw + 13.5px,18px)}
.why-card p{font-size:clamp(13px,.25vw + 12px,15px);white-space:normal}
.clients-block h2{font-size:clamp(22px,1.2vw + 15px,30px)}
.client-logo{font-size:clamp(11.5px,.2vw + 10.5px,13.5px);height:clamp(44px,2vw + 34px,54px)}
.clients-block>small{font-size:clamp(11.5px,.2vw + 10.5px,13px)}
.testimonial-card>p{font-size:clamp(14px,.3vw + 12.5px,16.5px)}
.testimonial-person{flex-wrap:wrap}
.testimonial-person b{font-size:clamp(12.5px,.2vw + 11.5px,14.5px)}
.testimonial-person small{font-size:clamp(11px,.2vw + 10px,12.5px)}
.stars{font-size:clamp(11px,.2vw + 10px,13px)}

/* --- Contact --- */
.contact-grid{gap:clamp(20px,2vw,32px)}
.contact-detail small{font-size:clamp(11.5px,.2vw + 10.5px,13px)}
.contact-detail a,.contact-detail p{font-size:clamp(14px,.25vw + 12.5px,16px);word-break:break-word}
.tiny-warning{font-size:clamp(11px,.2vw + 10px,12.5px)!important;max-width:none!important}
.form-card{padding:clamp(18px,1.6vw + 10px,32px)}
.form-heading h3{font-size:clamp(19px,.6vw + 16px,24px)}
.form-card label{font-size:clamp(12.5px,.2vw + 11.5px,14px)}
.form-card input,.form-card select,.form-card textarea{font-size:clamp(14px,.2vw + 13px,15.5px);padding:12px 14px;min-height:46px;border-radius:9px}
.form-card textarea{min-height:120px}
.form-row>label{min-width:0}
.form-note{font-size:clamp(11.5px,.2vw + 10.5px,13px)}
.office-card h3{font-size:clamp(15.5px,.4vw + 13.5px,18px)}
.office-location b{font-size:clamp(13px,.2vw + 12px,15px)}
.office-location small{font-size:clamp(11.5px,.2vw + 10.5px,13px)}
.office-signature{font-size:clamp(13.5px,.3vw + 12px,16px)}

/* --- Footer --- */
.footer-main{flex-wrap:wrap}
.footer-main nav{flex-wrap:wrap;gap:6px clamp(16px,2vw,28px)}
.footer-main nav a{font-size:clamp(13px,.2vw + 12px,14.5px);padding:8px 0;display:inline-block}
.social-links{gap:10px}
.social-links a{width:38px;height:38px;font-size:14px}
.footer-bottom{flex-wrap:wrap;font-size:clamp(11.5px,.2vw + 10.5px,13px)}
.footer-bottom>span:last-child{flex-wrap:wrap}
.back-to-top{width:44px;height:44px}

/* --- Hero device scene: keep every device inside the visual's bounds --- */
.laptop{left:2%;width:58%}
.phone{width:16%}
.phone-gold{left:48%}
.phone-car{left:61%}
.phone-food{left:74%}
.phone-shop{left:85%;width:13.5%}
.tag-top{left:34%}
.tag-bottom{left:20%}
@media(max-width:560px){
  .phone{width:17.5%}
  .phone-shop{width:14.5%;left:84.5%}
  .phone-gold{left:46%}
  .phone-car{left:60%}
  .phone-food{left:73%}
  .tag-top{left:30%}
  .tag-bottom{left:12%}
}

/* --- Large desktop (>=1600px) --- */
@media(min-width:1600px){
  .container{width:min(1440px,calc(100% - 120px))}
  .hero-visual{min-height:420px}
}

/* --- Laptop / small desktop (<=1280px): keep 4-up cards readable --- */
@media(max-width:1280px){
  .services-grid,.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* --- Tablet & below (<=1024px): hamburger navigation --- */
@media(max-width:1024px){
  .services-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-wrap{gap:12px}
  .nav-actions{display:none}
  .menu-toggle{display:block;margin-left:auto;order:3;flex-shrink:0}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;background:#fff;border-bottom:1px solid #e5edf8;padding:8px clamp(15px,4vw,40px) 22px;box-shadow:0 18px 30px #153e7914;flex-direction:column;align-items:stretch;gap:0}
  .main-nav.open{display:flex}
  .nav-link{padding:15px 4px;min-height:48px;display:flex;align-items:center;font-size:16px;border-bottom:1px solid #eef3fb}
  .nav-link:after{bottom:0}
  .nav-extra{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:18px}
  .nav-extra .language-toggle{border:1px solid #d8e3f6;border-radius:30px;padding:11px 18px;font-size:15px;min-height:46px}
  .nav-extra .phone-pill{display:inline-flex;align-items:center;padding:8px 16px;min-height:46px;font-size:15px}
  .nav-extra .btn{flex:1 1 180px;min-height:46px}
}

/* --- Tablet portrait / large phones (<=900px): single-column layouts --- */
@media(max-width:900px){
  .hero-grid,.about-grid,.trust-grid,.contact-grid{grid-template-columns:1fr}
  .hero-grid{gap:8px}
  .hero h1{font-size:clamp(34px,7.4vw,58px)}
  .hero-copy{max-width:640px}
  .device-scene{max-width:680px;margin:auto}
  .about-grid{gap:34px}
  .about-image{max-width:none}
  .contact-grid>*{grid-column:auto}
  .contact-detail{display:flex;margin:16px 0}
  .office-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:start}
  .office-art{grid-column:1/-1;margin:0}
  .office-card h3{display:block;grid-column:1/-1;margin:4px 0 0}
  .office-signature{grid-column:1/-1;margin-top:6px}
  .section-heading{align-items:flex-start}
}

/* --- Phones (<=560px) --- */
@media(max-width:560px){
  .brand-mark{zoom:1.15}
  .brand-copy strong{font-size:clamp(18px,5.4vw,22px)}
  .brand-copy small{font-size:clamp(7.5px,2.3vw,9.5px);letter-spacing:.6px}
  .top-strip-inner{justify-content:center;text-align:center}
  .hero-buttons{flex-direction:column;align-items:stretch}
  .hero-buttons .btn{width:100%;padding:14px 18px;font-size:15px}
  .hero-benefits{gap:10px 14px}
  .hero-benefits>span{padding-right:0;border-right:0}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .stats div{padding-right:0;border-right:0}
  .stats div:last-child{grid-column:1/-1}
  .section-heading h2,.about h2{font-size:clamp(25px,7vw,30px)}
  .contact h2{font-size:clamp(27px,7.6vw,32px)}
  .about .btn,.submit-btn{width:100%}
  .office-card{grid-template-columns:1fr}
  .form-card input,.form-card select,.form-card textarea{font-size:16px}
  .footer-main{flex-direction:column;align-items:flex-start;gap:14px}
  .footer-main nav{width:100%;justify-content:flex-start;order:0}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .back-to-top{right:14px;bottom:14px}
}

/* --- Single-column cards on small phones (<=480px) --- */
@media(max-width:480px){
  .services-grid,.projects-grid{grid-template-columns:1fr}
  .project-preview{height:200px}
}

/* --- Very small phones (<=360px) --- */
@media(max-width:360px){
  .container{width:calc(100% - 24px)}
  .brand{gap:6px}
  .brand-mark{zoom:1.05}
  .hero h1{font-size:32px}
  .form-card{padding:16px 14px}
}

/* ==========================================================================
   ENQUIRY FORM
   ========================================================================== */
.contact{scroll-margin-top:90px}
.form-card{position:relative;scroll-margin-top:100px;border-radius:22px;border:1px solid #d9e6fb;box-shadow:0 24px 60px rgba(18,70,170,.14),0 4px 14px rgba(18,70,170,.06);overflow:hidden}
.form-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0967f8,#3b48f5 60%,#a22cf2)}
.form-card:target,.form-card.highlight{box-shadow:0 0 0 3px #1265f533,0 24px 60px rgba(18,70,170,.18)}
.form-heading{align-items:flex-start;gap:12px}
.form-heading h3{font-size:clamp(22px,1vw + 17px,30px);letter-spacing:-.4px}
.form-subtitle{margin:6px 0 0;color:#5d749b;font-size:clamp(14px,.2vw + 13px,16px);line-height:1.5}
.form-card label{position:relative}
.field-error{display:block;min-height:0;color:#c62828;font-size:12.5px;font-weight:500;line-height:1.4}
.field-error:empty{display:none}
.form-card input.invalid,.form-card select.invalid,.form-card textarea.invalid{border-color:#d93025;background:#fff8f7}
.form-card input.invalid:focus,.form-card select.invalid:focus,.form-card textarea.invalid:focus{box-shadow:0 0 0 3px #d9302522}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.submit-btn{min-height:54px;font-size:clamp(15px,.2vw + 14px,17px);box-shadow:0 10px 24px rgba(40,90,235,.28)}
.submit-btn:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}
.submit-btn.loading .btn-arrow{display:inline-block;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;font-size:0;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.form-status{display:none;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5;font-weight:600}
.form-status.success{display:block;background:#e8f8ef;color:#116a3a;border:1px solid #b6e6c9}
.form-status.error{display:block;background:#fdecea;color:#a3231a;border:1px solid #f5c2bd}
@media(max-width:560px){.form-spark{display:none}}