html{scroll-behavior:smooth}
body{margin:0;background:#EAEBE9}
[hidden]{display:none!important}
html.is-loading,html.is-loading body{overflow:hidden;height:100%;overscroll-behavior:none}
@property --fo{syntax:'<number>';inherits:true;initial-value:0}
.foot{transition:--fo .6s ease}
@keyframes zgrow{0%{transform:scale(0)}5.62%,94.37%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes zmorph{
0%,9%{d:path("M0 0 L140 0 L160 0 L180 0 L240 0 L240 60 L240 140 L240 140 L240 160 L240 200 L0 200 L0 140 L0 60 L0 60 L0 40 Z")}
20.25%,64%{d:path("M40 0 L140 0 L160 20 L180 0 L240 0 L240 60 L160 140 L240 140 L240 160 L200 200 L0 200 L0 140 L80 60 L0 60 L0 40 Z")}
67.38%{d:path("M40 0 L124 0 L144 20 L164 0 L240 0 L240 60 L160 140 L240 140 L240 160 L200 200 L0 200 L0 140 L80 60 L0 60 L0 40 Z")}
69.17%{d:path("M40 0 L158 0 L178 20 L198 0 L240 0 L240 60 L160 140 L240 140 L240 160 L200 200 L0 200 L0 140 L80 60 L0 60 L0 40 Z")}
73%,88.75%{d:path("M40 0 L140 0 L160 20 L180 0 L240 0 L240 60 L160 140 L240 140 L240 160 L200 200 L0 200 L0 140 L80 60 L0 60 L0 40 Z")}
96.62%,100%{d:path("M0 0 L140 0 L160 0 L180 0 L240 0 L240 60 L240 140 L240 140 L240 160 L240 200 L0 200 L0 140 L0 60 L0 60 L0 40 Z")}
}
@keyframes zkick{0%,65.12%{transform:none}68.5%{transform:translateX(-12px) skewX(12deg)}71.88%{transform:translateX(16px) skewX(-9deg)}75.25%,100%{transform:none}}
@keyframes zdot{
0%,18%{transform:translate(160px,-90px) scale(1);opacity:0}
19.12%{opacity:1}
25.88%{transform:translate(160px,7.3px) scale(1.2,.75)}
29.25%{transform:translate(160px,7.3px) scale(1)}
30.94%{transform:translate(160px,7.3px) scale(1.25)}
32.62%,41.62%{transform:translate(160px,7.3px) scale(0)}
45.04%,55.51%{transform:translate(160px,-36px) scale(.7)}
59.5%,64%{transform:translate(160px,7.3px) scale(1)}
67.38%{transform:translate(144px,7.3px) scale(1)}
69.17%{transform:translate(166px,2px) scale(1.15,.85)}
73%{transform:translate(182px,-48px) scale(1)}
77.5%,88.75%{transform:translate(184px,180.5px) scale(.4)}
94.37%,100%{transform:translate(184px,180.5px) scale(0)}
}
@keyframes zspark{0%,30.38%{transform:translate(160px,-4px) scale(0) rotate(-90deg)}33.75%{transform:translate(160px,-4px) scale(1.2) rotate(0deg)}36%{transform:translate(160px,-4px) scale(1) rotate(0deg)}38.25%{transform:translate(160px,-4px) scale(1.1) rotate(0deg)}40.5%{transform:translate(160px,-4px) scale(1) rotate(0deg)}43.88%,100%{transform:translate(160px,-4px) scale(0) rotate(90deg)}}
@keyframes zthink{0%,43.88%{opacity:0}45.62%,54.92%{opacity:1}56.67%,100%{opacity:0}}
@keyframes zbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ztype{0%,66.25%{transform:scaleX(0)}74.12%,88.75%{transform:scaleX(1)}94.37%,100%{transform:scaleX(0)}}
@keyframes kc1{0%,40.5%{opacity:1}43.88%,96.62%{opacity:0}100%{opacity:1}}
@keyframes kc2{0%,43.88%{opacity:0}45.62%,55.51%{opacity:1}57.25%,100%{opacity:0}}
@keyframes kc3{0%,57.25%{opacity:0}60.63%,93.25%{opacity:1}96.62%,100%{opacity:0}}
@keyframes kp1{0%{transform:scaleX(0)}43.88%,96.62%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes kp2{0%,43.88%{transform:scaleX(0)}57.25%,96.62%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes kp3{0%,57.25%{transform:scaleX(0)}88.75%,96.62%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.zg{transform-box:fill-box;transform-origin:50% 50%;animation:zgrow 8s cubic-bezier(.7,0,.2,1) 1 both}
.zm{animation:zmorph 8s cubic-bezier(.75,0,.2,1) 1 both}
.zd{animation:zdot 8s cubic-bezier(.5,0,.3,1) 1 both}
.zsp{animation:zspark 8s cubic-bezier(.4,0,.2,1) 1 both}
.zth{animation:zthink 8s 1 both}
.zb1,.zb2{transform-box:fill-box;animation:zbob .8s ease-in-out infinite}
.zb2{animation-delay:.27s}
.zt{transform-box:fill-box;transform-origin:0% 50%;animation:ztype 8s steps(10,end) 1 both}
.kc1{animation:kc1 8s 1 both}.kc2{animation:kc2 8s 1 both}.kc3{animation:kc3 8s 1 both}
.kp1,.kp2,.kp3{transform-origin:0 50%}
.kp1{animation:kp1 8s linear 1 both}.kp2{animation:kp2 8s linear 1 both}.kp3{animation:kp3 8s linear 1 both}
@keyframes ldout{0%,95.5%{opacity:1}100%{opacity:0}}
.ldr{animation:ldout 8s linear 1 both}
.ldr{inset:0;width:100%;height:100vh;height:100dvh;padding-bottom:calc(clamp(20px,4vw,48px) + env(safe-area-inset-bottom))!important;overscroll-behavior:contain;touch-action:none}
.ldskip{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;min-height:44px;padding:0 16px;border:1px solid #1F1E1D;background:transparent;color:#1F1E1D;cursor:pointer}
.ldskip:hover{background:#1F1E1D;color:#EAEBE9}
.flav{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0px,#181818 300px);mask-image:linear-gradient(180deg,transparent 0px,#181818 300px);background:radial-gradient(540px circle at var(--fx, 50%) var(--fy, 50%), rgba(185,203,210,calc(.95 * var(--fo))), rgba(185,203,210,0) 70%),radial-gradient(170px circle at var(--fx, 50%) var(--fy, 50%), rgba(255,255,255,calc(.55 * var(--fo))), rgba(255,255,255,0) 70%)}
*{box-sizing:border-box}
a{color:#1F1E1D}a:hover{color:#181818}
.zw{max-width:1440px;margin:0 auto;padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}
.lab{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding-top:12px;padding-bottom:0}
.nav>a:first-child,.nav>.navl{border:1px solid #1F1E1D;min-height:68px;padding:0 22px;display:flex;align-items:center}
.nav>.navl{justify-content:center}
.nav>.cta{min-height:68px}
.navl{display:flex;gap:clamp(14px,2.2vw,34px);flex-wrap:wrap}
.nl{text-decoration:none;display:flex;gap:8px;align-items:baseline;font-size:16px;padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.nl:hover{border-bottom-color:#1F1E1D}
.cta{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 24px;background:#1F1E1D;color:#EAEBE9;text-decoration:none;font-weight:500;font-size:17px;border:1px solid #1F1E1D;transition:background .25s,color .25s}
.cta:hover{background:#F4A08C;color:#1F1E1D;border-color:#F4A08C}
.cta svg{transition:transform .25s}
.cta:hover svg{transform:translate(3px,-3px)}
.cta:hover svg path{stroke:#1F1E1D}
.ghost{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 24px;color:#1F1E1D;text-decoration:none;font-weight:500;font-size:17px;border:1px solid #1F1E1D;transition:background .25s,color .25s}
.ghost:hover{background:#1F1E1D;color:#EAEBE9}
.ghost:hover svg path{stroke:#EAEBE9}
.chip{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;min-height:40px;min-width:44px;padding:0 12px;border:1px solid #1F1E1D;background:transparent;color:#1F1E1D;cursor:pointer;transition:background .2s,color .2s}
.chip:hover{background:#DFE3E3}
.chip.on{background:#1F1E1D;color:#EAEBE9}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(24px,5vw,72px);padding-bottom:clamp(40px,6vw,96px)}
.h1{font-size:clamp(56px,8.6vw,136px);line-height:.96;letter-spacing:-.035em;font-weight:400;margin:0}
.devices{position:relative;min-height:640px;transition:transform .35s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.glow{position:absolute;left:12%;right:6%;top:6%;bottom:12%;background:conic-gradient(from 0deg,#F8D3C8,#B9CBD2,#EAEBE9,#DCE5E8,#F8D3C8);filter:blur(64px);opacity:.8;border-radius:50%;animation:zspin 20s linear infinite}
@keyframes zspin{to{transform:rotate(360deg)}}
.tablet{position:absolute;right:0;top:30px;width:min(580px,94%);aspect-ratio:4/3;background:#1F1E1D;border-radius:22px;padding:14px;box-shadow:0 40px 80px -30px rgba(31,30,29,.5)}
.screen{background:#F5F5F3;width:100%;height:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.phone{width:250px;aspect-ratio:9/19;background:#1F1E1D;border-radius:38px;padding:9px;box-shadow:0 40px 70px -25px rgba(31,30,29,.55)}
.phone .screen{border-radius:30px}
.phone-hero{position:absolute;left:0;bottom:0}
.seal{position:absolute;right:4%;bottom:0;width:150px;height:150px;display:flex;align-items:center;justify-content:center}
.sealrot{animation:zspin 16s linear infinite}
.mqw{overflow:hidden;border-top:1px solid #1F1E1D;border-bottom:1px solid #1F1E1D;background:#1F1E1D;color:#EAEBE9}
.mq{display:flex;gap:56px;white-space:nowrap;padding:22px 0;width:max-content;animation:mq 34s linear infinite;font-size:clamp(22px,2.6vw,36px);font-weight:300}
.mqw:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mq b{font-weight:500}
.sec{padding-top:12px}
.sala{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:24px;align-items:end;border:1px solid #1F1E1D;padding:clamp(20px,2.2vw,32px);min-height:clamp(150px,14vw,210px);margin-bottom:12px}
.h2{font-size:clamp(38px,5vw,76px);line-height:1.02;letter-spacing:-.025em;font-weight:400;margin:0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.tl{border:1px solid #1F1E1D;padding:clamp(20px,2.2vw,32px)}
.tl>.step{flex:1 1 auto}
.step{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;gap:16px;align-items:start;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #1F1E1D;padding:22px 12px;cursor:pointer;font:inherit;color:inherit;transition:background .3s,color .3s}
.step:hover{background:rgba(244,160,140,.45)}
.step.on{background:#1F1E1D;color:#EAEBE9}
.step .sd{display:none;margin:10px 0 0;font-size:16px;line-height:1.55;color:#C9CFD0}
.step.on .sd{display:block}
.step .sa{transition:transform .3s}
.step.on .sa{transform:rotate(45deg)}
.step.on .sa path{stroke:#F4A08C}
.stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:780px;padding:60px 0;background-color:#DFE3E3;overflow:hidden}
.stage .glow{left:15%;right:15%;top:15%;bottom:15%}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tri>div{min-height:440px;padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;position:relative}
.ill{transition:transform .8s cubic-bezier(.2,.7,.2,1);flex:none}
.tri>div:hover .ill,.tile:hover .ill,.au:hover .ill{transform:scale(1.06)}
.btn-o{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid currentColor;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,color .25s}
.au:hover .btn-o{background:#1F1E1D;color:#EAEBE9;border-color:#1F1E1D}
.g4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;align-items:stretch}
.g4c{grid-column:2;grid-row:1 / span 2;min-height:520px}
.g4c .cap{color:#5A5F60}
.g4c .cq{font-size:clamp(26px,2.5vw,36px);line-height:1.25}
.g4c.easy .cq{font-size:clamp(30px,2.9vw,42px);line-height:1.4}
.card.hc .cap{color:#FAFAF9}
.hg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding-top:12px;padding-bottom:0}
.hA{grid-column:1 / span 7;grid-row:1 / span 2;border:1px solid #1F1E1D;padding:clamp(22px,2.6vw,40px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:540px}
.hB{grid-column:8 / span 5;grid-row:1 / span 3;position:relative;overflow:hidden;min-height:700px;background-color:#DFE3E3;background-image:radial-gradient(70% 55% at 75% 20%, rgba(244,160,140,.55), rgba(244,160,140,0) 70%),radial-gradient(65% 55% at 15% 85%, rgba(185,203,210,.75), rgba(185,203,210,0) 70%)}
.hB .devices{position:absolute;left:28px;right:28px;top:28px;bottom:28px;min-height:0}
.hB .tablet{top:0}
.hB .phone-hero{transform:scale(.8);transform-origin:left bottom}
.hC,.hD{grid-row:3;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;min-height:140px;padding:24px;border:1px solid #1F1E1D;text-decoration:none;color:#1F1E1D;transition:background .3s,color .3s}
.hC{grid-column:1 / span 4;background:#F4A08C;border-color:#F4A08C}
.hC:hover{border-color:#1F1E1D}
.hD{grid-column:5 / span 3}
.hC:hover,.hD:hover{background:#1F1E1D;color:#EAEBE9}
.hC svg,.hD svg{transition:transform .3s}
.hC:hover svg{transform:translate(4px,-4px)}
.hD:hover svg{transform:translateY(4px)}
.hS{grid-column:span 3;border:1px solid #1F1E1D;padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.hSeal{align-items:center;justify-content:center;padding:12px}
.seal.seal-tile{position:relative;right:auto;bottom:auto}
.sec3>div{transition:background .35s,color .35s}
.sec3>div:hover{background:#1F1E1D;color:#EAEBE9}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.tile{border:1px solid #1F1E1D;padding:22px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:background .35s,color .35s;position:relative;overflow:hidden;background:transparent}
.tile:hover{background:#1F1E1D;color:#EAEBE9}
.tile .td{font-size:15px;line-height:1.6;color:#4F5455;margin:0;transition:color .35s}
.tile:hover .td{color:#C9CFD0}
.tile:hover .ti path,.tile:hover .ti circle,.tile:hover .ti rect{stroke:#F4A08C}
.sw{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:60px;padding:0 18px;border:1px solid #1F1E1D;background:transparent;font:inherit;font-size:18px;color:#1F1E1D;cursor:pointer;text-align:left;transition:background .2s}
.sw:hover{background:#DFE3E3}
.sw i{width:52px;height:28px;border:1px solid #1F1E1D;position:relative;flex:none;transition:background .25s}
.sw i::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background:#1F1E1D;transition:left .25s,background .25s}
.sw.on i{background:#F4A08C}
.sw.on i::after{left:26px}
.card{border:1px solid #1F1E1D;padding:28px;background:#FAFAF9;transition:background .3s,color .3s,font-size .3s}
.card .cq{font-size:26px;line-height:1.3;font-weight:500;margin:0}
.card.easy .cq{font-size:32px;line-height:1.45;font-weight:500;letter-spacing:.01em}
.card.hc{background:#1F1E1D;color:#FFFF66;border-color:#FFFF66}
.card.hc .cl{color:#FAFAF9}
.wave{display:flex;gap:4px;align-items:center;height:28px}
.wave i{width:4px;background:currentColor;animation:wv .9s ease-in-out infinite alternate}
.wave i:nth-child(2){animation-delay:.15s}.wave i:nth-child(3){animation-delay:.3s}.wave i:nth-child(4){animation-delay:.45s}.wave i:nth-child(5){animation-delay:.6s}
@keyframes wv{from{height:6px}to{height:26px}}
.aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.au{border:1px solid #1F1E1D;padding:24px;min-height:460px;color:#1F1E1D;display:flex;flex-direction:column;justify-content:space-between;gap:20px;text-decoration:none;transition:background .3s}
.au:hover{background:linear-gradient(180deg,rgba(244,160,140,0) 0%,rgba(244,160,140,.75) 100%)}
.au svg{transition:transform .3s}
.au:hover svg{transform:translate(4px,-4px)}
.imp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.ims{border:1px solid #1F1E1D;padding:clamp(20px,2.2vw,28px);min-height:340px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:background .35s,color .35s}
.ims:hover{background:#1F1E1D;color:#EAEBE9}
.ims:hover p{color:#C9CFD0!important}
.imp2{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
.imc{background:#F4A08C;color:#1F1E1D;text-decoration:none;padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:340px;transition:background .3s,color .3s}
.imc:hover{background:#1F1E1D;color:#EAEBE9}
.imc:hover>span{border-color:#EAEBE9!important}
.imc svg{transition:transform .3s}
.imc:hover svg{transform:translate(4px,-4px)}
.swipe{display:none}
.a11y{position:fixed;right:0;top:50%;z-index:900;display:flex;align-items:stretch;transform:translate(calc(100% - 52px),-50%);transition:transform .35s cubic-bezier(.2,.7,.2,1);font-family:'Jost',sans-serif;color:#1F1E1D}
.a11y:hover,.a11y:focus-within,.a11y.open{transform:translate(0,-50%)}
.a11y-tab{width:52px;flex:none;background:#1F1E1D;color:#EAEBE9;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px 0;font:inherit;transition:background .25s,color .25s}
.a11y-tab>span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.a11y-tab:hover,.a11y.open .a11y-tab{background:#F4A08C;color:#1F1E1D}
.a11y-p{width:300px;background:#EAEBE9;border:1px solid #1F1E1D;border-right:0;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:-30px 0 60px -40px rgba(31,30,29,.5)}
.a11y-p .sw{min-height:50px;font-size:16px;padding:0 14px}
.a11y-p .sw i{width:44px;height:24px}
.a11y-p .sw i::after{width:16px;height:16px}
.a11y-p .sw.on i::after{left:22px}
.a11y-p .btn-o{background:transparent;color:inherit;cursor:pointer}
.a11y-p .btn-o:hover{background:#1F1E1D;color:#EAEBE9}
.pg.hcm{background:#111111!important}
.hcm>:not(.a11y):not(.ldr):not(svg){filter:invert(1) hue-rotate(180deg) contrast(1.15)}
.pg.big{zoom:1.15}
.rm *,.rm *::before,.rm *::after{animation:none!important;transition:none!important}
.pg.rm{--gx:-3000px!important;--gy:-3000px!important}
.rm .foot{--fo:0!important}
.tbc{margin-left:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fchk{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:#4F5455;cursor:pointer}
.fchk input{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:none;margin:0;border:1px solid #1F1E1D;background:rgba(255,255,255,.25);display:grid;place-content:center;cursor:pointer}
.fchk input:checked{background:#1F1E1D}
.fchk input:checked::after{content:"";width:10px;height:5px;border-left:2px solid #F4A08C;border-bottom:2px solid #F4A08C;transform:rotate(-45deg) translate(1px,-1px)}
.fchk input:focus-visible{outline:2px solid #F0532C;outline-offset:2px}
.fstat{margin:0;padding:14px 16px;border:1px solid #1F1E1D;font-size:15px;line-height:1.45}
.fstat:empty{display:none}
.fstat[data-state="sending"]{border-style:dashed;color:#4F5455}
.fstat[data-state="ok"]{background:#F4A08C}
.fstat[data-state="err"]{border-color:#F0532C;border-width:2px;background:rgba(240,83,44,.08)}
form[aria-busy="true"] .cta{opacity:.6;pointer-events:none}
.fld{display:flex;flex-direction:column;gap:8px}
.fld input,.fld textarea{font:inherit;font-size:17px;min-height:54px;padding:14px 16px;border:1px solid #1F1E1D;background:rgba(255,255,255,.25);color:#1F1E1D}
.fld input:focus,.fld textarea:focus{outline:2px solid #1F1E1D;outline-offset:2px;background:rgba(255,255,255,.6)}
.fld ::placeholder{color:#4F5455}
.bar{height:8px;background:#DFE3E3;position:relative;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#1F1E1D,#474B4C);animation:grow 5s ease-in-out infinite alternate}
.bar.lime i{background:linear-gradient(90deg,#F0532C,#F4A08C)}
@keyframes grow{from{width:calc(var(--w) - 22%)}to{width:var(--w)}}
.live{width:9px;height:9px;background:#F0532C;display:inline-block;animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(240,83,44,.7)}100%{box-shadow:0 0 0 10px rgba(240,83,44,0)}}
.ftg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:stretch}
@supports (animation-timeline: view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 25%}
@keyframes rv{from{opacity:0}to{opacity:1}}
}
@media (max-width: 1100px){
.a11y{top:auto;bottom:16px;align-items:flex-end;transform:translateX(calc(100% - 48px))}
.a11y.open{transform:none}
.a11y:not(.open):hover,.a11y:not(.open):focus-within{transform:translateX(calc(100% - 48px))}
.a11y-tab{width:48px;height:48px;padding:0}
.a11y-tab>span{display:none}
.a11y-p{width:min(300px,calc(100vw - 64px))}
}
@media (min-width: 621px) and (max-width: 1100px){
.nav{grid-template-columns:minmax(0,1fr) auto}
.nav>.navl{grid-column:1 / -1;order:3;min-height:52px;flex-wrap:nowrap;overflow-x:auto;justify-content:space-between;gap:18px;scrollbar-width:none}
.nav>.navl::-webkit-scrollbar{display:none}
.nav>.navl .nl{white-space:nowrap}
.hA{min-height:0;gap:28px}
.hB{min-height:520px}
.sec3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sec3>div{padding:20px 18px!important;min-height:0!important;font-size:16px}
}
@media (max-width: 620px){
.sec3{grid-template-columns:1fr!important}
}
@media (max-width: 980px){
.hg{grid-template-columns:repeat(2,minmax(0,1fr))}
.hA,.hB{grid-column:1 / span 2;grid-row:auto}
.hB{min-height:600px}
.hC,.hD{grid-column:auto;grid-row:auto}
.hS{grid-column:span 1}
.g4{grid-template-columns:1fr}
.g4c{grid-column:auto;grid-row:auto;min-height:0}
.tri{grid-template-columns:1fr}
.tri>div{min-height:340px}
.hero,.split,.ftg{grid-template-columns:1fr}
.devices{min-height:560px}
.aud{grid-template-columns:repeat(2,minmax(0,1fr))}
.imp{grid-template-columns:repeat(2,minmax(0,1fr))}
.imp2{grid-template-columns:1fr}
.sala{grid-template-columns:1fr}
.sala .sarr{display:none}
}
@media (max-width: 620px){
.hC,.hD{grid-column:1 / span 2}
.hA{min-height:0}
.seal.seal-tile{display:flex}
.navl{display:none!important}
.nav{grid-template-columns:minmax(0,1fr) auto}
.pmk{display:none!important}
.tbl{display:none}
.tiles{display:flex;overflow-x:auto;gap:12px;margin-right:-16px;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tiles::-webkit-scrollbar{display:none}
.tile{flex:0 0 76%;scroll-snap-align:start;min-height:320px}
.swipe{display:flex}
.aud{grid-template-columns:repeat(2,minmax(0,1fr))}
.au{min-height:0;padding:16px;gap:12px}
.au .ill{width:72px;height:72px}
.au p{font-size:14px!important;line-height:1.45!important}
.au .btn-o{min-height:40px;padding:0 10px;font-size:10px;letter-spacing:.08em}
.imp{grid-template-columns:1fr}
.ims{min-height:0}
.imc{min-height:300px}
.devices{min-height:520px}
.tablet{width:100%;top:0}
.phone-hero{transform:scale(.78);transform-origin:left bottom}
.seal{display:none}
.stage{min-height:720px}
}
@media (max-width: 620px){
  .nav>a:first-child{padding:0 12px}
  .nav>a:first-child span{font-size:19px!important}
  .nav>a:first-child svg{width:36px;height:33px;flex:none}
  .nav>a:first-child{gap:8px!important;min-width:0}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  #loader{display:none!important}
}