.l3d .ft-moment{--tint-a:#e9eef6;--tint-b:#f5f1fa;--glow:#8fb0c452;padding:clamp(28px,4vh,48px) clamp(20px,3.2vw,56px)}.l3d .ft-moment.tone-mist{--tint-a:#e6ecf6;--tint-b:#f3f0f9;--glow:#8fb0c457}.l3d .ft-moment.tone-sage{--tint-a:#e2ece0;--tint-b:#f2f2e8;--glow:#9bcba05c}.l3d .ft-moment.tone-rose{--tint-a:#f2e2dc;--tint-b:#f8f0ea;--glow:#d8504029}.l3d .ft-moment.tone-cream{--tint-a:#f5e9cf;--tint-b:#f8f2e6;--glow:#e8c44a42}.l3d .ft-panel{--pw:min(400px,28vw,calc((100svh - 160px)*728/1512));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;column-gap:clamp(24px,4vw,80px);min-height:calc(100svh - 96px);display:grid;position:relative}.l3d .ft-copy{max-width:560px}.l3d .ft-copy h3{font:300 clamp(48px,4.8vw,92px)/.96 var(--l3d-serif);letter-spacing:-.045em;color:var(--l3d-ink);text-wrap:balance;margin:0}.l3d .ft-copy p{max-width:420px;font:400 clamp(20px,1.65vw,27px)/1.35 var(--l3d-serif);letter-spacing:-.01em;color:var(--l3d-ink-2);margin:22px 0 0 2px}.l3d .ft-device{place-items:center;height:100%;display:grid;position:relative}.l3d .ft-glow{width:calc(var(--pw)*2.6);height:calc(var(--pw)*2.2);background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(30px);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.l3d .ft-phone{width:var(--pw);aspect-ratio:728/1512;filter:drop-shadow(0 40px 50px #2e2a2638)drop-shadow(0 6px 12px #2e2a261f);position:relative}.l3d .ft-phone-screen{position:absolute;inset:0;-webkit-mask:url(/landing/real/iphone-18-pro-screen.png) 0 0/100% 100%;mask:url(/landing/real/iphone-18-pro-screen.png) 0 0/100% 100%}.l3d .ft-phone-screen>div{background:#f6f1e7;position:absolute;overflow:hidden}.l3d .ft-phone-screen video{width:100%;height:auto;display:block}.l3d .ft-phone-frame{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.l3d .ft-chip{z-index:2;left:calc(50% - var(--pw)*.5 - min(270px,18vw));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(330px,23vw);font-family:var(--l3d-body);background:#fffcf6f0;border-radius:22px;align-items:flex-start;gap:12px;padding:14px 18px 14px 14px;animation:7s ease-in-out infinite ft-float;display:flex;position:absolute;top:22%;box-shadow:0 0 0 1px #3d38340d,0 22px 44px -18px #3d383452}@keyframes ft-float{50%{transform:translateY(-8px)}}.l3d .ft-chip img{border-radius:9px;flex:none;width:38px;height:38px;box-shadow:0 0 0 1px #3d383414}.l3d .ft-chip div{flex:1;min-width:0}.l3d .ft-chip p{justify-content:space-between;gap:10px;margin:0;display:flex}.l3d .ft-chip b{letter-spacing:-.01em;color:#3d3834;font-size:14.5px;font-weight:600;line-height:1.25}.l3d .ft-chip p span{color:#aba59a;flex:none;padding-top:2px;font-size:12px}.l3d .ft-chip small{color:#3d3834;margin-top:2px;font-size:14px;line-height:1.3;display:block}.l3d .ft-moment.is-card.is-fit .ft-device{align-self:center;padding:48px 0}.l3d .ft-moment.is-card.is-fit .ft-phone{--pw:min(380px,26vw,calc((100svh - 220px)*728/1512));margin-bottom:0}.l3d .ft-moment.is-card .ft-panel{background:radial-gradient(70% 90% at 78% 30%,#ffffffb3,transparent 60%),linear-gradient(160deg,var(--tint-a),var(--tint-b));border-radius:36px;min-height:min(100svh - 96px,860px);padding-left:clamp(28px,5vw,96px);overflow:hidden;box-shadow:inset 0 0 0 1px #3d38340a}.l3d .ft-moment.is-card .ft-device{align-self:end;height:auto;padding-top:72px}.l3d .ft-moment.is-card .ft-phone{--pw:min(440px,30vw);margin-bottom:calc(var(--pw)*-.42)}.l3d .ft-moment.is-card .ft-glow{display:none}.l3d .ft-moment.is-card .ft-chip{top:30%}.l3d .ft-pairphones{--sp:min(370px,24vw);justify-content:center;align-self:end;align-items:flex-end;gap:clamp(20px,2.6vw,40px);padding-top:64px;display:flex;position:relative}.l3d .ft-side{margin:0;position:relative}.l3d .ft-side.is-you{z-index:2}.l3d .ft-side.is-them{transform:translateY(calc(var(--sp)*-.08))}.l3d .ft-flow .ft-panel{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.l3d .ft-moment.is-card .ft-side .ft-phone{--pw:var(--sp);margin-bottom:calc(var(--sp)*-.34)}.l3d .ft-side.is-them .ft-phone{transition:opacity .5s,filter .5s}.l3d .ft-side.is-them.is-waiting .ft-phone{opacity:.5;filter:saturate(.6)drop-shadow(0 30px 40px #2e2a261f)}.l3d .ft-side.is-them figcaption{transition:opacity .5s}.l3d .ft-side.is-them.is-waiting figcaption{opacity:.6}.l3d .ft-side figcaption{z-index:2;height:32px;font:600 13.5px/1 var(--l3d-body);letter-spacing:-.01em;color:var(--l3d-ink);background:#fffcf6f0;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 12px;display:inline-flex;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #3d38340f,0 10px 24px -14px #3d383459}.l3d .ft-side figcaption i{background:#6fcf97;border-radius:50%;width:8px;height:8px}.l3d .ft-side.is-them figcaption i{background:#e8c44a}.l3d .ft-toggle{background:#fffcf6b3;border-radius:999px;gap:2px;margin-top:28px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #3d383414}.l3d .ft-toggle button{height:34px;font:500 14px/1 var(--l3d-body);color:var(--l3d-ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;transition:background .2s,color .2s}.l3d .ft-toggle button.on{background:var(--l3d-ink);color:#fbf7f0}.l3d .ft-import{padding:clamp(28px,4vh,48px) clamp(20px,3.2vw,56px)}.l3d .ft-imp-card{position:relative}.l3d .ft-frame{aspect-ratio:1360/640;background:0 0;border:0;border-radius:36px;width:100%;display:block;overflow:hidden}.l3d .ft-import .ft-copy{pointer-events:none;max-width:min(520px,36%);position:absolute;top:50%;left:clamp(28px,5vw,96px);transform:translateY(-50%)}.l3d .ft-import .ft-copy h3{font-size:clamp(42px,4vw,76px)}@media (max-width:859px){.l3d .ft-pairphones{--sp:min(170px,40vw);gap:14px;padding-top:40px}.l3d .ft-flow .ft-panel{grid-template-columns:minmax(0,1fr)}.l3d .ft-side figcaption{height:26px;font-size:12px;top:-14px}.l3d .ft-panel{--pw:min(300px,72vw);grid-template-columns:minmax(0,1fr);row-gap:36px;min-height:0;padding:48px 20px 0}.l3d .ft-moment.is-card .ft-panel{border-radius:28px;min-height:0;padding:44px 22px 0}.l3d .ft-moment.is-card .ft-phone{--pw:min(300px,72vw);margin-bottom:calc(var(--pw)*-.5)}.l3d .ft-copy h3{font-size:clamp(40px,11vw,64px)}.l3d .ft-copy p{font-size:19px}.l3d .ft-chip{border-radius:16px;width:min(220px,58vw);padding:10px 12px 10px 10px;top:16%;left:0}.l3d .ft-chip img{border-radius:7px;width:26px;height:26px}.l3d .ft-chip b{font-size:12.5px}.l3d .ft-chip small{font-size:12px}.l3d .ft-chip p span{display:none}.l3d .ft-frame{aspect-ratio:3/4;border-radius:28px}.l3d .ft-import .ft-copy{max-width:none;margin-top:24px;position:static;transform:none}.l3d .ft-moment.is-card.is-fit .ft-device{padding:8px 0 36px}.l3d .ft-moment.is-card.is-fit .ft-phone{--pw:min(260px,66vw)}}.l3d .ft-tap{z-index:2;aspect-ratio:1;opacity:0;pointer-events:none;background:#1d1b1929;border-radius:50%;width:13%;transition:transform .12s,background .12s;position:absolute;box-shadow:0 0 0 1.5px #ffffffe6,0 4px 14px #1d1b1940}.l3d .ft-tap.is-press{background:#1d1b194d}.l3d .ft-tap:after{content:"";opacity:0;border:1.5px solid #ffffffd9;border-radius:50%;position:absolute;inset:-2px}.l3d .ft-tap.is-press:after{animation:.55s ease-out ft-ripple}@keyframes ft-ripple{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}.l3d main{counter-reset:ftc}.l3d .ft-moment.is-card{counter-increment:ftc}.l3d .ft-moment.is-card.look-glow .ft-panel{background:radial-gradient(55% 75% at 72% 55%,#ffffffd9,transparent 65%),radial-gradient(70% 90% at 100% 0%,var(--glow),transparent 60%),radial-gradient(60% 80% at 0% 100%,var(--glow),transparent 60%),linear-gradient(160deg,var(--tint-a),var(--tint-b));border-radius:40px;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #3d38340d,0 50px 90px -60px #3c281480}.l3d .ft-moment.is-card.look-glow .ft-panel:after{content:"";border-radius:inherit;opacity:.18;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.l3d .ft-moment.is-card.look-glow .ft-phone{transition:transform .6s cubic-bezier(.22,1,.36,1);transform:perspective(1600px)rotateY(-9deg)rotateX(3deg)}.l3d .ft-moment.is-card.look-glow:hover .ft-phone{transform:perspective(1600px)rotateY(-2deg)rotateX(1deg)}.l3d .ft-moment.is-card.look-paper .ft-panel{background:radial-gradient(#2b262217 1px,#0000 1.2px) 0 0/20px 20px,#fdfbf7;border-radius:28px;box-shadow:inset 0 0 0 1px #2b262217}.l3d .ft-moment.is-card.look-paper .ft-copy:before{content:counter(ftc,decimal-leading-zero);font:300 clamp(40px,3.6vw,64px)/1 var(--l3d-serif);letter-spacing:-.04em;color:#c9bfb2;border-bottom:1px solid #2b26221f;margin-bottom:22px;padding-bottom:18px;display:block}.l3d .ft-moment.is-card.look-paper .ft-phone{filter:drop-shadow(0 30px 40px #2e2a262e)}.l3d .ft-moment.tone-mist{--blk:#3c5a6b}.l3d .ft-moment.tone-sage{--blk:#2f6b4f}.l3d .ft-moment.tone-cream{--blk:#9c6d1c}.l3d .ft-moment.tone-rose{--blk:#a54a3a}.l3d .ft-moment.is-card.look-block .ft-panel{background:linear-gradient(90deg,var(--blk)0 44%,#f3eee3 44%);box-shadow:none;border-radius:32px}.l3d .ft-moment.is-card.look-block .ft-copy h3{color:#fbf7f0}.l3d .ft-moment.is-card.look-block .ft-copy p{color:#fbf7f0cc}.l3d .ft-moment.is-card.look-block .ft-toggle{box-shadow:none;background:#ffffff1f}.l3d .ft-moment.is-card.look-block .ft-toggle button{color:#fbf7f0cc}.l3d .ft-moment.is-card.look-block .ft-toggle button.on{color:#1d1b19;background:#fbf7f0}.l3d .ft-moment.is-card.look-dark .ft-panel{background:radial-gradient(45% 60% at 72% 55%,var(--glow),transparent 70%),#373330;border-radius:36px;box-shadow:inset 0 0 0 1px #ffffff0a}.l3d .ft-moment.is-card.look-dark .ft-copy h3{color:#f4f1ec}.l3d .ft-moment.is-card.look-dark .ft-copy p{color:#bdb6ab}.l3d .ft-moment.is-card.look-dark .ft-toggle{box-shadow:none;background:#ffffff14}.l3d .ft-moment.is-card.look-dark .ft-toggle button{color:#bdb6ab}.l3d .ft-moment.is-card.look-dark .ft-toggle button.on{color:#1d1b19;background:#f4f1ec}.l3d .ft-moment.look-dark.tone-mist{--glow:#8fb0c46b}.l3d .ft-moment.look-dark.tone-sage{--glow:#6fcf9752}.l3d .ft-moment.look-dark.tone-cream{--glow:#e8c44a4d}.l3d .ft-moment.look-dark.tone-rose{--glow:#d850404d}.l3d .ft-card-switch{z-index:60;background:#2b2622e6;border-radius:12px;gap:3px;padding:4px;display:flex;position:fixed;bottom:18px;left:72px}.l3d .ft-card-switch button{color:#b8ada1;height:30px;font:600 12.5px/1 var(--l3d-body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 11px}.l3d .ft-card-switch button.on{color:#2b2622;background:#fbf7f0}@media (max-width:859px){.l3d .ft-card-switch{display:none}.l3d .ft-moment.is-card.look-block .ft-panel{background:linear-gradient(180deg,var(--blk)0 var(--blk-h,46%),#f3eee3 var(--blk-h,46%))}}
