@media (max-width:600px){

.wrap{padding:0 20px}
section{padding:52px 0}
.eyebrow{font-size:11px;letter-spacing:1.2px}
.sec-head{max-width:none}
.sec-head h2{font-size:27px;line-height:1.12;margin-top:10px;letter-spacing:-.025em}
.sec-head p{margin-top:10px;font-size:15.5px;line-height:1.5}
.btn{height:52px;border-radius:14px;font-size:15.5px}

.nav .wrap{height:56px}
.brand{font-size:17px}.brand img{width:24px;height:24px}
.nav .btn{display:none}
.nav-m{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:999px;border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--text)}

.hero{padding:16px 0 0;min-height:0;display:block}
.hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:0}
.hero-copy{display:contents}
.soon{order:1;align-self:flex-start;font-size:12px;padding:6px 11px}
.t-d{display:none!important}.t-m{display:inline!important}
.hero h1{order:2;font-size:38px;line-height:1.04;letter-spacing:-.035em;margin-top:16px}
.hero p.lead{display:none}
.hero .lead-m{display:block;order:3;margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--text2);font-weight:500}
.hero .form{order:4;flex-direction:column;gap:10px;margin-top:24px;max-width:none}
.hero .form .field{flex:none;height:52px}
.hero .form .btn{width:100%}
.hero .perks{order:5;margin-top:12px;gap:6px 14px;font-size:12.5px}
.hero .perks span:nth-child(2){display:none}
.hero .done{order:6;max-width:none}
.phone-col{display:none}
.stage-m{order:7;position:relative;display:block;height:400px;margin:30px 0 0;border-radius:28px;background:var(--blue-soft);overflow:hidden}
.stage-m .ph{position:absolute;left:50%;top:38px;width:258px;height:auto;margin-left:-112px;filter:drop-shadow(0 20px 34px rgba(15,23,42,.2));animation:heroPhone 1s cubic-bezier(.2,.8,.2,1) .55s both,float 7s ease-in-out 1.7s infinite}
.stage-m .chip{position:absolute;left:16px;bottom:18px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center;max-width:216px;padding:10px 14px 10px 10px;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.12);animation:rise .7s 1.05s cubic-bezier(.2,.85,.25,1) both}
.stage-m .chip img{width:40px;height:40px;object-fit:contain;display:block}
.stage-m .chip small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--blue)}
.stage-m .chip b{display:block;margin-top:2px;font-size:13.5px;font-weight:800;letter-spacing:-.2px;line-height:1.25;color:var(--text)}

.trust .grid{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.pinbox{padding:24px 20px;border-radius:22px}
.pinbox .digits{gap:10px;margin-top:18px}
.pinbox .digits span{width:56px;height:68px;font-size:32px;border-radius:14px}
.pinbox h3{font-size:21px;margin-top:20px}
.pinbox p{font-size:14.5px}
.pinbox .who{margin-top:18px;padding-top:16px;font-size:13px;align-items:flex-start}.pinbox .who i{margin-top:6px;flex-shrink:0}
.tlist{padding:4px 2px 0}
.tlist li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0}
.tlist .ic,.tlist .ic img{width:40px;height:40px}
.tlist b{font-size:15px}.tlist span{font-size:13.5px}

