:root{
 color-scheme:dark;
 --ink:#0F0F10;--ink-2:#161314;--panel:#1D1918;--panel-2:#262120;
 --line:rgba(255,233,220,.1);--line-2:rgba(255,233,220,.18);
 --cream:#FFE9DC;--muted:#B9AEA9;--dim:#8C827E;
 --peach:#FFA27F;--blush:#FFC9AE;--coral:#EC6F5A;--green:#8FDCA9;
 --grad:linear-gradient(135deg,#FFC9AE 0%,#FF9B78 50%,#EC6F5A 100%);
 --font:ui-rounded,"SF Pro Rounded","SF Pro Display",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif;
 --gap:112px;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--cream);font:400 17px/1.6 var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:visible}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
svg use{stroke:inherit}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:32px}
:focus-visible{outline:3px solid var(--peach);outline-offset:4px;border-radius:10px}
.skip{position:absolute;inset-inline-start:16px;top:-60px;z-index:20;background:var(--cream);color:var(--ink);padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none}
.skip:focus{top:16px}

/* Nav */
.nav{display:flex;align-items:center;gap:32px;padding-block:22px}
.brand{white-space:nowrap;display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.02em;text-decoration:none}
.brand-icon{width:36px;height:36px;border-radius:10px}
.nav nav{display:flex;gap:28px;margin-inline-start:auto}
.nav nav a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:600;transition:color .2s}
.nav nav a:hover{color:var(--cream)}
.nav-cta{white-space:nowrap;background:var(--cream);color:var(--ink);text-decoration:none;font-weight:750;font-size:15px;padding:10px 18px;border-radius:999px;transition:transform .2s var(--ease),background .2s}
.nav-cta:hover{background:#fff;transform:translateY(-1px)}

/* Hero */
.hero{overflow-x:clip;display:grid;grid-template-columns:1.02fr 1fr;gap:72px;align-items:center;padding-top:40px;padding-bottom:var(--gap)}
.news{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;color:var(--muted);transition:border-color .2s,color .2s}
.news:hover{border-color:var(--peach);color:var(--cream)}
.news-tag{background:var(--peach);color:#2A1710;font-weight:800;border-radius:999px;padding:3px 10px;font-size:13px}
.hero h1{font-size:clamp(46px,6.1vw,80px);line-height:.98;letter-spacing:-.045em;margin:26px 0 24px}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.04em}
.lede{font-size:20px;line-height:1.55;color:var(--muted);max-width:33em}
.cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}
.store{display:inline-block;border-radius:12px;transition:transform .2s var(--ease)}
.store img{height:54px;width:auto}
.store:hover{transform:translateY(-2px)}
.promise{display:grid;gap:6px;font-size:15px;font-weight:600}
.promise li{display:flex;align-items:center;gap:8px}
.promise .ic{color:var(--green);stroke-width:2.6}
.fine{margin-top:22px;font-size:14px;color:var(--dim)}

