
:root{--navy:#102d5c;--blue:#1358ae;--yellow:#ffd21d;--ink:#14243b;--muted:#64748b}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.bar{height:5px;background:var(--yellow)}.head{height:70px;border-bottom:1px solid #e8edf4;background:white;display:flex;align-items:center}.headin{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:800 19px Manrope,sans-serif;color:var(--navy)}.brand em{font-style:normal;color:#e4aa00}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:800;text-decoration:none;box-shadow:0 9px 24px #102d5c24;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.mini{padding:10px 16px;font-size:13px}.hero{background:radial-gradient(circle at 78% 32%,#fff3bb 0,transparent 30%),linear-gradient(120deg,#f4f8ff,#fff 70%)}.hero-grid{min-height:540px;padding:58px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.02;color:var(--navy);margin:15px 0}.hero p{font-size:17px;line-height:1.65;color:#586b84;max-width:530px}.visual{height:420px;border-radius:26px;background:#f1f5fb;display:grid;place-items:center;overflow:hidden;position:relative}.visual:before{content:'';position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:linear-gradient(130deg,#e4edfa,#fff9df)}.visual img{position:relative;width:100%;height:100%;padding:25px;object-fit:contain;mix-blend-mode:multiply}.visual.life img{object-fit:cover;padding:0;mix-blend-mode:normal}.tag{position:absolute;right:16px;bottom:16px;background:#fff;border-radius:13px;padding:12px 15px;color:var(--navy);font-size:12px;font-weight:700;box-shadow:0 10px 24px #112b5020}.tag b{display:block;color:var(--blue);font-size:17px}.price{margin:22px 0 22px;display:flex;flex-direction:column;gap:2px}.price .was{font-size:14px;color:#77869a}.price strong{font:800 31px Manrope,sans-serif;color:var(--navy);letter-spacing:-.04em}.price strong b{color:var(--blue)}.price small{font-size:12px;color:#78869a}.features{padding:26px 0;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:#455a75}.check{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:var(--blue);font-weight:800}.detail{padding:72px 0}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.detail h2{font-size:32px;color:var(--navy);margin:0 0 12px}.detail p{line-height:1.65;color:#65758a}.specs{border:1px solid #e5eaf1;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.spec{padding:15px 18px;border-bottom:1px solid #eef1f5}.spec:nth-child(odd){border-right:1px solid #eef1f5}.spec span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8693a5;font-weight:800;margin-bottom:5px}.spec b{font-size:13px;color:#263c59}.closing{background:#102d5c;color:#fff;padding:48px 0}.closein{display:flex;justify-content:space-between;align-items:center;gap:22px}.closing h2{font-size:clamp(25px,3vw,34px);margin:0 0 7px}.closing p{margin:0;color:#c4d1e2;line-height:1.5}.note{font-size:11px!important;color:#8fa2bd!important;margin-top:11px}.foot{padding:22px 0;background:#091d3d;color:#b9c8dc;font-size:12px}.footin{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.foot strong{color:white}@media(max-width:760px){.wrap{width:calc(100% - 30px)}.head{height:62px}.brand{font-size:16px}.btn.mini{padding:9px 12px;font-size:11px}.hero-grid{grid-template-columns:1fr;gap:20px;padding:42px 0}.hero h1{font-size:clamp(40px,10vw,55px)}.hero p{font-size:16px}.visual{height:min(85vw,390px)}.features{grid-template-columns:1fr 1fr;padding:19px 0}.feature{font-size:12px}.detail{padding:54px 0}.detail-grid{grid-template-columns:1fr;gap:23px}.closein{flex-direction:column;align-items:flex-start}.closein .btn{width:100%}}@media(max-width:420px){.features,.specs{grid-template-columns:1fr}.spec:nth-child(odd){border-right:0}.price strong{font-size:28px}}
