*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101b42;background:#fff}.container{width:min(1120px,92%);margin:auto}a{text-decoration:none;color:inherit}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid #e7ebf2}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:10px}.logo>span{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#073d9e,#0b61df);color:#fff;display:grid;place-items:center;font-weight:900;font-style:italic;font-size:19px}.logo strong{font-size:18px}.logo small{display:block;color:#7b7f8a;font-size:9px;font-style:italic;margin-top:2px}.nav nav{display:flex;gap:28px;font-size:14px;font-weight:800}.cartButton{border:0;border-radius:12px;background:#071d58;color:#fff;padding:12px 15px;font-weight:900;cursor:pointer}.cartButton i{background:#ed1717;border-radius:50%;padding:2px 7px;font-style:normal;margin-left:4px}.hero{background:radial-gradient(circle at 80% 20%,#1c5fcb 0,transparent 30%),linear-gradient(125deg,#041744,#0b3f9f);color:#fff;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;align-items:center;gap:40px}.heroText label,.title label,.contact label{font-size:11px;letter-spacing:2px;font-weight:900;color:#ef1b1b}.hero h1{font-size:clamp(48px,7vw,80px);line-height:.95;margin:17px 0}.hero h1 span{color:#ff2828}.hero p{max-width:650px;color:#dfe8ff;line-height:1.75;font-size:17px}.actions{display:flex;gap:12px;margin:27px 0}.btn{display:inline-block;border:0;border-radius:12px;padding:14px 20px;font-weight:900;cursor:pointer;text-align:center}.red{background:#ef1717;color:#fff}.light{border:1px solid rgba(255,255,255,.35);color:#fff}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#bfcff1;font-size:12px;font-weight:700}.heroVisual{position:relative;height:420px;display:grid;place-items:center}.visualMain{width:330px;height:330px;border-radius:38% 62% 55% 45%;background:linear-gradient(145deg,#fff,#e9effb);color:#08235f;box-shadow:0 35px 90px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg)}.visualMain b{font-size:12px;letter-spacing:2px;color:#ef1717}.visualMain strong{font-size:100px;line-height:1}.visualMain p{text-align:center;font-weight:900;line-height:1.5}.floating{position:absolute;background:#fff;color:#071d58;padding:13px 18px;border-radius:15px;box-shadow:0 15px 30px rgba(0,0,0,.2);font-size:22px}.floating small{display:block;font-size:10px;font-weight:900;margin-top:3px}.f1{top:45px;right:30px}.f2{bottom:50px;left:15px}.f3{bottom:20px;right:60px}.section{padding:82px 0}.title{text-align:center;margin-bottom:40px}.title.left{text-align:left}.title h2{font-size:40px;margin:8px 0 12px}.title p{color:#70798e;line-height:1.6}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.serviceGrid article{position:relative;border:1px solid #e5e9f0;border-radius:22px;padding:25px;background:#fff;box-shadow:0 12px 35px rgba(15,38,85,.06);transition:.2s}.serviceGrid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(15,38,85,.1)}.serviceGrid article>span{position:absolute;right:18px;top:17px;color:#c8cfdd;font-size:12px;font-weight:900}.serviceGrid article>div{font-size:31px;margin:5px 0 18px}.serviceGrid h3{margin:0 0 9px}.serviceGrid p{font-size:13px;color:#717a8d;line-height:1.6;min-height:64px}.serviceGrid a{font-size:12px;color:#073e9f;font-weight:900}.catalog{background:#f7f9fc}.tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #dfe4ed;background:#fff;border-radius:10px;padding:10px 13px;font-weight:800;color:#536078;cursor:pointer}.filters button.active,.filters button:hover{background:#073e9f;color:#fff;border-color:#073e9f}.tools input{width:260px;border:1px solid #dfe4ed;border-radius:10px;padding:11px 14px;font:inherit}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e2e7ef;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px rgba(20,40,90,.05)}.cover{height:145px;background:linear-gradient(135deg,#082866,#0a4ab7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;position:relative}.cover:after{content:"INDO DESIGN";position:absolute;bottom:12px;left:15px;font-size:9px;letter-spacing:2px;font-weight:900;opacity:.55}.pbody{padding:18px}.pbody h3{margin:0 0 8px;font-size:16px}.pbody p{font-size:12px;color:#70798e;line-height:1.5;min-height:38px}.add{width:100%;border:0;border-radius:10px;background:#ef1717;color:#fff;padding:11px;font-weight:900;cursor:pointer}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{border-top:3px solid #073e9f;padding:22px}.steps b{color:#ef1717;font-size:12px}.steps h3{margin:10px 0 5px}.steps p{color:#737c90;font-size:13px;line-height:1.5}.contact{background:#071d58;color:#fff}.contactGrid{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:center}.contact h2{font-size:46px;margin:10px 0 20px}.contact p{color:#d7e2ff;line-height:1.8}.contactCard{background:#fff;color:#101b42;border-radius:22px;padding:30px}.contactCard p{color:#6c7589}.whatsapp{background:#18a84b;color:#fff;width:100%;margin-bottom:10px}.dark{background:#071d58;color:#fff;width:100%}footer{background:#04143e;color:#aebbd8;text-align:center;padding:25px;font-size:12px}.drawer{position:fixed;z-index:60;right:-480px;top:0;height:100%;width:min(460px,100%);background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.2);transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawerHead{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid #eee}.drawerHead h2{margin:0}.drawerHead button,.modalClose{border:0;background:#edf1f7;border-radius:50%;width:36px;height:36px;font-size:23px;cursor:pointer}.drawer>div:nth-child(2){flex:1;overflow:auto;padding:10px 25px}.cartRow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid #eee}.qty button{border:0;background:#eaf0fa;width:30px;height:30px;border-radius:7px;cursor:pointer;font-weight:900}.qty span{padding:0 9px}.remove{display:block;border:0;background:none;color:#e31717;font-size:11px;padding:7px 0;cursor:pointer}.drawerFoot{padding:22px 25px;border-top:1px solid #eee}.drawerFoot p{display:flex;justify-content:space-between;font-weight:900}.full{width:100%}.drawerFoot small{display:block;color:#7a8395;font-size:11px;line-height:1.5;margin-top:10px}.drawerFoot+.x{display:none}#backdrop{display:none;position:fixed;z-index:55;inset:0;background:rgba(0,0,0,.5)}#backdrop.show{display:block}.modal{display:none;position:fixed;z-index:80;inset:0;background:rgba(3,12,35,.68);align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modalBox{background:#fff;border-radius:24px;width:min(520px,100%);padding:30px;position:relative;max-height:92vh;overflow:auto}.modalClose{position:absolute;right:18px;top:18px}.modalBox h2{font-size:30px;margin:0 35px 7px 0}.modalBox>p{color:#70798e;font-size:13px;line-height:1.5}.modalBox label{display:block;font-size:12px;font-weight:900;margin:15px 0}.modalBox input,.modalBox textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dce2ec;border-radius:10px;font:inherit}.modalBox textarea{min-height:75px;resize:vertical}@media(max-width:900px){.serviceGrid,.productGrid,.steps{grid-template-columns:repeat(2,1fr)}.heroGrid{grid-template-columns:1fr;padding:55px 0}.heroVisual{height:330px}.contactGrid{grid-template-columns:1fr}.nav nav{display:none}}@media(max-width:600px){.serviceGrid,.productGrid,.steps{grid-template-columns:1fr}.tools{display:block}.tools input{width:100%;margin-top:12px}.hero h1{font-size:50px}.heroVisual{transform:scale(.85);margin:-20px}.section{padding:60px 0}.title h2{font-size:31px}.contact h2{font-size:36px}.logo small{display:none}}