/* Grow frame: the signature */
.grow{position:relative;max-width:520px;width:100%;justify-self:center}
.grow::before{content:"";position:absolute;inset:-12% -14% 14%;background:radial-gradient(closest-side,rgba(255,155,120,.28),rgba(255,155,120,0) 72%);pointer-events:none;z-index:-1}
.grow-frame{position:relative;aspect-ratio:1;border-radius:30%;padding:14px;background:var(--grad);box-shadow:0 40px 80px -30px rgba(236,111,90,.55)}
.grow-frame img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:cover;border-radius:26%;opacity:0;transition:opacity .55s ease}
.grow-frame img.is-on{opacity:1}
.eyeline{position:absolute;left:14px;right:14px;top:calc(14px + (100% - 28px)*.45);height:0;border-top:1.5px dashed rgba(255,255,255,.55);pointer-events:none}
.eyeline i{position:absolute;top:-7px;width:12px;height:12px;margin-inline-start:-6px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 4px rgba(143,220,169,.0);animation:eye 2.4s ease-in-out infinite}
.eyeline i:first-child{left:35%}
.eyeline i:last-child{left:65%}
@keyframes eye{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
.grow-frame .age{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);background:rgba(15,15,16,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 18px;font-size:17px;white-space:nowrap}
.age b{font-weight:800;font-variant-numeric:tabular-nums;display:inline-block;min-width:5.6em;text-align:center}
.scrub{position:relative;margin-top:26px}
.scrub-track{position:relative;display:grid;grid-template-columns:repeat(13,1fr);gap:5px}
.scrub-track img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:30%;opacity:.42;transition:opacity .3s,transform .3s var(--ease)}
.scrub-track img.is-on{opacity:1;transform:translateY(-3px)}
.scrub-ring{position:absolute;top:-6px;left:0;width:calc((100% - 60px)/13 + 8px);aspect-ratio:1;margin-inline-start:-4px;border-radius:32%;border:2.5px solid var(--peach);transform:translateX(calc(var(--i,0) * ((100% - 8px) + 5px)));pointer-events:none;transition:transform .45s var(--ease)}
.scrub-track{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.scrub.dragging .scrub-track{cursor:grabbing}
/* The range stays for keyboard and screen readers; pointer drags go to the track (iOS only drags a range by its thumb). */
.scrub input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.scrub input:focus-visible+.scrub-hint{color:var(--peach)}
.scrub-hint{margin-top:14px;text-align:center;font-size:14px;font-weight:650;color:var(--dim)}
.scrub:has(input:focus-visible) .scrub-track{outline:3px solid var(--peach);outline-offset:8px;border-radius:14px}

/* Section heads */
.head{max-width:760px;margin-bottom:56px}
.head.center{margin-inline:auto;text-align:center}
h2{font-size:clamp(34px,4.3vw,56px);line-height:1.04}
.head p,.sub{margin-top:18px;font-size:19px;color:var(--muted);max-width:36em}
.head.center p{margin-inline:auto}

/* How */
.how{padding-bottom:var(--gap)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:16px 16px 28px}
.step-art{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--panel-2);margin-bottom:22px}
.step-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.step-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--peach);color:#2A1710;font-weight:800;font-size:15px;margin:0 12px 12px}
.step h3{font-size:24px;margin:0 12px 8px}
.step>p:last-child{margin:0 12px;color:var(--muted);font-size:16px}
/* step 1: camera */
.cam-ghost{opacity:.4}
.cam-live{opacity:.88;transform:translate(9%,-6%) rotate(7deg) scale(1.05)}
.ring{position:absolute;top:45%;width:16%;aspect-ratio:1;margin:-8% 0 0 -8%;border-radius:50%;border:3px solid rgba(255,255,255,.7)}
.ring-l{left:35%}.ring-r{left:65%}
.cam-badge{position:absolute;top:14px;left:50%;transform:translate(-50%,-6px);display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#10281A;font-weight:800;font-size:14px;border-radius:999px;padding:6px 12px;opacity:0}
.cam-badge .ic{stroke-width:3}
.shutter{position:absolute;bottom:16px;left:50%;width:54px;height:54px;margin-inline-start:-27px;border-radius:50%;border:4px solid #fff;background:rgba(255,255,255,.18)}
.in .cam-live{animation:camlive 4.8s var(--ease) infinite}
.in .ring{animation:ring 4.8s linear infinite}
.in .cam-badge{animation:badge 4.8s var(--ease) infinite}
.in .shutter{animation:shut 4.8s ease infinite}
@keyframes camlive{0%,8%{transform:translate(9%,-6%) rotate(7deg) scale(1.05)}46%,100%{transform:none}}
@keyframes ring{0%,20%{border-color:rgba(255,255,255,.7)}28%,40%{border-color:var(--peach)}46%,100%{border-color:var(--green)}}
@keyframes badge{0%,46%{opacity:0;transform:translate(-50%,-6px)}52%,92%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
@keyframes shut{0%,58%,70%,100%{transform:scale(1)}63%{transform:scale(.86);background:rgba(255,255,255,.6)}}
/* step 2: pile */
.pile img{width:62%;height:62%;left:19%;top:19%;border-radius:24%;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.pile img:nth-child(1){transform:translate(-26%,-14%) rotate(-14deg)}
.pile img:nth-child(2){transform:translate(24%,-4%) rotate(11deg)}
.pile img:nth-child(3){transform:translate(-4%,22%) rotate(-5deg) scale(.9)}
.pile-line{position:absolute;left:8%;right:8%;top:calc(19% + 62%*.45);border-top:2px dashed rgba(255,255,255,.6);opacity:0}
.in .pile img{animation:snap 4.8s var(--ease) infinite}
.in .pile img:nth-child(2){animation-delay:.15s}
.in .pile img:nth-child(3){animation-delay:.3s}
.in .pile-line{animation:pline 4.8s ease infinite}
@keyframes snap{0%,14%{}48%,86%{transform:none}}
@keyframes pline{0%,30%{opacity:0}48%,86%{opacity:1}100%{opacity:0}}
/* step 3: reel */
.reel img{opacity:0}
.reel img.is-on{opacity:1}
.reel-bar{position:absolute;left:16px;right:16px;bottom:18px;height:4px;border-radius:4px;background:rgba(255,255,255,.3);overflow:hidden}
.reel-bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}
.in .reel-bar i{animation:bar 1.12s linear infinite}
@keyframes bar{to{transform:scaleX(1)}}
.reel-music{position:absolute;top:14px;right:14px;display:flex;align-items:flex-end;gap:3px;height:28px;padding:0 10px;border-radius:999px;background:rgba(15,15,16,.6);align-items:center}
.reel-music b{width:3px;height:10px;border-radius:2px;background:var(--peach)}
.in .reel-music b{animation:eq .9s ease-in-out infinite alternate}
.reel-music b:nth-of-type(2){animation-delay:-.3s}.reel-music b:nth-of-type(3){animation-delay:-.6s}.reel-music b:nth-of-type(4){animation-delay:-.15s}
@keyframes eq{from{height:5px}to{height:16px}}

/* Make */
.make{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding-bottom:var(--gap)}
.tabs{display:grid;gap:6px;margin-top:36px}
.tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;text-align:start;width:100%;padding:16px 18px;border:0;border-radius:18px;background:transparent;color:var(--muted);font:inherit;cursor:pointer;overflow:hidden;transition:background .25s,color .25s}
.tabs button:hover{background:rgba(255,233,220,.04);color:var(--cream)}
.tabs button>.ic{margin-top:3px}
.tabs b{display:block;font-size:19px;font-weight:750;color:var(--cream)}
.tabs b+span{display:block;overflow:hidden;font-size:16px;line-height:1.5}
.tabs [aria-selected=true]{background:var(--panel);color:var(--peach)}
.tabs [aria-selected=true] b+span{color:var(--muted)}
.tabs button>span>span{max-height:0;opacity:0;transition:max-height .4s var(--ease),opacity .3s,margin .3s}
.tabs [aria-selected=true]>span>span{max-height:12em;opacity:1;margin-top:4px}
.bar{position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--peach);transform:scaleX(0);transform-origin:left;opacity:0}
.tabs.auto [aria-selected=true] .bar{opacity:.8;animation:tabbar var(--tab,5.6s) linear forwards}
@keyframes tabbar{to{transform:scaleX(1)}}
.device{position:relative;width:100%;max-width:420px;justify-self:center;aspect-ratio:9/17;border-radius:58px;padding:12px;background:linear-gradient(160deg,#3A3331,#1B1817 40%,#2C2624);box-shadow:0 50px 90px -40px rgba(0,0,0,.9),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.screen{position:relative;height:100%;border-radius:47px;background:#0B0A0A;overflow:hidden}
.screen::before{content:"";position:absolute;top:12px;left:50%;width:31%;height:30px;margin-left:-15.5%;border-radius:20px;background:#000;z-index:3}
.panel{position:absolute;inset:0;padding:56px 20px 24px;display:flex;flex-direction:column;gap:16px;animation:panel .5s var(--ease)}
.panel-top{text-align:center;font-weight:800;font-size:17px;margin-bottom:auto}
#p-video .panel-top{margin-bottom:0}
.panel[hidden]{display:none}
@keyframes panel{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.pv-frame{flex:none;position:relative;aspect-ratio:1;border-radius:30px;overflow:hidden;margin-top:8px}
.pv-frame img,.bump img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.pv-frame img.is-on,.bump img.is-on{opacity:1}
.pv-title{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-weight:800;font-size:20px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.pv-progress{height:4px;border-radius:4px;background:var(--panel-2);overflow:hidden}
.pv-progress i{display:block;height:100%;background:var(--grad);transform-origin:left;transform:scaleX(0)}
.panel.is-on .pv-progress i{animation:bar 5.46s linear infinite}
.pv-song{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px;font-weight:600}
.pv-song .ic{color:var(--peach)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.pv-save{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;background:var(--grad);color:#2A1710;font-weight:800;font-size:16px}
.pv-save .ic{stroke-width:2.4}
.chips li{padding:7px 13px;border-radius:999px;background:var(--panel);font-size:14px;font-weight:650;color:var(--muted)}
.chips li.is-on{background:var(--cream);color:var(--ink)}
.card{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5;background:var(--blush)}
.card img{width:100%;height:100%;object-fit:cover}
.stk{position:absolute;font-weight:800;border-radius:999px;padding:8px 14px;font-size:16px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.stk-age{top:18px;left:18px;background:var(--cream);color:var(--ink);font-size:22px;padding:8px 16px;transform:rotate(-6deg)}
.stk-first{bottom:72px;right:16px;background:var(--peach);color:#2A1710;transform:rotate(5deg)}
.stk-stats{bottom:22px;left:18px;background:rgba(15,15,16,.75);color:var(--cream);font-size:14px}
.stk-heart{top:16px;right:18px;width:46px;height:46px;padding:0;display:grid;place-items:center;background:#fff;color:var(--coral)}
.stk-heart svg{fill:currentColor;stroke:none}
.panel.is-on .stk{animation:pop .5s var(--ease) both}
.panel.is-on .stk-first{animation-delay:.25s}.panel.is-on .stk-stats{animation-delay:.45s}.panel.is-on .stk-heart{animation-delay:.65s}
@keyframes pop{from{opacity:0;scale:.5}to{opacity:1;scale:1}}
.panel-cap{text-align:center;color:var(--muted);font-size:15px;font-weight:600}
.bump{flex:none;position:relative;aspect-ratio:1;border-radius:30px;overflow:hidden}
.weeks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.weeks li{text-align:center;padding:8px 4px;border-radius:12px;background:var(--panel);font-size:14px;font-weight:700;color:var(--dim);transition:background .3s,color .3s}
.weeks li.is-on{background:var(--peach);color:#2A1710}
.book{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:2/1.08;perspective:900px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}
.page{position:relative;background:#FBF3EC;padding:9px;color:#2A1710}
.page-l{border-radius:10px 2px 2px 10px;display:flex;flex-direction:column;gap:4px}
.page-l b{font-size:17px;line-height:1}
.page-l span{font-size:10px;font-weight:700;color:#8B6B5E}
.page-l img{margin-top:auto;width:100%;aspect-ratio:1;object-fit:cover;border-radius:24%}
.page-r{border-radius:2px 10px 10px 2px;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:center;transform-origin:left center}
.page-r img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24%}
.panel.is-on .page-r{animation:flip .9s var(--ease) both}
@keyframes flip{from{transform:rotateY(-80deg)}to{transform:none}}
.sib{position:relative;aspect-ratio:1;border-radius:30px;overflow:hidden}
.sib>img,.sib-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sib-top{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.sib-line{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.4)}
.sib-line::after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff}
.panel.is-on .sib-top{animation:sibclip 4.4s ease-in-out infinite}
.panel.is-on .sib-line{animation:sibline 4.4s ease-in-out infinite}
@keyframes sibclip{0%,100%{clip-path:inset(0 50% 0 0)}30%{clip-path:inset(0 22% 0 0)}70%{clip-path:inset(0 78% 0 0)}}
@keyframes sibline{0%,100%{left:50%}30%{left:78%}70%{left:22%}}
.sib-n{position:absolute;bottom:14px;padding:5px 12px;border-radius:999px;background:rgba(15,15,16,.7);font-weight:800;font-size:14px}
.sib-a{left:14px}.sib-b{right:14px}

/* Family */
.family{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:var(--gap)}
.fam-art{position:relative;aspect-ratio:1;max-width:540px;width:100%;justify-self:center}
.fam-photo{position:absolute;inset:14%;border-radius:30%;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.8)}
.fam-photo img{width:100%;height:100%;object-fit:cover}
.fam-photo .age{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(15,15,16,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:6px 16px;font-weight:800}
.note{position:absolute;top:2%;left:50%;width:min(330px,82%);transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:22px;background:rgba(40,35,34,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.4);font-size:15px;z-index:2}
.note-icon{flex:none;width:38px;height:38px;border-radius:10px}
.note b{display:block;font-weight:750}
.note span span{color:var(--muted);font-size:13px}
.who{position:absolute;display:flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:14px;font-weight:650;z-index:2;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.who .ic{margin-inline-start:7px;color:var(--peach)}
.av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800;font-size:13px;color:#2A1710}
.av-g{background:var(--blush)}.av-d{background:var(--green);color:#10281A}
.who-1{left:0;top:42%}
.who-2{right:0;top:58%}
.who-3{left:6%;bottom:3%}
.hearts{position:absolute;right:18%;bottom:14%;width:40px;height:200px;pointer-events:none}
.hearts svg{position:absolute;bottom:0;left:0;width:30px;height:30px;fill:var(--coral);stroke:none;opacity:0}
.in .hearts svg{animation:float 3.6s ease-in infinite}
.in .hearts svg:nth-child(2){animation-delay:.9s;left:14px}
.in .hearts svg:nth-child(3){animation-delay:1.8s;left:-6px}
.in .hearts svg:nth-child(4){animation-delay:2.7s;left:8px}
@keyframes float{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-190px) scale(1.1)}}
.in .note{animation:drop .7s var(--ease) both .2s}
.in .who{animation:pop .5s var(--ease) both}
.in .who-1{animation-delay:.5s}.in .who-2{animation-delay:.7s}.in .who-3{animation-delay:.9s}
@keyframes drop{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translateX(-50%)}}
.ticks{display:grid;gap:22px;margin-top:36px}
.ticks li{display:flex;gap:16px;font-size:17px;color:var(--muted)}
.ticks .ic{margin-top:3px;color:var(--peach)}
.ticks b{color:var(--cream);font-weight:750}

/* Glance: one labelled tile per surface */
.glance{padding-bottom:var(--gap)}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"home home watch" "lock sb watch";gap:20px}
.b{display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.b-home{grid-area:home}.b-watch{grid-area:watch}.b-lock{grid-area:lock}.b-standby{grid-area:sb}
.b-art{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:250px;padding:28px}
.b-copy{padding:0 28px 28px}
.b-copy h3{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.02em}
.b-copy h3 .ic{color:var(--peach)}
.b-copy p{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.55}
.b-list{display:grid;gap:14px;margin-top:16px}
.b-list li{display:flex;gap:12px;font-size:15px;line-height:1.5;color:var(--muted)}
.b-list .ic{flex:none;margin-top:2px;color:var(--peach)}
.b-list b{color:var(--cream);font-weight:750}
/* Home Screen */
.home-art{gap:18px}
.b-home{background:radial-gradient(90% 120% at 15% 0%,rgba(255,162,127,.22),transparent 60%),radial-gradient(80% 100% at 100% 100%,rgba(143,220,169,.12),transparent 60%),var(--panel)}
.w{position:relative;border-radius:30px;overflow:hidden;background:rgba(38,33,32,.85);border:1px solid var(--line-2);box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.w-small{flex:none;width:clamp(130px,30%,190px);aspect-ratio:1}
.w-small img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.w-small img.is-on{opacity:1}
.w-label{position:absolute;inset-inline-start:14px;bottom:12px;font-size:13px;font-weight:600;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.w-label b{display:block;font-size:17px;font-weight:800}
.w-medium{flex:1;max-width:400px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;align-items:center}
.w-medium figure{margin:0;display:grid;gap:8px}
.w-medium img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24%}
.w-medium figcaption{text-align:center;font-size:13px;font-weight:700;color:var(--muted)}
/* Lock Screen: the top of a phone */
.lock-art{flex-direction:column;justify-content:flex-start;gap:4px;margin:24px 24px 22px;padding:22px 16px 18px;min-height:0;border-radius:34px;overflow:hidden;border:5px solid #2E2826;isolation:isolate}
.lock-art::before{content:"";width:70px;height:20px;border-radius:99px;background:#000;margin-bottom:12px}
.lock-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.5) saturate(.9);transform:scale(1.15)}
.lock-date{font-size:13px;font-weight:650;color:rgba(255,255,255,.85)}
.lock-time{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff}
.lock-widgets{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 12px;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lock-ring{position:relative;width:46px;height:46px;flex:none;display:grid;place-items:center}
.lock-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.lock-ring circle{fill:none;stroke:rgba(255,255,255,.25);stroke-width:4}
.lock-ring .arc{stroke:#fff;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4}
.in .lock-ring .arc{animation:arc 1.6s var(--ease) forwards .3s}
@keyframes arc{to{stroke-dashoffset:48}}
.lock-ring b{font-size:15px;font-weight:800;line-height:1;text-align:center;color:#fff}
.lock-ring small{display:block;font-size:9px;font-weight:700}
.lock-rect{font-size:12px;color:rgba(255,255,255,.8);line-height:1.3}
.lock-rect b{display:block;color:#fff;font-size:14px}
/* StandBy: phone on its side at night */
.standby-art{background:radial-gradient(70% 90% at 50% 100%,rgba(255,162,127,.14),transparent 70%)}
.sb{width:100%;max-width:340px;aspect-ratio:2.05;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:30px;background:#000;border:5px solid #2E2826;box-shadow:0 30px 50px -26px rgba(0,0,0,.95)}
.sb-clock{display:grid;place-items:center;border-radius:20px;background:#120C0B;color:#FF8E6E;font-size:clamp(34px,4.4vw,48px);font-weight:800;letter-spacing:-.03em}
.sb-photo{position:relative;border-radius:20px;overflow:hidden}
.sb-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s}
.sb-photo img.is-on{opacity:1}
/* Apple Watch: the crown scrubs the months */
.watch-art{padding:40px 28px;background:radial-gradient(70% 60% at 50% 45%,rgba(255,162,127,.2),transparent 70%)}
.watch{position:relative;width:min(270px,78%);aspect-ratio:.84;border-radius:27%;padding:11px;background:linear-gradient(160deg,#5A514E,#1A1716 70%);box-shadow:0 40px 60px -28px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.18)}
.watch-face{position:relative;height:100%;border-radius:23%;overflow:hidden;background:#000;display:flex;flex-direction:column;align-items:center;padding:14% 12% 0}
.wf-photo{position:relative;width:100%;aspect-ratio:1/1.24}
.wf-photo img{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:1;object-fit:cover;border-radius:18%;opacity:0;transition:opacity .25s}
.wf-photo img.is-on{opacity:1}
.cyc-l{position:absolute;opacity:0;transition:opacity .25s}
.cyc-l.is-on{opacity:1}
.wf-photo .cyc-l{left:0;right:0;bottom:0;text-align:center;font-size:17px;font-weight:800;color:#fff;white-space:nowrap}
.wf-sub{margin-top:2px;font-size:10px;font-weight:600;color:#9A908C;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.wf-scroll{position:absolute;right:6%;top:22%;width:3px;height:38%;border-radius:2px;background:rgba(255,255,255,.15)}
.wf-scroll i{position:absolute;inset-inline:0;top:0;height:22%;border-radius:2px;background:var(--peach)}
.in .wf-scroll i{animation:scroll 10.4s steps(13,jump-none) infinite}
@keyframes scroll{to{top:78%}}
.crown{position:absolute;right:-9px;top:24%;width:12px;height:19%;border-radius:4px;background:repeating-linear-gradient(180deg,#6B625F 0 2px,#2A2524 2px 4px);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.in .crown{animation:crown .8s linear infinite}
@keyframes crown{to{background-position:0 8px}}
.side-btn{position:absolute;right:-5px;top:52%;width:6px;height:17%;border-radius:3px;background:linear-gradient(90deg,#4A4240,#2A2524)}
.crown-hint{position:absolute;right:-42px;top:23%;color:var(--peach)}
.in .crown-hint{animation:hint 2.4s ease-in-out infinite}
@keyframes hint{0%,100%{transform:rotate(-20deg);opacity:.5}50%{transform:rotate(25deg);opacity:1}}
[dir=rtl] .watch{direction:ltr}
[dir=rtl] .watch-face{direction:rtl}

/* Pets */
.pets{padding-bottom:var(--gap)}
.pets-main{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pet-frame{position:relative;max-width:460px;margin-inline:auto;aspect-ratio:1;border-radius:30%;background:linear-gradient(135deg,#F8DDAE 0%,#E8AE63 55%,#C27F3A 100%);box-shadow:0 40px 80px -30px rgba(232,174,99,.5)}
.pet-cycle{position:absolute;inset:14px;border-radius:26%;overflow:hidden}
.pet-cycle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.07);opacity:0;transition:opacity .55s ease}
.pet-cycle img.is-on{opacity:1}
.pet-cycle .cyc-l{left:50%;bottom:18px;transform:translateX(-50%);padding:6px 16px;border-radius:999px;background:rgba(20,16,15,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:16px;font-weight:800;white-space:nowrap}
.pet-frame .eyeline{left:14px;right:14px;top:calc(14px + (100% - 28px)*.465)}
.pet-name{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:var(--ink);border:1.5px solid #E8AE63;color:#F8DDAE;font-weight:800;font-size:15px}
.pets-copy .ticks .ic{color:#E8AE63}
.kinds-title{margin-top:88px;font-size:clamp(24px,2.6vw,30px);text-align:center}
.kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.kinds li{display:flex;gap:16px;align-items:center;padding:14px;border-radius:26px;background:var(--panel);border:1px solid var(--line)}
.kinds img{flex:none;width:88px;height:88px;border-radius:26px;object-fit:cover}
.k-copy{display:grid;gap:3px;font-size:14px;line-height:1.45;color:var(--muted)}
.k-copy .ic{color:var(--peach);margin-bottom:2px}
.k-copy b{color:var(--cream);font-size:16px;font-weight:750}

/* Plans */
.plans{padding-bottom:var(--gap)}
.tiers{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:stretch;max-width:880px;margin-inline:auto}
/* Both cards share row heights (head, list, button, note), so the buttons sit level. */
@supports (grid-template-rows:subgrid){.tier{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.tier ul{align-content:start}}
.tier{position:relative;display:flex;flex-direction:column;padding:32px 30px;border-radius:30px;background:var(--panel);border:1px solid var(--line)}
.tier h3{font-size:22px;letter-spacing:-.02em}
.price{display:flex;align-items:baseline;gap:8px;margin-top:14px}
.price b{font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1}
.price span{color:var(--muted);font-weight:650}
.tier-for{margin-top:6px;color:var(--muted);font-size:15px}
.tier ul{display:grid;gap:11px;margin:26px 0 30px;font-size:16px}
.tier li{display:flex;gap:12px;align-items:center}
.fi{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,162,127,.12);color:var(--peach)}
.fi .ic{stroke-width:2}
.tier-best .fi{background:rgba(255,162,127,.2)}
.btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;background:var(--grad);color:#2A1710;font-weight:800;font-size:17px;text-decoration:none;transition:transform .2s var(--ease),filter .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-quiet{background:var(--panel-2);color:var(--cream);border:1px solid var(--line-2)}
.tier-best{background:linear-gradient(180deg,#33231F,#1D1918 65%);border:1.5px solid rgba(255,162,127,.7);box-shadow:0 30px 80px -36px rgba(236,111,90,.9)}
.tier-best::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 50% 0%,rgba(255,162,127,.14),transparent 60%)}
.value{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;border-radius:14px;background:rgba(255,162,127,.14);color:var(--blush);font-weight:700;font-size:15px}
.value .ic{color:var(--peach);flex:none}
.flag{position:absolute;top:-14px;inset-inline-start:30px;font-weight:800;font-size:14px;padding:5px 14px;border-radius:999px}
.flag-best{background:var(--grad);color:#2A1710;box-shadow:0 6px 18px rgba(236,111,90,.45)}
.flag-trial{background:var(--ink);color:var(--peach);border:1.5px solid rgba(255,162,127,.55)}
.tier-note{margin-top:14px;font-size:13px;line-height:1.5;color:var(--dim);text-align:center}
.plans-foot{margin-top:28px;text-align:center;color:var(--muted);font-size:15px}

/* Private */
.private{padding-bottom:var(--gap);text-align:center}
.private h2{max-width:14em;margin-inline:auto}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;text-align:start}
.trio li{padding:28px;border-radius:26px;border:1px solid var(--line)}
.trio .ic{color:var(--peach)}
.trio h3{font-size:20px;margin:16px 0 8px;letter-spacing:-.02em}
.trio p{color:var(--muted);font-size:16px}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-weight:700;color:var(--peach);text-decoration:none}
.more:hover{text-decoration:underline;text-underline-offset:4px}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-bottom:var(--gap)}
.qs{border-top:1px solid var(--line)}
.qs details{border-bottom:1px solid var(--line)}
.qs summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-size:19px;font-weight:700;cursor:pointer;list-style:none}
.qs summary::-webkit-details-marker{display:none}
.qs summary .ic{color:var(--muted);transition:transform .3s var(--ease)}
.qs details[open] summary .ic{transform:rotate(180deg)}
.qs details p{padding-block:0 24px;padding-inline:0 40px;color:var(--muted)}
.qs details[open] p{animation:panel .35s var(--ease)}

/* Closing */
.closing{text-align:center;padding-bottom:96px}
.closing-faces{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:40px}
.closing-faces img{width:56px;aspect-ratio:1;object-fit:cover;border-radius:30%}
.closing-faces img:nth-child(2){width:68px}.closing-faces img:nth-child(3){width:80px}.closing-faces img:nth-child(4){width:92px}.closing-faces img:nth-child(5){width:108px;box-shadow:0 0 0 3px var(--peach)}
.closing h2{max-width:13em;margin-inline:auto}
.closing p{margin:18px 0 30px;color:var(--muted);font-size:19px}

/* Footer */
.foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-block:36px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.foot .brand{color:var(--cream);font-size:18px}
.foot nav{display:flex;gap:22px;margin-inline-start:auto}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--cream)}
.foot .copy{width:100%;font-size:13px;color:var(--dim)}

/* Reveal: one entrance per art block, only once */
html.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.js [data-reveal="left"]{transform:translateX(-36px)}
html.js [data-reveal="right"]{transform:translateX(36px)}
html.js [dir=rtl] [data-reveal="left"]{transform:translateX(36px)}
html.js [dir=rtl] [data-reveal="right"]{transform:translateX(-36px)}
html.js [data-reveal="stagger"],html.js [data-reveal="grow"]{opacity:1;transform:none}
html.js [data-reveal].in{opacity:1;transform:none}
.tiers [data-reveal]:nth-child(2){transition-delay:.14s}
@media (prefers-reduced-motion:no-preference){
 html.js .tier li{opacity:0;transform:translateX(-10px)}
 html.js [dir=rtl] .tier li{transform:translateX(10px)}
 html.js .tier.in li{animation:tick .5s var(--ease) both}
 .tier.in li:nth-child(1){animation-delay:.35s}.tier.in li:nth-child(2){animation-delay:.42s}.tier.in li:nth-child(3){animation-delay:.49s}.tier.in li:nth-child(4){animation-delay:.56s}.tier.in li:nth-child(5){animation-delay:.63s}.tier.in li:nth-child(6){animation-delay:.7s}.tier.in li:nth-child(7){animation-delay:.77s}
 .tier.in .fi{animation:chip .6s var(--ease) both;animation-delay:inherit}
 html.js .tier-best .flag-best{opacity:0}
 html.js .tier-best.in .flag-best{animation:pop .55s var(--ease) both .55s,shine 3.2s ease-in-out 1.4s infinite}
 html.js [data-reveal="stagger"]>*{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
 html.js [data-reveal="stagger"].in>*{opacity:1;transform:none}
 [data-reveal="stagger"].in>:nth-child(2){transition-delay:.1s}[data-reveal="stagger"].in>:nth-child(3){transition-delay:.2s}[data-reveal="stagger"].in>:nth-child(4){transition-delay:.3s}[data-reveal="stagger"].in>:nth-child(5){transition-delay:.4s}[data-reveal="stagger"].in>:nth-child(6){transition-delay:.5s}
 html.js .trio .ic use{stroke-dasharray:100;stroke-dashoffset:100}
 html.js .trio.in .ic use{animation:draw 1.4s var(--ease) forwards .3s}
 html.js [data-reveal="grow"] img{opacity:0;scale:.4}
 html.js [data-reveal="grow"].in img{animation:pop .6s var(--ease) both}
 [data-reveal="grow"].in img:nth-child(2){animation-delay:.12s}[data-reveal="grow"].in img:nth-child(3){animation-delay:.24s}[data-reveal="grow"].in img:nth-child(4){animation-delay:.36s}[data-reveal="grow"].in img:nth-child(5){animation-delay:.48s}
 .hero-copy>*{animation:rise .8s var(--ease) both}
 .hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}
 .hero .grow{animation:rise 1s var(--ease) both .15s}
}
@keyframes tick{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes chip{0%{transform:scale(.6)}60%{transform:scale(1.12)}100%{transform:none}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes shine{0%,80%,100%{box-shadow:0 6px 18px rgba(236,111,90,.45)}90%{box-shadow:0 6px 28px rgba(255,162,127,.85)}}
.steps [data-reveal]:nth-child(2){transition-delay:.1s}
.steps [data-reveal]:nth-child(3){transition-delay:.2s}

/* Responsive */
@media (max-width:1080px){
 .make{grid-template-columns:1fr 380px;gap:48px}
 .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"home home" "watch lock" "watch sb"}
}
@media (max-width:900px){
 :root{--gap:80px}
 .nav nav{display:none}
 .nav-cta{margin-inline-start:auto}
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:20px}
 /* Phones: the growing face sits right under the headline, so the first screen shows the product. */
 .hero-copy{display:contents}
 .hero .news{order:1;align-self:flex-start}
 .hero h1{order:2;margin:20px 0 22px}
 .hero .grow{order:3;max-width:400px;align-self:center;margin-bottom:30px}
 .hero .lede{order:4}
 .hero .cta{order:5;margin-top:26px}
 .hero .fine{order:6}
 .steps{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .make{grid-template-columns:1fr;gap:0}
 .make-copy{display:contents}
 .make h2{order:1}.make .sub{order:2}
 .device{order:3;max-width:330px;margin-top:40px}
 .tabs{order:4;margin-top:28px}
 .family{grid-template-columns:1fr;gap:48px}
 .fam-art{order:2}
 .tiers{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .tier{display:flex;grid-row:auto}
 .pets-main{grid-template-columns:1fr;gap:56px}
 .pet-art{max-width:400px;width:100%;margin-inline:auto}
 .kinds{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .kinds-title{margin-top:64px}
 .tier-best{order:-1}
 .trio{grid-template-columns:1fr}
 .faq{grid-template-columns:1fr;gap:32px}
}
@media (max-width:560px){
 :root{--gap:72px}
 body{font-size:16px}
 .wrap{padding-inline:20px}
 .hero h1{font-size:clamp(38px,10.4vw,50px)}
 .hero .grow{max-width:330px}
 .hero .grow .scrub{margin-top:18px}
 .lede{font-size:18px}
 .cta{gap:18px}
 .grow-frame{padding:10px}
 .grow-frame img{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
 .eyeline{left:10px;right:10px;top:calc(10px + (100% - 20px)*.45)}
 .grow-frame .age{bottom:20px;font-size:15px}
 .scrub-track{gap:3px}
 .scrub-ring{width:calc((100% - 36px)/13 + 6px);margin-inline-start:-3px;border-width:2px;top:-5px;transform:translateX(calc(var(--i,0) * ((100% - 6px) + 3px)))}
 .head{margin-bottom:36px}
 .nav{gap:12px}.brand{font-size:18px}.nav-cta{padding:9px 14px;font-size:14px}
 .head p,.sub{font-size:17px}
 .pv-song{display:none}
 .who-2{top:66%}
 .who{font-size:13px}
 .who-1{top:40%}
 .tier{padding:28px 22px}
 .bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"home" "watch" "lock" "sb";gap:16px}
 .home-art{flex-wrap:wrap;padding:22px}
 .w-small{width:44%}
 .w-medium{flex-basis:100%;max-width:none}
 .b-art{min-height:0}
 .b-copy{padding:0 22px 24px}
 .lock-art{margin:20px 20px 18px}
 .qs summary{font-size:17px}
 .qs details p{padding-inline-end:0}
 .closing-faces{gap:6px}.closing-faces img{width:40px}.closing-faces img:nth-child(2){width:48px}.closing-faces img:nth-child(3){width:56px}.closing-faces img:nth-child(4){width:64px}.closing-faces img:nth-child(5){width:76px}
 .foot nav{margin-inline-start:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 html.js [data-reveal]{opacity:1;transform:none}
 .cam-live,.pile img{transform:none}
 .cam-badge,.pile-line{opacity:1;transform:translate(-50%,0)}
 .pile-line{transform:none}
 .ring{border-color:var(--green)}
 .lock-ring .arc{stroke-dashoffset:48}
 .reel-bar i,.pv-progress i{transform:scaleX(.6)}
}

/* Localization: content can grow; photographic timelines retain physical LTR coordinates. */
.wrap>*{min-width:0}
h1,h2,h3,.btn,.nav-cta,.tabs button,.news,.who{overflow-wrap:anywhere}
.nav{flex-wrap:wrap}
.nav-cta{white-space:normal;text-align:center;max-width:100%}
.nav nav,.foot nav{flex-wrap:wrap}
.btn{padding:12px 18px;text-align:center}
.news{max-width:100%;padding-inline:6px 14px}
.news-tag{flex:none}
.tabs button{grid-template-columns:auto minmax(0,1fr)}
.tabs button .bar.restart{animation:none}
.price{flex-wrap:wrap}
.price b{direction:ltr;unicode-bidi:isolate}
.plans-currency{margin-top:28px;text-align:center;color:var(--muted);font-size:15px}
.plans-currency+.plans-foot{margin-top:12px}
.languages{width:100%;border-top:1px solid var(--line);padding-top:20px}
.languages summary{display:flex;align-items:center;gap:10px;width:fit-content;cursor:pointer;font-weight:700;list-style:none}
.languages summary::-webkit-details-marker{display:none}
.languages summary::after{content:'+';font-size:20px}
.languages[open] summary::after{content:'−'}
.foot .languages nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:4px 20px;margin:16px 0 0;width:100%}
.languages a{padding-block:8px;min-width:0;overflow-wrap:anywhere}
.languages [aria-current=page]{color:var(--peach);text-decoration:underline;text-underline-offset:4px}
.grow .age,.scrub-hint{unicode-bidi:plaintext}
[dir=rtl] .news .ic,[dir=rtl] .more .ic{transform:scaleX(-1)}
[dir=rtl] .bar{transform-origin:right}
[dir=rtl] .hero h1{line-height:1.2;letter-spacing:normal}
[dir=rtl] .who{padding-inline:7px 14px}
[dir=rtl] .trio,[dir=rtl] .tabs button{text-align:start}
@media(max-width:560px){
 .closing-faces img{min-width:0;flex-shrink:1}
 .device{aspect-ratio:auto;min-height:650px}
 .screen{min-height:626px}
 .panel{padding-inline:14px;gap:12px}
 .pv-save{flex-shrink:0;padding:8px 12px;text-align:center}
 .stk{max-width:calc(100% - 36px);overflow-wrap:anywhere}
 .chips{gap:5px}.chips li{padding:5px 9px;font-size:12px}
 .who{max-width:94%}.who .av{flex:none}
 .nav-cta{margin-inline-start:auto}
}
.scrub-ring[data-index="0"]{--i:0}
.scrub-ring[data-index="1"]{--i:1}
.scrub-ring[data-index="2"]{--i:2}
.scrub-ring[data-index="3"]{--i:3}
.scrub-ring[data-index="4"]{--i:4}
.scrub-ring[data-index="5"]{--i:5}
.scrub-ring[data-index="6"]{--i:6}
.scrub-ring[data-index="7"]{--i:7}
.scrub-ring[data-index="8"]{--i:8}
.scrub-ring[data-index="9"]{--i:9}
.scrub-ring[data-index="10"]{--i:10}
.scrub-ring[data-index="11"]{--i:11}
.scrub-ring[data-index="12"]{--i:12}