/* OweLess v2: responsive product depth and a shared, geometric identity. */
:root{--app-green:#143e30;--app-lime:#c4f5a0;--read-progress:0}
html,body{overflow-x:clip}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--app-green);z-index:80;transform:scaleX(var(--read-progress));transform-origin:left;pointer-events:none}
.brand-mark{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.brand:hover .brand-mark{transform:rotate(-9deg)}
.motion-toggle{position:fixed;right:22px;bottom:22px;height:44px;width:44px;border-radius:50%;border:1px solid #ffffff30;background:#193d2bee;color:#f8f9f3;backdrop-filter:blur(12px);box-shadow:0 6px 20px #193d2b24;display:grid;place-items:center;z-index:40;transition:transform .2s}
.motion-toggle:hover{transform:scale(1.08)}
.motion-toggle .play-glyph{display:none}
.motion-paused .motion-toggle .pause-glyph{display:none}
.motion-paused .motion-toggle .play-glyph{display:block}
.motion-toggle:disabled{opacity:.55;cursor:default}
.hero{gap:24px;padding-top:25px;padding-bottom:55px;min-height:760px;overflow:visible;grid-template-columns:1.02fr 1fr}
.hero h1{font-size:clamp(68px,6.4vw,94px);line-height:1.04}
.hero-line{display:block;white-space:nowrap}
.hero h1 .headline-spark{left:3.2em;bottom:.30em;width:.5em;height:.5em}
.experience-ready:not(.motion-paused) .hero-line{animation:headline-arrive .9s cubic-bezier(.2,.8,.2,1) both}
.experience-ready:not(.motion-paused) .hero-line:nth-child(2){animation-delay:.10s}
.experience-ready:not(.motion-paused) .hero-line:nth-child(3){animation-delay:.20s}
.hero-copy>p{font-size:15px}
.hero-actions .button{font-size:12px;min-height:52px}
.hero-actions .text-link{font-size:12px}
.hero-footnote{font-size:11px}
.hero-visual{--phone-scale:1;--look-x:0deg;--look-y:0deg;position:relative;height:640px;width:100%;max-width:none;margin:0;transform:none;transform-origin:center;perspective:1400px;isolation:isolate;animation:visual-enter .8s ease both}
.hero-visual:before{inset:35px -10px 24px;background:radial-gradient(ellipse at 40% 35%,#f0f9e4,#dceccc 65%,#d0e4bd);border-radius:48% 46% 42% 48%;transform:rotate(-8deg);z-index:-2}
.hero-floor{position:absolute;left:14%;right:5%;bottom:14px;height:66px;border-radius:50%;background:radial-gradient(ellipse,#47765025,transparent 65%);filter:blur(12px);z-index:0;animation:floor-breathe 6s ease-in-out infinite}
.world-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transition:opacity .7s}
.world-ready .world-canvas{opacity:1}
.scene-fallback{position:absolute;inset:9% 3% 4%;display:grid;place-items:center;z-index:1;perspective:1000px;pointer-events:none;transition:opacity .45s}
.scene-fallback>svg{width:94%;height:94%;overflow:visible;filter:drop-shadow(10px 22px 7px #193d2b17);transform:rotateX(15deg) rotateY(-25deg) rotateZ(-12deg);animation:fallback-turn 12s ease-in-out infinite}
.scene-fallback svg path{transition:transform 1s cubic-bezier(.16,1,.3,1)}
.world-ready .scene-fallback{opacity:0}
.phone-wrap{position:absolute;left:52%;top:46px;transform-origin:top center;transform:translateX(-50%) rotateX(calc(6deg + var(--look-x))) rotateY(calc(-17deg + var(--look-y))) rotateZ(7deg) translateY(var(--parallax,0px)) scale(var(--phone-scale));transform-style:preserve-3d;z-index:3;will-change:transform}
.phone-wrap:before{content:'';position:absolute;inset:-1px -8px -3px 0;border-radius:43px;background:linear-gradient(100deg,#72826d,#314d37 50%,#87987b);transform:translateZ(-12px);box-shadow:20px 28px 28px #193d2b20}
.phone{transform:translateZ(5px);box-shadow:2px 1px 0 #678562,7px 5px 0 #5c7957,14px 15px 26px #304e311f;animation:phone-hover 6s ease-in-out infinite;border-color:#1c3527;background:linear-gradient(110deg,#fffef9,#f8fbee)}
.phone:after{content:'';position:absolute;inset:0;border-radius:30px;background:linear-gradient(120deg,#ffffff80,transparent 25%,transparent 70%,#bddea51c);pointer-events:none}
.hero-orbit-label{top:14px;right:38px;transform:rotate(8deg);font-size:9px;color:#5f7d50;z-index:4}
.polaroid{top:169px;left:-6px;width:190px;padding:9px 9px 13px;transform:translateZ(18px) rotateX(-5deg) rotateY(calc(12deg + var(--look-y))) rotateZ(-13deg);box-shadow:1px 3px 0 #e6e7d7,14px 20px 23px #294b3020;border-radius:2px;z-index:2}
.polaroid>img{height:170px;border-radius:1px}
.polaroid>span:not(.photo-sticker){font-size:9px}
.photo-sticker{padding:10px;bottom:40px;left:-15px}
.photo-sticker .icon{width:18px;height:18px}
.floating-expense{bottom:151px;left:-18px;transform:translateZ(45px) rotateX(3deg) rotateY(calc(5deg + var(--look-y))) rotateZ(-6deg);animation:expense-hover 5s ease-in-out infinite;border:1px solid #fff;box-shadow:1px 4px 0 #e1e9d9,10px 20px 30px #2f593218;background:#fffef8ee;backdrop-filter:blur(12px)}
.floating-settled{bottom:36px;right:-8px;transform:rotateX(-3deg) rotateY(-10deg) rotateZ(5deg);animation:settled-hover 5.8s ease-in-out infinite;border:1px solid #d4edb7;box-shadow:1px 5px 0 #b5d59f,10px 20px 25px #294b3020}
.visual-star{left:5%;bottom:27px;font-size:48px;color:#8bad70;animation:star-turn 28s linear infinite}
.visual-caption{bottom:-13px;right:12px;font-size:9px;z-index:5}
.scene-hint{position:absolute;top:70px;left:-15px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:.17em;color:#7d936e;z-index:2}
.js-motion .reveal{transform:perspective(1100px) translateY(30px) rotateX(4deg);transform-origin:50% 90%;transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.js-motion .reveal.visible{transform:perspective(1100px) translateY(0) rotateX(0)}
[data-tilt]{--card-rx:0deg;--card-ry:0deg;--shine-x:50%;--shine-y:50%;transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.life-card.visible,.js-motion .life-card.reveal.visible{transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry))}
.life-card:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x) var(--shine-y),#ffffff27,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.life-card:hover:after{opacity:1}
.life-card:hover{box-shadow:0 18px 35px #143e3024}
.life-copy{transform:translateZ(24px)}
.life-category{transform:translateZ(16px)}
.step-art{box-shadow:0 6px 12px #193d2b04}
.step-art:hover{box-shadow:0 14px 26px #193d2b10}
.tiny-receipt{transform:translateZ(16px) rotate(-5deg)}
.split-demo.visible,.js-motion .split-demo.reveal.visible{transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry))}
.split-results{transition:background .35s,box-shadow .35s}
.split-demo:focus-within .split-results{background:#dfefd2;box-shadow:inset 0 0 0 1px #a8c696}
.launch-ticket{transform:perspective(1200px) rotateX(calc(-4deg + var(--card-rx,0deg))) rotateY(calc(-10deg + var(--card-ry,0deg))) rotateZ(8deg);box-shadow:2px 5px 0 #b8cda5,15px 26px 30px #3c653020;animation:ticket-hover 7s ease-in-out infinite}
.button{min-height:44px;position:relative;isolation:isolate}
.button.dark{background:var(--app-green);box-shadow:0 4px 0 #0d2c20}
.button.dark:hover{box-shadow:0 7px 0 #0d2c20,0 14px 20px #193d2b12;transform:translateY(-3px)}
.button.dark:active{box-shadow:0 1px 0 #0d2c20;transform:translateY(2px)}
.button.light{background:#e3f9cd;color:var(--app-green);box-shadow:0 4px 0 #719562;border-radius:8px;font-size:13px;padding:16px 23px}
.button.light:hover{background:#f1ffe4;box-shadow:0 7px 0 #719562,0 14px 25px #0002}
.scenario{min-height:44px;padding:11px 15px;font-size:12px}
.people-control button{height:40px;min-width:36px}
.balance-experience{background:#143e30;color:#f4f8e9;position:relative;overflow:hidden;padding:75px 0;isolation:isolate}
.balance-experience:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,#406c4838,transparent 60%),linear-gradient(120deg,transparent 55%,#17483570);z-index:-1}
.balance-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;min-height:480px}
.balance-copy .eyebrow{color:#bbd7a6}
.balance-copy h2{font-size:clamp(45px,4.8vw,68px);margin:20px 0 25px;line-height:1.08}
.balance-copy h2 .serif-word{color:#c4f5a0}
.balance-copy>p{color:#b5cbb9;font-size:14px}
.balance-copy .button{margin-top:27px}
.balance-copy .balance-status{font-size:10px;color:#9eba9e;margin-top:16px;min-height:18px}
.balance-story{display:inline-flex;gap:10px;align-items:center;font-size:11px;color:#d1e6c6;margin-top:25px;border-bottom:1px solid #d1e6c633;padding-bottom:4px}
.balance-story .icon{width:15px;height:15px}
.balance-stage{position:relative;min-width:0;aspect-ratio:1.12;height:auto;width:100%;max-height:560px}
.balance-stage .world-canvas{z-index:2}
.balance-stage .scene-fallback{inset:8%}
.balance-stage .scene-fallback>svg{width:90%;height:90%;filter:drop-shadow(14px 20px 3px #0c271aa8);animation:balance-fallback 12s ease-in-out infinite}
.balance-stage .scene-fallback svg path:first-child{transform:translate(-7px,-7px)}
.balance-stage .scene-fallback svg path:last-child{transform:translate(7px,7px)}
.balance-stage[data-balanced=true] .scene-fallback svg path{transform:translate(0,0)}
.balance-light{position:absolute;left:18%;right:14%;bottom:12%;height:30px;border-radius:50%;background:#061e14;opacity:.55;filter:blur(20px)}
.balance-stage-label{position:absolute;left:12%;right:12%;bottom:0;display:flex;justify-content:space-between;color:#8aab8e;font-size:8px;letter-spacing:.16em;z-index:3}
.life-cards{perspective:1200px}
.faq-list summary{font-size:14px;min-height:66px}
.faq-list details p{font-size:13px}
.request-form input:not([type=checkbox]),.request-form textarea,.request-form select,.launch-dialog input[type=email]{font-size:16px}
.legal-prose{font-size:15px}
.footer-column a{font-size:12px}
.footer-column h2{font-size:12px}
.footer-bottom{font-size:10px}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused .hero-line{animation:none!important}
.motion-paused .hero-visual{animation:none!important;opacity:1}
.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
@keyframes headline-arrive{from{opacity:0;transform:translateY(28px) rotateX(12deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@keyframes phone-hover{0%,100%{transform:translateZ(5px) translateY(0)}50%{transform:translateZ(5px) translateY(-10px)}}
@keyframes expense-hover{0%,100%{transform:translateZ(45px) rotateX(3deg) rotateY(5deg) rotateZ(-6deg) translateY(0)}50%{transform:translateZ(45px) rotateX(3deg) rotateY(5deg) rotateZ(-3deg) translateY(-12px)}}
@keyframes settled-hover{50%{transform:rotateX(-3deg) rotateY(-10deg) rotateZ(3deg) translateY(-9px)}}
@keyframes floor-breathe{50%{transform:scale(.92);opacity:.75}}
@keyframes star-turn{to{transform:rotate(360deg)}}
@keyframes ticket-hover{50%{transform:perspective(1200px) rotateX(-1deg) rotateY(-7deg) rotateZ(6deg) translateY(-8px)}}
@keyframes fallback-turn{0%,100%{transform:rotateX(15deg) rotateY(-25deg) rotateZ(-12deg)}50%{transform:rotateX(22deg) rotateY(12deg) rotateZ(-4deg)}}
@keyframes balance-fallback{0%,100%{transform:rotateX(20deg) rotateY(-25deg) rotateZ(-12deg)}50%{transform:rotateX(15deg) rotateY(10deg) rotateZ(5deg)}}
@media(min-width:1650px){.container{max-width:1380px}.hero{min-height:820px}.hero h1{font-size:103px}.hero-visual{height:700px;--phone-scale:1.07}.phone-wrap{top:65px}.floating-settled{bottom:65px}.polaroid{top:200px;width:205px}.polaroid>img{height:190px}}
@media(max-width:1200px) and (min-width:981px){.hero{min-height:670px;gap:25px}.hero h1{font-size:clamp(64px,6.4vw,77px)}.hero-visual{height:550px;--phone-scale:.88}.phone-wrap{top:35px}.floating-expense{left:-15px;bottom:132px;padding:11px 13px}.floating-settled{right:-10px;bottom:26px;padding:12px}.hero-copy>p{font-size:14px}.hero-actions{gap:19px}.hero-actions .button{font-size:11px;padding:16px 17px}.hero-actions .text-link{font-size:10px}.polaroid{width:162px;top:155px}.polaroid>img{height:144px}.scene-hint{top:60px;left:-10px}.balance-copy h2{font-size:57px}}
@media(max-width:980px) and (min-width:741px){.hero{gap:24px;min-height:600px;padding-top:26px;padding-bottom:35px}.hero h1{font-size:clamp(48px,6.2vw,61px)}.hero-visual{height:470px;--phone-scale:.72}.phone-wrap{top:35px}.hero-copy>p{font-size:12px}.hero-actions .button{font-size:10px;padding:15px 12px;min-height:47px}.hero-actions .text-link{font-size:11px}.hero-footnote{font-size:9px}.polaroid{width:135px;top:131px;left:-10px;padding:6px}.polaroid>img{height:124px}.polaroid>span:not(.photo-sticker){font-size:7px;padding-bottom:6px}.floating-expense{bottom:128px;left:-20px;padding:9px 11px;gap:7px}.floating-expense strong,.floating-settled strong{font-size:10px}.floating-expense div>span,.floating-settled div>span{font-size:8px}.receipt-chip{padding:6px}.receipt-chip .icon{width:16px;height:16px}.mini-check{margin-left:0}.floating-settled{bottom:22px;right:-10px;padding:10px 12px;gap:8px}.settled-icon{padding:7px}.hero-orbit-label{right:10px;font-size:7px}.visual-star{font-size:33px}.visual-caption{font-size:7px;right:2px}.scene-hint{display:none}.balance-layout{gap:20px;min-height:370px}.balance-copy h2{font-size:49px}.balance-copy>p{font-size:12px}.balance-stage{aspect-ratio:1}.balance-experience{padding:65px 0}.desktop-nav{gap:18px}}
@media(max-width:740px){
  .hero{display:flex;gap:0;padding-top:35px;padding-bottom:50px;min-height:auto;overflow:clip}
  .hero h1{font-size:clamp(56px,10.7vw,79px);letter-spacing:-.066em;line-height:1.055}
  .hero-copy{padding-bottom:0}.hero-copy>p{font-size:14px;margin:26px 0}
  .hero-actions{flex-direction:row;gap:22px;align-items:center}.hero-actions .button{font-size:11px;padding:17px 18px}.hero-actions .text-link{font-size:11px}
  .hero-footnote{font-size:10px;margin-top:23px}.hero-visual{height:565px;width:100%;max-width:510px;--phone-scale:.86;margin:28px auto 0;transform:none}
  .phone-wrap{top:35px;left:54%;transform:translateX(-50%) rotateX(6deg) rotateY(-17deg) rotateZ(7deg) scale(var(--phone-scale))}
  .hero-visual:before{inset:35px 0 18px;transform:rotate(-8deg)}
  .hero-orbit-label{top:7px;right:27px;font-size:8px}.polaroid{top:147px;left:0;width:164px}.polaroid>img{height:153px}
  .floating-expense{left:1px;bottom:137px;padding:11px 13px}.floating-settled{bottom:35px;right:3px;padding:12px 14px}
  .floating-expense strong,.floating-settled strong{font-size:11px}.floating-expense div>span,.floating-settled div>span{font-size:8px}
  .visual-star{font-size:41px;left:9%;bottom:20px}.visual-caption{font-size:8px;bottom:-11px;right:6px}.scene-hint{display:none}
  .balance-experience{padding:57px 0 42px}.balance-layout{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:0}
  .balance-copy h2{font-size:52px;max-width:390px;margin:20px 0}.balance-copy>p{font-size:13px}.balance-copy .button{margin-top:22px}
  .balance-stage{width:100%;max-width:500px;align-self:center;aspect-ratio:1.07;margin-top:8px}
  .balance-stage-label{bottom:10px;left:7%;right:7%;font-size:8px}.balance-copy .balance-status{font-size:11px}
  .balance-story{font-size:12px;margin-top:14px}.life-card{height:390px}.life-copy p{font-size:13px}
  .faq-heading h2{font-size:48px}.faq-list summary{font-size:14px;padding:23px 0}.faq-list details p{font-size:13px}
  .launch-copy h2{font-size:clamp(35px,7.5vw,49px)}.launch-copy>p{font-size:13px}.launch-ticket{margin-top:8px}
  .footer-column a{min-height:27px;font-size:12px}.footer-column h2{font-size:12px}.page-heading h1{font-size:clamp(43px,8vw,58px)}
  .prose{font-size:14px}.identity-list>div{font-size:11px}.form-status{font-size:12px}.check-label{font-size:12px!important}
  .motion-toggle{right:15px;bottom:16px}.hero-line{white-space:nowrap}
}
@media(max-width:480px){
  .hero h1{font-size:clamp(47px,14.15vw,65px)}.hero-copy>p{font-size:13px}.hero-actions{gap:17px}.hero-actions .button{font-size:10px;padding:16px 15px}
  .hero-actions .text-link{font-size:10px}.hero h1 .headline-spark{left:3.68em;bottom:.28em;width:.47em}
  .hero-visual{height:460px;--phone-scale:.67;margin-top:33px}.phone-wrap{top:33px;left:55%}
  .hero-visual:before{inset:28px 0 10px}.hero-orbit-label{font-size:6px;top:12px;right:16px}
  .polaroid{width:136px;top:138px;left:3px;padding:6px 6px 10px}.polaroid>img{height:120px}.polaroid>span:not(.photo-sticker){font-size:7px}
  .photo-sticker{padding:8px;left:-7px;bottom:36px}.photo-sticker .icon{width:14px;height:14px}
  .floating-expense{bottom:118px;left:0;padding:9px 10px;gap:8px}.floating-expense strong{font-size:10px}.floating-expense div>span{font-size:7px}.receipt-chip{padding:6px}.receipt-chip .icon{width:16px;height:16px}.mini-check{margin-left:0}
  .floating-settled{bottom:28px;right:0;padding:11px 12px;gap:8px}.floating-settled strong{font-size:10px}.floating-settled div>span{font-size:7px}.settled-icon{padding:7px}.settled-icon .icon{width:13px;height:13px}
  .visual-star{left:12%;bottom:30px;font-size:33px}.visual-caption{font-size:7px;bottom:-9px;right:0}
  .steps{display:grid;grid-template-columns:1fr;gap:33px}.step{display:block}.step-number{margin-bottom:13px;font-size:12px}.step-art{height:190px}.step h3{font-size:21px;margin:20px 0 12px}.step p{font-size:13px;line-height:1.8}
  .step-art .avatar{width:44px;height:44px;font-size:14px}.step-art .avatars{margin-top:-19px}.mini-label{font-size:10px;padding:8px 11px;gap:5px}.step-art .scribble{font-size:18px;bottom:22px;right:26px}
  .tiny-receipt{width:225px;padding:16px 21px}.tiny-receipt>span{font-size:10px}.tiny-receipt>strong{font-size:29px}.tiny-receipt>div{font-size:8px}.receipt-plus{height:34px;width:34px;bottom:23px;right:35px}.receipt-plus .icon{width:18px;height:18px}
  .settlement-card{gap:12px}.settlement-line{font-size:12px}.settlement-line .icon{width:55px}.settled-art .mini-label{font-size:9px}
  .section-heading h2,.horizontal h2{font-size:36px}.section-heading>p,.horizontal>p{font-size:13px}.life-card{height:365px}.life-copy h3{font-size:30px}
  .demo-copy h2{font-size:39px}.demo-copy .demo-note{font-size:11px}.split-demo{padding:23px}.demo-bottom{font-size:10px;line-height:1.7}.split-results p{font-size:11px;line-height:1.65}.demo-top h3{font-size:17px}.demo-inputs label{font-size:12px}.split-results>span{font-size:12px}
  .balance-copy h2{font-size:49px}.balance-stage{aspect-ratio:1}.balance-copy>p br{display:none}
  .launch-box{padding:34px 24px 46px}.launch-copy h2{font-size:35px}.launch-disclaimer{font-size:10px}.legal-toc>a{font-size:12px}.legal-prose h2{font-size:23px}
}
@media(max-width:360px){
  .container,.nav-wrap{width:calc(100% - 32px)}.brand{font-size:21px;gap:8px}.brand-mark{width:28px;height:28px}.nav-end .button{font-size:8px;padding:11px 9px}.menu-toggle{padding:8px}
  .hero h1{font-size:clamp(42px,13.85vw,50px)}.hero-actions{gap:11px}.hero-actions .button{font-size:9px;padding:15px 11px}.hero-actions .text-link{font-size:9px}
  .hero-visual{height:400px;--phone-scale:.57}.phone-wrap{top:27px}.polaroid{width:111px;top:117px;left:0}.polaroid>img{height:103px}.polaroid>span:not(.photo-sticker){font-size:6px}
  .floating-expense{bottom:107px;padding:8px;gap:6px}.floating-expense strong{font-size:9px}.floating-settled{padding:9px;bottom:24px}.floating-settled strong{font-size:9px}
  .hero-footnote{font-size:9px}.hero-orbit-label{font-size:5px}.balance-copy h2{font-size:43px}.launch-copy h2{font-size:30px}.launch-actions .button{font-size:10px;padding:13px 12px}.section-heading h2,.horizontal h2{font-size:32px}.demo-copy h2{font-size:34px}.split-demo{padding:18px}
  .demo-top h3{font-size:15px}.demo-live{font-size:7px;padding:5px}.demo-top .eyebrow{font-size:7px}.scenario{font-size:11px;padding:10px}.identity-list>div{grid-template-columns:90px 1fr;font-size:10px}
}
@media(hover:none){[data-tilt],.life-card.visible,.split-demo.visible{transform:none}.life-card:after{display:none}.hero-visual{--look-x:0deg;--look-y:0deg}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.hero-line,.phone,.floating-expense,.floating-settled,.launch-ticket,.visual-star,.scene-fallback>svg{animation:none!important}
  .hero-line{opacity:1!important;transform:none!important;filter:none!important}.scene-fallback>svg{transform:rotateX(12deg) rotateY(-20deg) rotateZ(-8deg)}
  [data-tilt],.life-card.visible,.split-demo.visible{transform:none!important}.scene-fallback svg path{transition:none}.js-motion .reveal{opacity:1;transform:none;transition:none}
  .phone-wrap{transform:translateX(-50%) rotateX(6deg) rotateY(-17deg) rotateZ(7deg) scale(var(--phone-scale))}
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .15s ease both}
::view-transition-new(root){animation:page-in .25s ease both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}