*{box-sizing:border-box}body{margin:0;background:#fff;color:#16171a;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#16171a;text-decoration:none}a:hover{color:#1a7fc4}input,textarea,select,button{font-family:inherit}h1,h2,h3,p{margin:0}.page{min-height:100vh;display:flex;flex-direction:column}.wrap{max-width:1240px;width:100%;margin:0 auto;padding:0 24px}.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase}.col{display:flex;flex-direction:column}h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.02em}.sec{padding-top:72px;padding-bottom:72px;gap:32px}.sec>.col{gap:12px}.btn{display:inline-block;border-radius:4px;font-weight:700;cursor:pointer;border:0;text-align:center}.btn-dark{background:#16171a;color:#f4f3ef}.btn-dark:hover{background:#f2b705;color:#16171a}.btn-line{border:2px solid #16171a;background:transparent;color:#16171a}.btn-line:hover{background:#16171a;color:#f4f3ef}.btn-yellow{background:#f2b705;color:#16171a}.btn-yellow:hover{background:#fff;color:#16171a}.btn-green{background:#1f9d55;color:#fff}.btn-green:hover{background:#17824a;color:#fff}.topbar{background:#16171a;color:#d9d8d2;font-weight:600;font-size:12px;letter-spacing:.04em}.topbar .wrap{padding:10px 24px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.topbar a{color:#d9d8d2}.topbar div{display:flex;gap:24px;flex-wrap:wrap}header{position:sticky;top:0;z-index:20;background:#2ea3f2f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(22,23,26,.15)}header .wrap{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}header img{display:block;width:auto;background:#fff;border-radius:6px;padding:4px 8px;height:48px}nav{display:flex;align-items:center;gap:26px;font-weight:600;font-size:15px}nav .links{display:flex;gap:26px}nav .btn{padding:11px 18px;font-weight:600}.hero{padding:56px 24px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:center}.hero .col{gap:24px}.hero h1{font-size:clamp(44px,6vw,80px);line-height:1.1;font-weight:700;letter-spacing:-.025em;display:flex;flex-direction:column;align-items:flex-start;gap:.08em}.hero h1 mark{background:#f2b705;color:inherit;padding:.02em .14em .06em;line-height:1;margin-top:.06em}.hero h1 .eyebrow{font-size:13px;font-weight:400;letter-spacing:.1em;line-height:1.4;margin-bottom:.8em}.hero p.lead{font-size:19px;line-height:1.5;max-width:520px;text-wrap:pretty}.hero .btns{display:flex;flex-wrap:wrap;gap:12px}.hero .btns .btn{padding:16px 26px;font-size:16px}.hero .btns .btn-line{padding:14px 24px}.cover{position:relative}.cover>img{width:100%;height:auto;display:block;border-radius:6px;background:#dcdad3}.stats{position:absolute;left:-1px;bottom:-1px;background:#16171a;color:#f4f3ef;padding:16px 20px;border-radius:0 6px;display:flex;gap:28px}.stats div{display:flex;flex-direction:column;gap:2px}.stats b{font-size:24px}.stats span{font-weight:600;font-size:11px;color:#a9a8a1;letter-spacing:.06em}.trust{border-top:1px solid #e3e6ea;border-bottom:1px solid #e3e6ea}.trust .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.trust div{padding:22px 20px 22px 0;display:flex;flex-direction:column;gap:2px}.trust b{font-size:18px}.trust span{font-size:14px;color:#55565b}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.step{border-top:4px solid #2EA3F2;padding-top:20px;display:flex;flex-direction:column;gap:8px}.step .n{font-size:44px;font-weight:700;line-height:1;color:#2ea3f2}.step h3{font-size:22px;font-weight:700}.step span:last-child{font-size:16px;line-height:1.5;color:#3d3e42}.sizes{background:#16171a;color:#f4f3ef}.sizes .wrap{padding:80px 24px;display:flex;flex-direction:column;gap:40px}.sizes h2{font-size:clamp(34px,4vw,52px)}.row-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}.row-head>.col{gap:12px}.sizes .intro{color:#a9a8a1;max-width:380px;font-size:16px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.card{background:#202125;border:1px solid #33343a;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.card .pic{background:#fff;padding:20px;aspect-ratio:16/10;position:relative}.card .pic img{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain}.card .tag{position:absolute;top:14px;left:14px;font-weight:600;font-size:11px;letter-spacing:.08em;background:#16171a;color:#f4f3ef;padding:4px 8px;border-radius:3px}.card .body{padding:24px;display:flex;flex-direction:column;gap:16px;flex:1}.card .title{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.card h3{font-size:28px;font-weight:700}.card .cap{font-size:15px;color:#f2b705;font-weight:700}.dims{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33343a;border-bottom:1px solid #33343a}.dims div{padding:12px 0;display:flex;flex-direction:column;gap:2px}.dims span,.best span:first-child{font-weight:600;font-size:10px;color:#8a8982}.best{display:flex;flex-direction:column;gap:6px;flex:1}.best span:first-child{font-size:11px;letter-spacing:.08em}.best span:last-child{color:#e6e5df;font-size:15px;line-height:1.5}.card .btn{padding:14px;font-size:15px}.about{padding:80px 24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}.about img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:6px;background:#e3e6ea}.about .col{gap:20px}.about h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08;text-wrap:balance}.about p{font-size:17px;line-height:1.6;text-wrap:pretty}.mission{padding:64px 24px 80px;gap:20px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));column-gap:40px;border-top:2px solid #16171a}.m{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid rgba(22,23,26,.15)}.m>span{font-size:14px;font-weight:700}.m div{display:flex;flex-direction:column;gap:4px}.m h3{font-size:20px;font-weight:700}.m div span{font-size:15px;line-height:1.5}.faq{max-width:920px;padding:80px 24px;gap:28px}.faq>.col{gap:12px}.faq-list{display:flex;flex-direction:column;border-top:2px solid #16171a}.faq-item{border-bottom:1px solid #e3e6ea}.faq-item h3{font-size:inherit;font-weight:inherit}.faq-q{width:100%;background:transparent;border:0;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;cursor:pointer;font-size:19px;font-weight:700;color:#16171a}.faq-q span:last-child{font-size:24px;font-weight:400;flex:none;width:24px;text-align:center}.faq-a{padding:0 40px 22px 0;font-size:16px;line-height:1.6;color:#3d3e42;text-wrap:pretty}.contact{background:#f3f5f7;border-top:1px solid #e3e6ea}.contact .wrap{padding:80px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:start}.contact .info{gap:28px}.contact .info>.col{gap:12px}.contact h2{font-size:clamp(34px,4vw,52px)}.contact .info p{font-size:17px;line-height:1.5;color:#3d3e42}.contact .info>.hotline{gap:6px}.hotline small{font-weight:600;font-size:11px;letter-spacing:.08em}.hotline .tel{font-size:36px;font-weight:700;letter-spacing:-.01em}.hotline .mail{font-size:18px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.formbox{background:#fff;border-radius:6px;padding:32px;border:1px solid #e3e6ea}.form{display:flex;flex-direction:column;gap:18px}.form label,.form .lbl{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.form input,.form select,.form textarea{border:1px solid #cfcdc5;border-radius:4px;padding:13px 14px;font-size:15px;background:#fbfaf7;color:#16171a}.form textarea{resize:vertical}.lbl>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lbl button{padding:12px 8px;border-radius:4px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid #cfcdc5;background:#fbfaf7;color:#16171a}.lbl button.on{border:2px solid #16171a;background:#f2b705}.err{color:#b3261e;font-size:14px;font-weight:600}.send{display:flex;flex-wrap:wrap;gap:12px}.send .btn{padding:16px 24px;font-size:16px}.send .btn-green{flex:1 1 220px}.send .btn-line{padding:14px 22px}.done{align-items:center;text-align:center;gap:14px;padding:40px 0}.done .tick{width:56px;height:56px;border-radius:50%;background:#f2b705;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.done h3{font-size:26px}.done p{color:#55565b;font-size:16px;max-width:360px}.done .btn{margin-top:8px;padding:12px 20px}.foot{background:#2ea3f2;color:#16171a}.foot .wrap{padding:28px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:14px}.foot nav{gap:24px;font-size:14px}.foot nav a{font-weight:600}.wa-float{position:fixed;right:20px;bottom:20px;z-index:30;background:#25d366;color:#fff;padding:14px 20px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 8px 24px #0000002e}.wa-float:hover{color:#fff;background:#1fb457}.mobile-bar{display:none}main{flex:1}section[id]{scroll-margin-top:72px}@media(max-width:719px){nav .links,.wa-float{display:none}.foot{padding-bottom:72px}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#16171a;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 -6px 20px #00000026}.mobile-bar a{border-radius:4px;padding:14px;text-align:center;font-weight:700;font-size:15px}header .wrap{padding:10px 16px}header img{height:40px}.wrap,.topbar .wrap,.foot .wrap,.hero,.about,.mission,.faq,.sizes .wrap,.contact .wrap{padding-left:16px;padding-right:16px}.hero{padding-top:32px;gap:32px}.hero .btns{flex-direction:column}.hero .btns .btn{width:100%}.stats{position:static;border-radius:0 0 6px 6px;justify-content:space-between;margin-top:-4px}.cover>img{border-radius:6px 6px 0 0}.sec,.sizes .wrap,.contact .wrap{padding-top:48px;padding-bottom:48px}.about{padding-top:48px;gap:28px}.mission{padding-top:40px;padding-bottom:56px}.faq{padding-top:48px;padding-bottom:48px}.faq-q{font-size:17px}.formbox{padding:20px}.send .btn{width:100%;flex:1 1 100%}.hotline .tel{font-size:30px}.card .title{flex-wrap:wrap}}