.steps{display:flex;flex-direction:column;gap:12px;margin-top:26px;border-top:none}
.step,.step:last-child{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:auto auto auto 1fr;column-gap:14px;padding:20px 0 0 20px;border:1.5px solid var(--border);border-bottom:1.5px solid var(--border);border-radius:22px;background:#fff;overflow:hidden;min-height:236px}
.step>*{grid-column:1}
.step .ilu{width:46px;height:46px;margin:0 0 12px}
.step .n{padding-top:0;font-size:12px}
.step h3{margin-top:6px;font-size:19px}
.step p{margin:6px 0 20px;font-size:14px;line-height:1.5}
.step .dev{grid-column:2;grid-row:1/5;align-self:end;width:118px;margin:14px 0 -34px;box-shadow:0 16px 36px rgba(15,23,42,.14)}
.step .dev.raw{margin:14px 0 -26px}

.detail{padding-top:0}
.detail .box:not(.open) .tabs,.detail .box:not(.open) .panels{display:none}
.det-more{display:inline-flex;align-items:center;margin-top:14px;height:44px;padding:0 16px;border-radius:12px;border:1.5px solid var(--border);background:#fff;font-size:14px;font-weight:700;color:var(--text);cursor:pointer}
.detail .box.open .det-more{display:none}
.detail .box,.modes .box{padding:22px 18px 18px;border-radius:22px}
.detail .top,.modes .top{display:block}
.detail .top h3,.modes .top h3{font-size:21px}
.detail .top p,.modes .top p{font-size:14px}
.detail .tabs,.modes .tabs{display:flex;width:100%;margin-top:16px;padding:4px}
.detail .tabs button,.modes .tabs button{flex:1;height:38px;padding:0;font-size:13.5px}
.detail .walk{display:block;margin:6px 0 0}
.detail .walk li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;row-gap:3px;background:transparent;border:none;border-top:1px solid var(--border);border-radius:0;padding:14px 0}
.detail .walk li:first-child{border-top:none}
.detail .walk li .n{grid-row:1/3;width:28px;height:28px;font-size:12.5px}
.detail .walk h4{margin:4px 0 0;font-size:15.5px}
.detail .walk p{grid-column:2;margin:0;font-size:13.5px}

.grid4{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0;padding:0;overflow:visible}
.ben{flex:none;padding:18px 16px;border-radius:18px}
.ben svg{width:24px;height:24px}
.ben h3{font-size:15px;margin-top:12px;letter-spacing:-.2px}
.ben p{font-size:13px;margin-top:6px;line-height:1.45}

.modes .panels>div.on{display:block;margin-top:14px;background:#fff;border:1.5px solid var(--border);border-radius:20px;overflow:hidden}
.modes .peek{display:block;position:relative;height:auto;min-height:272px;border-radius:0;background:var(--card);overflow:hidden}
.modes .peek .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% center}.modes .peek .scene.casa{object-position:8% center}
.modes .tag{display:block;position:absolute;left:14px;bottom:14px;top:auto;max-width:172px;padding:12px 13px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.modes .tag .ilu{display:block;width:44px;height:44px;object-fit:contain;margin:0 0 8px}
.modes .tag small{display:block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.modes .tag b{display:block;margin-top:5px;font-size:16px;font-weight:800;letter-spacing:-.3px;line-height:1.2;color:var(--text);text-wrap:pretty}
.modes .mdev,.modes .mdev.raw{position:absolute;right:14px;top:14px;bottom:auto;width:108px;height:auto;transform:none;box-shadow:none;filter:drop-shadow(0 22px 34px rgba(15,23,42,.32))}
.modes .walk.three{display:block;margin:0;padding:4px 18px 14px}
.modes .walk li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:3px;border:none;border-radius:0;border-top:1px solid var(--border-soft);padding:14px 0;background:transparent}
.modes .walk li:first-child{border-top:none}
.modes .walk .n{grid-row:1/3;width:28px;height:28px;font-size:12.5px}
.modes .walk h4{margin:4px 0 0;font-size:15.5px}
.modes .walk p{grid-column:2;margin:0;font-size:13.5px}

.rules .cols{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.rules .cols>div{background:#fff;border-radius:20px;padding:20px 18px}
.rules h3{font-size:18px}
.rules p{font-size:15px;line-height:1.6;margin-top:10px}
.rules .fine{margin-top:24px;padding-top:18px;font-size:13.5px;align-items:flex-start}.rules .fine svg{margin-top:2px}

.sides .cards{display:flex;flex-direction:column;gap:14px;margin:26px auto 0;padding:0 20px;overflow:visible}
.side{flex:none;padding:24px 20px 0;border-radius:22px}
.side h3{font-size:22px;margin-top:8px}.side p{font-size:14.5px}
.side ul{margin:18px 0 22px}.side li{padding:10px 0;font-size:14.5px}
.side .shot{width:82%;margin:auto auto 0;border-radius:40px 40px 0 0;padding:9px 9px 0}
.side .screen{border-radius:32px 32px 0 0}
.side .sb{height:40px;font-size:13px;padding:0 20px 0 24px}.side .sb i{width:84px;height:24px;margin-left:-42px;top:8px;border-radius:12px}

.pros .three{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.pros .card{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:start;padding:18px 18px 18px 16px;border-radius:20px}
.pros .card .ilu{width:56px;height:56px;margin:0;grid-row:1/4}
.pros .big{font-size:34px}.pros .big small{font-size:15px}
.pros h3{font-size:16px;margin-top:8px}
.pros p{font-size:13.5px;margin-top:5px}
.publish{margin-top:40px;padding-top:36px}
.publish .ph{display:block}.publish .ph h3{font-size:23px;max-width:none}.publish .ph p{font-size:15px;max-width:none}
.publish .ph .time{margin-top:14px;font-size:12.5px}
.pshots{display:flex;gap:14px;margin:26px -20px 0;padding:0 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pshots::-webkit-scrollbar{display:none}
.pshot{flex:0 0 236px;scroll-snap-align:start;margin-top:0!important}
.pshot .cap{padding:14px 4px 0}.pshot .cap h4{font-size:16px}.pshot .cap p{font-size:13.5px}
.pros .more{margin-top:26px;font-size:14.5px;flex-direction:column;align-items:flex-start;gap:8px}

.faq-list{margin-top:24px}
#faq:not(.all) .faq-x{display:none}
.faq-more{display:block;width:100%;margin-top:14px;height:50px;border-radius:14px;border:1.5px solid var(--border);background:#fff;font-size:15px;font-weight:700;color:var(--text);cursor:pointer}
#faq.all .faq-more{display:none}
.faq button{font-size:15.5px;padding:17px 0;gap:14px}
.faq .a p{font-size:14.5px;margin-bottom:18px}

.conq-grid{display:flex;flex-direction:column;gap:22px}
.conq-txt h2{font-size:27px}
.conq-txt>p{font-size:15.5px}
.conq-count{margin-top:24px}.conq-count b{font-size:44px}.conq-count span{font-size:15px}
.conq-bar{max-width:none}
.conq-read{min-height:0;max-width:none;margin-top:20px;padding:14px 16px}
.conq-map svg{max-height:460px}

.final{padding:60px 0}
.final h2{font-size:30px}.final p{font-size:15.5px}
.final .form{flex-direction:column;gap:10px;margin-top:26px;max-width:none}
.final .form .field{flex:none;height:52px}.final .form .btn{width:100%}
.final .perks{flex-direction:column;align-items:center;gap:6px;font-size:13px}.final .perks span:nth-child(2),.final .perks span:nth-child(4){display:none}
.final .done{max-width:none}

footer{padding:44px 0 28px}
footer .top{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px}footer .about{grid-column:1/-1}
footer .about p{font-size:14px}
footer .col a{font-size:14px;padding:4px 0}
footer .bottom{margin-top:32px;flex-direction:column;align-items:flex-start;gap:8px;font-size:12.5px}

.mcta{display:block}
.mcta .btn{height:50px}
.ck{right:12px;left:12px;bottom:12px;width:auto;padding:20px 18px 16px}.ck b{font-size:18px}.ck p{font-size:14px}.ck-b .btn{flex:1}
}