:root{--navy:#0b1f3b;--coral:#ff6b57;--apricot:#ffb26b;--cream:#fff6e8;--black:#0a0a0a;--muted:#788394;--white:#fff;--green:#27a96f;--purple:#6747db;--cyan:#31a5ba;--line:#e9e2d9}.tomorly-demo{min-height:100svh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,520px) minmax(370px,620px);align-items:center;justify-content:center;grid-gap:clamp(30px,6vw,110px);gap:clamp(30px,6vw,110px);padding:clamp(36px,6vw,90px);isolation:isolate}.tomorly-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(124deg,#fffaf2 0,var(--cream) 53%,#f6e7d8 100%);z-index:-3}.ambient{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2}.ambient-one{width:42vw;height:42vw;right:-14vw;top:-20vw;background:#ff6b5720}.ambient-two{width:32vw;height:32vw;left:-14vw;bottom:-16vw;background:#ffb26b2b}.demo-copy{max-width:500px;align-self:center}.eyebrow{font-size:12px;line-height:1;letter-spacing:.14em;font-weight:800;color:var(--coral);margin:0 0 22px}.demo-copy h2{font-size:clamp(50px,6.2vw,92px);line-height:.93;letter-spacing:-.055em;margin:0;font-weight:800}.demo-copy h2 span{color:var(--coral)}.intro{font-size:clamp(17px,1.5vw,22px);line-height:1.5;color:#59667a;max-width:440px;margin:30px 0 44px}.story-label{display:flex;gap:15px;align-items:center;font-size:14px;font-weight:700;letter-spacing:.02em}.story-index{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--cream);font-size:11px}.story-text{transition:opacity .25s,transform .25s}.phone-stage{width:min(100%,580px);height:min(86svh,900px);min-height:680px;display:grid;place-items:center;position:relative}.phone-shadow{position:absolute;width:58%;height:5%;bottom:0;border-radius:50%;background:#0b1f3b2b;filter:blur(20px);animation:shadow-breathe 6s ease-in-out infinite}.phone{height:min(84svh,870px);aspect-ratio:430/880;position:relative;filter:drop-shadow(0 35px 45px #07172d34);animation:phone-float 6s ease-in-out infinite}.phone-edge{position:absolute;inset:0;border-radius:clamp(50px,6vh,68px);background:linear-gradient(120deg,#222,#020202 20%,#333 45%,#000 72%,#2f2f2f);box-shadow:inset 0 0 0 2px #777,inset 0 0 0 5px #050505}.phone-edge:after,.phone-edge:before{content:"";position:absolute;left:-4px;width:5px;background:#202020;border-radius:3px 0 0 3px}.phone-edge:before{top:19%;height:11%}.phone-edge:after{top:34%;height:16%}.phone-screen{position:absolute;inset:10px;border-radius:clamp(42px,5.3vh,58px);overflow:hidden;background:var(--cream);box-shadow:inset 0 0 0 1px #000;transform:translateZ(0)}.status-bar{position:absolute;z-index:20;left:0;right:0;top:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:4px 27px 0;font-size:12px;font-weight:800}.status-icons{font-size:9px;letter-spacing:1px}.dynamic-island{position:absolute;z-index:21;top:11px;left:50%;transform:translateX(-50%);width:32%;height:29px;border-radius:20px;background:#050505}.app-view{position:absolute;inset:0;padding:52px 23px 74px;background:var(--cream);opacity:0;visibility:hidden;transform:translateX(15%);transition:transform .54s cubic-bezier(.2,.8,.2,1),opacity .4s}.app-view.active{opacity:1;visibility:visible;transform:translateX(0)}.app-header{height:58px;display:flex;align-items:center;gap:9px}.app-icon{width:39px;height:39px;border-radius:10px}.app-name{font-size:20px;font-weight:800;letter-spacing:-.03em}.menu{width:35px;height:35px;margin-left:auto;border:0;background:transparent;display:grid;align-content:center;grid-gap:4px;gap:4px;padding:6px}.menu i{height:2px;width:20px;border-radius:2px;background:var(--navy);display:block}.scroll-area h2{font-size:22px;line-height:1.1;letter-spacing:-.025em;margin:12px 0 10px}.item{height:70px;background:#fff;border:1px solid var(--line);border-radius:17px;margin:8px 0;display:flex;align-items:center;gap:12px;padding:10px 13px;box-shadow:0 6px 18px #0b1f3b0b;transition:transform .25s,box-shadow .25s}.item.pulse{transform:scale(1.025);box-shadow:0 8px 25px #ff6b5733}.service-logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff;font-size:18px;font-weight:800}.squarespace{background:#080808}.car{background:var(--green);font-size:24px}.trial{background:var(--purple);font-size:23px}.insurance{background:var(--cyan)}.returns{background:#ff9557}.done{background:#cbd1d6}.item-copy{min-width:0;flex:1 1}.item-copy strong{display:block;font-size:14px;line-height:1.2}.item-copy span{display:block;color:#8a94a2;font-size:11px;margin-top:3px}.alert-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--coral)}.tomorly-demo.entered .alert-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--coral);opacity:.6;animation:dotPulse .9s cubic-bezier(.16,.84,.44,1) forwards}.tomorly-demo.entered .item-square .alert-dot:after{animation-delay:.55s}.tomorly-demo.entered .item-car .alert-dot:after{animation-delay:.65s}.tomorly-demo.entered .item-trial .alert-dot:after{animation-delay:.75s}@keyframes dotPulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.chevron{font-size:24px;color:#8995a1;font-weight:400}.section-title{margin-top:17px!important}.compact{height:61px}.compact .service-logo{width:39px;height:39px;font-size:15px}.handled-title{margin-top:15px!important}.faded{opacity:.52}.tab-bar{position:absolute;z-index:5;left:0;right:0;bottom:0;height:70px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 7px 13px}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:#9aa2ac;font-size:9px;font-weight:700}.tab b{font-size:17px;line-height:22px}.tab.active{color:var(--navy)}.tab.active b{color:var(--coral)}.detail-header{height:58px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.back,.more{border:0;background:transparent;color:var(--navy);font-size:28px;width:42px;height:42px}.more{font-size:15px}.detail-body{text-align:center;padding:16px 4px 0}.hero-logo{margin:0 auto 18px;width:58px;height:58px}.detail-kicker{font-size:11px;letter-spacing:.13em;color:var(--coral);font-weight:800;margin:0 0 9px}.detail-body h2{font-size:31px;letter-spacing:-.04em;margin:0}.price{font-size:52px;line-height:1;font-weight:800;letter-spacing:-.05em;margin:14px 0 8px}.renewal-date{font-size:13px;color:var(--muted);margin:0}.plan-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px;margin:28px 0 22px;box-shadow:0 8px 25px #0b1f3b0b}.plan-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.09em}.plan-dot{width:8px;height:8px;background:var(--coral);border-radius:50%}.plan-card>strong{display:block;font-size:17px;margin:16px 0 6px}.decision-copy span,.plan-card p{font-size:12px;line-height:1.4;color:var(--muted);margin:0}.decision-copy span,.decision-copy strong{display:block}.decision-copy strong{font-size:15px}.actions{display:grid;grid-template-columns:1fr 1.12fr;grid-gap:10px;gap:10px;margin-top:16px}.actions button,.done-button{height:51px;border-radius:26px;font-size:12px;font-weight:800;border:0}.keep{background:#fff;border:1px solid var(--line)!important}.cancel,.keep{color:var(--navy)}.cancel{background:var(--coral)}.view-detail{transform:translateX(100%)}.view-detail.active{transform:translateX(0)}.view-home.exit-left{transform:translateX(-28%);opacity:0}.view-success{transform:scale(.92);padding-top:90px}.view-success.active{transform:scale(1)}.success-body{text-align:center;padding:40px 13px 0}.success-ring{width:106px;height:106px;border-radius:50%;background:#d6f5e4;margin:0 auto 25px;display:grid;place-items:center;position:relative}.success-ring:before{content:"";position:absolute;inset:13px;border:5px solid var(--green);border-radius:50%}.success-ring span{font-size:36px;color:var(--green);font-weight:800}.success-body h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 15px}.success-body>p:not(.detail-kicker){font-size:14px;line-height:1.5;color:var(--muted);margin:0 auto;max-width:280px}.saving{background:var(--navy);color:#fff;border-radius:20px;margin:30px 0 20px;padding:18px}.saving span{font-size:9px;letter-spacing:.12em;color:var(--apricot);font-weight:800}.saving strong{display:block;font-size:44px;line-height:1.1;margin-top:5px}.done-button{width:100%;background:var(--coral);color:var(--navy)}.notification{position:absolute;z-index:30;top:52px;left:12px;right:12px;min-height:81px;padding:12px 14px;display:flex;align-items:center;gap:11px;border-radius:20px;background:#fffcf7f2;box-shadow:0 12px 35px #0b1f3b25;border:1px solid #ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(-145px);opacity:0}.notification.show{animation:notification-in 3.2s cubic-bezier(.2,.8,.2,1) both}.notification img{width:45px;height:45px;border-radius:11px}.notification>div{flex:1 1}.notification>div>div{display:flex;justify-content:space-between;font-size:11px}.notification time{color:var(--muted)}.notification p{font-size:13px;margin:5px 0 0}.touch{z-index:50;width:40px;height:40px;border:2px solid #ff6b5790;opacity:0;pointer-events:none}.touch,.touch:after{position:absolute;border-radius:50%}.touch:after{content:"";inset:8px;background:#ff6b5745}.touch.tap{animation:tap .65s ease-out both}.home-indicator{position:absolute;z-index:40;left:50%;bottom:6px;transform:translateX(-50%);width:34%;height:5px;border-radius:4px;background:#080808}.replay{position:absolute;right:30px;bottom:26px;border:0;background:transparent;color:var(--navy);font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;cursor:pointer}.replay span{font-size:19px;transition:transform .2s}.replay:hover span{transform:rotate(-35deg)}.replay:active span{transform:rotate(-35deg) scale(.92)}@keyframes phone-float{0%,to{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-9px) rotate(.35deg)}}@keyframes shadow-breathe{0%,to{transform:scale(.92);opacity:.65}50%{transform:scale(1.05);opacity:.45}}@keyframes notification-in{0%{opacity:0;transform:translateY(-145px)}16%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@keyframes tap{0%{opacity:0;transform:scale(.45)}20%{opacity:1}to{opacity:0;transform:scale(1.45)}}@media (max-width:820px){.tomorly-demo{grid-template-columns:1fr;min-height:1120px;padding:34px 20px 58px;gap:18px}.demo-copy{text-align:center;margin:auto}.demo-copy h2{font-size:clamp(48px,14vw,70px)}.intro{margin:19px auto 16px;font-size:16px}.eyebrow{margin-bottom:14px}.story-label{justify-content:center}.phone-stage{height:760px;min-height:760px}.phone{height:min(730px,185vw)}.replay{right:18px;bottom:14px}}@media (max-width:440px){.tomorly-demo{min-height:1080px;padding-left:10px;padding-right:10px}.phone-stage{height:700px;min-height:700px}.demo-copy h2{font-size:45px}.intro{max-width:350px}.phone{height:min(700px,185vw)}}@media (prefers-reduced-motion:reduce){.phone,.phone-shadow{animation:none}.notification.show{animation:none;transform:none;opacity:1}.app-view{transition:none}}.tomorly-demo.armed .demo-copy>*{opacity:0;transform:translateY(14px)}.tomorly-demo.entered .demo-copy>*{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,.84,.44,1),transform .6s cubic-bezier(.16,.84,.44,1)}.tomorly-demo.entered .demo-copy>:first-child{transition-delay:0s}.tomorly-demo.entered .demo-copy>:nth-child(2){transition-delay:.08s}.tomorly-demo.entered .demo-copy>:nth-child(3){transition-delay:.16s}.tomorly-demo.entered .demo-copy>:nth-child(4){transition-delay:.24s}.tomorly-demo.armed .phone-stage{opacity:0;transform:translateY(18px) scale(.97)}.tomorly-demo.entered .phone-stage{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,.84,.44,1) .35s,transform .7s cubic-bezier(.16,.84,.44,1) .35s}@media (prefers-reduced-motion:reduce){.tomorly-demo.armed .demo-copy>*,.tomorly-demo.armed .phone-stage{opacity:1!important;transform:none!important}}