:root{--ink:#142638;--muted:#627486;--teal:#087e8e;--line:#dfe8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font:16px/1.55 system-ui,sans-serif;margin:0;color:var(--ink);background:#f7f9fb}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #eeac42;outline-offset:3px}.wrap{max-width:1170px;padding:0 24px;margin:auto}.bar{background:#0c3647;color:#c9f0ef;text-align:center;padding:9px;font-size:12px;letter-spacing:.08em}.head{background:white;border-bottom:1px solid var(--line)}.head .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}.brand{font-size:26px;letter-spacing:-1px;font-weight:900}.brand b{color:var(--teal)}.nav{display:flex;gap:22px;font-size:14px;font-weight:700}.hero{padding:85px 0;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px}.kicker{text-transform:uppercase;color:var(--teal);letter-spacing:2px;font-size:11px;font-weight:900}h1{font-size:clamp(38px,5.4vw,68px);letter-spacing:-2.4px;line-height:1.09;margin:16px 0 23px}h1 em{color:var(--teal);font-style:normal}.lead{color:#506777;font-size:18px;max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:white;border-radius:11px;padding:13px 20px;font-size:14px;font-weight:800;min-height:48px;transition:transform .2s,background .2s}.btn:hover{background:#076073;transform:translateY(-2px)}.hero-art{background:linear-gradient(135deg,#0d3048,#136a7a);color:white;min-height:295px;border-radius:25px;padding:42px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 23px 45px #123a4b2a}.hero-art strong{font-size:80px;letter-spacing:-8px;line-height:1}.hero-art span{letter-spacing:2px;color:#d1f9f5}.section{padding:64px 0}.white{background:white;border-block:1px solid #eaf0f3}.section h2{font-size:clamp(29px,3.6vw,42px);letter-spacing:-1.3px;margin:10px 0}.section p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #17374c19}.card img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;background:linear-gradient(135deg,#bed2df,#e7edf0)}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.cat{font-size:11px;color:var(--teal);text-transform:uppercase;letter-spacing:1px;font-weight:900}.card h3{font-size:16px;line-height:1.35;margin:10px 0 16px}.price{font-size:22px;font-weight:900;margin-top:auto}.card .btn{margin-top:14px;width:100%}.categories{display:flex;flex-direction:column;gap:12px}.category{background:white;border:1px solid var(--line);border-radius:15px}.category summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:23px;font-weight:800;gap:15px}.category summary::-webkit-details-marker{display:none}.category summary span{font-size:13px;color:var(--muted);font-weight:500}.category .grid{padding:21px;border-top:1px solid var(--line)}.tiny{color:var(--muted);font-size:13px}.detail{padding:44px 0 90px}.detail-grid{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:center;margin-top:30px}.detail-grid img{width:100%;border-radius:16px}.detail h1{font-size:clamp(34px,4.5vw,58px)}.back{font-weight:800;color:var(--teal)}.purchase{margin-top:25px;border-top:1px solid var(--line);padding-top:23px}.purchase .price{display:block;margin-bottom:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three div{padding:23px;border:1px solid var(--line);border-radius:14px;background:white}.foot{background:#0e2e40;color:#d1e3ea;padding:32px 0;font-size:13px}.foot .wrap{display:flex;justify-content:space-between;gap:15px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.wrap{padding:0 17px}.hero{grid-template-columns:1fr;padding:50px 0;gap:25px}.hero-art{min-height:210px}.hero-art strong{font-size:60px}.section{padding:44px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card h3{font-size:14px}.price{font-size:18px}.card .btn{font-size:12px;padding:9px}.category summary{padding:17px}.category .grid{padding:12px}.detail-grid{grid-template-columns:1fr;gap:24px}.detail-grid img{max-width:250px}.three{grid-template-columns:1fr}.foot .wrap{display:block}}