.product-landing{--p-accent:#f5f2df;--p-accent-rgb:245 242 223;--p-deep:#25333e;--p-ink:#25333e;--d-accent:var(--p-accent);--d-accent-hi:var(--p-accent);--d-lime:var(--p-accent);--d-canvas:#121212;background:#121212}.product-landing[data-product=unbend]{--p-accent:#d5ddc1;--p-accent-rgb:213 221 193;--p-deep:#263323;--p-ink:#263323}.product-landing[data-product=landed]{--p-accent:#d2f34c;--p-accent-rgb:210 243 76;--p-deep:#20272b;--p-ink:#121211}.p-hero-copy{z-index:4;text-align:center;flex-direction:column;align-items:center;max-width:760px;margin:0 auto;padding:160px 24px 0;display:flex;position:relative}.p-hero-title{text-wrap:balance;font-size:clamp(44px,4.6vw,64px);line-height:1.05;letter-spacing:-.035em!important;font-weight:500!important}.p-hero-title span{display:block}.p-hero-title span:last-child{color:var(--p-accent)}.p-hero-lead{color:#9a9a9a;text-wrap:balance;max-width:520px;margin-top:20px;font-size:18px;line-height:1.6}.p-hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.product-landing .p-hero-copy .d-button{background:var(--p-accent);color:var(--p-ink);box-shadow:inset 0 1px #fff6, 0 0 0 1px rgb(var(--p-accent-rgb) / .5), 0 8px 20px -8px rgb(var(--p-accent-rgb) / .45)}.p-platform{color:#717171;margin-top:16px;font-size:12px}.p-hero{--intro:0;--p:0;position:relative}.p-stage{isolation:isolate;background:#121212;padding-bottom:24px;position:relative;overflow:hidden}.p-window{--top0:520px;isolation:isolate;background:linear-gradient(160deg, #0b1118, var(--p-deep) 55%, #3b4552);border-radius:24px;width:min(1008px,100% - 32px);height:620px;margin:48px auto 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.p-window-backdrop{z-index:-2;position:absolute;inset:0}.p-window-backdrop img{object-fit:cover;opacity:.5;filter:saturate(.7)brightness(.85)}.p-window-backdrop:after{content:"";background:linear-gradient(color-mix(in srgb, var(--p-deep) 70%, transparent), transparent 55%), radial-gradient(120% 90% at 50% 45%, transparent 55%, #0009);position:absolute;inset:0}.p-window-glow{z-index:-1;background:radial-gradient(46% 42% at 50% 52%, rgb(var(--p-accent-rgb) / .2), transparent 70%);opacity:calc(.35 + var(--p) * .65);position:absolute;inset:0}.p-devices{transform-origin:50% 0;width:min(1100px,94%);height:640px;position:absolute;top:56px;left:50%;transform:translate(-50%)scale(.94)}.p-sound-rings{width:880px;height:880px;translate:-50% -50%;scale:calc(.78 + var(--p) * .3);opacity:calc(.55 + var(--p) * .45);position:absolute;top:300px;left:50%}.p-sound-rings i{border:1px solid rgb(var(--p-accent-rgb) / .12);border-radius:50%;position:absolute;inset:0}.p-sound-rings i:nth-child(2){inset:12%}.p-sound-rings i:nth-child(3){inset:24%}.p-sound-rings i:nth-child(4){inset:36%}.product-landing .p-hush-phone{--w:260px;--phone-roll:-8deg;--phone-turn:-8deg;--phone-yaw:-8deg;z-index:2;filter:drop-shadow(14px 26px 22px #080e164d);position:absolute;top:0;left:50%;translate:-50%}.product-landing[data-product=hush] .p-devices{height:640px}.product-landing[data-product=hush] .p-hero:not([data-motion-ready]) .p-window{height:660px}.product-landing[data-product=hush] .g-art-phones .phone-mockup{--w:270px}.product-landing[data-product=hush] .g-art-phones{top:-80px}.product-landing[data-product=hush] .g-art-phones.g-art-low{top:-220px}.p-hush-tile{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2a33cc;border-radius:18px;width:170px;position:absolute;top:170px;overflow:hidden;box-shadow:0 24px 60px #0008,inset 0 0 0 1px #ffffff1f}.p-hush-tile img{object-fit:cover;width:100%;height:200px;display:block}.p-hush-tile span{color:#e8e6da;padding:12px 14px;font-size:13px;display:block}.p-hush-tile-left{right:calc(50% + 190px);rotate:-6deg}.p-hush-tile-right{left:calc(50% + 190px);rotate:6deg}.p-breathing-halo{width:600px;height:600px;translate:-50% -50%;scale:calc(.75 + var(--p) * .35);background:radial-gradient(circle,#6d845a66,#b6c19b18 42%,#0000 70%);border-radius:50%;position:absolute;top:270px;left:50%;box-shadow:inset 0 0 0 1px #b6c19b1a}.product-landing .p-unbend-phone{filter:drop-shadow(14px 26px 22px #0c160c4d);position:absolute;left:50%}.product-landing .p-unbend-phone-back{--w:240px;top:12px;transform:translate(calc(-50% - 130px))rotate(-4deg)}.product-landing .p-unbend-phone-front{--w:280px;z-index:2;top:72px;transform:translate(calc(130px - 50%))rotate(2deg)}.product-landing .p-landed-browser{--w:min(860px, 100%);position:absolute;top:0;left:50%;translate:-50%}.p-moving-list{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#15191bf2;border-radius:18px;width:270px;padding:20px;position:absolute;top:170px;left:calc(50% + 200px);rotate:2deg;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff14,0 30px 70px -10px #000a}.p-moving-list>span{color:#f2f2e9;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.p-moving-list p{--on:0;color:color-mix(in srgb, #8b928e calc(var(--on) * 100%), #d4d8d9);align-items:center;gap:10px;padding:11px 0;font-size:13px;display:flex}.p-moving-list p+p{border-top:1px solid #ffffff0d}.p-moving-list i{background:color-mix(in srgb, #d2f34c calc(var(--on) * 100%), transparent);width:19px;height:19px;box-shadow:inset 0 0 0 1px color-mix(in srgb, transparent calc(var(--on) * 100%), #ffffff38);color:#1d240c;border-radius:6px;flex:none;place-items:center;display:grid}.p-moving-list svg{width:12px;height:12px;opacity:var(--on);scale:calc(.4 + var(--on) * .6)}.p-hero:not([data-motion-ready]) .p-moving-list p:first-of-type{--on:1}.p-hero[data-motion-ready] .p-moving-list p{--on:clamp(0, (var(--p) - .3 - var(--n) * .2) * 7, 1)}.p-hero[data-motion-ready]{height:230svh}.p-hero[data-motion-ready] .p-stage{height:100svh;min-height:760px;padding:0;position:sticky;top:0}.p-hero[data-motion-ready] .p-hero-copy{transform:translateY(calc(var(--intro) * -56px)) scale(calc(1 - var(--intro) * .06));opacity:calc(1 - var(--intro) * 1.15);filter:blur(calc(var(--intro) * 10px));will-change:transform, opacity, filter}.p-hero[data-motion-ready] .p-window{width:auto;height:auto;box-shadow:none;clip-path:inset(calc((1 - var(--p)) * (var(--top0) - 12px)) calc((1 - var(--p)) * max(0px, (100% - 1008px) / 2)) 0 round calc(24px - var(--p) * 4px));will-change:clip-path;border-radius:0;margin:0;position:absolute;inset:12px}.p-hero[data-motion-ready] .p-window-backdrop img{scale:calc(1.28 - var(--p) * .28);will-change:scale}.p-hero[data-motion-ready] .p-devices{transform-origin:50%;transform:translate(-50%, -50%) translateY(calc((1 - var(--p)) * (var(--top0) + 56px + 320px - 50svh))) perspective(1600px) rotateX(calc((1 - var(--p)) * 6deg)) scale(calc(.88 + var(--p) * .17));will-change:transform;top:50%}.p-hero[data-motion-ready] .p-hush-tile-left{transform:translateX(calc((1 - var(--p)) * 150px)) rotate(calc((1 - var(--p)) * -8deg))}.p-hero[data-motion-ready] .p-hush-tile-right{transform:translateX(calc((1 - var(--p)) * -150px)) rotate(calc((1 - var(--p)) * 8deg))}.p-hero[data-motion-ready] .p-hush-phone{transform:translateY(calc((1 - var(--p)) * 36px))}.p-hero[data-motion-ready] .p-unbend-phone-back{transform:translateX(calc(-50% - 65px - var(--p) * 65px)) translateY(calc(160px - var(--p) * 172px)) rotate(-4deg)}.p-hero[data-motion-ready] .p-unbend-phone-front{transform:translateX(calc(-50% + 65px + var(--p) * 65px)) translateY(calc(240px - var(--p) * 232px)) rotate(2deg)}.p-hero[data-motion-ready] .p-landed-browser{transform:translateY(calc((1 - var(--p)) * 24px))}.p-hero[data-motion-ready] .p-moving-list{transform:translate(calc((1 - var(--p)) * -90px), calc((1 - var(--p)) * 70px));opacity:calc(.25 + var(--p) * .75)}@media (prefers-reduced-motion:no-preference){.p-hero .p-devices .phone-mockup img{animation:1.5s cubic-bezier(.16,1,.3,1) .3s backwards hero-phone-rise}.p-hero .p-devices .p-hush-phone img{animation-name:hush-phone-arrive}.p-hero .p-devices .p-unbend-phone-front img{animation-delay:.46s}.p-hero-hush .p-devices,.p-hero-unbend .p-devices{animation:none}.p-hero-copy>*{animation:.9s cubic-bezier(.22,1,.36,1) both p-copy-in}.p-hero-copy>:nth-child(2){animation-delay:70ms}.p-hero-copy>:nth-child(3){animation-delay:.14s}.p-hero-copy>:nth-child(4){animation-delay:.21s}.p-devices{animation:1.2s cubic-bezier(.16,1,.3,1) .26s backwards p-device-in}.p-sound-rings i{animation:8s ease-in-out infinite p-wave}.p-sound-rings i:nth-child(2){animation-delay:-2s}.p-sound-rings i:nth-child(3){animation-delay:-4s}.p-sound-rings i:nth-child(4){animation-delay:-6s}.p-breathing-halo{animation:10s ease-in-out infinite p-breathe}}@keyframes p-copy-in{0%{opacity:0;filter:blur(8px);translate:0 14px}}@keyframes p-device-in{0%{opacity:0;translate:0 60px}}@keyframes hush-phone-arrive{0%{opacity:0;translate:0 72px;rotate:-6deg;scale:.96}to{opacity:1;translate:0;rotate:none;scale:1}}@keyframes p-wave{0%,to{opacity:.45}50%{opacity:1}}@keyframes p-breathe{0%,to{opacity:.55}40%{opacity:1}}.p-duo{grid-template-columns:.8fr 1.2fr;align-items:center;gap:32px;padding-top:80px;padding-bottom:120px;display:grid}.p-duo-copy h2{letter-spacing:-.025em;font-size:clamp(28px,3vw,40px);line-height:1.15}.p-duo-copy p{color:#9a9a9a;max-width:32ch;margin-top:20px;font-size:16px;line-height:1.6}.p-duo-art{min-width:0;margin:0}.p-duo-art img{filter:drop-shadow(0 24px 24px #080e1640);width:100%;height:auto;display:block}.p-duo-art figcaption{text-align:center;color:#717171;margin-top:12px;font-size:12px;line-height:1.5}.p-duo-art a{text-underline-offset:3px;text-decoration:underline}.product-landing .d-tile-art img{transition:scale .7s cubic-bezier(.22,1,.36,1)}.product-landing .d-tiles .d-card:hover img{scale:1.07}.product-landing .d-tiles{gap:12px}.product-landing .d-free{background:rgb(var(--p-accent-rgb) / .15);color:var(--p-accent)}.product-landing .d-check{background:rgb(var(--p-accent-rgb) / .12);color:var(--p-accent)}.product-landing .d-band-card{background:linear-gradient(135deg, var(--p-deep), #0c0c0e)}.product-landing .d-band-bg{opacity:.14}.product-landing .d-band-card .d-hero-veil{background:linear-gradient(135deg,#0000,#08080ecc)}.product-landing .d-band-copy .d-heading{margin-top:0}.product-landing .g-card-points svg{color:var(--p-accent)}@media (max-width:800px){.p-duo{grid-template-columns:1fr;gap:20px;padding-top:60px;padding-bottom:80px}.p-duo-copy p{max-width:40ch;margin-top:12px}.p-hero-copy{padding-top:132px}.p-hero-title{font-size:clamp(36px,9.8vw,48px)}.p-hero-lead{max-width:360px;font-size:16px}.p-window{border-radius:20px;height:480px;margin-top:40px}.p-devices{width:100%;top:40px;transform:translate(-50%)scale(.72)}.product-landing .p-hush-phone{--w:240px}.product-landing[data-product=hush] .p-hero:not([data-motion-ready]) .p-window{height:470px}.product-landing[data-product=hush] .g-art-phones .phone-mockup{--w:210px}.product-landing[data-product=hush] .g-art-phones{top:-55px}.product-landing[data-product=hush] .g-art-phones.g-art-low{top:-160px}.p-hush-tile-left{right:calc(50% + 120px)}.p-hush-tile-right{left:calc(50% + 120px)}.product-landing .p-unbend-phone-back{transform:translate(calc(-50% - 100px))rotate(-4deg)}.product-landing .p-unbend-phone-front{transform:translate(calc(100px - 50%))rotate(2deg)}.product-landing[data-product=unbend] .p-window{height:520px}.product-landing[data-product=unbend] .p-devices{top:32px;transform:translate(-50%)scale(.64)}.product-landing .p-unbend-phone-front{top:48px}.product-landing .p-landed-browser{--w:640px}.p-moving-list{width:240px;top:250px;left:auto;right:4%}.product-landing .d-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-landing .d-tile-text{padding:10px 5px}.product-landing .d-tile-meta{flex-wrap:wrap;font-size:11px}.product-landing .d-rows{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.p-hero *,.product-landing .d-tile-art img{transition:none!important;animation:none!important}}
