@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;650;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=arrow_forward,auto_awesome,calendar_month,chat_bubble,check_circle,checklist,description,graphic_eq,insights,inventory_2,mail,notifications,phone_iphone,spa,timer&display=block');
:root{--paper:#fffaf4;--ink:#1a1a2e;--muted:#625e70;--peach:#e8a87c;--line:#e5dcd4;--soft:#f5eee6;--navy:#1a1a2e;--orange:#a44e23;--orange-soft:#f7e6d8;--bg-deep:var(--paper);--bg-card:#fffdf9;--bg-card-hover:#f5eee6;--text-primary:var(--ink);--text-secondary:var(--muted);--text-muted:var(--muted);--border:var(--line)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.button{font-family:'Outfit',system-ui,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,5.3vw,72px);line-height:1.06;letter-spacing:-.047em;font-weight:650}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.035em;font-weight:600}h3{font-size:24px;line-height:1.25;letter-spacing:-.02em}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #427693;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-header{position:relative;z-index:5}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;background:none;border:0;position:static;backdrop-filter:none}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:650;text-decoration:none;letter-spacing:-.035em;white-space:nowrap}.brand img{width:43px;height:43px;border-radius:12px}.nav-items{display:flex;gap:27px;align-items:center}.nav-items a{text-decoration:none;font-size:14px;font-weight:600}.nav-items a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;background:var(--ink);color:#fffaf4;padding:15px 24px;min-height:52px;text-decoration:none;font-size:17px;font-weight:500;line-height:1.25;transition:background .15s,transform .15s}.button:hover{background:#303047;transform:translateY(-1px)}.button.peach{background:var(--peach);color:var(--ink)}.button.peach:hover{background:#f0bb94}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.small{padding:12px 18px;min-height:46px;font-size:15px}.icon{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#a44e23}.hero{padding:64px 0 60px;text-align:center;position:relative;overflow:visible;min-height:auto;background:none}.hero h1{max-width:1080px;margin:18px auto 20px}.hero .lede{font-size:19px;color:var(--muted);max-width:710px;margin-inline:auto;line-height:1.6}.hero::before,.hero::after{display:none}.demo{display:grid;grid-template-columns:1fr 1.2fr .83fr;gap:56px;text-align:start;align-items:center;margin-top:54px}.demo-choices{display:grid;gap:12px}.demo-choices>p{font-family:'Outfit';font-size:21px;font-weight:500;margin-bottom:2px}.choice{display:flex;align-items:center;gap:13px;width:100%;padding:17px 16px;border:1px solid var(--line);border-radius:12px;background:transparent;text-align:start;font-size:15px;font-weight:600;min-height:72px}.choice .icon{font-size:23px;color:#6b584b}.choice[aria-pressed=true]{border-color:#c8753e;background:#fcf0e5;box-shadow:0 0 0 1px #c8753e}.choice[aria-pressed=true] .choice-check{opacity:1}.choice-check{margin-inline-start:auto;opacity:0}.demo-result{text-align:center}.demo-result .step{font-family:'Outfit';font-size:clamp(27px,3vw,39px);letter-spacing:-.035em;line-height:1.18;font-weight:600;min-height:145px;display:flex;align-items:center;justify-content:center;margin:15px 0 20px}.demo-result .button{width:100%}.text-button{border:0;padding:10px 4px;min-height:44px;background:none;color:#8d421d;text-decoration:underline;text-underline-offset:4px;font-size:14px}.demo-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}.app-shot{margin:0;max-width:250px;justify-self:center}.app-shot img{border-radius:28px;border:1px solid #d5ccc4;box-shadow:0 12px 32px #1a1a2e10;max-height:410px;object-fit:cover;object-position:top;width:100%}.app-shot figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}.focus-panel[hidden]{display:none}.focus-panel{margin-top:40px;background:var(--navy);color:var(--paper);border-radius:22px;padding:32px;text-align:center}.focus-panel .eyebrow{color:var(--peach)}.focus-panel h3{margin-top:12px;max-width:620px;margin-inline:auto}.time{font-family:'Outfit',sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(64px,9vw,96px);line-height:1.2;letter-spacing:-.04em;margin-block:12px}.timer-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.focus-panel .text-button{color:var(--paper)}.focus-panel .timer-status{font-size:14px;color:#c6c1cd;margin-top:16px}.pocket{background:var(--navy);color:var(--paper);padding:42px 0}.pocket-inner{display:flex;align-items:center;gap:20px;justify-content:space-between}.pocket h2{font-size:30px}.pocket p{font-size:15px;color:#c6c1cd;margin-top:6px}.section{padding:88px 0}.section-lede{color:var(--muted);font-size:18px;max-width:620px;margin-top:18px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.step-item{border-top:1px solid var(--line);padding-top:22px}.step-item .eyebrow{margin-bottom:18px}.step-item p{color:var(--muted);margin-top:13px;line-height:1.7}.soft-section{background:var(--soft)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.feature-list{display:grid;gap:28px}.feature-row{display:flex;gap:18px}.feature-row>.icon{color:#995024;margin-top:4px}.feature-row p{margin-top:7px;color:var(--muted)}.feature-row h3{font-size:21px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.resource-link{padding:25px;border:1px solid var(--line);border-radius:14px;text-decoration:none;display:flex;flex-direction:column;gap:16px;transition:background .15s}.resource-link:hover{background:var(--soft)}.resource-link p{color:var(--muted);font-size:15px}.resource-link .read{margin-top:auto;font-size:14px;font-weight:700;color:#8d421d}.prices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.price-panel{border:1px solid var(--line);padding:32px;border-radius:18px}.price-panel.pro{background:var(--navy);color:var(--paper);border:0}.price-panel .price{font-family:'Outfit';font-size:44px;letter-spacing:-.04em;line-height:1.3;margin-top:14px}.price small{font-family:'DM Sans';font-size:15px;letter-spacing:0;font-weight:400}.price-panel p{color:var(--muted);margin-top:10px}.price-panel.pro p{color:#cbc5d0}.price-panel ul{padding-left:19px;line-height:2;margin-block:23px}.price-panel .button{margin-top:8px}.fine-print{font-size:13px;color:var(--muted);margin-top:22px;max-width:790px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line);padding-block:19px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:17px;font-weight:600;line-height:1.5;padding-right:10px;min-height:28px}.faq-list details p{color:var(--muted);margin-top:14px;line-height:1.75}.site-footer{padding:40px 0;background:var(--soft);text-align:start;border:0}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-nav{display:flex;flex-wrap:wrap;gap:14px 24px;max-width:500px;justify-content:flex-end}.footer-nav a{font-size:14px;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-bottom{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.languages{max-width:160px;border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px;color:var(--ink)}.article{width:min(760px,calc(100% - 48px));margin:auto;padding:55px 0 80px}.article h1{font-size:clamp(38px,5vw,58px);margin:18px 0 22px}.article .intro{font-size:19px;color:var(--muted);line-height:1.75}.article h2{font-size:29px;margin:45px 0 16px}.article h3{margin:30px 0 13px}.article p,.article li{margin-bottom:16px}.article ul,.article ol{padding-inline-start:24px}.article .callout{background:var(--soft);padding:24px;border-inline-start:3px solid #bf7945;margin:28px 0}.article .demo{grid-template-columns:1fr 1.2fr;gap:26px;margin-top:28px}.article .demo-result .step{font-size:30px;min-height:140px}.article .related{border-top:1px solid var(--line);margin-top:50px;padding-top:22px}.article .related a{display:block;margin-block:10px}.breadcrumb{font-size:13px;color:var(--muted)}.article .focus-panel h3{margin:12px auto}.article .focus-panel p{margin-bottom:0}.timer-page .demo{display:block}.timer-page .demo-choices{grid-template-columns:repeat(3,1fr)}.timer-page .demo-choices>p{grid-column:1/-1}.timer-page .demo-result{margin-top:24px}.timer-page .demo-result .step{min-height:0;margin-block:20px}.timer-page .demo-result .button{max-width:400px}.timer-page .choice{font-size:14px;padding:12px;gap:8px}
@media(max-width:1000px){.nav-items{gap:18px}.nav-items a:nth-child(2){display:none}.demo{gap:28px;grid-template-columns:1fr 1.15fr .75fr}.hero{padding-top:44px}.pocket-inner{gap:24px}.pocket h2{font-size:27px}.split-section,.faq-layout{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-nav{padding-block:16px}.brand{font-size:22px}.brand img{width:36px;height:36px;border-radius:10px}.nav-items{display:none}.site-nav>.button{font-size:13px;padding:12px 15px;min-height:44px}.hero{padding:40px 0}.hero h1{font-size:43px;max-width:600px}.hero .lede{font-size:17px}.eyebrow{font-size:11px}.demo{grid-template-columns:1fr;margin-top:32px;gap:25px}.demo-choices{gap:9px}.choice{min-height:60px;padding:13px 15px}.demo-result .step{font-size:32px;min-height:0;max-width:420px;margin:15px auto 22px}.app-shot{display:none}.pocket-inner{flex-direction:column;align-items:flex-start;gap:22px}.pocket{padding:34px 0}.pocket h2{font-size:28px}.pocket .button{width:100%}.section{padding:58px 0}.steps-grid,.split-section,.resource-grid,.prices,.faq-layout{grid-template-columns:1fr;gap:27px}.steps-grid{margin-top:25px}.step-item{padding-top:18px}.step-item .eyebrow{margin-bottom:10px}.feature-list{margin-top:8px}.resource-grid{gap:14px}.resource-link{padding:23px}.price-panel{padding:25px}.faq-layout{gap:28px}.footer-top{flex-direction:column}.footer-nav{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:15px}.article{padding-top:35px}.article .demo{grid-template-columns:1fr}.timer-page .demo-choices{grid-template-columns:1fr}.focus-panel{padding:25px 18px}.article .intro{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Desktop composition: keep the useful demo and install invitation in view. */
@media(min-width:761px){.hero{padding-top:44px;padding-bottom:42px}.hero .lede br{display:none}.demo{margin-top:34px}.app-shot img{width:250px;height:390px;max-height:none;object-fit:cover;object-position:top}.pocket-inner{justify-content:center;text-align:center;flex-wrap:wrap}.pocket .button{flex-shrink:0}.demo-choices{align-self:center}}
@media(max-width:760px){.hero{padding-top:24px}.hero h1{font-size:38px;margin:16px auto}.hero .lede{font-size:16px}.hero .demo{margin-top:24px;gap:20px}.hero .choice{min-height:54px;padding:11px 14px}.hero .demo-result .step{font-size:28px;margin:10px auto 16px}.hero .demo-choices>p{font-size:19px}.hero .demo-note{margin-top:8px}}
/* Reserve icon space while fonts load so mobile labels never collapse. */
.icon{width:24px;min-width:24px;height:24px;flex:0 0 24px;overflow:hidden;vertical-align:middle}
/* Language navigation works without JavaScript and stays on the same guide. */
.language-menu{position:relative;margin-inline-start:auto;flex-shrink:0;font-size:15px}.language-menu summary{cursor:pointer;padding:12px 16px;min-height:44px;border:1px solid var(--line);border-radius:9px;list-style:revert}.language-menu nav{position:absolute;inset-inline-end:0;top:100%;min-width:170px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px;z-index:20;box-shadow:0 12px 24px #1a1a2e14}.language-menu nav a{display:block;padding:9px 12px;text-decoration:none;min-height:44px}.language-menu a[aria-current=page],.language-links a[aria-current=page]{font-weight:700;text-decoration:underline}.language-links{display:flex;flex-wrap:wrap;gap:8px 18px}.language-links a{padding-block:8px;min-height:44px}.article .choice span:not(.icon){overflow-wrap:anywhere}.nav-items a{line-height:1.35}.site-nav .nav-items{flex-wrap:wrap}.footer-nav+ .footer-bottom{clear:both}html[lang=de] .article h1{hyphens:auto}@media(max-width:380px){.site-nav{gap:12px}.language-menu summary{padding:10px}.site-nav .brand{font-size:20px}.site-nav .brand img{width:30px;height:30px}}

/* Script-aware spacing and scrolling keep all fourteen languages usable. */
.language-menu nav{max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
.language-menu nav a{unicode-bidi:isolate}.time{direction:ltr;unicode-bidi:isolate}
html:lang(ar) body{font-family:Tahoma,"Noto Sans Arabic",system-ui,sans-serif}
html:lang(hi) body{font-family:"Noto Sans Devanagari",Mangal,system-ui,sans-serif}
html:lang(ja) body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif}
html:lang(ko) body{font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;word-break:keep-all;overflow-wrap:anywhere}
html:lang(zh) body{font-family:"PingFang TC","Microsoft JhengHei",system-ui,sans-serif}
:is(html:lang(ar),html:lang(hi),html:lang(ja),html:lang(ko),html:lang(zh)) :is(h1,h2,h3,.button,.demo-result .step,.demo-choices>p){font-family:inherit;letter-spacing:normal;line-height:1.4}
:is(html:lang(ar),html:lang(hi),html:lang(ja),html:lang(ko),html:lang(zh)) .eyebrow{letter-spacing:normal;text-transform:none}
html[dir=rtl] [data-start] .icon{transform:scaleX(-1)}