.home-hero{padding:36px 0 24px;position:relative;overflow:hidden}@media (min-width:1024px){.home-hero{padding:72px 0 0}}.hero-rings{pointer-events:none;background:repeating-radial-gradient(circle, transparent 0 139px, var(--line) 139px 140px);border-radius:50%;width:1540px;height:1540px;display:none;position:absolute;top:320px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%)}@media (min-width:1024px){.hero-rings{display:block}}.hero-headline{max-width:1200px}.hero-ctas{flex-direction:column;justify-content:center}@media (min-width:640px){.hero-ctas{flex-direction:row}}.hero-visual{flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:32px auto 0;display:flex;position:relative}@media (min-width:1024px){.hero-visual{height:600px;margin-top:48px;display:block}}.phone{z-index:2;background:var(--surface);border:6px solid var(--ink);border-radius:36px;flex-direction:column;gap:10px;width:240px;padding:18px 14px;font-size:13px;line-height:18px;display:flex;position:relative}@media (min-width:1024px){.phone{width:260px;margin-left:-130px;position:absolute;top:40px;left:50%}}.segments{gap:3px;display:flex}.segments i{background:var(--surface-sunk);border-radius:3px;flex:1;height:5px}.segments i.on{background:var(--product)}.next-visit{background:var(--surface-sunk);border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.hero-card{background:var(--surface);border:1px solid var(--line);z-index:3;border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:18px;display:none;box-shadow:0 24px 48px -32px #16140f59}@media (min-width:1024px){.hero-card{display:flex;position:absolute}.hero-overview{top:130px;left:0}.hero-tomorrow{top:70px;right:0}}.track{background:var(--surface-sunk);border-radius:3px;height:6px;display:block}.track i{background:var(--product);border-radius:3px;height:6px;display:block}.bubble{background:var(--surface-sunk);border-radius:12px;padding:12px;font-size:13px;line-height:19px}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (min-width:1024px){.hero-chips{pointer-events:none;display:block;position:absolute;inset:0}.hero-chips .float-chip:first-child{position:absolute;top:260px;left:290px}.hero-chips .float-chip:nth-child(2){position:absolute;top:470px;left:700px}}.float-chip{z-index:4;background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 12px 24px -16px #16140f59}.float-chip i{border-radius:50%;width:8px;height:8px}.proof{background:var(--surface-sunk);padding:24px 0}@media (min-width:1024px){.proof{padding:28px 0}}.proof-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:18px 16px;margin-block:0;list-style:none;display:grid}@media (min-width:1024px){.proof-grid{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:24px}}.proof-grid li{text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:14px;line-height:20px;display:flex}.why-head{flex-direction:column;gap:16px;display:flex}@media (min-width:1024px){.why-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:64px}}.why-card{flex-direction:column;justify-content:space-between;gap:24px;min-width:0;display:flex}@media (min-width:1024px){.why-card{min-height:560px}}.why-bars{align-items:flex-end;gap:16px;height:180px;padding:0 8px;display:flex}.why-bars>div{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.why-bars strong{font-family:var(--display);font-size:18px}.why-bars .bar{background:var(--surface-sunk);border:1px solid var(--line);border-radius:8px 8px 0 0;width:100%;display:block}.why-bars .bar.hi{background:var(--streak);border-color:var(--streak)}@media (prefers-reduced-motion:no-preference){.why-bars .bar.hi{transform-origin:bottom;animation:.5s ease-out both grow}}@keyframes grow{0%{transform:scaleY(0)}}.streak-trail{flex-direction:column;align-items:center;gap:3px;display:flex}.streak-trail i{background:var(--streak);border-radius:1px;height:2px;display:block}.streak-trail i:first-child{width:16px}.streak-trail i:nth-child(2){width:11px}.streak-trail i:nth-child(3){width:6px}.why-labels{gap:16px;padding:0 8px;display:flex}.why-labels span{text-align:center;flex:1;font-size:12px;font-weight:600;line-height:16px}.mini-table{border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:10px;font-size:13px;overflow:hidden}.mini-table th,.mini-table td{padding:9px 10px}@media (max-width:380px){.mini-table th,.mini-table td{overflow-wrap:anywhere;padding:8px 6px}}.mini-table tbody th{font-weight:500}.mini-table .differs th,.mini-table .differs td{background:var(--surface-sunk);font-weight:700}.sync-chip{border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.sync-chip.warning{background:var(--warning-soft);color:var(--warning)}.sync-chip.success{background:var(--success-soft);color:var(--success)}.bento{gap:16px;display:grid}@media (min-width:720px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card.wide,.bento-note{grid-column:1/-1}}@media (min-width:1024px){.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.bento-card{grid-column:span 4}.bento-card.wide{grid-column:span 7}.bento-card.wide+.bento-card{grid-column:span 5}.bento-note{grid-column:1/-1}}.bento-card{flex-direction:column;justify-content:space-between;gap:20px;min-width:0;transition:transform .2s ease-out,border-color .2s ease-out;display:flex}.bento-card:hover,.bento-card:focus-within{border-color:color-mix(in srgb, var(--ink) 12%, transparent)}@media (prefers-reduced-motion:no-preference){.bento-card:hover,.bento-card:focus-within{transform:translateY(-2px)}}.week{gap:6px;display:flex}.week>div{flex-direction:column;flex:1;gap:4px;display:flex}.week i{background:var(--surface-sunk);border-radius:4px;height:14px;display:block}.week i.moved,.moved-key{background:var(--surface);border:1.5px solid var(--ink)}.moved-key{border-radius:3px;width:14px;height:10px;display:inline-block}.photo-slot{background:var(--surface-sunk);border-radius:8px;flex:1;align-items:flex-end;height:78px;padding:8px;font-size:12px;font-weight:700;display:flex}.photo-slot.after{background:var(--line)}.composer{background:var(--surface-sunk);border-radius:8px;padding:12px}.merge{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.site-demo{flex-direction:column;gap:14px;min-width:0;display:flex}.browser{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.browser-bar{background:var(--surface-sunk);align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.browser-dots{flex:none;gap:6px;display:flex}.browser-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.small-bar .browser-dots i{width:7px;height:7px}.browser-url{background:var(--surface);white-space:nowrap;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.caret{background:var(--streak);flex:none;width:2px;height:16px}@media (prefers-reduced-motion:no-preference){.caret{animation:1s step-end infinite blink}}@keyframes blink{50%{opacity:0}}.browser-pause{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;margin:-8px -6px -8px 0;display:grid;position:relative}.browser-pause:before{content:"";border:1px solid var(--line-strong);border-radius:999px;width:28px;height:28px;position:absolute}.site-preview{flex-direction:column;gap:14px;padding:20px;transition:background-color .2s ease-out;display:flex}@media (min-width:1024px){.site-preview{padding:28px}}.site-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.site-name{font-family:var(--display);overflow-wrap:anywhere;font-size:16px;font-weight:600}.site-hero{font-family:var(--display);letter-spacing:-.5px;font-size:26px;font-weight:600;line-height:30px}@media (min-width:1024px){.site-hero{font-size:32px;line-height:35px}}.site-postcode{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.site-postcode>span:first-child{background:var(--surface-sunk);min-width:140px;color:var(--muted);border-radius:999px;flex:1;padding:10px 12px;font-size:14px}.tpl-atelier .site-preview{background:var(--surface-sunk)}.tpl-atelier .site-hero{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.tpl-brightside .site-preview{background:var(--streak-soft)}.tpl-brightside .site-hero{text-transform:uppercase;letter-spacing:0}.templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.templates button{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;min-height:44px;padding:0;font-size:13px;font-weight:500;display:flex}.templates button[aria-pressed=true]{color:var(--ink);font-weight:700}.thumb{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;height:72px;padding:8px;display:flex}.templates button[aria-pressed=true] .thumb{border:1.5px solid var(--ink)}.thumb i{background:var(--surface-sunk);border-radius:3px;height:6px;display:block}.thumb i+i{width:40px}.thumb.tpl-atelier{background:var(--surface-sunk)}.thumb.tpl-atelier i{background:var(--line)}.thumb.tpl-brightside{background:var(--streak-soft)}.why-head .section-head{flex:1}.hero-shots{padding-bottom:min(46%,300px);display:block;position:relative}@media (max-width:1023px){.hero-shots .hero-chips{display:none}}.hero-shots .shot{border:1px solid var(--line);background:var(--surface);height:auto;display:block;box-shadow:0 24px 60px -24px #12110e59}.hero-shots .shot-desktop{width:100%}.hero-shots .shot-phone{width:54%;max-width:320px;position:absolute;bottom:0;right:0}@media (min-width:1024px){.hero-shots{padding-bottom:8%}.hero-shots .shot-desktop{width:84%}.hero-shots .shot-phone{width:26%}}.fragment-shot{border:1px solid var(--line);background:var(--surface);border-radius:0;max-height:300px;padding:0;overflow:hidden}.fragment-shot img{width:100%;height:auto;display:block}