@font-face{font-family:"MCF Inter";src:local("Inter"),local("Inter Regular"),url(/welcome/img/Inter-400.ttf) format("truetype");font-weight:400;font-display:swap}
:root{--blue:#2F7BD8;--green:#1FB39A;--sky:#4C9BEA;--teal:#22BFA6;--aqua:#F3FAFC;--aqua2:#E8F6F7;--ink:#1D3B53;--ink2:#4A6378;
--grad:linear-gradient(120deg,#4C9BEA,#22BFA6);--gradtext:linear-gradient(100deg,#2F7BD8 10%,#1AAE95 90%);
--sh:0 24px 50px -30px rgba(29,80,120,.35),0 6px 16px -8px rgba(29,80,120,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden}
body{font-family:"MCF Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Hebrew",sans-serif;font-weight:400;color:var(--ink);background:#fff;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,strong,b,summary,button{font-weight:400}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
section{padding:96px 0;position:relative}
.kicker{display:inline-block;font-size:15px;letter-spacing:.03em;margin-bottom:14px;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:42px;line-height:1.15;letter-spacing:-.02em;max-width:660px}
.gt{background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;max-width:560px;margin-top:16px;color:var(--ink2)}
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font-size:17px;white-space:nowrap;transition:transform 0.193s cubic-bezier(.2,.8,.2,1),box-shadow 0.193s ease,background 0.193s ease}
.btn-main{background:linear-gradient(120deg,#2F7BD8,#1AA88F);color:#fff;box-shadow:0 14px 28px -14px rgba(31,140,170,.75)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(31,140,170,.85)}
.btn-main .ico{transition:transform 0.193s ease}.btn-main:hover .ico{transform:translateX(4px)}
.btn-soft{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.btn-soft:hover{transform:translateY(-2px)}
.btn .ico{width:20px;height:20px}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.logo{height:44px;width:auto}
.nav-links{display:flex;gap:30px;font-size:15px;color:var(--ink2)}
.nav-links a{transition:color 0.165s}.nav-links a:hover{color:var(--blue)}
.nav-right{display:flex;gap:10px;align-items:center}
.nav .btn{height:44px;padding:0 20px;font-size:15px}

/* hero */
.hero{padding:64px 0 120px;overflow:hidden;background:linear-gradient(165deg,#EAF3FE 0%,#E9F8F6 48%,#F7FCFC 78%,#fff 100%)}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.hero:before{width:520px;height:520px;right:-120px;top:-140px;background:radial-gradient(circle,#BFE0FB,rgba(191,224,251,0) 70%);animation:drift 14s ease-in-out infinite}
.hero:after{width:460px;height:460px;left:-160px;bottom:-120px;background:radial-gradient(circle,#BDEDE3,rgba(189,237,227,0) 70%);animation:drift 16s ease-in-out infinite reverse}
.waves{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none}
.waves svg{position:absolute;bottom:0;width:200%;height:100%}
.waves .w1{animation:wave 22s linear infinite;opacity:.55}
.waves .w2{animation:wave 34s linear infinite reverse;opacity:.9}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}
.hero h1{font-size:62px;line-height:1.06;letter-spacing:-.03em}
.typewrap{position:relative;display:inline-block}
.typewrap .ghost{visibility:hidden}
.typewrap .typed{position:absolute;left:0;top:0;white-space:nowrap}
.caret{display:inline-block;width:3px;height:.9em;margin-left:4px;vertical-align:-.08em;border-radius:3px;background:var(--grad);animation:blink 0.55s steps(1) infinite}
.hero .lead{font-size:20px;margin-top:22px}
.cta-row{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.hero-note{margin-top:24px;font-size:15px;color:var(--ink2);display:flex;gap:24px;flex-wrap:wrap}
.hero-note span{display:inline-flex;gap:8px;align-items:center}
.hero-note .ico{width:20px;height:20px;color:var(--green)}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity 0.495s ease,transform 0.55s cubic-bezier(.16,.84,.3,1)}
.fade-up.in{opacity:1;transform:none}
.d1{transition-delay:0.066s}.d2{transition-delay:0.132s}.d3{transition-delay:0.198s}

/* devices */
.devices{position:relative;padding:10px 40px 50px 0;--lw:600px;--w:170px}
.float{animation:float 7s ease-in-out infinite}
.float2{animation:float 6s ease-in-out -2.5s infinite}
.devices .lap-pos{position:relative}
.devices .ph-pos{position:absolute;right:0;bottom:0;z-index:3}
.hero-in{opacity:0;transform:translateY(40px) scale(.98);transition:opacity 0.605s ease,transform 0.715s cubic-bezier(.16,.84,.3,1)}
.hero-in.in{opacity:1;transform:none}
.ph-pos.hero-in{transform:translateX(90px);transition-delay:0.248s}
.ph-pos.hero-in.in{transform:none}

.laptop{width:var(--lw);max-width:100%;position:relative;filter:drop-shadow(0 40px 46px rgba(29,80,120,.22))}
.lid{background:linear-gradient(160deg,#E6EDF2,#AFBCC6 45%,#DCE4EA);border-radius:calc(var(--lw)*.034) calc(var(--lw)*.034) 8px 8px;padding:3px}
.lid-in{background:#0B0E12;border-radius:calc(var(--lw)*.03) calc(var(--lw)*.03) 6px 6px;padding:calc(var(--lw)*.02) calc(var(--lw)*.02) calc(var(--lw)*.026)}
.lscreen{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#fff}
.lscreen img{width:100%;height:100%;object-fit:cover;object-position:center top}
.cam{position:absolute;top:0;left:50%;transform:translateX(-50%);width:13%;height:4.2%;background:#0B0E12;border-radius:0 0 8px 8px;z-index:2}
.cam:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#26313b;left:50%;top:40%;transform:translate(-50%,-50%)}
.base{position:relative;width:114%;margin-left:-7%;height:calc(var(--lw)*.028);background:linear-gradient(#F1F4F7 0%,#C9D3DA 45%,#97A6B1 100%);border-radius:3px 3px calc(var(--lw)*.04) calc(var(--lw)*.04)/3px 3px calc(var(--lw)*.022) calc(var(--lw)*.022)}
.base span{position:absolute;left:50%;top:0;transform:translateX(-50%);width:15%;height:45%;background:linear-gradient(#B7C3CC,#D5DDE3);border-radius:0 0 10px 10px}
.glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 70%,rgba(255,255,255,.08) 100%);z-index:3}

.iphone{position:relative;width:var(--w);padding:calc(var(--w)*.017);border-radius:calc(var(--w)*.19);background:linear-gradient(140deg,#E9F0F4 0%,#A9BCC8 22%,#F4F8FA 48%,#9AAFBD 74%,#DCE6EC 100%);box-shadow:0 50px 70px -40px rgba(20,70,110,.5),0 18px 30px -18px rgba(20,70,110,.3)}
.bezel{background:#06080A;border-radius:calc(var(--w)*.174);padding:calc(var(--w)*.03)}
.screen{position:relative;border-radius:calc(var(--w)*.145);overflow:hidden;aspect-ratio:1170/2532;background:#F7FAFC;display:flex;flex-direction:column}
.screen .sb{display:block;width:100%;flex:none;background:var(--sbg,#F7FAFC)}
.scr{flex:1;min-height:0;overflow:hidden}
.scr img{width:100%;height:100%;object-fit:cover;object-position:center top}
.island{position:absolute;top:calc(var(--w)*.03);left:50%;transform:translateX(-50%);width:31%;height:calc(var(--w)*.088);background:#000;border-radius:99px;z-index:4}
.hw{position:absolute;width:calc(var(--w)*.014 + 1px);border-radius:3px;background:linear-gradient(90deg,#8FA3B0,#D7E1E7)}
.hw.b1{left:calc(var(--w)*-.01);top:16%;height:5%}
.hw.b2{left:calc(var(--w)*-.01);top:24%;height:9%}
.hw.b3{left:calc(var(--w)*-.01);top:35%;height:9%}
.hw.b4{right:calc(var(--w)*-.01);top:27%;height:14%;background:linear-gradient(270deg,#8FA3B0,#D7E1E7)}

/* compare */
.compare-head{text-align:center}.compare-head h2,.compare-head .lead{margin-left:auto;margin-right:auto}
.versus{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px}
.side{padding:44px 44px 40px;border-radius:32px;box-shadow:var(--sh)}
.side h3{font-size:26px;margin-bottom:6px}
.side .sub{font-size:16px;margin-bottom:22px;color:var(--ink2)}
.without{background:#fff}
.with{background:linear-gradient(140deg,#EAF4FE 0%,#E4F7F3 100%)}
.with h3{background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.row{display:flex;gap:16px;padding:12px 0;align-items:flex-start;font-size:17px}
.without .row{color:var(--ink2)}
.mark{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center}
.without .mark{background:var(--aqua2)}
.with .mark{background:var(--grad);box-shadow:0 6px 14px -6px rgba(34,150,170,.7)}
.mark svg{width:16px;height:16px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.without .mark svg{stroke:#6F8798}.with .mark svg{stroke:#fff}

/* both devices */
.both{background:linear-gradient(#fff,var(--aqua) 30%,var(--aqua) 100%);overflow:hidden}
.both-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.both .stage{position:relative;--lw:620px;--w:180px;padding:0 0 40px}
.both .stage .ph{position:absolute;right:-30px;bottom:0;z-index:3}

/* tour */
.tour{background:linear-gradient(var(--aqua),#EEF8F8 50%,#fff);overflow:hidden}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:96px}
.feat.flip .feat-img{order:-1}
.feat h3{font-size:34px;line-height:1.2;letter-spacing:-.015em;margin:14px 0 12px}
.feat p{font-size:18px;max-width:470px;color:var(--ink2)}
.feat ul{list-style:none;margin-top:20px}
.feat li{display:flex;gap:12px;padding:6px 0;font-size:17px}
.feat li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--grad);margin-top:10px;flex:none}
.feat-img{display:flex;justify-content:center;align-items:flex-start;gap:24px;position:relative;--w:270px}
.feat-img .iphone.small{--w:220px;margin-top:70px}
.feat-img:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(76,155,234,.16),rgba(34,191,166,.08) 50%,rgba(255,255,255,0) 70%);z-index:0}
.feat-img>*{position:relative;z-index:1}
.tag{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--blue);background:#fff;padding:8px 16px 8px 10px;border-radius:999px;box-shadow:var(--sh)}
.tag .ico{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--grad);color:#fff;stroke-width:2}
.slide-r{opacity:0;transform:translateX(160px) rotate(3deg)}
.slide-l{opacity:0;transform:translateX(-160px) rotate(-3deg)}
.slide-r,.slide-l{transition:opacity 0.55s ease,transform 0.77s cubic-bezier(.16,.84,.3,1)}
.slide-r.in,.slide-l.in{opacity:1;transform:none}
.small.slide-r,.small.slide-l{transition-delay:0.138s}

/* coach typing */
.chat{position:absolute;z-index:5;left:-30px;bottom:70px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:280px}
.bubble{background:#fff;border-radius:22px 22px 22px 6px;padding:12px 16px;font-size:15px;line-height:1.45;box-shadow:0 18px 36px -18px rgba(29,80,120,.45);min-height:46px}
.bubble.me{align-self:flex-end;border-radius:22px 22px 6px 22px;background:linear-gradient(120deg,#2F7BD8,#1AA88F);color:#fff}
.bubble.dots{display:flex;gap:5px;align-items:center;padding:14px 18px;opacity:0;transform:translateY(8px);transition:all 0.275s ease}
.bubble.dots.show{opacity:1;transform:none}
.bubble.dots i{width:8px;height:8px;border-radius:50%;background:#8FBCE0;animation:bob 0.66s ease-in-out infinite}
.bubble.dots i:nth-child(2){animation-delay:0.083s}.bubble.dots i:nth-child(3){animation-delay:0.165s}
.bubble.me.typing:after{content:"";display:inline-block;width:2px;height:1em;background:#fff;margin-left:2px;vertical-align:-.15em;animation:blink 0.55s steps(1) infinite}

.more{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:110px}
.more div{background:#fff;border-radius:28px;padding:32px 30px;box-shadow:var(--sh);transition:transform 0.22s cubic-bezier(.2,.8,.2,1)}
.more div:hover{transform:translateY(-4px)}
.more .ico{width:46px;height:46px;padding:11px;border-radius:50%;background:var(--grad);color:#fff;stroke-width:1.9;box-shadow:0 10px 20px -10px rgba(34,150,170,.8)}
.more h4{font-size:21px;margin:18px 0 8px}
.more p{font-size:16px;color:var(--ink2)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;position:relative}
.steps:before{content:"";position:absolute;left:32px;right:32px;top:31px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4C9BEA,#22BFA6,rgba(34,191,166,.15))}
.step .num{width:62px;height:62px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:24px;position:relative;box-shadow:0 12px 24px -12px rgba(34,150,170,.8),0 0 0 8px #fff}
.step h3{font-size:23px;margin:24px 0 8px}
.step p{font-size:17px;max-width:320px;color:var(--ink2)}

/* install */
.install{background:linear-gradient(135deg,#E7F2FE 0%,#E2F6F1 100%);border-radius:44px;margin:0 32px;padding:88px 0;overflow:hidden}
.install-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.how{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.how div{background:#fff;border-radius:26px;padding:26px 24px;box-shadow:var(--sh)}
.how h4{font-size:20px;margin-bottom:10px}
.how ol{list-style:none;counter-reset:s}
.how li{counter-increment:s;display:flex;gap:12px;padding:6px 0;font-size:16px;color:var(--ink2)}
.how li:before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font-size:14px;display:grid;place-items:center;flex:none;margin-top:0}
.how .ico{width:18px;height:18px;vertical-align:-4px;color:var(--blue)}
.install .phwrap{display:flex;justify-content:center;--w:280px}
.home{height:100%;padding:12% 9% 0;background:linear-gradient(170deg,#7DB8F2 0%,#5FC7C0 55%,#A6E6D6 100%);display:flex;flex-direction:column;position:relative}
.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 14px}
.app{display:flex;flex-direction:column;align-items:center;gap:6px}
.app i,.app img{width:100%;aspect-ratio:1;border-radius:24%}
.app i{background:rgba(255,255,255,.38)}
.app img{background:#fff;box-shadow:0 10px 20px -8px rgba(20,70,110,.45)}
.app small{font-size:11px;color:#fff;line-height:1}
.app.ghost small{opacity:0}
.app.ours{animation:pop 3.6s ease-in-out infinite}
.dock{position:absolute;left:6%;right:6%;bottom:4%;height:15%;border-radius:30px;background:rgba(255,255,255,.35);display:flex;justify-content:space-around;align-items:center;padding:0 6%}
.dock i{width:19%;aspect-ratio:1;border-radius:24%;background:rgba(255,255,255,.5)}

/* privacy */
.priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.priv-list{display:grid;grid-template-columns:1fr;gap:20px}
.priv-list div{display:grid;grid-template-columns:56px 1fr;column-gap:18px;align-items:start;background:#fff;border-radius:28px;padding:28px;box-shadow:var(--sh)}
.priv-list .ico{grid-row:span 2;width:52px;height:52px;padding:13px;border-radius:50%;background:var(--grad);color:#fff;stroke-width:1.9}
.priv-list h4{font-size:21px;margin-bottom:4px}
.priv-list p{font-size:16px;color:var(--ink2)}

/* faq */
.faq{background:linear-gradient(#fff,var(--aqua))}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
details{background:#fff;border-radius:22px;box-shadow:var(--sh);margin-bottom:14px;transition:box-shadow 0.165s}
summary{list-style:none;cursor:pointer;padding:22px 64px 22px 26px;font-size:18px;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"";position:absolute;right:24px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--aqua2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F7BD8' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform 0.193s ease}
details[open] summary:after{transform:rotate(45deg)}
details p{padding:0 26px 22px;font-size:16px;color:var(--ink2)}

/* final */
.final{text-align:center;overflow:hidden;background:var(--aqua)}
.final .card{position:relative;border-radius:44px;padding:80px 32px;background:linear-gradient(135deg,#E3F0FE,#DDF5EF);overflow:hidden}
.final .card:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;left:-120px;top:-160px;background:radial-gradient(circle,rgba(76,155,234,.35),rgba(76,155,234,0) 70%);animation:drift 12s ease-in-out infinite}
.final .card:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;bottom:-180px;background:radial-gradient(circle,rgba(34,191,166,.35),rgba(34,191,166,0) 70%);animation:drift 14s ease-in-out infinite reverse}
.final h2,.final .lead{margin-left:auto;margin-right:auto;position:relative;z-index:1}
.final .cta-row{justify-content:center;position:relative;z-index:1}
footer{padding:48px 0 56px;background:var(--aqua)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot .logo{height:40px}
.foot nav{display:flex;gap:26px;font-size:15px;flex-wrap:wrap;color:var(--ink2)}
.foot small{font-size:14px;width:100%;color:var(--ink2)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:14px}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,25px)}}
@keyframes wave{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes bob{0%,60%,100%{transform:translateY(0);opacity:.6}30%{transform:translateY(-5px);opacity:1}}
@keyframes pop{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.08)}90%{transform:scale(.98)}}

@media (max-width:1100px){
  .devices{--lw:520px;--w:150px}
  .both .stage{--lw:520px;--w:150px}
  .nav-links{display:none}
}
@media (max-width:900px){
  body{font-size:16px}
  section{padding:68px 0}
  .wrap{padding:0 22px}
  h2{font-size:31px}
  .lead{font-size:17px}
  .nav{height:66px}.logo{height:36px}
  .nav-right .btn-soft{display:none}
  .nav .btn{height:42px;padding:0 18px}
  .hero{padding:36px 0 90px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero h1{font-size:42px}
  .hero .lead{font-size:18px}
  .cta-row .btn{flex:1;justify-content:center;min-width:150px}
  .devices{--lw:calc(100vw - 92px);--w:118px;padding:0 26px 34px 0;margin:0 0 0 4px}
  .ph-pos{right:0!important}
  .versus{grid-template-columns:1fr;gap:20px;margin-top:36px}
  .side{padding:30px 24px 26px;border-radius:28px}
  .side h3{font-size:23px}
  .row{font-size:16px;padding:10px 0}
  .both-grid{grid-template-columns:1fr;gap:36px}
  .both .stage{--lw:calc(100vw - 96px);--w:120px;padding:0 30px 30px 0}
  .both .stage .ph{right:0}
  .feat{grid-template-columns:1fr;gap:40px;margin-top:72px}
  .feat.flip .feat-img{order:0}
  .feat h3{font-size:27px}
  .feat p{font-size:17px}
  .feat-img{--w:240px}
  .feat-img .iphone.small{--w:170px;margin-top:56px}
  .feat-img.two{--w:190px;gap:14px}
  .feat-img:before{width:320px;height:320px}
  .chat{left:0;bottom:-26px;max-width:250px}
  .more{grid-template-columns:1fr;gap:18px;margin-top:72px}
  .steps{grid-template-columns:1fr;gap:30px;margin-top:40px}
  .steps:before{left:30px;right:auto;top:30px;bottom:30px;width:2px;height:auto;background:linear-gradient(180deg,#4C9BEA,#22BFA6,rgba(34,191,166,.15))}
  .step{display:grid;grid-template-columns:62px 1fr;column-gap:20px}
  .step .num{grid-row:span 2}
  .step h3{margin:14px 0 4px}
  .install{margin:0 14px;border-radius:34px;padding:60px 0}
  .install-grid{grid-template-columns:1fr;gap:44px}
  .how{grid-template-columns:1fr}
  .install .phwrap{--w:240px}
  .priv-grid,.faq-grid{grid-template-columns:1fr;gap:32px}
  .priv-list div{grid-template-columns:52px 1fr;padding:24px 22px}
  summary{font-size:17px;padding:20px 58px 20px 22px}
  .final .card{border-radius:34px;padding:56px 22px}
  .slide-r{transform:translateX(90px) rotate(3deg)}.slide-l{transform:translateX(-90px) rotate(-3deg)}
}
@media (prefers-reduced-motion:reduce){
  /* shortened, not removed (owner wants motion on every phone) */
  .fade-up,.slide-r,.slide-l,.hero-in,.m-it{transition-duration:0.248s!important}
  html{scroll-behavior:auto}
}

.stores{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:14px;background:#0F1A24;color:#fff;box-shadow:0 14px 26px -16px rgba(15,26,36,.8);transition:transform 0.193s cubic-bezier(.2,.8,.2,1),box-shadow 0.193s}
.store:hover{transform:translateY(-2px);box-shadow:0 18px 30px -16px rgba(15,26,36,.9)}
.store .bi{width:26px;height:28px;flex:none}
.store span{display:flex;flex-direction:column;line-height:1.1;font-size:20px;letter-spacing:-.01em}
.store small{font-size:12px;letter-spacing:.02em;opacity:.9;margin-bottom:2px}
.final .stores{justify-content:center;position:relative;z-index:1}
.app small{white-space:nowrap}
.final h2 .gt{white-space:nowrap}
.hero-grid{grid-template-columns:1fr 1fr;gap:44px}
.hero h1{font-size:54px}
.devices{--lw:560px;--w:160px}
@media (max-width:1100px){.devices{--lw:480px;--w:140px}.hero h1{font-size:46px}}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.devices{--lw:calc(100vw - 92px);--w:118px}.stores{gap:10px}.store{flex:1;justify-content:center;min-width:150px;padding:0 14px}.store span{font-size:18px}}

.apps{grid-template-columns:repeat(4,minmax(0,1fr))}
.app small{overflow:visible}
@media (max-width:900px){
  .cta-row .btn{padding:0 18px;font-size:16px;min-width:0}
  .feat-img.two{--w:172px;gap:12px}
  .feat-img.two .iphone.small{--w:142px;margin-top:50px}
  .chat{max-width:240px}
}
@media (max-width:900px){.devices{--lw:calc(100vw - 112px);margin-left:14px}}
@media (max-width:900px){.final .cta-row{flex-direction:column;align-items:stretch}.final .cta-row .btn{width:100%;flex:none}.final .stores .store{flex:1 1 100%}}

/* pricing */
.pricing{background:linear-gradient(180deg,#fff 0%,#EEF7FD 40%,#E9F8F5 100%);overflow:hidden}
.pricing:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:60px;background:radial-gradient(circle,rgba(76,155,234,.16),rgba(76,155,234,0) 70%);pointer-events:none}
.pricing:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-200px;bottom:-120px;background:radial-gradient(circle,rgba(34,191,166,.16),rgba(34,191,166,0) 70%);pointer-events:none}
.pricing .wrap{position:relative;z-index:1}
.pr-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.pr-head h2{margin:0 auto;max-width:900px}
.pr-head .lead{margin-left:auto;margin-right:auto}
.pr-toggle{position:relative;display:inline-flex;margin-top:34px;padding:6px;border-radius:999px;background:#fff;box-shadow:var(--sh)}
.pr-toggle button{position:relative;z-index:1;font:inherit;font-size:16px;color:var(--ink2);background:none;border:0;cursor:pointer;height:46px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:color 0.193s ease;white-space:nowrap}
.pr-toggle button.on{color:#fff}
.pr-toggle em{font-style:normal;font-size:14px;color:var(--green);transition:color 0.193s ease}
.pr-toggle button.on em{color:#E6FFF8}
.pr-knob{position:absolute;z-index:0;top:6px;left:6px;height:46px;border-radius:999px;background:linear-gradient(120deg,#2F7BD8,#1AA88F);box-shadow:0 10px 22px -12px rgba(31,140,170,.8);transition:transform 0.248s cubic-bezier(.2,.8,.2,1),width 0.248s cubic-bezier(.2,.8,.2,1)}
.pr-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:46px auto 0;align-items:stretch}
.pr-card{position:relative;z-index:0;background:#fff;border-radius:32px;padding:34px 36px 32px;box-shadow:0 30px 60px -36px rgba(29,80,120,.38),0 8px 20px -10px rgba(29,80,120,.12);display:flex;flex-direction:column}
.pr-card.plus{background:linear-gradient(180deg,#F1F8FF 0%,#fff 38%);box-shadow:0 40px 70px -34px rgba(31,123,180,.5),0 10px 24px -10px rgba(31,140,170,.18)}
.pr-card.plus:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:14%;bottom:-4%;border-radius:40px;background:linear-gradient(120deg,rgba(76,155,234,.45),rgba(34,191,166,.45));filter:blur(40px);opacity:.55}
.pr-badge{position:absolute;top:30px;right:30px;font-size:14px;color:#fff;padding:6px 14px;border-radius:999px;background:linear-gradient(120deg,#4C9BEA,#22BFA6);box-shadow:0 8px 18px -10px rgba(31,140,170,.9)}
.pr-card h3{font-size:28px;line-height:1.3;letter-spacing:-.01em}
.pr-card.plus h3{background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent;align-self:flex-start}
.pr-for{font-size:16px;color:var(--ink2);margin-top:4px}
.pr-price{display:flex;align-items:baseline;gap:8px;margin-top:20px}
.pr-amt{font-size:56px;line-height:1;letter-spacing:-.03em}
.pr-per{font-size:17px;color:var(--ink2)}
.pr-sub{font-size:15px;color:var(--green);margin-top:10px;min-height:24px}
.pr-amt,.pr-per,.pr-sub{transition:opacity 0.138s ease}
.pr-fade{opacity:0}
.pr-btn{justify-content:center;margin-top:22px;width:100%}
.pr-card .btn-soft.pr-btn{background:linear-gradient(120deg,#EAF4FE,#E3F7F2);color:var(--blue);box-shadow:0 10px 22px -14px rgba(31,123,180,.45)}
.pr-plus{font-size:15px;color:var(--ink2);margin-top:24px}
.pr-list{list-style:none;margin-top:14px;display:grid;gap:11px}
.pr-card:not(.plus) .pr-list{margin-top:26px}
.pr-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.45}
.pr-chk{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#E4F1FE,#DDF6F0);box-shadow:0 4px 10px -4px rgba(31,140,170,.35)}
.pr-chk svg{width:16px;height:16px;fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pr-card.plus .pr-chk{background:linear-gradient(140deg,#4C9BEA,#22BFA6)}
.pr-card.plus .pr-chk svg{stroke:#fff}
.pr-note{text-align:center;margin-top:34px;font-size:15px;color:var(--ink2)}
.page-pricing .pricing{padding-top:26px}
.page-pricing .pr-head .kicker{display:none}
.page-pricing .pr-cards{margin-top:28px}
.page-pricing .pr-note{margin-top:18px}
.page-pricing .pr-head .lead{display:none}
.page-pricing .pr-toggle{margin-top:20px}
@media (max-width:900px){
  .pr-cards{grid-template-columns:1fr;gap:26px;margin-top:40px}
  .pr-card{padding:34px 24px 30px;border-radius:28px}
  .pr-card.plus{order:-1}
  .pr-badge{top:26px;right:22px}
  .pr-amt{font-size:48px}
  .pr-toggle button{padding:0 18px;font-size:15px}
  .page-pricing .pricing{padding-top:44px}
}


/* ===== MOTION LAYER v2 (Oct 30) ===== */
.fade-up{transform:translateY(34px);transition:opacity 0.385s ease-out,transform 0.413s cubic-bezier(.16,.84,.3,1)}
.d1{transition-delay:0.099s}.d2{transition-delay:0.198s}.d3{transition-delay:0.297s}
/* hero sequence: kicker, headline, typing, then subline, then button pops */
.hero .kicker.fade-up{transition-delay:0.083s}
.hero h1.fade-up{transition-delay:0.193s}
.hero .lead.fade-up{transition-delay:1.265s}
.hero .m-cta{opacity:0;transform:scale(.6) translateY(16px);transition:opacity 0.275s ease-out,transform 0.385s cubic-bezier(.34,1.56,.64,1);transition-delay:1s}
.hero .m-cta.in{opacity:1;transform:none}
.hero .m-after{opacity:0;transform:translateY(24px);transition:opacity 0.33s ease-out,transform 0.385s cubic-bezier(.16,.84,.3,1);transition-delay:1.2s}
.hero .m-after.in{opacity:1;transform:none}
/* "Get started" glow pulse every few seconds */
.btn-main.m-glow{position:relative;overflow:hidden;animation:mglow 3.2s ease-in-out 3.6s infinite}
.btn-main.m-glow:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:mshine 3.2s ease-in-out 3.6s infinite;pointer-events:none}
@keyframes mglow{0%,100%{box-shadow:0 14px 28px -14px rgba(31,140,170,.75);scale:1}45%{box-shadow:0 0 0 7px rgba(47,123,216,.16),0 18px 38px -10px rgba(26,168,143,.8);scale:1.05}60%{scale:1}}
@keyframes mshine{0%,30%{left:-60%}70%,100%{left:130%}}
/* staggered items: one line at a time, sliding in from the side */
.m-it{opacity:0;transform:translateX(-40px);transition:opacity 0.33s ease-out,transform 0.358s cubic-bezier(.16,.84,.3,1);transition-delay:calc(var(--i,0) * 165ms + var(--base,0ms))}
.m-it.m-r{transform:translateX(40px)}
.m-it.m-up{transform:translateY(36px)}
.m-it.m-pop{transform:translateY(30px) scale(.94)}
.m-on .m-it{opacity:1;transform:none}
/* soft exit: things that scroll up past the top fade away, and come back when you scroll back */
.m-gone,.m-on .m-it.m-gone{opacity:0!important;transform:translateY(-26px) scale(.98)!important;transition:opacity 0.248s ease,transform 0.275s ease!important;transition-delay:0s!important}
/* devices: gently bob once they've arrived */
.slide-r.in,.slide-l.in{animation:mbob 6s ease-in-out 0.825s infinite}
.slide-l.in{animation-duration:7s;animation-delay:1.045s}
@keyframes mbob{0%,100%{translate:0 0}50%{translate:0 -12px}}
/* feature checkmarks pop when their line lands */
.m-on .m-it .pr-chk,.m-on .m-it .mark{animation:mtick 0.275s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i,0) * 165ms + var(--base,0ms) + 0.138s)}
@keyframes mtick{from{scale:.3;opacity:0}to{scale:1;opacity:1}}
/* header: bigger logo + Sign in (owner, Oct 30) */
.logo{height:54px}
.nav .btn-soft{height:50px;padding:0 26px;font-size:17px}
@media (max-width:900px){
  .nav{height:74px}.logo{height:48px}
  .nav-right .btn-soft{display:inline-flex;height:46px;padding:0 22px;font-size:16px}
  .nav-right .btn-main{display:none}
}
@media (prefers-reduced-motion:reduce){
  .m-it,.hero .m-cta,.hero .m-after{transition-duration:0.22s!important}
}