@font-face{font-family:Inter;src:url(fonts/inter-latin-ext-opsz-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url(fonts/inter-latin-opsz-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--blue:#0066CC;--blue-d:#004C99;--gold:#FFB020;--gold-d:#B86E00;--ink:#0E1726;--slate:#475467;--paper:#F5F5F7;--line:#D9DEE7;--soft:#E8F1FB;
--u:min(.8333vw,1.4815dvh)}
@media (max-aspect-ratio:1/1){:root{--u:3.1vw}}
*{box-sizing:border-box;margin:0}
html,body{height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:calc(var(--u)*1.5);line-height:1.4;-webkit-font-smoothing:antialiased}
.slide{position:absolute;inset:0;padding:calc(var(--u)*5) calc(var(--u)*7) calc(var(--u)*6);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*2.4);opacity:0;visibility:hidden;transform:translateY(calc(var(--u)*1));transition:opacity .35s,transform .35s,visibility 0s .35s;overflow:hidden}
.slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .35s}
@media (max-aspect-ratio:1/1){.slide{padding:calc(var(--u)*6) calc(var(--u)*5) calc(var(--u)*14);justify-content:flex-start;overflow-y:auto}}
.kick{font-size:calc(var(--u)*1.5);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
h1,h2{font-weight:800;letter-spacing:-.03em;line-height:1.05}
h1{font-size:calc(var(--u)*7.4);text-wrap:balance}h2{font-size:calc(var(--u)*4.9);text-wrap:balance}
h2 em,h1 em{font-style:normal;color:var(--blue)}
.lead{font-size:calc(var(--u)*2.3);color:var(--slate);max-width:36em;line-height:1.4}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:calc(var(--u)*5);align-items:center}
.split.rev{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
@media (max-aspect-ratio:1/1){.split,.split.rev{grid-template-columns:1fr;gap:calc(var(--u)*3)}}
.tx{display:flex;flex-direction:column;gap:calc(var(--u)*2)}
ul.pts{list-style:none;padding:0;display:flex;flex-direction:column;gap:calc(var(--u)*1.1)}
ul.pts li{padding-left:calc(var(--u)*2.4);position:relative;font-size:calc(var(--u)*2);line-height:1.3}
ul.pts li:before{content:"";position:absolute;left:0;top:.45em;width:calc(var(--u)*1);height:calc(var(--u)*1);border-radius:50%;background:var(--gold);box-shadow:0 0 0 calc(var(--u)*.2) #fff,0 0 0 calc(var(--u)*.35) var(--gold-d)}
ul.pts b{font-weight:700}
.shot{position:relative;border-radius:calc(var(--u)*1);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 calc(var(--u)*2) calc(var(--u)*5) rgba(14,23,38,.16);aspect-ratio:16/10}
.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*2.2)}
.shots .shot{aspect-ratio:4/3}
@media (max-aspect-ratio:1/1){.shots{grid-template-columns:1fr}}
.cap{font-size:calc(var(--u)*1.4);color:var(--slate);margin-top:calc(var(--u)*.8)}
.phone{width:calc(var(--u)*17);aspect-ratio:750/1624;border-radius:calc(var(--u)*2.4);border:calc(var(--u)*.5) solid var(--ink);overflow:hidden;box-shadow:0 calc(var(--u)*2) calc(var(--u)*5) rgba(14,23,38,.2);flex:none;background:#fff}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.row{display:flex;gap:calc(var(--u)*3);align-items:center;justify-content:center}
.grid{display:grid;gap:calc(var(--u)*1.8)}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
@media (max-aspect-ratio:1/1){.g3,.g2,.g5{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*1.2);padding:calc(var(--u)*2.4);display:flex;flex-direction:column;gap:calc(var(--u)*.8)}
.card h3{font-size:calc(var(--u)*2.5);line-height:1.15;letter-spacing:-.01em}
.card p{font-size:calc(var(--u)*1.8);color:var(--slate)}
.card .n{font-size:calc(var(--u)*1.3);font-weight:800;color:var(--gold-d)}
.tag{display:inline-block;align-self:flex-start;background:var(--soft);color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*1.2);padding:calc(var(--u)*.35) calc(var(--u)*1);border-radius:99px}
.tag.gold{background:#FFF1D6;color:#7A4800}
.chips{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.8)}
.chips span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:calc(var(--u)*.6) calc(var(--u)*1.5);font-weight:600;font-size:calc(var(--u)*1.7)}
.dark{background:var(--ink);color:#fff}
.dark .lead,.dark .cap{color:#C5CFDF}
.dark h1 em,.dark h2 em{color:#4AA3FF}
.dark .kick{color:#4AA3FF}
.logo{height:calc(var(--u)*3.4);width:auto;align-self:flex-start}
.big{font-size:calc(var(--u)*9);font-weight:800;letter-spacing:-.04em;line-height:1}
.big small{font-size:.35em;font-weight:600;letter-spacing:0;color:var(--slate)}
.price{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*2.4)}
@media (max-aspect-ratio:1/1){.price{grid-template-columns:1fr}.big{font-size:calc(var(--u)*7.5)}}
.price .card{padding:calc(var(--u)*3)}
.price .hi{background:var(--blue);color:#fff;border-color:var(--blue)}.price .hi .big small,.price .hi p{color:#DCEBFA}
.launch{background:#FFF1D6;border:1px solid var(--gold);border-radius:calc(var(--u)*1.2);padding:calc(var(--u)*1.6) calc(var(--u)*2.4);font-size:calc(var(--u)*2);font-weight:700;color:#5A3600}
.ph{border:2px dashed var(--gold-d);background:#FFF8E8;color:#7A4800;border-radius:calc(var(--u)*1);padding:calc(var(--u)*1.2) calc(var(--u)*2);font-weight:700;font-size:calc(var(--u)*1.8);align-self:flex-start}
.url{font-size:calc(var(--u)*5.5);font-weight:800;letter-spacing:-.03em;color:var(--blue)}
.dark .url{color:#4AA3FF}
.bar{position:fixed;left:0;top:0;height:calc(var(--u)*.35);background:var(--blue);width:0;transition:width .3s;z-index:5}
.ui{position:fixed;right:calc(var(--u)*2);bottom:calc(var(--u)*1.6);display:flex;align-items:center;gap:calc(var(--u)*1);z-index:5;font-size:calc(var(--u)*1.25);font-weight:600;color:var(--slate)}
.ui button{all:unset;cursor:pointer;width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);min-width:36px;min-height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:calc(var(--u)*1.8);color:var(--ink)}
.ui button:hover,.ui button:focus-visible{background:var(--blue);color:#fff;outline:none}
.ui .hint{opacity:.7}@media (max-aspect-ratio:1/1){.ui .hint{display:none}}
.dk .ui,.ui.light{color:#C5CFDF}
@media (prefers-reduced-motion:reduce){.slide,.slide.on,.bar{transition:none;transform:none}}
@media print{html,body{overflow:visible;height:auto}.slide{position:relative;opacity:1;visibility:visible;transform:none;height:100vh;break-after:page;page-break-after:always}.ui,.bar{display:none}}

.shot.crop{aspect-ratio:680/530}
@media (max-aspect-ratio:1/1){
h1{font-size:calc(var(--u)*4.4)}h2{font-size:calc(var(--u)*3.6)}
.split>.tx{order:-1}.slide{gap:calc(var(--u)*2.2)}
.big{font-size:calc(var(--u)*6)}.big small{display:block;margin-top:.2em}
.url{font-size:calc(var(--u)*4.4)}.ph{font-size:calc(var(--u)*1.5)}
.ui{left:0;right:0;bottom:0;justify-content:flex-end;padding:calc(var(--u)*1.2) calc(var(--u)*2);background:linear-gradient(transparent,var(--paper) 40%)}
.ui.light{background:linear-gradient(transparent,var(--ink) 40%)}
.logo{height:calc(var(--u)*3.6)!important}
.slide.dark{justify-content:center}
}

@media (max-aspect-ratio:1/1){
.slide{padding:calc(var(--u)*5) calc(var(--u)*5) calc(var(--u)*11);overflow-y:auto;gap:calc(var(--u)*1.8)}
body{font-size:calc(var(--u)*1.7)}
.hide-m{display:none}
h1{font-size:calc(var(--u)*4.2)}h2{font-size:calc(var(--u)*3.3)}
.lead{font-size:calc(var(--u)*1.8)}
ul.pts{gap:calc(var(--u)*.8)}ul.pts li{font-size:calc(var(--u)*1.6)}
.card{padding:calc(var(--u)*1.5);gap:calc(var(--u)*.4)}.card h3{font-size:calc(var(--u)*1.8)}.card p{font-size:calc(var(--u)*1.4)}
.g3,.g5,.g2{grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.2)}
.g3 .card:last-child{grid-column:1/-1}
.price{grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.2)}.price .card{padding:calc(var(--u)*1.6)}
.big{font-size:calc(var(--u)*3.4)}.big small{font-size:.45em}
.launch{font-size:calc(var(--u)*1.7);padding:calc(var(--u)*1.2) calc(var(--u)*1.6)}
.shots{gap:calc(var(--u)*1.2)}.shots .shot{aspect-ratio:16/8}
.cap{display:none}
.split .shot{aspect-ratio:16/8}
.phone{display:none}
}
@media (max-aspect-ratio:1/1){#s2 .n{display:none}}
@media (max-aspect-ratio:1/1){.price{grid-template-columns:1fr}.big{white-space:nowrap;font-size:calc(var(--u)*4.6)}.big small{display:inline;font-size:.4em}#s2 .g3{grid-template-columns:1fr}#s2 .card{padding:calc(var(--u)*1.3)}}
.btn{display:inline-flex;align-self:flex-start;align-items:center;gap:calc(var(--u)*.8);min-height:44px;padding:calc(var(--u)*1.1) calc(var(--u)*2.2);border-radius:calc(var(--u)*.8);background:var(--blue);color:#fff;font-weight:600;font-size:calc(var(--u)*2);text-decoration:none;transition:background-color .15s,transform .15s}
.btn:hover,.btn:focus-visible{background:var(--blue-d);outline:none}.btn:focus-visible{box-shadow:0 0 0 3px #4AA3FF}.btn:active{transform:scale(.97)}
.btn svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}