@font-face{font-family:Metropolis;src:url('assets/metropolis-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Metropolis;src:url('assets/metropolis-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
:root{--orange:#f15a22;--red:#d71920;--dark:#1a222d;--body:#363e49;--caption:#6e7782;--cream:#fffbf6;--radius:24px;--shadow:0 32px 56px -12px #71717140;--heading:Metropolis,'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--dark);background:white;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:inherit}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600}h2{font-size:52px;line-height:1;letter-spacing:-2px}h3{font-size:32px;line-height:1;letter-spacing:-1.2px}p{line-height:1.3}a:focus-visible,button:focus-visible,summary:focus-visible,.carousel:focus-visible{outline:3px solid #173d8f;outline-offset:6px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;top:12px;left:12px;background:white;padding:14px 20px;color:var(--dark)}[hidden]{display:none!important}.content-width{width:min(1045px,calc(100% - 80px));margin-inline:auto}.hero{position:relative;isolation:isolate;color:#fff;height:702px}.hero:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:920.5px;background:url('assets/hero-background.webp') center top/100% 100% no-repeat;pointer-events:none}.hero-inner{position:relative;max-width:1280px;height:100%;margin:auto;padding: 50px 80px 80px;}.brand{display:inline-block;position:relative;z-index:2}.brand img{width:91.2px;height:70px}.hero-copy{margin-top:32px;position:relative;width:628px;z-index:2}.hero h1{font-size:80px;letter-spacing:-4px;line-height:1;width:628px}.hero-intro{font-size:24px;line-height:30px;font-weight:500;letter-spacing:-1px;max-width:467px;margin-top:16px}.store-links{display:flex;align-items:center;gap:24px;margin-top:40px}.store-links a{display:block;border-radius:5px;transition:transform .15s}.store-links a:hover{transform:translateY(-3px)}.store-links img{width:180px;height:52px;object-fit:fill}.hero-art{position:absolute;width:543px;height:716px;left:595px;top:84px;pointer-events:none}.hero-phone{position:absolute;inset:0;width:543px;height:716px;object-fit:contain}.floating-tag{position:absolute;display:flex;align-items:center;gap:8px;background:linear-gradient(0deg,#ffb878,#ffe5bd);color:var(--orange);font:600 16px/20px var(--heading);padding:13px 17px;border:1px solid #ffffff70;border-radius:32px;white-space:nowrap;box-shadow:0 10px 30px #db43091a}.floating-tag span{font:24px/20px sans-serif}.tag-key{top:164px;left:53px}.tag-progress{top:441px;left:267px}.surface{position:relative;width:min(1200px,calc(100% - 80px));margin-inline:auto;border-radius:40px;overflow:hidden;box-shadow:0 24px 45px -30px #bdd3dd90;background:radial-gradient(ellipse at 15% 0,#ffbda0 0,transparent 55%),linear-gradient(125deg,#fff8ec,#fff 70%)}.surface:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url('assets/surface-art.webp');background-size:cover;background-position:center;opacity:1}.surface>*{position:relative}.journey{height:1000px;padding:159px 78px 59px}.gradient-text{background:linear-gradient(100deg,#dc1d25,#ff7700);background-clip:text;-webkit-background-clip:text;color:transparent}.journey h2{text-align:center;font-size:52px;line-height:52px;margin:0 0 80px}.carousel{position:relative;border-radius:24px;touch-action:pan-y}.journey-slide{height:550px;border-radius:24px;overflow:hidden;background:#ec3517 url('assets/carousel-background.png') center/cover;position:relative;color:#fff;padding:64px;box-shadow:var(--shadow)}.slide-copy{width:482px;position:relative;z-index:1}.slide-copy h3{font-size:40px;line-height:40px;letter-spacing:-1.2px;min-height:154px}.slide-rule{width:85.5px;height:1px;background:white;margin:16px 0 24px}.slide-copy p{font-size:32px;letter-spacing:-1px;line-height:1.3}.journey-slide>img{position:absolute;top:15px;left:551px;width:450px;height:799px;max-width:none;object-fit:cover}.carousel-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--orange);box-shadow:0 4px 10px #0002;font:38px/1 'DM Sans',sans-serif}.carousel-arrow:hover{background:#fff3eb}.previous{left:-26px}.next{right:-26px}.carousel-dots{height:16px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.carousel-dot{width:12px;height:12px;padding:0;border:0;border-radius:12px;background:#ffd2b6;box-sizing:content-box}.carousel-dot:before{content:'';display:block;width:100%;height:44px;transform:translateY(-16px)}.carousel-dot[aria-current=true]{width:40px;height:16px;background:var(--orange)}.feature-section{position:relative;margin-top:100px;min-height:1815px;padding-top:276px;padding-bottom:275px;background:url('assets/features-background.webp') center top/100% 100% no-repeat}.feature-section h2{text-align:center;color:var(--cream);text-shadow:0 1px #0003;margin-bottom:95px;line-height:48px}.feature-top,.feature-bottom{display:grid;gap:25px}.feature-top{grid-template-columns:1fr 1fr}.feature-bottom{grid-template-columns:3fr 2fr;margin-top:24px}.feature-card{border-radius:24px;background:white;box-shadow:var(--shadow);position:relative;overflow:hidden;padding:40px 32px}.feature-card h3{font-size:32px;line-height:32px;letter-spacing:-1.2px}.feature-card p{font-size:28px;letter-spacing:-1px;color:var(--caption);margin-top:16px}.feature-top .feature-card{height:595px}.defect-card>img{position:absolute;width:400px;max-width:none;height:710px;object-fit:cover;top:187px;left:40px;transform:rotate(10deg);transform-origin:50% 50%}.support-art{position:absolute;left:55px;top:0;width:400px;height:350px;overflow:hidden}.support-art img{width:400px;max-width:none}.support-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,white 97%)}.support-card .feature-copy{position:absolute;left:32px;right:32px;bottom:40px}.feature-bottom .feature-card,.fresh-card{height:500px}.notification-card{display:flex;align-items:flex-end}.notification-stack{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:450px;height:217px}.notification-stack:before,.notification-stack:after{content:'';position:absolute;border-radius:16px;height:145px;background:linear-gradient(#f7f7f77f,#ffcead7f);top:37px;left:12px;right:12px}.notification-stack:after{top:71px;left:44px;right:44px;background:linear-gradient(#f7f7f74d,#ffcead4d)}.notification{position:relative;z-index:1;border-radius:16px;background:linear-gradient(#f7f7f7,#ffcead);height:165px;display:flex;align-items:center;gap:16px;padding:25px}.notification>img{width:64px;height:49px;object-fit:contain}.notification>div{flex:1}.notification-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:20px;color:var(--body)}.notification-top span{font-size:16px;color:#b4b4b4}.notification p{color:var(--orange);font-size:22px;line-height:26px;margin:4px 0 0;letter-spacing:-.5px}.fresh-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.fresh-card>img{width:100%;height:100%;object-fit:cover}.download-wrap{padding:192px 40px 155px;max-width:1280px;margin:auto}.download-panel{position:relative;min-height:436px;border-radius:40px;background:#f75a14 url('assets/carousel-background.png') center/cover;color:#fff;box-shadow:0 26px 45px -35px #8bb5c2;padding:76px 52px}.download-copy{position:relative;z-index:1;max-width:535px}.download-copy h2{font-size:44px;line-height:48px}.download-copy p{font-size:24px;line-height:30px;letter-spacing:-1px;max-width:493px;margin-top:16px}.download-copy .store-links{margin-top:40px}.download-phone{position:absolute;width:376px;max-width:none;height:699px;object-fit:contain;right:114px;bottom:0}.page-nav{position:absolute;top:48px;left:495px;display:flex;gap:40px;z-index:3;font-size:18px;line-height:24px;font-weight:600;white-space:nowrap}.page-nav a{text-decoration:none}.page-nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero-soon{height:731px}.hero-soon .hero-copy{margin-top:32px}.coming-label{border:1.5px solid #fffc;border-radius:40px;padding:12px 24px;display:inline-block;font:600 20px/24px var(--heading);letter-spacing:-.2px;min-height:49px;margin-bottom:24px}.hero-soon .hero-intro{max-width:500px}.aqua-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;background:linear-gradient(#fff,#fff);padding:20px 32px;min-height:64px;border-radius:36px;color:var(--orange);font:600 20px/24px var(--heading);letter-spacing:-.2px;text-decoration:none;border:0;box-shadow:0 4px 4px #0004;white-space:nowrap}.aqua-button:hover{background:#fff5ec}.aqua-button span{font:32px/24px 'DM Sans',sans-serif}.hero-soon .aqua-button{margin-top:40px;background:linear-gradient(#e42a31,#c8141b);color:#fff;box-shadow:inset 0 1.5px 0 #ffffffb3,0 4px 10px #8a0d1240}.hero-soon .aqua-button:hover{background:linear-gradient(#d71920,#b01117)}.hero-soon .hero-art{left:625px;top:86px}.comparison{height:950px;padding:100px 78px 80px}.comparison-grid{display:grid;grid-template-columns:355fr 334fr 334fr;grid-template-rows:408px 100px 100px 94px;column-gap:0;position:relative}.comparison-intro{grid-column:1;grid-row:1;padding:84px 32px 0 0}.comparison-intro h2{font-size:52px;line-height:52px}.accent-rule{height:2px;width:85.5px;background:linear-gradient(90deg,var(--red),#ff9c00);margin:24px 0}.comparison-intro p{font-size:20px;line-height:30px;letter-spacing:-.7px}.comparison-app{grid-row:1;position:relative;min-width:0}.comparison-app.old-app{grid-column:2;margin-right:10px}.comparison-app.new-app{grid-column:3;margin-left:10px}.app-heading{height:80px;display:flex;align-items:flex-start;gap:16px;font-size:18px;line-height:26px;color:var(--caption)}.app-heading img{width:55px;height:55px;border-radius:22%}.app-heading strong{display:block;color:var(--body);margin-top:4px;letter-spacing:-.6px}.new-app .app-heading span{color:var(--orange)}.app-preview{position:absolute;top:80px;height:329px;left:0;right:0;border-radius:24px 24px 0 0;background:white;overflow:hidden;box-shadow:0 -8px 56px -12px #71717130}.app-preview>img{width:100%;height:auto}.app-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 75%,#fff 99%)}.compare-label{grid-column:1;padding:24px 24px 16px 0;display:flex;align-items:center;font-size:24px;line-height:30px;font-weight:600;letter-spacing:-1px;border-bottom:1px solid white}.compare-value{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px 24px;font-size:24px;line-height:30px;letter-spacing:-1px;background:white;border-bottom:1px solid #edf0f5;color:var(--body)}.compare-value.old-value{grid-column:2;margin-right:10px}.compare-value.new-value{grid-column:3;margin-left:10px}.compare-value.row-one{grid-row:2}.compare-label.row-one{grid-row:2}.row-two{grid-row:3}.row-three{grid-row:4}.compare-value.row-three{border-radius:0 0 24px 24px;border-bottom:0;box-shadow:0 28px 40px -20px #71717150}.compare-value.highlight{color:var(--orange)}.retirement-note{font-size:20px;line-height:30px;letter-spacing:-.7px;margin-top:40px;color:var(--body)}.migration-section{position:relative;min-height:1079px;margin-top:40px;padding:196px 0 57px;background:url('assets/features-background.webp') center/100% 100% no-repeat}.migration-section h2{color:var(--cream);text-align:center;line-height:48px;text-shadow:0 1px #0003;margin-bottom:64px}.migration-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.migration-cards article{background:white;border-radius:24px;padding:40px 32px;min-height:400px;box-shadow:var(--shadow)}.audience-pill{display:inline-block;font:600 20px/24px var(--heading);background:var(--orange);color:white;border-radius:40px;padding:11px 24px;margin-bottom:24px}.migration-cards h3{font-size:32px;line-height:32px;letter-spacing:-2px}.migration-cards p{font-size:26px;letter-spacing:-1px;line-height:1.3;margin-top:16px;color:var(--caption)}.current-app-callout{display:flex;gap:32px;align-items:center;border-radius:24px;padding:40px 24px;background:linear-gradient(90deg,var(--red),var(--orange));box-shadow:var(--shadow);margin-top:32px;color:white;position:relative;overflow:hidden}.current-app-callout:before{content:'';position:absolute;inset:0;background:url('assets/f8b90.svg') right center/800px auto no-repeat;opacity:.8}.current-app-callout>*{position:relative}.current-app-callout>div{flex:1}.current-app-callout h3{font-size:44px;line-height:48px;letter-spacing:-2px}.current-app-callout p{font-size:24px;line-height:30px;letter-spacing:-1px;margin-top:16px}.faq-section{position:relative;background:#ee4a15 url('assets/faq-background.svg') center/cover;color:white;overflow:hidden;padding:169px 0 90px;min-height:1006px}.faq-layout{display:grid;grid-template-columns:385px 628px;gap:32px}.faq-intro h2{font-size:52px;line-height:52px}.faq-intro .accent-rule{background:white;margin-top:30px}.faq-intro>img{position:absolute;width:407px;height:669px;max-width:none;top:250px;left:-16px;object-fit:contain}.faq-list{border:1px solid #fff9;border-radius:24px;background:#ffffff25;backdrop-filter:blur(24px);overflow:hidden;align-self:start}.faq-list details{margin-inline:32px;border-bottom:1px solid #ffffff80}.faq-list details:last-child{border:0}.faq-list summary{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;cursor:pointer;list-style:none;padding:24px 0;font:600 24px/30px var(--heading);letter-spacing:-1px}.faq-list summary::-webkit-details-marker{display:none}.faq-mark{position:relative;flex:none;width:24px;height:30px}.faq-mark:before,.faq-mark:after{content:'';position:absolute;width:22px;height:3px;background:white;border-radius:3px;left:1px;top:14px}.faq-mark:after{transform:rotate(90deg)}details[open] .faq-mark:after{transform:rotate(0deg)}.faq-list details[open]{margin:0;border:0}.faq-list details[open] summary{padding:24px 32px}.faq-answer{padding:28px 32px;background:var(--cream);color:var(--body);font-size:20px;line-height:26px;letter-spacing:-.7px}.current-app-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;background:#fff;min-height:98px;flex-wrap:wrap;font-size:24px;letter-spacing:-.7px;color:var(--body)}.current-app-banner span{background:#fff7ec;border-radius:8px;padding:3px 12px}.current-app-banner img{width:50px;height:50px}.current-app-section{padding-top:0;background:white}.site-footer{background:#f5f5f5;color:#52565e;font:400 14px/1.5 'DM Sans',sans-serif;padding:44px max(32px,calc((100vw - 1120px)/2)) 24px}.footer-main{display:grid;grid-template-columns:120px 1.4fr 1fr 1fr;gap:32px;padding-bottom:32px}.footer-main a{text-decoration:none}.footer-main a:hover{text-decoration:underline}.footer-main>div>a{font-size:22px;font-weight:600}.footer-main p{line-height:1.6;margin-top:8px}.footer-main .footer-label{font-size:12px;letter-spacing:1px;font-weight:700;margin:0 0 8px}.footer-brand img{filter:none}.social-links{display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px}.footer-main .social-links a{font-size:14px}.footer-bottom{padding-top:22px;border-top:1px solid #ddd;display:flex;gap:24px;align-items:flex-start;justify-content:space-between}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:16px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}dialog{border:0;border-radius:24px;max-width:460px;width:calc(100% - 40px);padding:40px;box-shadow:0 30px 80px #0004;color:var(--body)}dialog::backdrop{background:#1a222da6;backdrop-filter:blur(4px)}dialog h2{font-size:30px;line-height:1.1;letter-spacing:-1px;padding-right:20px}dialog p{font-size:18px;margin-top:20px;line-height:1.5}.dialog-close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:30px;width:44px;height:44px}.dialog-done{background:var(--orange);color:white;margin-top:24px;min-height:48px;padding:12px 24px;font-size:16px;box-shadow:none}.dialog-done:hover{background:var(--red)}.noscript-note{background:#fff4df;padding:16px;text-align:center}
@media(min-width:1400px){.surface{margin-top:0}.hero-art{left:auto;right:142px}}
@media(max-width:1199px) and (min-width:761px){.hero-inner{padding:60px 40px}.hero-copy{width:55%;margin-top:32px}.hero h1{font-size:64px;letter-spacing:-3px;width:100%}.hero-intro{max-width:85%;font-size:24px}.hero-art,.hero-soon .hero-art{left:auto;right:10px;top:100px;width:46%;height:620px}.hero-phone{width:100%;height:100%;object-fit:contain}.tag-key{left:0;top:150px}.tag-progress{left:30%;top:400px}.floating-tag{font-size:13px;padding:10px 12px}.surface{width:calc(100% - 48px)}.journey{padding-inline:48px}.slide-copy{width:48%}.slide-copy h3{font-size:32px;line-height:36px}.slide-copy p{font-size:26px}.journey-slide{padding:48px}.journey-slide>img{left:52%;width:42%;height:auto}.page-nav{left:auto;right:40px;gap:26px}.comparison{padding-inline:40px}.comparison-grid{grid-template-columns:32% 34% 34%}.comparison-intro{padding-right:18px}.comparison-intro h2{font-size:44px;line-height:44px}.comparison-intro p{font-size:18px;line-height:26px}.app-heading{gap:10px;font-size:15px;line-height:22px}.app-heading img{width:45px;height:45px}.compare-label,.compare-value{font-size:20px;line-height:26px}.faq-layout{grid-template-columns:34% 1fr;gap:24px}.faq-intro h2{font-size:42px;line-height:44px}.faq-list summary{font-size:21px;line-height:28px}.faq-intro>img{width:36%;height:auto;top:270px;left:0}.download-phone{right:50px;width:32%;height:auto;max-height:650px}.download-copy{max-width:55%}.download-copy h2{font-size:38px;line-height:42px}.feature-card p{font-size:24px}.notification-stack{width:85%}.notification-top{font-size:16px}.notification p{font-size:18px}.feature-card h3{font-size:28px}.defect-card>img{left:10px}.support-art{left:0;width:100%}.current-app-callout h3{font-size:36px;line-height:40px}.current-app-callout p{font-size:21px}.current-app-callout .aqua-button{padding:18px 22px;font-size:18px}}
@media(max-width:760px){html{scroll-padding-top:16px}.desktop-break{display:none}h2{font-size:34px;line-height:38px;letter-spacing:-1.4px}h3{font-size:25px;line-height:28px}.content-width{width:calc(100% - 40px)}.hero,.hero-soon{height:auto;min-height:0;padding-bottom:28px}.hero:before{height:120%;background-size:100% 100%;background-position:center top;background-color:transparent}.hero-inner{padding:30px 24px 0}.brand img{width:70px;height:auto}.hero-copy,.hero-soon .hero-copy{width:auto;margin-top:32px}.hero h1{font-size:48px;line-height:49px;letter-spacing:-2.5px;width:auto;max-width:530px}.hero-intro{font-size:20px;line-height:27px;letter-spacing:-.6px;max-width:420px}.hero-art,.hero-soon .hero-art{position:relative;left:auto;right:auto;top:auto;width:min(100%,460px);height:auto;aspect-ratio:543/650;margin:18px auto -4px}.hero-phone{width:100%;height:100%;object-fit:contain}.floating-tag{font-size:12px;line-height:16px;padding:9px 11px;gap:4px}.floating-tag span{font-size:20px;line-height:16px}.tag-key{left:8%;top:24%}.tag-progress{top:66%;left:auto;right:0}.store-links{gap:14px;margin-top:28px}.store-links img{width:148px;height:43px}.page-nav{position:relative;top:auto;left:auto;margin-top:24px;gap:24px;font-size:14px;line-height:22px}.coming-label{font-size:16px;line-height:20px;padding:10px 18px;min-height:42px;margin-bottom:20px}.hero-soon .aqua-button{margin-top:26px}.aqua-button{font-size:16px;line-height:24px;padding:15px 24px;min-height:54px}.surface{width:calc(100% - 28px);border-radius:28px}.journey{height:auto;padding:58px 22px 34px;margin-top:0}.journey h2{font-size:32px;line-height:35px;margin-bottom:36px}.journey-slide{height:650px;padding:30px 28px;border-radius:20px}.slide-copy{width:100%}.slide-copy h3{font-size:28px;line-height:30px;min-height:0;letter-spacing:-1px}.slide-rule{width:56px;margin:24px 0 18px}.slide-copy p{font-size:23px;line-height:29px;letter-spacing:-.7px}.journey-slide>img{left:50%;transform:translateX(-50%);top:300px;width:280px;height:auto}.carousel-arrow{width:44px;height:44px;top:51%;font-size:32px}.previous{left:-20px}.next{right:-20px}.carousel-dots{margin-top:24px}.feature-section{margin-top:60px;padding:110px 0 120px;min-height:0;background-size:auto 100%;background-color:#ffd6ca}.feature-section h2{font-size:34px;line-height:38px;margin-bottom:40px}.feature-top,.feature-bottom{grid-template-columns:1fr;gap:20px}.feature-bottom{margin-top:20px}.feature-card{padding:30px 24px;border-radius:22px}.feature-card h3{font-size:26px;line-height:28px;letter-spacing:-1px}.feature-card p{font-size:23px;line-height:29px;letter-spacing:-.7px}.feature-top .feature-card{height:530px}.defect-card>img{width:350px;height:auto;left:4%;top:170px}.support-art{width:100%;left:0;height:315px}.support-art img{width:350px;margin:auto}.support-card .feature-copy{left:24px;right:24px;bottom:30px}.feature-bottom .feature-card{height:460px}.notification-stack{width:calc(100% - 40px);height:170px;top:32px}.notification{height:140px;padding:18px;gap:12px}.notification>img{width:48px;height:auto}.notification-top{font-size:15px;gap:6px}.notification-top span{font-size:12px;white-space:nowrap}.notification p{font-size:17px;line-height:23px;margin-top:4px}.fresh-card{height:auto;aspect-ratio:408/500;max-width:408px;justify-self:center;width:100%;margin-top:0}.download-wrap{padding:160px 20px 70px}.download-panel{padding:36px 26px 0;border-radius:28px;min-height:0;overflow:visible}.download-copy{max-width:none}.download-copy h2{font-size:31px;line-height:35px;letter-spacing:-1.5px}.download-copy p{font-size:20px;line-height:27px;max-width:360px}.download-copy .store-links{margin-top:28px}.download-phone{position:relative;right:auto;bottom:auto;width:min(72%,300px);height:auto;max-height:none;margin:40px auto 0}.comparison{height:auto;padding:52px 20px 36px}.comparison-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 300px auto auto auto;gap:0;align-items:stretch}.comparison-intro{grid-column:1/3;grid-row:1;padding:0 0 30px}.comparison-intro h2{font-size:38px;line-height:40px}.comparison-intro h2 br{display:none}.comparison-intro .accent-rule{margin:20px 0}.comparison-intro p{font-size:18px;line-height:26px;letter-spacing:-.6px;max-width:500px}.comparison-app{grid-row:2}.comparison-app.old-app{grid-column:1;margin-right:6px}.comparison-app.new-app{grid-column:2;margin-left:6px}.app-heading{height:92px;gap:8px;font-size:13px;line-height:18px;align-items:flex-start}.app-heading img{width:34px;height:34px}.app-heading strong{font-size:13px;line-height:18px;letter-spacing:-.2px;margin-top:4px}.app-preview{top:92px;height:208px;border-radius:18px 18px 0 0}.app-preview>img{min-width:175px;width:100%;position:relative;left:50%;transform:translateX(-50%)}.compare-label{grid-column:auto;position:absolute;width:100%;justify-content:center;font-size:14px;line-height:18px;letter-spacing:-.2px;min-height:0;padding:8px 3px;border:0;z-index:2;pointer-events:none;color:var(--caption)}.compare-label.row-one{grid-row:3;align-self:start}.compare-label.row-two{grid-row:4;align-self:start}.compare-label.row-three{grid-row:5;align-self:start}.compare-value{font-size:16px;line-height:21px;padding:44px 8px 18px;letter-spacing:-.5px;min-height:100px}.compare-value.old-value{grid-column:1;margin-right:6px}.compare-value.new-value{grid-column:2;margin-left:6px}.compare-value.row-one{grid-row:3}.compare-value.row-two{grid-row:4}.compare-value.row-three{grid-row:5;min-height:100px;border-radius:0 0 18px 18px}.compare-value img{width:27px;height:27px}.retirement-note{font-size:16px;line-height:23px;margin-top:28px;letter-spacing:-.3px}.migration-section{margin-top:40px;padding:100px 0 80px;min-height:0;background-size:auto 100%}.migration-section h2{font-size:34px;line-height:38px;margin-bottom:36px}.migration-cards{grid-template-columns:1fr;gap:20px}.migration-cards article{padding:30px 24px;min-height:0}.audience-pill{font-size:16px;line-height:22px;padding:9px 18px;margin-bottom:20px}.migration-cards h3{font-size:27px;line-height:30px;letter-spacing:-1.2px}.migration-cards p{font-size:21px;line-height:28px;letter-spacing:-.6px}.current-app-callout{flex-direction:column;align-items:flex-start;padding:32px 24px;gap:24px}.current-app-callout h3{font-size:32px;line-height:36px;letter-spacing:-1.3px}.current-app-callout p{font-size:20px;line-height:27px;letter-spacing:-.6px}.faq-section{padding:64px 0;min-height:0}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-intro h2{font-size:38px;line-height:40px}.faq-intro h2 br{display:none}.faq-intro .accent-rule{margin-top:22px}.faq-intro>img{display:none}.faq-list{border-radius:22px}.faq-list details{margin-inline:22px}.faq-list summary{font-size:19px;line-height:26px;letter-spacing:-.6px;padding:22px 0;gap:18px}.faq-list details[open] summary{padding:22px}.faq-answer{padding:22px;font-size:18px;line-height:26px;letter-spacing:-.3px}.current-app-banner{padding:22px 20px;gap:10px;font-size:16px;line-height:22px;letter-spacing:-.3px}.current-app-banner img{width:40px;height:40px}.current-app-banner strong{font-size:16px}.site-footer{padding:36px 24px 24px}.footer-main{grid-template-columns:1fr;gap:24px}.footer-main>div>a{font-size:22px}.footer-main p{font-size:13px}.social-links{gap:20px}.footer-bottom{flex-direction:column;gap:20px;font-size:12px}.footer-bottom nav{gap:14px}dialog{padding:34px 26px}}
@media(max-width:360px){.store-links{gap:10px}.store-links img{width:132px;height:39px}.hero h1{font-size:43px;line-height:45px}.hero-inner{padding-inline:20px}.page-nav{gap:17px}.slide-copy p{font-size:21px;line-height:27px}.feature-card p{font-size:21px;line-height:27px}.comparison{padding-inline:14px}.app-heading{font-size:12px;gap:5px}.app-heading img{width:28px;height:28px}.compare-label{font-size:12px}.compare-value{font-size:14px;padding-inline:5px}.notification{padding:14px;gap:8px}.notification-top{font-size:13px}.notification p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The 408 × 500 artwork starts at (44, 12) in its 496 × 588 export. */
.fresh-card{position:relative}.fresh-card>img{position:absolute;max-width:none;width:121.5686%;height:117.6%;left:-10.7843%;top:-2.4%}
.journey-slide:after,.download-panel:after{content:'';position:absolute;inset:0;background:url('assets/2c47a.webp') center/2122px 1415px no-repeat;mix-blend-mode:screen;pointer-events:none;border-radius:inherit}
.journey-slide:after{z-index:0}.journey-slide>img,.slide-copy{z-index:1}.download-copy,.download-phone{z-index:1}

/* Enhanced sliders retain the original panels and keep a stable height. */
.smooth-slider{display:grid;overflow:hidden;isolation:isolate;touch-action:pan-y}
.smooth-slider>.journey-slide,.legacy-app .legacy-slides.smooth-slider>.legacy-slide{grid-area:1/1;min-width:0;width:100%;visibility:hidden;pointer-events:none}
.legacy-app .legacy-slides.smooth-slider>.legacy-slide{display:flex;align-self:start}
.smooth-slider>.is-active,.smooth-slider>.is-leaving,.legacy-app .legacy-slides.smooth-slider>.is-active,.legacy-app .legacy-slides.smooth-slider>.is-leaving{visibility:visible}
.smooth-slider>.is-active{z-index:2;pointer-events:auto}
.legacy-app .legacy-slides.smooth-slider>.is-active{pointer-events:auto}
.smooth-slider>.is-leaving{z-index:1}
.journey-slider{border-radius:24px;box-shadow:var(--shadow)}
.journey-slider>.journey-slide{box-shadow:none}
@media(max-width:760px){.journey-slider{border-radius:20px}}
@media(min-width:761px){.hero-copy{margin-top:20px}.hero-soon .hero-copy{margin-top:32px}}

.surface{background:white}

.floating-tag>img{width:20px;height:20px;object-fit:contain;flex:none}
.surface:before{background-image:url('assets/surface-dots.png'),url('assets/surface-art.webp');background-size:100% auto,cover;background-position:center top,center;background-repeat:no-repeat}
.surface:before{background-image:url('assets/surface-dots.png'),url('assets/surface-lines.png'),url('assets/surface-art.webp');background-size:100% auto,100% auto,cover;background-position:center top,center bottom,center;background-repeat:no-repeat}
.faq-intro{position:relative}
.surface:before{background-size:100% auto,65.5% auto,cover}
@media(max-width:1199px) and (min-width:761px){.faq-intro>img{width:100%;height:auto}}

.faq-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/faq-source-0.webp') -1638px -47px/3803px 1399px no-repeat;mix-blend-mode:screen}.faq-layout{position:relative}
.surface:before{background-position:center top,right bottom,center}
.download-panel{background-image:url('assets/download-background.svg')}
@media(min-width:761px){.download-panel:after{background-position:-43px -781px}}
/* Figma clips this phone at the FAQ frame edge; preserve the exported crop. */
.faq-intro>img{height:auto;top:auto;bottom:-90px}

/* Source typography and paint values. DM Sans uses a fixed opsz=14 in Figma. */
body{font-optical-sizing:none;font-variation-settings:"opsz" 14}
.slide-copy p{font-weight:500;color:#f8fafd}
.download-copy p{font-weight:500}
.notification-top strong{font:600 20px/20px var(--heading);letter-spacing:-.4px}
.notification-top span{font:400 16px/24px Poppins,sans-serif;color:#a9a9a9}
.notification p{font-size:20px;line-height:26px;font-weight:500;letter-spacing:-1px}
.current-app-callout p{font-family:Metropolis,'DM Sans',sans-serif;font-weight:500}
.page-nav{font-family:Metropolis,'DM Sans',sans-serif;font-weight:500;letter-spacing:-.8px}
.comparison-intro p,.compare-label,.compare-value{color:var(--body)}
.compare-value.highlight{font-weight:400}
.comparison-intro .gradient-text{text-shadow:0 1px 0 #0003}
.faq-answer{letter-spacing:-.8px}
.faq-answer a{text-decoration:underline;text-underline-offset:3px}
.gradient-text{background-image:linear-gradient(90deg,#d71921 0%,#de351f 58.173%,#e6581d 81.731%,#fcaf17 100%)}
.floating-tag{background:linear-gradient(180deg,#fff9f3,#ffe5cc);color:#b83a12;border:1.5px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow);padding:12px 16px;border-radius:40px}
@media(min-width:1200px){
  .slide-copy p{line-height:42px}
  .floating-tag{font-size:18px;line-height:22px;letter-spacing:-.2px;height:47px}
  .tag-key{width:184px}
  .tag-progress{width:255px}
  .coming-label{height:49px;min-width:274px}
  .download-copy p{min-height:80px}
}
.floating-tag,.coming-label,.aqua-button,.app-heading,.comparison-intro p,.retirement-note{font-feature-settings:"salt" 1}
.floating-tag:before{content:'';position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(180deg,#ffffffcc,#ffffff33);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.download-panel:after{opacity:.5}
@media(min-width:1200px){
  .feature-card p{line-height:36px}
  .app-heading{font-size:20px;letter-spacing:-.8px}
  .app-heading span{font-weight:500}
  .app-heading strong{letter-spacing:inherit}
  .comparison-intro p,.retirement-note{letter-spacing:-1px}
  .migration-cards p{line-height:34px}
}
@media(max-width:760px){
  .floating-tag{padding:9px 11px}
  .page-nav{letter-spacing:-.3px}
  .faq-answer{letter-spacing:-.3px}
  .notification-top strong{font-size:15px;line-height:20px}
  .notification-top span{font-size:12px;line-height:20px}
  .notification p{font-size:17px;line-height:23px;letter-spacing:-.7px}
}
@media(max-width:1199px) and (min-width:761px){.floating-tag{padding:10px 12px}}
@media(max-width:360px){.notification-top strong{font-size:13px}.notification p{font-size:15px}}

/* Keep the complete Figma mnemonic visible rather than cropping it on wide screens.
   Coming-soon has its own 1217px artwork, overlapping the FAQ by 138px. */
.migration-section{background:none;z-index:1}
.migration-section:before{content:'';position:absolute;inset:0 0 auto;height:calc(100% * 1217.1947 / 1079);pointer-events:none;background:url('assets/migration-background-final.webp') center top/100% 100% no-repeat}
.migration-section>.content-width{position:relative}
@media(max-width:760px){
 .feature-section{background-size:100% 100%;background-color:transparent}
 .migration-section:before{bottom:auto}
 .faq-section{padding-top:210px}
}

.faq-section{background-size:100% 100%}

@media(max-width:760px){.faq-section{background-size:cover}}

/* Mobile headings must stay readable over the responsive mnemonic artwork. */
@media(max-width:760px){
 .feature-section{padding-top:220px}
 .migration-section{padding-top:180px}
 .feature-section h2,.migration-section h2{color:var(--dark);text-shadow:none}
}

/* At narrower widths the branding tile introduces the feature section.
   Use live type and a separate logo so neither can be cropped by the artwork. */
.fresh-banner-title,.fresh-banner-logo{display:none}
@media(max-width:1199px){
 .feature-section>.content-width{display:flex;flex-direction:column}
 .feature-section h2{order:0}
 .feature-top{order:2}
 .feature-bottom{display:contents}
 .feature-bottom .notification-card{order:3;margin-top:24px}
 .fresh-card{order:1;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;width:100%;max-width:none;height:120px;min-height:120px;aspect-ratio:auto;margin:0 0 24px;padding:20px 28px;border-radius:24px;background:#f15a22 url('assets/download-background.svg') center/cover no-repeat}
 .fresh-card>.fresh-art{display:none}
 .fresh-banner-title{display:block;font:600 32px/34px var(--heading);letter-spacing:-1.2px;color:#fff}
 .fresh-banner-logo{display:block;flex:0 0 72px}
 .fresh-banner-logo img{width:72px;height:auto;object-fit:contain}
}
@media(max-width:760px){
 .fresh-card{padding:20px 24px;gap:16px;border-radius:22px;margin-bottom:20px}
 .fresh-banner-title{font-size:28px;line-height:30px;letter-spacing:-1px}
 .feature-bottom .notification-card{margin-top:20px}
}

/* Responsive section spacing: desktop keeps the Figma dimensions. */
@media(min-width:761px) and (max-width:1199px){
 .journey{height:auto;padding-top:80px;padding-bottom:40px}
 .journey h2{margin-bottom:48px}
 .comparison{height:auto;padding-top:64px;padding-bottom:48px}
 .retirement-note{margin-top:28px}
 .feature-section{margin-top:48px;min-height:0;padding:180px 0 96px}
 .feature-section h2{margin-bottom:48px;color:var(--dark);text-shadow:none}
 .download-wrap{padding:48px 32px 80px}
 .download-panel{padding:56px 36px}
 .download-phone{width:30%;right:36px;max-height:500px;object-fit:contain;object-position:bottom}
 .download-copy .store-links{gap:16px}
 .download-copy .store-links img{width:148px;height:43px}
 .migration-section{margin-top:32px;padding-top:176px;padding-bottom:48px;min-height:0}
 .faq-section{min-height:0;padding-bottom:64px}
 .faq-intro>img{top:auto;bottom:-64px}
}
@media(max-width:760px){
 .journey{padding-top:48px;padding-bottom:28px}
 .journey h2{margin-bottom:28px}
 .feature-section{margin-top:32px;padding-top:180px;padding-bottom:72px}
 .feature-section h2{margin-bottom:32px}
 .download-wrap{padding-top:40px;padding-bottom:48px}
 .migration-section{margin-top:24px;padding-top:160px;padding-bottom:48px}
 .faq-section{padding-top:196px;padding-bottom:48px}
}

@media(max-width:360px){.faq-section{padding-top:232px}}

/* Anchor responsive labels to the rendered phone rather than its contain box.
   The ratios are the Figma positions within the 543 × 716 phone frame. */
@media(min-width:761px) and (max-width:1199px){
 .hero-art,.hero-soon .hero-art{
  --phone-width:min(46vw,470.1955px);
  width:var(--phone-width);height:calc(var(--phone-width) * 716 / 543);
  left:auto;right:calc(10px + (46vw - var(--phone-width)) / 2);
  top:calc(410px - var(--phone-width) * 716 / 1086);
 }
 .hero-art .floating-tag{font-size:calc(var(--phone-width) * 18 / 543);line-height:calc(var(--phone-width) * 22 / 543);height:calc(var(--phone-width) * 47 / 543);padding:calc(var(--phone-width) * 12 / 543) calc(var(--phone-width) * 16 / 543);gap:calc(var(--phone-width) * 8 / 543);letter-spacing:calc(var(--phone-width) * -.2 / 543)}
 .hero-art .floating-tag>img{width:calc(var(--phone-width) * 20 / 543);height:calc(var(--phone-width) * 20 / 543)}
 .hero-art .tag-key{left:9.76059%;top:22.90503%;width:33.88582%}
 .hero-art .tag-progress{left:49.17127%;right:auto;top:61.59218%;width:46.96133%}
}
@media(max-width:760px){
 .hero-art,.hero-soon .hero-art{width:min(calc(100% * 650 / 716),417.5978px);aspect-ratio:543 / 716}
 .hero-art .tag-key{left:9.76059%;top:22.90503%}
 .hero-art .tag-progress{left:auto;right:0;top:61.59218%}
}

/* Keep the logo and page links on the same vertical centre at every width. */
.hero-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero-header .brand{flex:0 0 auto}
.hero-header .page-nav{position:static;display:flex;align-items:center;justify-content:flex-end;gap:40px;margin:0;flex:0 1 auto}
@media(min-width:1200px){
 .hero-header{display:grid;grid-template-columns:1fr auto 1fr}
 .hero-header .brand{justify-self:start}
 .hero-header .page-nav{grid-column:2;justify-self:center}
}
@media(min-width:761px) and (max-width:1199px){
 .hero-header .page-nav{gap:26px}
}
@media(max-width:760px){
 .hero-header{gap:16px}
 .hero-header .page-nav{gap:16px;font-size:14px;line-height:22px}
}
@media(max-width:360px){
 .hero-header .brand img{width:56px;height:auto}
 .hero-header .page-nav{gap:12px;font-size:14px;line-height:22px}
}

.hero-header .page-nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}

/* Figma availability strip: charcoal, white type, and an inline divider. */
.current-app-banner{min-height:98px;padding:24px;gap:10px;margin-bottom:40px;font-size:24px;line-height:30px;background:#272727;color:#fff}
.current-app-banner img{flex:0 0 50px;width:50px;height:50px;object-fit:contain;border-radius:8px}
.current-app-banner span{flex:0 0 170px;width:170px;height:30px;padding:0 12px;line-height:30px;background:transparent;border-radius:0;border-right:1px solid #ffffff80}
.current-app-banner strong{font-size:24px;line-height:30px}
@media(max-width:760px){
 .current-app-banner{padding:22px 20px;margin-bottom:24px;font-size:16px;line-height:22px;letter-spacing:-.3px}
 .current-app-banner img{flex-basis:40px;width:40px;height:40px}
 .current-app-banner span{flex-basis:auto;width:auto;height:22px;line-height:22px;border-right:0;padding:0}
 .current-app-banner strong{font-size:16px;line-height:22px;flex-basis:100%;text-align:center}
}

/* Shared touch and mouse gesture affordances. */
.is-draggable{cursor:grab;user-select:none;touch-action:pan-y}
.is-draggable.is-dragging{cursor:grabbing}
.is-draggable img{-webkit-user-drag:none}

/* Match the centred mobile footer alignment across both page states. */
@media(max-width:760px){
 .site-footer{text-align:center}
 .site-footer .footer-brand{display:none}
 .site-footer .social-links,.footer-bottom nav{justify-content:center}
 .footer-bottom nav{order:-1}
 .footer-bottom{align-items:center}
}

/* Mobile comparison: one card with each label on its own full-width row, so
   labels no longer overlap the phone previews or straddle the column gap. */
@media(max-width:760px){
 .comparison-grid{grid-template-rows:auto 300px repeat(6,auto)}
 .comparison-grid:before{content:'';grid-column:1/-1;grid-row:2/-1;margin-top:92px;border-radius:18px;background:#fff;box-shadow:0 -8px 56px -12px #71717130,0 28px 40px -20px #71717150}
 .comparison-app.old-app,.compare-value.old-value{margin-right:0}
 .comparison-app.new-app,.compare-value.new-value{margin-left:0}
 .comparison-app.new-app .app-heading{padding-left:10px}
 .app-preview{box-shadow:none;background:transparent}
 .compare-label{position:static;grid-column:1/-1;width:auto;align-self:stretch;text-align:center;text-wrap:balance;padding:16px 12px 0;border-top:1px solid #edf0f5}
 .compare-label.row-one{grid-row:3;border-top:0;padding-top:8px}
 .compare-label.row-two{grid-row:5}
 .compare-label.row-three{grid-row:7}
 .compare-value{min-height:0;padding-top:8px;padding-bottom:18px;border-bottom:0;background:transparent}
 .compare-value.new-value{border-left:1px solid #edf0f5}
 .compare-value.row-one{grid-row:4}
 .compare-value.row-two{grid-row:6}
 .compare-value.row-three{grid-row:8;min-height:0;box-shadow:none;border-radius:0}
 /* Visible table borders: outer frame drawn above the cells, tinted label rows. */
 .comparison-grid:after{content:'';grid-column:1/-1;grid-row:2/-1;margin-top:92px;border:1px solid #d5dae2;border-radius:18px;pointer-events:none;z-index:3}
 .comparison-app.old-app .app-preview{border-radius:18px 0 0 0}
 .comparison-app.new-app .app-preview{border-left:1px solid #d5dae2;border-radius:0 18px 0 0}
 .compare-label,.compare-label.row-one{padding:10px 12px;background:#f5f6f8;border-top:1px solid #d5dae2;border-bottom:1px solid #d5dae2;color:var(--body)}
 .compare-value{padding-top:16px;padding-bottom:16px}
 .compare-value.new-value{border-left-color:#d5dae2}
}

@font-face{font-family:FooterMontserrat;src:url("assets/legacy-Montserrat-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:FooterMontserrat;src:url("assets/legacy-Montserrat-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
/* Footer: brand red with the corporate-site arc artwork, white type, three contact columns and a bottom rule. */
.site-footer{position:relative;overflow:hidden;isolation:isolate;text-align:left;color:#fff;font:500 12px/1.4 FooterMontserrat,'DM Sans',sans-serif;padding:46px max(32px,calc((100% - 1176px)/2)) 40px;background:#d71920 url("assets/footer-art-desktop.png?v=330634f6ab") center bottom/100% auto no-repeat}
.site-footer a{color:#fff}
.footer-main{grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:36px}
.footer-main .footer-label{font-size:12px;line-height:16px;letter-spacing:0;font-weight:500;margin:0 0 8px}
.footer-main>div>a{font-size:22px;line-height:28px;font-weight:700}
.footer-main p{font-size:12px;line-height:15px;font-weight:700;margin-top:6px}
.footer-main .footer-label+.social-links{margin-top:12px}
.social-links{gap:12px}
.footer-main .social-links a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff}
.footer-main .social-links a:hover{background:#000;text-decoration:none}
.footer-bottom{border-top:1px solid #ffffff40;padding-top:28px;align-items:center;font-size:11px}
.footer-bottom nav{gap:22px}
@media(max-width:760px){
 .site-footer{padding:40px 24px 28px;text-align:center;background-image:url("assets/footer-art-mobile.png?v=09c644ad79")}
 .footer-main{grid-template-columns:1fr;gap:28px}
 .footer-main .social-links{justify-content:center}
 .footer-bottom{flex-direction:column;gap:16px}
}

/* Wider than the 1280px artboard the hero background stretches, so its dotted rings drifted away
   from the phone. Above 1280px the rings are a separate layer pinned to the centred content box. */
@media(min-width:1281px){
 .hero:before{background-image:url('assets/hero-background-plain.webp')}
 .hero-inner:before{content:'';position:absolute;z-index:-1;left:580px;top:83.9px;width:608px;height:555.1px;background:url('assets/hero-rings.png?v=6cd9d8a368') 0 0/100% 100% no-repeat;pointer-events:none}
}
/* On mobile the hero background is squeezed into a tall, narrow box, flattening its rings into streaks.
   Use the plain background and pin the rings to the phone frame, scaled from the desktop offsets. */
@media(max-width:760px){
 .hero:before{background-image:url('assets/hero-background-plain.webp')}
 .hero-art:before{content:'';position:absolute;z-index:-1;left:-2.76243%;top:-.01397%;width:111.97053%;height:77.52793%;background:url('assets/hero-rings.png?v=6cd9d8a368') 0 0/100% 100% no-repeat;pointer-events:none}
 .hero-soon .hero-art:before{left:-8.28729%;top:-.29330%}
}

/* Let the hero phone overlap the top of the first card below it. The hero no longer isolates its
   layers, so the phone can sit above the card while the hero background stays behind it. */
.hero{isolation:auto}
.hero+.surface{z-index:1}
.hero-art{z-index:2}

/* Hero tags: frosted peach-to-orange glass with brand-orange type, sampled from the design. */
.hero-art .floating-tag{background:linear-gradient(180deg,#fddcc6f2 0%,#fbcfb1e6 45%,#f59f63d9 100%);color:var(--orange);font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* Figma wraps the second callout line after "mid-"; browsers set Metropolis slightly narrower, so cap the measure to keep the same break. */
@media(min-width:1200px){.current-app-callout p{max-width:640px}}

/* "What's changing?" gradient spans the full text box as in Figma; no shadow muddies the clipped fill. */
.comparison-intro .gradient-text{text-shadow:none}


.navbar-custom #main-navbar .navbar-nav>li>a {
 
    text-decoration: none;
}

 #nav-sub-content div slot a {
    font-family: Metropolis-SemiBold !important;
    text-decoration: none;
}

#nav-sub-content button{
   
    background: transparent;
}


.mob-inner-menu a {
   text-decoration: none;
   background: transparent;
}

.mob-inner-menu button{
   background: transparent;
}

.menu-card {
   background: transparent;
}

.footer .ft__sub a {
  background: transparent;
  text-decoration: none;
  color: #fff;
}

.sec_ft_wrapper a{
  text-decoration: none;
}

body {
   line-height: 1.5;
}

a.nav-more {
   text-decoration: none;
}

/* Corporate footer (#bottom__footer) matched to simedarbyproperty.com/app/: that page maps Montserrat 700 to
   the Medium cut, renders without forced antialiasing, and draws hr.ftr_line with Bootstrap's thin rule. */
@font-face{font-family:"Montserrat";src:url("assets/legacy-Montserrat-Medium.ttf") format("truetype");font-weight:700;font-display:swap}
#bottom__footer{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;line-height:1.5}
#bottom__footer hr.ftr_line{color:inherit;border:0;border-top:1px solid rgba(255,255,255,.4);opacity:.25;height:0}

/* Section header, as on simedarbyproperty.com/industrial: the corporate menu with a dark bar of in-page
   links beneath it. Scrolling down slides the menu away and keeps the bar; on phones the links fold into
   an "Overview" dropdown. */
:root:has(.sub-nav){scroll-padding-top:calc(var(--header-top,64px) + 65px)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:999;transition:transform .2s}
.site-header.is-minimized{transform:translateY(calc(-1 * var(--header-top,64px)))}
.site-header-top{height:var(--header-top,64px);background:#fff}
.site-header-space{height:calc(var(--header-top,64px) + 53px)}
.sub-nav{position:relative;background:#272727;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;font:700 14px/1.2 FooterMontserrat,Montserrat,sans-serif}
.sub-nav-links{display:flex;justify-content:space-evenly}
.sub-nav-links a{display:flex;align-items:center;height:53px;color:#f68f22;text-decoration:none}
.sub-nav-links a:hover,.sub-nav-links a[aria-current=true]{color:#fff}
.sub-nav-toggle{display:none}
@media(max-width:760px){
 :root:has(.sub-nav){scroll-padding-top:calc(var(--header-top,64px) + 68px)}
 .site-header-space{height:calc(var(--header-top,64px) + 56px)}
 .sub-nav-toggle{display:flex;align-items:center;justify-content:flex-end;gap:9px;width:100%;height:56px;padding:0 24px;border:0;background:none;color:#f68f22;font:inherit}
 .sub-nav-toggle svg{transition:transform .2s}
 .sub-nav.is-open .sub-nav-toggle svg{transform:rotate(180deg)}
 .sub-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:24px 30px;background:#f68f22;box-shadow:0 8px 16px #0003}
 .sub-nav.is-open .sub-nav-links{display:flex}
 .sub-nav-links a{height:auto;padding:12px 6px;color:#000;border-bottom:1px solid #000}
 .sub-nav-links a:hover,.sub-nav-links a[aria-current=true]{color:#fff}
}


.no-underline {
   text-decoration: none;
}