*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FAFAFA;color:#111111;font:17px/1.6 Geist,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#111111}a:hover{color:#5E5E5E}
a:focus-visible,summary:focus-visible{outline:2px solid #2F5BFF;outline-offset:3px;border-radius:8px}
.hero{position:relative;max-width:1040px;margin:0 auto;padding:64px 24px 24px;text-align:center}
.hero h1{position:relative;z-index:1;max-width:860px;margin:0 auto;font-size:76px;line-height:1;font-weight:700;letter-spacing:-.05em;text-wrap:balance}
.lede{position:relative;z-index:1;max-width:640px;margin:24px auto 0;font-size:19px;line-height:1.5;color:#5E5E5E;text-wrap:pretty}
.lede a{color:#111}
.hero .up{margin:14px 0 0;font-size:14px;color:#8A8A8A}
.ctas{display:flex;justify-content:center;margin-top:30px}
.go{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;background:#111111;color:#FFFFFF!important;font:600 16px Geist,system-ui,sans-serif;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.go svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.go:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,17,17,.18)}.go:hover svg{transform:translateX(3px)}
.stks{position:absolute;inset:0;pointer-events:none}
.st{position:absolute;display:block;filter:drop-shadow(0 8px 18px rgba(17,17,17,.10)) drop-shadow(0 1px 2px rgba(17,17,17,.08));animation:bob 6s ease-in-out infinite}
.st svg,.fl svg,.ar svg{display:block;width:100%;height:auto}
.hero .st.a{left:1%;top:70px;width:118px;rotate:-9deg}.hero .st.b{right:1%;top:56px;width:150px;rotate:7deg;animation-duration:7s;animation-delay:-2s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.feat{padding:96px 24px}
.feat+.feat{padding-top:24px}
.row{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
.flip .copy{order:2}
.copy h2,.cards h2,.qa h2,.more h2,.end h2{margin:0;font-size:56px;line-height:1.02;font-weight:700;letter-spacing:-.05em;text-wrap:balance}
.copy p{margin:20px 0 0;font-size:19px;line-height:1.5;color:#5E5E5E;text-wrap:pretty}
.copy p+p{margin-top:12px}
.stage{position:relative;display:flex;justify-content:center;min-height:300px}
.phone{position:relative;width:300px;aspect-ratio:600/1301;border-radius:46px;background:#111;padding:8px;box-shadow:0 40px 80px -30px rgba(17,17,17,.35),0 12px 24px -12px rgba(17,17,17,.18)}
.phone img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;border-radius:38px;transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.phone img+img{opacity:0;transform:scale(1.02)}
.phone.b img:first-child{opacity:0}.phone.b img+img{opacity:1;transform:none}
.fl{position:absolute;z-index:2;filter:drop-shadow(0 8px 18px rgba(17,17,17,.12)) drop-shadow(0 1px 2px rgba(17,17,17,.08));animation:bob 7s ease-in-out infinite}
.fl.f1{left:calc(50% - 250px);top:12%;width:120px;rotate:-8deg}
.fl.f2{right:calc(50% - 250px);bottom:14%;width:150px;rotate:7deg;animation-duration:8s;animation-delay:-3s}
.art{height:440px;width:100%;max-width:440px;margin:0 auto}
.ar{position:absolute;filter:drop-shadow(0 14px 30px rgba(17,17,17,.12)) drop-shadow(0 1px 2px rgba(17,17,17,.08));animation:bob 7s ease-in-out infinite}
.ar.a1{left:4%;top:6%;width:52%;rotate:-7deg}
.ar.a2{right:2%;top:34%;width:46%;rotate:8deg;animation-duration:8s;animation-delay:-2s}
.ar.a3{left:18%;bottom:2%;width:40%;rotate:-4deg;animation-duration:9s;animation-delay:-4s}
.cards,.qa,.more{max-width:1080px;margin:0 auto;padding:72px 24px}
.cards h2,.qa h2,.more h2{font-size:44px;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{background:#FFFFFF;border-radius:24px;box-shadow:inset 0 0 0 1px #EDEDED;padding:26px 26px 28px}
.card h3{margin:0;font-size:19px;line-height:1.25;font-weight:650;letter-spacing:-.02em}
.card p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#5E5E5E}
.qs{display:grid;gap:10px;max-width:820px}
details{background:#FFFFFF;border-radius:20px;box-shadow:inset 0 0 0 1px #EDEDED}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:18px;font-weight:600;letter-spacing:-.015em}
summary::-webkit-details-marker{display:none}
summary .pl{flex:none;color:#8A8A8A;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
details[open] summary .pl{transform:rotate(45deg);color:#111}
details p{margin:0;padding:0 24px 22px;font-size:16px;line-height:1.6;color:#4A4A4A;max-width:680px}
.toc{max-width:1080px;margin:8px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.toc a,.chips a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6E6E6;text-decoration:none;font-size:15px;font-weight:550;color:#3A3A3A;transition:box-shadow .2s,color .2s}
.toc a:hover,.chips a:hover{box-shadow:inset 0 0 0 1px #BDBDBD;color:#111}
.anchor{scroll-margin-top:12px}
.anchor .qa{padding-top:56px;padding-bottom:0}
.anchor .qa h2{font-size:32px;margin-bottom:18px}
.end{position:relative;max-width:1080px;margin:0 auto;padding:120px 24px 110px;text-align:center}
.end h2{max-width:760px;margin:0 auto;font-size:64px}
.end p{margin:16px 0 26px;font-size:16px;color:#8A8A8A}
.end .st.a{left:6%;top:70px;width:110px;rotate:-10deg}.end .st.b{right:7%;bottom:90px;width:118px;rotate:8deg;animation-duration:7s}
.more{padding-top:0}
.more h2{font-size:28px;margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.js .rv{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),filter .9s ease}
.js .rv.in{opacity:1;transform:none;filter:none}
.js .card.rv:nth-child(3n+2){transition-delay:.08s}.js .card.rv:nth-child(3n){transition-delay:.16s}
@media (max-width:1000px){.hero h1{font-size:60px}.copy h2{font-size:46px}.end h2{font-size:52px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .st.a{width:88px;top:20px}.hero .st.b{width:110px;top:10px}}
@media (max-width:900px){.feat{padding:64px 24px}.feat+.feat{padding-top:8px}.row{grid-template-columns:1fr;gap:40px;text-align:center;justify-items:center}.flip .copy{order:0}.copy{max-width:560px}.phone{width:260px;border-radius:40px;padding:7px}.phone img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-radius:33px}.fl.f1{left:calc(50% - 205px);width:96px}.fl.f2{right:calc(50% - 205px);width:116px}.art{height:340px;max-width:340px}}
@media (max-width:760px){.hero{padding:36px 20px 8px}.hero h1{font-size:44px}.lede{font-size:17px}.stks{position:static;display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:18px}.hero .st{position:relative;left:auto!important;right:auto!important;top:auto!important}.hero .st.a{width:64px}.hero .st.b{width:82px}
.copy h2{font-size:36px}.copy p{font-size:17px}.feat{padding:48px 20px}.cards,.qa,.more{padding:48px 20px}.cards h2,.qa h2{font-size:34px}.grid{grid-template-columns:1fr}.end{padding:80px 20px 72px}.end h2{font-size:40px}.end .st{width:64px!important}.end .st.a{left:2%;top:24px}.end .st.b{right:3%;bottom:30px}
summary{font-size:16.5px;padding:18px 20px}details p{padding:0 20px 20px;font-size:15.5px}.toc{padding:0 20px}.anchor .qa h2{font-size:26px}
.phone{width:236px}.fl.f1{left:calc(50% - 178px);width:80px}.fl.f2{right:calc(50% - 178px);width:96px}}
@media (prefers-reduced-motion: reduce){.st,.fl,.ar{animation:none}.js .rv{opacity:1;transform:none;filter:none;transition:none}.phone img{transition:none}}