:root{--navy:#071B3A;--orange:#FF4B00;--green:#159447;--muted:#64748b}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#111827}header{height:76px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.logo{font-size:30px;font-weight:900;text-decoration:none;letter-spacing:-1px}.logo span{color:var(--navy)}.logo b{color:var(--orange)}nav{display:flex;gap:28px}nav a,.cart{color:var(--navy);text-decoration:none;font-weight:bold}.cart{border:1px solid #ddd;border-radius:25px;padding:11px 18px}.hero{padding:75px 9%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:linear-gradient(120deg,#f7f9fc,#fff)}small{color:var(--green);font-weight:bold;letter-spacing:2px}h1{font-size:clamp(42px,5vw,68px);line-height:1.05;color:var(--navy);letter-spacing:-2px}h1 em{font-style:normal;color:var(--orange)}.hero p{color:var(--muted);line-height:1.7}.btn{display:inline-block;background:var(--orange);color:white;text-decoration:none;padding:15px 22px;border-radius:8px;font-weight:bold;margin:14px 0}.service{font-size:13px}.art{margin:auto;width:270px;height:270px;border-radius:30px;background:white;box-shadow:0 20px 60px #071b3a20;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);text-align:center}.bag{font-size:55px}.art p{font-size:13px}.art strong{font-size:35px}section#categories{padding:65px 9%}h2{color:var(--navy);font-size:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.tile{border:1px solid #e5eaf0;border-radius:14px;padding:23px;text-decoration:none;color:var(--navy);display:flex;flex-direction:column;gap:10px}.tile:hover{border-color:var(--orange)}.tile i{font-style:normal;font-size:32px}.tile span{color:var(--muted);font-size:13px}.how{background:var(--navy);padding:60px 9%;color:white}.how h2,.steps h3{color:white}.steps>div{border-top:1px solid #ffffff55;padding-top:15px}.steps b{color:#ff9a70}.steps p{color:#ccd5e2}footer{padding:30px 9%;display:flex;gap:30px;align-items:center}@media(max-width:700px){header{height:auto;padding:16px 5%;flex-wrap:wrap;gap:12px}nav{order:3;width:100%;justify-content:space-between;font-size:13px}.hero{grid-template-columns:1fr;padding:48px 7%}.art{margin-top:35px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}section#categories{padding:50px 7%}}