@font-face{font-family:Source Sans;src:url('assets/quitapp/fonts/SourceSans3-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Source Sans;src:url('assets/quitapp/fonts/SourceSans3-Semibold.otf') format('opentype');font-weight:600 800;font-display:swap}
:root{--paper:#f6f7f2;--ink:#213831;--muted:#5d6e67;--teal:#24766e;--line:#d6ddd5;--blue:#2c60ac;--navy:#1d2b42;--mint:#e5eee7;--font:'Source Sans','Helvetica Neue',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#c9e6d7;color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.047em;line-height:1.04}h2{font-size:clamp(38px,4.3vw,60px)}h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}p+p{margin-top:18px}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:108px}.eyebrow{text-transform:uppercase;font-size:12px;line-height:1.5;letter-spacing:.14em;font-weight:600;color:var(--teal);margin-bottom:20px}.skip-link{position:absolute;left:20px;top:-80px;padding:10px 20px;background:var(--ink);color:var(--paper);z-index:20}.skip-link:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:48px}.site-brand{display:flex;align-items:center;gap:17px;font-size:13px;color:var(--muted)}.site-brand img{width:40px;height:40px;object-fit:contain}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.site-header nav a{padding:12px 0;transition:color .2s}.site-header nav a:hover{color:var(--teal)}.site-header nav span{margin-left:6px}.language{font-size:12px;letter-spacing:.08em;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;padding-top:54px;padding-bottom:55px;align-items:center;min-height:705px}.product-line{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.025em;color:var(--muted)}.product-line img{width:42px;height:42px;border-radius:10px}.product-slash{padding:0 10px;color:#899990}.hero h1{font-size:clamp(65px,7.3vw,98px);margin:32px 0 22px;font-weight:600;letter-spacing:-.055em;line-height:.98}.hero h1 span{color:var(--teal)}.hero-intro{font-size:clamp(23px,2.3vw,29px);line-height:1.3;letter-spacing:-.018em}.hero-description{max-width:425px;font-size:17px;color:var(--muted);line-height:1.7;margin-top:20px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:12px 22px;border:1px solid transparent;border-radius:4px;font-size:15px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#30574c;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;background:none;border:0;padding:8px 0;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.play-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #9aac9f;border-radius:50%;font-size:19px;padding-left:2px;font-weight:400}.availability{margin-top:18px;font-size:12px;color:var(--muted)}.availability span{padding:0 9px}.hero-visual{height:586px;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:36px;isolation:isolate}.orbit{position:absolute;width:460px;height:460px;max-width:100%;border:1px solid #b8d3c6;border-radius:50%;z-index:-1;background:#eaf0e7}.orbit::before{content:'';position:absolute;left:49.7%;top:0;width:1px;height:100%;background:#b8d3c6;transform:rotate(42deg)}.orbit::after{content:'';position:absolute;left:13%;top:7%;width:8px;height:8px;border-radius:50%;background:#528c7c;box-shadow:0 0 0 7px var(--paper)}.hero-screen{width:245px;border-radius:22px;box-shadow:0 24px 42px -20px #213e324d,0 0 0 5px #fcfcf8;transform:rotate(3deg)}.hero-note{position:absolute;right:0;top:13px;font-size:13px;line-height:1.35;color:var(--teal);transform:rotate(-7deg);z-index:1}.little-line{display:block;width:36px;height:1px;background:#7c9c89;margin-bottom:12px}.hero-visual figcaption{position:absolute;bottom:0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}.promise-rail{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:22px}.promise-rail p{font-size:16px;margin:0;display:flex;gap:14px;align-items:center}.promise-rail span{font-size:11px;color:#74837b;font-variant-numeric:tabular-nums}.intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;row-gap:8px}.intro>.eyebrow{grid-column:1/-1}.intro-copy{font-size:18px;color:var(--muted);max-width:455px;align-self:center}.intro-copy p:first-child{font-size:23px;line-height:1.5;color:var(--ink);letter-spacing:-.015em}
.widget-section{background:var(--navy);color:#eef5f2;overflow:hidden}.widget-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-block:76px}.eyebrow.light{color:#9bc9c0}.widget-copy h2{font-size:clamp(40px,4.6vw,63px)}.widget-copy>p:not(.eyebrow){max-width:370px;color:#c1cfd7;line-height:1.8;font-size:18px;margin-top:25px}.plain-list{list-style:none;margin:25px 0 23px;padding:0;font-size:15px;color:#dfe9eb}.plain-list li{padding:8px 0;display:flex;align-items:center;gap:13px}.plain-list li::before{content:'';width:5px;height:5px;flex-shrink:0;background:#8cb9b7;border-radius:50%}.on-dark{color:#d5f0e9;border-bottom:1px solid #526773;font-weight:400}.widget-figure{width:100%;max-width:480px;justify-self:end}.widget-capture{width:100%;aspect-ratio:1320/1470;overflow:hidden;position:relative}.widget-capture img{width:100%;max-width:none;transform:translateY(-9.4%)}.widget-capture.full{aspect-ratio:1320/2868}.widget-capture.full img{transform:none}.widget-figure figcaption{font-size:11px;color:#a3b7c4;text-align:center;margin-top:18px;line-height:1.6}.section-heading{margin-bottom:48px}.section-heading>p:last-child{font-size:18px;color:var(--muted);max-width:380px;margin-top:22px}.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.step-stage{background:#e9ede4;padding:24px 34px 18px;text-align:center;min-height:602px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.stage-label{font-size:12px;color:var(--muted);margin-bottom:26px}.step-stage>img{width:222px;border-radius:13px;box-shadow:0 12px 22px -15px #344c3375}.screen-caption{font-size:11px;color:var(--muted);margin-top:22px;text-align:center}.step{display:flex;width:100%;align-items:flex-start;text-align:left;gap:17px;border:0;border-top:1px solid var(--line);background:none;padding:31px 2px;transition:color .2s;color:var(--muted)}.step:last-child{border-bottom:1px solid var(--line)}.step-number{font-size:12px;padding-top:7px;color:var(--muted)}.step-body{display:flex;flex-direction:column;gap:12px}.step-body strong{font-size:25px;line-height:1.2;letter-spacing:-.02em;font-weight:400}.step-body>span{font-size:16px;line-height:1.7;max-width:350px}.step-arrow{font-size:24px;margin-left:auto;color:#8c9e94;line-height:1}.step.active{color:var(--ink);border-top-color:var(--teal)}.step.active .step-body strong,.step.active .step-number,.step.active .step-arrow{color:var(--teal)}.step:hover .step-body strong{color:var(--teal)}.video-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;border-top:1px solid var(--line);padding-block:80px}.video-copy p:not(.eyebrow):not(.video-note){max-width:390px;color:var(--muted);font-size:18px;margin-top:24px}.device-switch{display:inline-flex;gap:6px;border-bottom:1px solid var(--line);margin-top:27px}.device-switch button{border:0;background:none;padding:10px 24px;color:var(--muted);font-size:15px;min-height:44px;border-bottom:2px solid transparent}.device-switch button.selected{border-bottom-color:var(--teal);color:var(--teal);font-weight:600}.video-note{font-size:11px;color:var(--muted);margin-top:15px}.video-note span{padding:0 5px}.video-stage{padding:32px 20px 20px;background:#e8ede6;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:602px}.video-stage video{display:block;width:244px;max-width:100%;height:auto;aspect-ratio:886/1920;border-radius:13px;background:#e6e9ef}.video-stage.ipad video{width:365px;aspect-ratio:1200/1600}.privacy-section{background:#e8eee5;padding-block:87px}.privacy-inner{display:grid;grid-template-columns:1fr 1fr;gap:8%}.privacy-copy{max-width:430px;font-size:17px;color:#53685d}.privacy-copy .large-copy{color:var(--ink);font-size:27px;line-height:1.4;margin-bottom:25px}.privacy-copy .text-link{margin-top:25px;color:var(--ink)}.faq-section{display:grid;grid-template-columns:.85fr 1.2fr;gap:7%;padding-bottom:80px}.faq-aside{color:var(--muted);font-size:17px;margin-top:24px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;line-height:1.4;padding:22px 0}summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--teal);font-size:24px;line-height:1;flex-shrink:0}details[open] summary::after{content:'−'}details p{font-size:16px;color:var(--muted);padding:0 30px 24px 0;line-height:1.8}.closing{border-top:1px solid var(--line);text-align:center;padding-block:76px 87px}.closing-brand{display:flex;align-items:center;justify-content:center;gap:13px;font-weight:600;font-size:20px;margin-bottom:30px}.closing-brand img{width:44px;height:44px;border-radius:11px}.closing h2{font-size:clamp(48px,5.3vw,74px)}.closing>p{font-size:18px;color:var(--muted);margin-top:25px;line-height:1.6}.closing>.button{margin-top:28px}.closing .closing-footnote{font-size:12px;margin-top:19px}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding:25px 0 32px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.site-footer>div{display:flex;gap:25px;margin-left:auto}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer small{font-size:11px}.footer-brand{color:var(--ink)}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease-out both}.hero-visual{animation:arrive .85s .12s ease-out both}@keyframes arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{gap:25px}.site-brand span{display:none}.site-header nav{margin-left:0;gap:25px}.language{margin-left:auto}.hero{gap:25px;grid-template-columns:1fr 1fr}.hero h1{font-size:76px}.hero-description{font-size:16px}.hero-screen{width:218px}.hero-visual{height:552px}.hero-note{right:0;top:0}.actions{gap:16px}.actions .text-link{font-size:14px}.product-line{font-size:12px}.promise-rail p{font-size:14px;gap:10px}.widget-inner{gap:30px}.section-space{padding-block:85px}.steps-layout,.video-section{gap:6%}.step-stage,.video-stage{min-height:585px}.video-stage video{width:230px}.site-footer small{flex-basis:100%}}
@media(max-width:720px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:20px}.site-brand img{width:31px;height:31px}.site-header nav{gap:18px;font-size:12px;margin-left:auto}.site-header nav a:first-child{display:none}.language{padding-left:14px;margin-left:0;font-size:11px}.hero{grid-template-columns:1fr;gap:40px;padding-top:36px;padding-bottom:28px;min-height:auto}.product-line{font-size:12px;gap:11px}.product-line img{width:35px;height:35px;border-radius:9px}.hero h1{font-size:clamp(64px,16vw,88px);margin:30px 0 25px}.hero-intro{font-size:26px}.hero-description{font-size:17px;max-width:470px;margin-top:20px}.actions{gap:23px;margin-top:27px}.actions .text-link{font-size:14px}.availability{margin-top:16px}.hero-visual{height:552px;margin-inline:5px}.hero-screen{width:225px}.orbit{width:350px;height:350px}.hero-note{top:27px;right:0;font-size:12px}.hero-visual figcaption{font-size:11px;bottom:5px}.promise-rail{grid-template-columns:1fr 1fr;row-gap:17px;column-gap:10px;padding-block:21px}.promise-rail p{font-size:14px;gap:9px}.promise-rail span{font-size:10px}.section-space{padding-block:68px}.intro{grid-template-columns:1fr;gap:0}.intro>.eyebrow{margin-bottom:18px}h2{font-size:43px}.intro-copy{margin-top:30px;font-size:17px}.intro-copy p:first-child{font-size:21px}.eyebrow{font-size:11px;letter-spacing:.12em}.widget-inner{grid-template-columns:1fr;gap:30px;padding-block:53px 40px}.widget-copy h2{font-size:49px}.widget-copy>p:not(.eyebrow){font-size:17px;max-width:100%;margin-top:25px}.plain-list{margin:19px 0 17px}.plain-list li{padding-block:5px}.widget-figure{justify-self:center;max-width:425px}.widget-capture{aspect-ratio:1320/1450}.widget-figure figcaption{font-size:10px;margin-top:5px}.section-heading{margin-bottom:27px}.section-heading>p:last-child{font-size:17px;margin-top:20px}.steps-layout{grid-template-columns:1fr;gap:30px}.steps{grid-row:1}.step{padding-block:23px;gap:13px}.step-body strong{font-size:23px}.step-body>span{font-size:16px;max-width:none}.step:not(.active) .step-body>span{display:none}.step-stage{min-height:auto;padding:22px 20px 17px}.stage-label{font-size:11px;margin-bottom:22px}.step-stage>img{width:222px}.screen-caption{margin-top:18px;font-size:10px}.video-section{grid-template-columns:1fr;gap:30px;padding-block:57px}.video-copy p:not(.eyebrow):not(.video-note){font-size:17px;max-width:none}.video-stage{min-height:0;padding:25px 20px 17px}.video-stage video{width:244px}.video-stage.ipad video{width:340px}.privacy-inner{grid-template-columns:1fr;gap:30px}.privacy-copy{font-size:17px;max-width:none}.privacy-copy .large-copy{font-size:25px;margin-bottom:20px}.privacy-copy .text-link{margin-top:18px}.faq-section{grid-template-columns:1fr;gap:32px}.faq-aside{font-size:16px;margin-top:20px}.faq-aside br{display:none}summary{font-size:17px;padding:20px 0}details p{font-size:16px;padding-right:10px}.closing{padding-block:55px 58px}.closing h2{font-size:53px}.closing>p{font-size:17px}.closing-brand{margin-bottom:26px}.closing .button{font-size:14px;gap:20px}.site-footer{gap:20px;font-size:12px;padding-bottom:27px}.site-footer>div{margin-left:0;gap:22px;flex-basis:100%}.site-footer small{font-size:11px}.desktop-break{display:none}}
@media(max-width:720px){.hero-visual{height:587px;padding-top:40px}.hero-note{top:0;right:4px;font-size:11px}.actions{gap:18px}.actions .primary{padding-inline:18px;gap:17px}.actions .text-link{font-size:13px;gap:8px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.site-header nav{gap:13px}.language{padding-left:10px}.hero h1{font-size:61px}.actions{gap:15px}.actions .text-link{font-size:12px}.button{padding-inline:18px}.promise-rail p{font-size:12px}.hero-note{font-size:11px}.hero-screen{width:209px}.hero-visual{height:550px}.hero-intro{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}