.home{--glow-green:#35c737;--glow-yellow:#f5bd17;--glow-orange:#f47a22;--glow-red:#ef455d;--glow-magenta:#b445b8;--glow-blue:#1ba4df;--home-grey:#6e6a73;--home-quiet:#a8a4ac;--home-band:#f5f5f7;--home-width:min(1120px, calc(100vw - 48px));--gutter:max(24px, calc((100vw - 1120px) / 2));background:#fff}.home h1,.home h2,.home h3{color:var(--ink);text-wrap:balance;margin-top:0}.home h2{letter-spacing:-.05em;font-size:clamp(38px,4.8vw,66px);font-weight:760;line-height:1.02}.h-rainbow-text{background-image:var(--brand-rainbow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.h-eyebrow{color:var(--home-grey);letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:750}.h-eyebrow-colour{color:color-mix(in srgb, var(--glow) 74%, #000)}.h-button{color:#fff;background:var(--ink);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:10px;min-height:54px;padding:0 26px;font-size:17px;font-weight:720;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 30px #17151a2e}.h-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px #17151a3d}.h-text-link{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:6px;font-size:17px;font-weight:720;display:inline-flex}.h-text-link span{font-size:1.2em;line-height:1;transition:transform .18s}.h-text-link:hover span{transform:translate(3px)}.h-center-heading{text-align:center;max-width:780px;margin:0 auto}.h-center-heading>p:not(.h-eyebrow){max-width:36em;color:var(--home-grey);margin:22px auto 0;font-size:clamp(17px,1.45vw,20px);line-height:1.55}.h-phone{height:auto;display:block}.h-hero-phones,.h-screens-phones,.h-final-phones{--c:clamp(230px, 25vw, 330px);width:100%;height:calc(var(--c) * 1.42);position:relative}.h-hero-phones{clip-path:inset(-100vh -100vw 0)}.h-screens-phones,.h-final-phones{height:calc(var(--c) * 2.05 + 70px)}.h-hero-phones .h-phone,.h-screens-phones .h-phone,.h-final-phones .h-phone{top:var(--top,0);filter:drop-shadow(0 28px 36px #281e3c29)drop-shadow(0 6px 12px #281e3c14);position:absolute}.h-phone-center{z-index:2;left:calc(50% - var(--c) / 2);width:var(--c)}.h-phone-side{z-index:1;--top:calc(var(--c) * .2);width:calc(var(--c) * .86)}.h-phone-left{left:calc(50% - var(--c) * 1.2)}.h-phone-right{left:calc(50% + var(--c) * .34)}.h-hero{isolation:isolate;text-align:center;background:radial-gradient(55% 60% at 8% -6%,#1ba4df33,#0000 70%),radial-gradient(45% 50% at 50% -14%,#b445b81f,#0000 70%),radial-gradient(50% 55% at 94% -2%,#f47a2224,#0000 70%),radial-gradient(40% 40% at 72% 30%,#f5bd170f,#0000 70%),#fff;padding:124px 0 0;position:relative;overflow:hidden}.h-hero-copy{width:var(--home-width);margin:0 auto}.h-hero-icon{background:#fff;border-radius:19px;width:80px;height:80px;margin:0 auto 28px;box-shadow:0 18px 40px #281e3c24,0 2px 6px #281e3c14,inset 0 0 0 1px #1c17220d}.h-hero h1{letter-spacing:-.055em;margin-bottom:22px;font-size:clamp(46px,5.8vw,82px);font-weight:770;line-height:.98}.h-lede{max-width:38em;color:var(--home-grey);margin:0 auto 32px;font-size:clamp(18px,1.6vw,21px);line-height:1.5}.h-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;display:flex}.h-rating{color:var(--home-grey);align-items:center;gap:8px;margin-top:22px;font-size:15px;font-weight:650;display:inline-flex}.h-rating strong{color:var(--ink);font-weight:800}.h-stars{color:#e9a800;letter-spacing:1px}.h-hero-phones{margin-top:52px}@media (prefers-reduced-motion:no-preference){.h-hero-phones .h-phone-center{animation:1.1s cubic-bezier(.16,1,.3,1) .12s both h-phone-rise}.h-hero-phones .h-phone-left{--tuck:62%;animation:1.2s cubic-bezier(.16,1,.3,1) .42s both h-phone-fan}.h-hero-phones .h-phone-right{--tuck:-62%;animation:1.2s cubic-bezier(.16,1,.3,1) .42s both h-phone-fan}@supports (animation-timeline:scroll()){.h-hero-phones .h-phone-center,.h-hero-phones .h-phone-side{animation-name:h-phone-rise,h-phone-drift;animation-duration:1.1s, auto;animation-timing-function:cubic-bezier(.16,1,.3,1),linear;animation-fill-mode:both;animation-timeline:auto,scroll(root);animation-range:normal,0 700px}.h-hero-phones .h-phone-side{--drift:-70px;animation-name:h-phone-fan,h-phone-drift;animation-duration:1.2s, auto;animation-delay:.42s,0s}.h-hero-phones .h-phone-center{--drift:-24px;animation-delay:.12s,0s}}}@keyframes h-phone-rise{0%{transform:translateY(34%)}to{transform:none}}@keyframes h-phone-fan{0%{transform:translate(var(--tuck), 22%) scale(.92)}to{transform:none}}@keyframes h-phone-drift{0%{translate:0}to{translate:0 var(--drift)}}.h-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.h-proof-inner{width:var(--home-width);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 64px;margin:0 auto;padding:36px 0;display:flex}.h-laurel{align-items:center;gap:8px;display:flex}.h-laurel img{filter:brightness(0);opacity:.4;width:auto;height:42px}.h-laurel .h-leaf-right{transform:scaleX(-1)}.h-laurel p{color:var(--ink);text-align:center;margin:0;display:grid}.h-laurel small{color:var(--home-grey);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:750}.h-laurel strong{letter-spacing:-.02em;font-size:18px;font-weight:800}.h-press{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 30px;display:flex}.h-press .h-eyebrow{margin:0;font-size:12px}.h-press-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 30px;display:flex}.h-press-row img{filter:grayscale()brightness(0);opacity:.5;width:auto;height:24px}.h-statement{width:var(--home-width);margin:0 auto;padding:190px 0 70px}.h-statement p{max-width:1000px;color:var(--home-quiet);letter-spacing:-.045em;margin:0;font-size:clamp(30px,4.1vw,56px);font-weight:740;line-height:1.12}.h-statement strong{color:var(--ink);font-weight:inherit}.h-row{width:var(--home-width);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;margin:0 auto;padding:110px 0;display:grid}.h-row-flip .h-row-copy{order:2}.h-row-copy h2{margin-bottom:22px}.h-row-body{max-width:30em;color:var(--home-grey);margin-bottom:28px;font-size:clamp(17px,1.45vw,20px);line-height:1.55}.h-checks{gap:12px;margin:0 0 34px;padding:0;list-style:none;display:grid}.h-checks li{color:var(--ink-soft);padding-left:32px;font-size:16.5px;font-weight:650;position:relative}.h-checks li:before{color:#fff;background:var(--glow);content:"✓";border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid;position:absolute;top:2px;left:0}.h-row-visual{place-items:center;height:clamp(520px,50vw,660px);display:grid;position:relative}.h-row-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--glow) 30%, transparent) 0%, transparent 68%);filter:blur(10px);border-radius:50%;width:78%;position:absolute}.h-row-phone{filter:drop-shadow(0 40px 44px #281e3c2e)drop-shadow(0 8px 14px #281e3c1a);width:clamp(240px,23vw,300px);position:relative;transform:perspective(1600px)rotateY(-16deg)rotateX(5deg)rotate(4deg)}.h-row-flip .h-row-phone{transform:perspective(1600px)rotateY(16deg)rotateX(5deg)rotate(-4deg)}.h-mac{padding:150px 24px 40px}.h-mac-stage{perspective:1800px;width:min(1100px,100%);margin:60px auto 0}.h-mac-stage img{filter:drop-shadow(0 40px 60px #281e3c24);transform-origin:50% 100%;width:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.h-mac-stage img{animation:linear both h-mac-rise view();animation-range:entry cover 40%}}}@keyframes h-mac-rise{0%{opacity:.4;transform:rotateX(22deg)scale(.92)translateY(40px)}to{opacity:1;transform:none}}.h-features{padding:190px 0 0}.h-features-heading{width:var(--home-width);margin:0 auto 44px}.h-features-heading h2{margin-bottom:14px}.h-features-heading p{color:var(--home-grey);margin:0;font-size:clamp(17px,1.45vw,20px)}.h-rail{padding:6px var(--gutter) 24px;overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;display:flex;overflow-x:auto}.h-rail::-webkit-scrollbar{display:none}.h-rail:focus-visible{outline-offset:-4px}.h-card{background:radial-gradient(70% 80% at 78% 88%, color-mix(in srgb, var(--glow) 26%, transparent), transparent 70%), color-mix(in srgb, var(--glow) 7%, var(--home-band));scroll-snap-align:start;border-radius:34px;flex:0 0 min(900px,100vw - 48px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:500px;margin:0;display:grid;overflow:hidden}.h-card figcaption{flex-direction:column;justify-content:center;padding:50px 20px 50px 52px;display:flex}.h-card h3{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(26px,2.6vw,34px);font-weight:760;line-height:1.08}.h-card figcaption p:not(.h-eyebrow){max-width:24em;color:var(--home-grey);margin-bottom:24px;font-size:17px;line-height:1.55}.h-card figcaption a{color:var(--ink);font-size:16px;font-weight:720}.h-card-media{justify-content:center;align-items:flex-start;padding-top:50px;display:flex;position:relative;overflow:hidden}.h-card-phone{aspect-ratio:1350/2760;filter:drop-shadow(0 24px 34px #281e3c29);flex:none;width:280px;position:relative}.h-card-screen{background:#f2f2f7;width:89.333%;height:95%;position:absolute;top:2.5%;left:5.333%;overflow:hidden;-webkit-mask:url(/_assets/phone-screen-mask.CoozIpXJ.png) 50%/100% 100% no-repeat;mask:url(/_assets/phone-screen-mask.CoozIpXJ.png) 50%/100% 100% no-repeat}.h-card-screen picture,.h-card-screen img,.h-card-screen video{object-fit:cover;width:100%;height:100%}.h-card-screen video{opacity:0;transition:opacity .4s;position:absolute;inset:0}.h-card-screen video.is-ready{opacity:1}.h-card-frame{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.h-replay{z-index:3;border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border-radius:50%;place-items:center;padding:0;font-size:17px;display:grid;position:absolute;top:20px;right:20px}.h-rail-controls{width:var(--home-width);justify-content:space-between;align-items:center;margin:12px auto 0;display:flex}.h-arrows{gap:10px;display:flex}.h-arrow{width:46px;height:46px;color:var(--ink);background:var(--home-band);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:24px;line-height:1;transition:background-color .18s,opacity .18s;display:grid}.h-arrow:hover{background:#e9e9ec}.h-arrow:disabled{cursor:default;opacity:.35}.h-dots{align-items:center;gap:7px;display:flex}.h-dots span{background:#1c172229;border-radius:999px;width:8px;height:8px;transition:width .3s,background-color .3s}.h-dots span.is-current{background:var(--ink);width:28px}.h-screens{padding:190px 24px 0}.h-works-with{justify-items:center;gap:10px;max-width:860px;margin:36px auto 64px;display:grid}.h-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.h-pills li{border:1px solid var(--line);color:var(--home-grey);background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:650}.h-pills-strong li{color:var(--ink);background:var(--home-band);border-color:#0000;font-weight:750}.h-voices{padding:170px 24px 0}.h-quotes{width:var(--home-width);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:56px auto 0;display:grid}.h-quote{background:var(--home-band);border-radius:28px;flex-direction:column;margin:0;padding:34px;display:flex}.h-quote-stars{color:#e9a800;letter-spacing:3px;margin-bottom:16px;font-size:18px}.h-quote-title{color:var(--ink);letter-spacing:-.03em;margin-bottom:10px;font-size:20px;font-weight:780}.h-quote-body{color:var(--ink-soft);flex:1;margin-bottom:20px;font-size:16.5px;line-height:1.55}.h-quote footer{color:var(--home-grey);font-size:14px;font-weight:650}.h-bento-band{background:var(--home-band);margin-top:190px;padding:130px 24px}.h-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:16px;width:min(1120px,100%);margin:0 auto;display:grid}.h-tile{background:#fff;border-radius:28px;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.h-tile .h-eyebrow{margin-bottom:40px;font-size:12px}.h-tile h3{letter-spacing:-.04em;margin-bottom:10px;font-size:26px;font-weight:770;line-height:1.08}.h-tile p:not(.h-eyebrow){color:var(--home-grey);margin:0;font-size:15.5px;line-height:1.5}.h-tile-hero{background:radial-gradient(60% 60% at 100% 0,#1ba4df1f,#0000 70%),radial-gradient(50% 50% at 0 100%,#35c7371a,#0000 70%),#fff;grid-area:span 2/span 2;padding:44px}.h-tile-hero h2{margin:auto 0 20px;font-size:clamp(40px,4.6vw,62px)}.h-tile-hero p:not(.h-eyebrow){max-width:26em;margin-bottom:26px;font-size:18px}.h-tile-hero a{color:var(--ink);font-size:16px;font-weight:720}.h-tile-colour{background:var(--glow)}.h-tile-colour .h-eyebrow,.h-tile-colour p:not(.h-eyebrow){color:#17151ab8}.home .comparison{margin-top:190px}.h-final{text-align:center;background:radial-gradient(50% 45% at 50% 100%,#b445b81a,#0000 70%),radial-gradient(40% 40% at 20% 100%,#35c7371a,#0000 70%),radial-gradient(40% 40% at 80% 100%,#1ba4df1f,#0000 70%),#fff;padding:200px 0 0}.h-final h2{width:var(--home-width);margin:0 auto 18px;font-size:clamp(40px,5.6vw,80px)}.h-final>p{color:var(--home-grey);margin-bottom:34px;font-size:19px}.h-final-phones{margin-top:80px}@media (width<=900px){.h-row{grid-template-columns:1fr;gap:20px;padding:80px 0}.h-row-flip .h-row-copy{order:0}.h-row-visual{height:560px}.h-card{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:640px}.h-card figcaption{padding:34px 30px 0}.h-quotes{grid-template-columns:1fr}.h-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.h-hero{padding-top:120px}.h-hero-icon{border-radius:19px;width:80px;height:80px;margin-bottom:28px}.h-hero h1{font-size:clamp(42px,12vw,58px)}.h-hero-phones,.h-screens-phones,.h-final-phones{--c:40vw}.h-hero-phones{margin-top:56px}.h-proof-inner{flex-direction:column;gap:24px}.h-press{flex-direction:column}.h-press-row img{height:20px}.h-statement{padding-top:130px}.h-row-visual{height:480px}.h-mac,.h-voices{padding-top:120px}.h-mac-stage{margin-top:44px}.h-features,.h-screens{padding-top:130px}.h-card{height:600px}.h-card-phone{width:240px}.h-bento-band{margin-top:130px;padding:90px 16px}.h-bento{grid-template-columns:1fr;grid-auto-rows:auto}.h-tile-hero{grid-area:auto;padding:34px}.h-tile .h-eyebrow{margin-bottom:26px}.home .comparison{margin-top:130px}.h-final{padding-top:130px}}@media (prefers-reduced-motion:reduce){.h-card-screen video,.h-replay{display:none}}
