.intro{padding:0}@media (min-width:768px){.intro{padding:var(--space-0)var(--space-4)var(--space-4)}}.intro-headline{font-size:var(--fs-4xl);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);text-align:left}.rotating-word{color:var(--t-accent);transition:transform var(--duration-slow)var(--ease-out),opacity var(--duration-slow)var(--ease-out);font-style:italic;display:inline-block}.rotating-word.rotate-exit{opacity:0;transform:translateY(-100%)}.rotating-word.rotate-enter{opacity:0;transform:translateY(100%)}.intro-grid{gap:var(--space-2);display:grid}.intro-content{gap:var(--space-3);text-align:left;padding:0 var(--space-4);flex-direction:column;display:flex}.intro-phone{justify-content:center;align-items:center;height:620px;display:flex}.intro-phone .device-simulator{transform-origin:50%;position:relative;top:auto;left:auto;transform:scale(.68)}.intro-phone .device-screen{--device-bg:linear-gradient(135deg,#fce5e3 0%,#f9f4ee 50%,#e8f7e8 100%);background:var(--device-bg);transition:opacity .8s ease-out}@supports (color:lab(0% 0 0)){.intro-phone .device-screen{--device-bg:linear-gradient(135deg,lab(92.8094% 7.65845 4.1274) 0%,lab(96.537% .868768 3.70314) 50%,lab(95.6894% -6.98596 5.42283) 100%)}}.sim-lock-screen,.sim-notification,.sim-app{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out}.intro-phone .device-simulator[data-simulator-state=off] .device-screen{background:#000}.intro-phone .device-simulator[data-simulator-state=lock-screen] .device-screen,.intro-phone .device-simulator[data-simulator-state=notification] .device-screen{background:linear-gradient(145deg,#1c222b 0%,#090917 100%);background:linear-gradient(145deg,lab(12.9118% -.603847 -7.27841) 0%,lab(2.87658% 1.86432 -7.55027) 100%)}.intro-phone .device-simulator[data-simulator-state=lock-screen] .sim-lock-screen,.intro-phone .device-simulator[data-simulator-state=notification] .sim-lock-screen{opacity:1}.intro-phone .device-simulator[data-simulator-state=notification] .sim-notification{opacity:1;transform:translateY(0)}.sim-lock-screen{flex-direction:column;align-items:center;padding-top:60px;display:flex}.sim-time{letter-spacing:-3px;background:linear-gradient(rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.85) 100%);background:linear-gradient(lab(100% 0 0/.95) 0%,lab(100% 0 0/.7) 50%,lab(100% 0 0/.85) 100%);color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.15),0 0 40px rgba(255,255,255,.2);text-shadow:0 1px 2px lab(0% 0 0/.15),0 0 40px lab(100% 0 0/.2);-webkit-background-clip:text;background-clip:text;font-size:86px;font-weight:300;line-height:1}.sim-date{color:rgba(255,255,255,.85);color:lab(100% 0 0/.85);letter-spacing:.01em;margin-top:2px;font-size:20px;font-weight:500}.sim-notification{-webkit-backdrop-filter:blur(12px)saturate(140%);background:rgba(246,249,252,.85);background:lab(97.6644% -.267297 -1.87219/.85);border:1px solid rgba(255,255,255,.3);border:1px solid lab(100% 0 0/.3);border-radius:20px;gap:12px;padding:14px;display:flex;position:absolute;bottom:180px;left:16px;right:16px;overflow:hidden;transform:translateY(80px);box-shadow:0 8px 32px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.4);box-shadow:0 8px 32px lab(0% 0 0/.15),0 4px 12px lab(0% 0 0/.1),0 1px 3px lab(0% 0 0/.08),inset 0 1px lab(100% 0 0/.4)}.sim-notification:before{content:"";border-radius:inherit;opacity:.12;filter:url(#noiseFilter);mix-blend-mode:overlay;pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.sim-notification>*{z-index:1;position:relative}.sim-notif-icon{background:#f9f4ee;background:lab(96.537% .868768 3.70314);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sim-notif-icon img{width:24px;height:24px}.sim-notif-content{flex:1;min-width:0}.sim-notif-app{color:#606369;color:lab(41.9663% -.489771 -3.71957);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:500}.sim-notif-title{color:#11161f;color:lab(7.13753% -.43682 -7.17928);font-size:15px;font-weight:600}.sim-notif-body{color:#373b40;color:lab(24.5649% -.463679 -3.70624);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.intro-benefits{gap:var(--space-2);margin:var(--space-4)0;flex-direction:column;padding:0;list-style:none;display:flex}.intro-benefits li{align-items:center;gap:var(--space-3);font-size:var(--fs-base);color:var(--t-text-soft);opacity:0;display:flex;transform:scale(.8)translateY(10px)}.intro-benefits li.is-visible{animation:benefit-enter .5s var(--ease-spring)forwards}@keyframes benefit-enter{0%{opacity:0;transform:scale(.5)translateY(10px)}60%{transform:scale(1.05)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.intro-benefits li:before{content:attr(data-icon);background:oklch(from var(--t-surface)l c h/.75);-webkit-backdrop-filter:blur(8px);border:1px solid oklch(from var(--t-primary)calc(l + .2)c h/.2);width:40px;height:40px;box-shadow:0 0 12px oklch(from var(--t-primary)l c h/.08),0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.05);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}@supports (color:lab(0% 0 0)){.intro-benefits li:before{box-shadow:0 0 12px oklch(from var(--t-primary)l c h/.08),0 4px 12px lab(0% 0 0/.08),0 2px 4px lab(0% 0 0/.04),inset 0 1px 0 lab(100% 0 0/.25),inset 0 -1px 0 lab(0% 0 0/.05)}}.intro-benefits li.is-emphasized{font-weight:var(--fw-semibold);transition:font-weight var(--duration-slow)var(--ease-out)}.intro-benefits li.is-emphasized .no-subs{color:var(--t-accent);transition:color var(--duration-slow)var(--ease-out)}.intro-benefits li.is-emphasized .no-cancel{color:var(--t-success);transition:color var(--duration-slow)var(--ease-out)}.intro-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:flex-start;display:flex}@media (min-width:768px){.intro-grid{align-items:center;gap:var(--space-6);grid-template-columns:1fr auto;max-width:1000px;margin:0 auto}.intro-content{text-align:left;order:1;padding:0}.intro-phone{order:2;height:auto;margin-top:0}.intro-phone .device-simulator{transform:scale(.75)}.intro-benefits{margin:var(--space-3)0;padding-left:var(--space-3)}.intro-actions{padding-left:var(--space-0)}}