:root{--ink:#16141a;--ink2:#5e5a66;--ink3:#3c3944;--bg:#fff;--butter:#ffe9a6;--sky:#cfe3ff;--blush:#ffd3dc;--mint:#cfefdf;--mist:#f5f4f1;--pink:#ff375f;--r:32px;--sys:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;--disp:var(--font-disp),"Helvetica Neue",sans-serif;--body:var(--font-body),"Helvetica Neue",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--disp);letter-spacing:-.045em;margin:0;font-weight:800;line-height:.95}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.y-wrap{max-width:1160px;margin:0 auto;padding-inline:16px}@media (min-width:700px){.y-wrap{padding-inline:32px}}.y-sec{padding-top:clamp(80px,11vw,140px)}.y-blk{border-radius:var(--r)}.y-butter{background:var(--butter)}.y-sky{background:var(--sky)}.y-blush{background:var(--blush)}.y-mint{background:var(--mint)}.y-mist{background:var(--mist)}.y-kicker{font:600 13px var(--body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;display:block}.y-head{max-width:760px;margin-bottom:clamp(28px,5vw,52px)}.y-head h2{font-size:clamp(40px,7vw,84px)}.y-head p{color:var(--ink2);max-width:540px;margin-top:16px;font-size:18px}.y-btn{font:600 16px/1 var(--body);color:#fff;background:var(--pink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:17px 26px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:inline-flex}.y-btn:hover{transform:scale(1.04)}.y-btn:active{transform:scale(.97)}.y-btn svg{fill:#fff;width:14px}.y-link{border-bottom:2px solid var(--ink);padding-bottom:2px;font-weight:600}.y-hearts{z-index:-1;pointer-events:none;width:100vw;margin-left:-50vw;position:absolute;top:0;bottom:0;left:50%;overflow:hidden}.y-hearts svg{stroke:var(--ink);stroke-opacity:.4;stroke-width:1.4px;stroke-linejoin:round;animation:y-float var(--d) ease-in-out var(--dl) infinite alternate;position:absolute;overflow:visible}@keyframes y-float{0%{transform:translateY(0) rotate(var(--r))}to{transform:translateY(-18px) rotate(calc(var(--r) * -1))}}.y-nav{z-index:50;-webkit-backdrop-filter:blur(14px);background:#ffffffdb;position:sticky;top:0}.y-nav .y-wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.y-logo{font:800 22px var(--disp);letter-spacing:-.04em;align-items:center;gap:10px;display:flex}.y-logo-notch{background:#000;border-radius:0 0 7px 7px;place-items:center;width:34px;height:14px;display:grid;position:relative;top:-4px}.y-logo-notch svg{width:8px;fill:var(--pink);animation:2.6s infinite beat}.y-links{align-items:center;gap:28px;font-size:15px;font-weight:500;display:flex}.y-links .y-btn{white-space:nowrap;padding:12px 18px;font-size:14.5px}.y-hero{text-align:center;padding-top:clamp(24px,5vw,60px);position:relative}.y-hero h1{letter-spacing:-.055em;max-width:980px;margin:0 auto;font-size:clamp(48px,7.4vw,104px)}.y-hero h1 em{background:var(--butter);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.16em;padding:0 .1em;font-style:normal}.y-hero .y-sub{max-width:600px;color:var(--ink3);margin:24px auto 0;font-size:clamp(17px,1.6vw,19.5px)}.y-show{margin-top:clamp(104px,12vw,140px)}.y-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:30px;display:flex}.y-under{color:var(--ink2);margin-top:16px;font-size:14.5px}.y-under b{color:var(--ink);font-weight:600}.x-stage{max-width:1000px;margin:0 auto;position:relative}.x-cast{pointer-events:none;z-index:8;--pal:clamp(64px,8vw,96px);--side:7%;height:0;position:absolute;top:0;left:0;right:0}.x-cast .pal{width:var(--pal);position:absolute;bottom:-6px}.x-cast .pal .char{display:block}.x-cast .pal-pip{left:var(--side)}.x-cast .pal-bun{right:var(--side)}.bubble{max-width:calc(100% - 2 * (var(--side) + var(--pal) + 6px));font:800 clamp(15px,1.6vw,18px)/1.15 var(--disp);letter-spacing:-.02em;color:#fff;background:var(--ink);opacity:0;border-radius:18px;padding:10px 15px;transition:all .25s cubic-bezier(.3,1.5,.5,1);position:absolute;bottom:clamp(30px,4vw,44px);transform:translateY(8px)scale(.9)}.bubble.show{opacity:1;transform:none}.bubble:before{content:"";background:var(--ink);width:10px;height:10px;position:absolute;bottom:14px;transform:rotate(45deg)}.bubble-pip{left:calc(var(--side) + var(--pal) + 6px);transform-origin:0 100%}.bubble-pip:before{left:-4px}.bubble-bun{right:calc(var(--side) + var(--pal) + 6px);transform-origin:100% 100%}.bubble-bun:before{right:-4px}.x-video{border-radius:clamp(14px,2vw,26px);position:relative;overflow:hidden}.demo-shell{aspect-ratio:1084/656;background:var(--bg);position:relative;overflow:hidden}.desk{transform-origin:0 0;will-change:transform;width:1164px;height:700px;transition:transform 1.3s cubic-bezier(.65,0,.35,1),opacity .5s;position:absolute;top:0;left:0}.demo-shell:not(.ready) .desk{opacity:0}.x-glow{animation:1.8s ease-out x-glow}@keyframes x-glow{0%{filter:none}30%{filter:drop-shadow(0 0 5px #ff375f)drop-shadow(0 0 2px #ff375f)}to{filter:none}}.x-tpl{display:none}.screen{background:radial-gradient(55% 70% at 12% 18%,#ffd9c4 0%,#0000 62%),radial-gradient(45% 60% at 88% 26%,#ffc6d6 0%,#0000 60%),radial-gradient(70% 55% at 50% 105%,#f6a6c2 0%,#0000 70%),radial-gradient(40% 40% at 60% 55%,#ffe9d9 0%,#0000 70%),linear-gradient(160deg,#fff1e8,#ffdce6);border:12px solid #1d1d1f;border-radius:26px;width:1024px;height:640px;position:absolute;top:0;left:70px;overflow:hidden}.menubar{-webkit-backdrop-filter:blur(12px);height:24px;font:500 12.5px var(--sys);color:#1d1d1f;background:#fff6;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0 0 auto}.menubar .mbl span{margin-right:11px}.camera{z-index:6;background:#151a22;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:9px;left:50%;box-shadow:inset 0 0 0 1.5px #2a3240}.x-widget{z-index:1;-webkit-backdrop-filter:blur(16px);width:156px;height:156px;font-family:var(--sys);color:#1d1d1f;background:#ffffff9e;border-radius:22px;position:absolute;top:74px;box-shadow:0 16px 34px -18px #5a1e3259,inset 0 0 0 .5px #ffffffb3}.x-w-photo{padding:8px;left:66px}.x-w-cal{padding:14px 15px;right:66px}.x-w-cal .x-day{font:600 11px var(--sys);color:var(--pink);text-transform:uppercase;letter-spacing:.04em;min-height:14px}.x-w-cal .x-num{font:300 40px/1 var(--sys);min-height:40px;margin-top:2px}.x-w-cal .x-ev{border-left:3px solid var(--pink);font:600 11.5px/1.3 var(--sys);margin-top:12px;padding-left:8px}.x-w-cal .x-ev small{color:#6e6e73;font-weight:400;display:block}.x-pic{background:linear-gradient(160deg,#ffe0c8,#ffb3c2);border-radius:15px;width:100%;height:100%;position:relative;overflow:hidden}.x-pic.x-sun{background:linear-gradient(#bfe3ff,#fff1de 68%,#ffd6ae)}.x-pic .char{width:86px;position:absolute;bottom:-12px}.x-pic .char:first-child{left:-4px}.x-pic .char:nth-child(2){right:-6px}.x-pic span{font:600 10.5px var(--sys);color:#fff;text-shadow:0 1px 4px #0000004d;position:absolute;bottom:8px;left:10px}.fx{pointer-events:none;z-index:4;color:var(--pink);position:absolute;inset:0;overflow:hidden}.fx>*{will-change:transform,opacity;line-height:1;position:absolute;top:0;left:0}.fx svg{fill:var(--pink)}.notch{--ear:6px;z-index:5;color:#fff;width:270px;height:34px;font-family:var(--sys);background:#000;border-radius:0 0 12px 12px;transition:width .5s cubic-bezier(.32,1.35,.5,1),height .5s cubic-bezier(.32,1.35,.5,1),border-radius .45s;position:absolute;top:0;left:50%;transform:translate(-50%)}.notch:before,.notch:after{content:"";width:var(--ear);height:var(--ear);transition:width .45s,height .45s,left .45s,right .45s;position:absolute;top:0}.notch:before{left:calc(-1 * var(--ear));background:radial-gradient(circle at 0 100%,transparent calc(var(--ear) - .5px),#000 var(--ear))}.notch:after{right:calc(-1 * var(--ear));background:radial-gradient(circle at 100% 100%,transparent calc(var(--ear) - .5px),#000 var(--ear))}.notch.banner{border-radius:0 0 16px 16px;height:56px}.notch.open{--ear:14px;border-radius:0 0 24px 24px;width:520px;height:272px}.n-closed{justify-content:space-between;align-items:center;height:34px;padding:0 22px;transition:opacity .15s;display:flex;position:absolute;inset:0 0 auto}.notch.open .n-closed{opacity:0}.n-who{align-items:center;gap:4px;display:flex}.n-av{background:linear-gradient(160deg,#ffe0c8,#ffb3c2);border-radius:50%;width:20px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff26}.n-av svg{width:26px;position:absolute;top:0;left:-3px}.n-mood{font-size:13px;line-height:1;display:inline-block}.n-heart{fill:#ff375f;width:14px;animation:2.6s infinite beat}.n-banner{opacity:0;height:20px;transition:opacity .2s;position:absolute;top:34px;left:18px;right:18px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000);mask:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000)}.notch.banner .n-banner{opacity:1}.n-banner span{white-space:nowrap;font:500 12px var(--sys);position:absolute;top:2px;left:0}.n-banner b{color:#ff375f;font-weight:600}.n-open{opacity:0;transform-origin:top;width:520px;height:272px;margin-left:-260px;transition:opacity .15s,transform .15s;position:absolute;top:0;left:50%;transform:scale(.94)}.notch.open .n-open{opacity:1;transition:opacity .25s ease-out .24s,transform .25s ease-out .24s;transform:none}.n-top{height:34px;font:600 13px var(--sys);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:22px;right:22px}.n-top .hr{color:#ff375f;margin:0 4px;font-size:11px}.n-top svg{stroke:#ebebf599;fill:none;width:16px}.pane{width:488px;height:184px;display:none;position:absolute;top:40px;left:16px}.pane.on{display:flex}.card{background:#1c1c1e;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;padding:12px;display:flex}.sec{color:#ebebf599}.ter{color:#ebebf54d}.pk{color:#ff375f}.tabbar{background:#7676803d;border-radius:8px;width:420px;height:28px;margin-left:-210px;padding:2px;display:flex;position:absolute;bottom:10px;left:50%}.tabbar button{color:#ebebf599;height:24px;font:500 12px var(--sys);background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;width:14px;height:14px}.tabbar button.on{color:#fff;background:#636366;box-shadow:0 1px 2px #0000004d}.tabbar button.on svg{stroke:#ff375f;fill:#ff375f59}.ph{background:linear-gradient(160deg,#ffe0c8,#ffb3c2);border-radius:14px;flex:none;width:184px;height:184px;position:relative;overflow:hidden}.ph .chars{filter:saturate(.75)brightness(.94)contrast(1.05);position:absolute;inset:0}.ph .chars>.char{width:118px;position:absolute;bottom:-14px}.ph:before{content:"";mix-blend-mode:soft-light;z-index:1;background:#ff375f38;position:absolute;inset:0}.ph:after{content:"";z-index:1;background:linear-gradient(#0000 50%,#0000008c);border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff14}.ph .cap{z-index:2;font:500 11.5px var(--sys);color:#ffffffe6;position:absolute;bottom:10px;left:12px}.ph .x-pic{border-radius:0}.ph .x-pic .char{width:118px;bottom:-14px}.rcol{flex-direction:column;flex:1;gap:8px;margin-left:8px;display:flex}.tile{background:#1c1c1e;border-radius:12px}.notetile{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:12px 14px;display:flex}.notetile .who{font:500 11px var(--sys);align-items:center;gap:5px;display:flex}.notetile .who svg{fill:#ff375f;width:12px}.notetile .txt{font:500 15px/1.3 var(--sys);letter-spacing:-.1px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stats{flex:1;gap:8px;display:flex}.stat{flex-direction:column;flex:1;justify-content:space-between;padding:12px 11px;display:flex}.stat:last-child{flex:2.1}.stat .l{font:500 11px var(--sys);color:#ebebf599;align-items:center;gap:4px;display:flex}.stat .l svg{fill:#ff375f;width:10px;animation:2.6s infinite beat}.stat .v{font:600 16px var(--sys);letter-spacing:-.3px;white-space:nowrap;font-variant-numeric:tabular-nums}.their .l{font:500 11px var(--sys)}.their .t{font:400 16px var(--sys);margin-top:2px}.composer{border-top:1px solid #ffffff14;align-items:center;gap:8px;padding-top:10px;display:flex}.composer input{color:#fff;min-width:0;height:34px;font:400 13px var(--sys);background:#2c2c2e;border:1px solid #ff375f;border-radius:9px;outline:none;flex:1;padding:0 10px;box-shadow:0 0 0 3px #ff375f59}.composer input::placeholder{color:#ebebf54d}.send{background:#ff375f;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.send svg{stroke:#fff;stroke-width:2.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:15px}.foot{font:500 11.5px var(--sys);justify-content:space-between;align-items:center;display:flex}.foot .lbl{font:400 12px var(--sys);margin-right:8px}.seg{background:#7676803d;border-radius:7px;padding:2px;display:inline-flex}.seg>span{color:#ebebf599;height:20px;line-height:20px;font:500 11.5px/20px var(--sys);border-radius:5px;padding:0 9px}.seg>span.on{color:#fff;background:#636366;box-shadow:0 1px 2px #0000004d}.hrow{justify-content:space-between;align-items:flex-start;display:flex}.hrow h4{font:600 15px var(--sys);margin:0}.hrow p{font:400 11.5px var(--sys);margin:2px 0 0}.hrow .st{font:500 11.5px var(--sys)}.emojis{gap:6px;display:flex}.emojis button{background:#2c2c2e;border:0;border-radius:12px;flex:1;height:54px;font-size:27px;transition:background .15s;position:relative}.emojis button.last{background:#ff375f29;box-shadow:inset 0 0 0 1px #ff375f99}.emojis .pop{margin:-10px 0 0 -10px;font-size:16px;position:absolute;top:50%;left:50%}.prow{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}.ptile{border:1px dashed #ebebf54d;border-radius:12px;flex:none;place-items:center;width:150px;height:150px;display:grid;position:relative;overflow:hidden}.ptile>svg{stroke:#ebebf54d;fill:none;stroke-width:1.5px;width:28px}.ptile.has{border:0}.ptile.has>svg{display:none}.ptile .x-pic{border-radius:0;position:absolute;inset:0}.ptile.has:after{content:"";mix-blend-mode:soft-light;background:linear-gradient(#0000 55%,#1c1c1e8c),#ff375f38;position:absolute;inset:0}.pcol{flex-direction:column;gap:3px;display:flex}.pcol .e{font:500 11px var(--sys)}.pcol .ti{font:600 15px var(--sys)}.pcol .b{font:400 12px var(--sys);max-width:250px}.pbtn{color:#fff;height:24px;line-height:24px;font:500 12px/24px var(--sys);background:#ff375f;border-radius:6px;align-self:flex-start;margin-top:10px;padding:0 12px}.pbtn.bordered{background:0 0;box-shadow:inset 0 0 0 1px #ffffff24}.x-mini{--e:8px;color:#fff;width:200px;height:30px;font-family:var(--sys);z-index:2;background:#000;border-radius:0 0 13px 13px;justify-content:space-between;align-items:flex-start;padding:5px 13px 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.x-mini:before,.x-mini:after{content:"";width:var(--e);height:var(--e);position:absolute;top:0}.x-mini:before{left:calc(-1 * var(--e));background:radial-gradient(circle at 0 100%,transparent calc(var(--e) - .5px),#000 var(--e))}.x-mini:after{right:calc(-1 * var(--e));background:radial-gradient(circle at 100% 100%,transparent calc(var(--e) - .5px),#000 var(--e))}.x-mini.x-tall{border-radius:0 0 16px 16px;height:50px}.x-who{align-items:center;gap:4px;display:flex}.x-av{background:linear-gradient(160deg,#ffe0c8,#ffb3c2);border-radius:50%;width:20px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #fff3}.x-av svg{width:26px;position:absolute;top:0;left:-3px}.x-mood{font-size:13px;line-height:20px;display:inline-block}.x-heart{width:13px;fill:var(--pink);margin-top:4px;animation:2.6s infinite beat}.x-tick{height:18px;position:absolute;top:28px;left:12px;right:12px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.x-tick span{white-space:nowrap;font:500 12px/18px var(--sys);animation:7s linear infinite x-tick;position:absolute}.x-tick b{color:var(--pink);margin-right:7px;font-weight:600}@keyframes x-tick{0%{transform:translate(180px)}to{transform:translate(-100%)}}.x-drip{width:20px;fill:var(--pink);stroke:var(--ink);stroke-width:2px;opacity:0;z-index:2;animation:3s ease-in infinite x-drip;position:absolute;top:26px}@keyframes x-drip{0%{opacity:0;transform:translateY(0)scale(.3)}15%{opacity:1}to{transform:translateY(110px) rotate(var(--r,12deg)) scale(1);opacity:0}}.y-head-split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;max-width:none;display:flex}.y-head-split>div{max-width:700px}.y-head-split p{text-wrap:pretty;max-width:330px;margin-top:0}.b-grid{flex-wrap:wrap;gap:16px;display:flex}.b-card{border-radius:var(--r);flex-direction:column;flex:320px;gap:20px;padding:14px 14px 28px;display:flex}.b-card.b-wide{flex-basis:420px}.b-art{background:#ffffff8c;border-radius:22px;height:230px;position:relative;overflow:hidden}.b-copy{flex-direction:column;gap:6px;padding:0 12px;display:flex}.b-copy h3{letter-spacing:-.035em;font-size:clamp(26px,2.6vw,32px);line-height:1}.b-copy p{color:var(--ink3);font-size:16px}.b-pal{width:88px;position:absolute;bottom:-10px}.b-pal .char{display:block}.b-art .x-mini{width:230px}.b-art .x-mini.x-tall{height:54px}.b-art .x-tick{top:30px}.b-moods{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px;padding:12px;display:grid}.b-moods button{cursor:pointer;font:500 10.5px var(--body);color:var(--ink3);background:#ffffff8c;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s;display:flex}.b-moods button:hover{transform:scale(1.06)}.b-moods button span{font-size:20px;line-height:1}.b-moods button.is-on{box-shadow:inset 0 0 0 2px var(--ink);background:#fff}.b-photos{justify-content:center;align-items:center;display:flex}.b-polaroid{background:#fff;border-radius:14px;padding:8px 8px 0;box-shadow:0 14px 30px -18px #16141a73}.b-polaroid b{text-align:center;font:800 15px/36px var(--disp);letter-spacing:-.02em;display:block}.b-shot{background:linear-gradient(160deg,#ffe0c8,#ffb3c2);border-radius:9px;position:relative;overflow:hidden}.b-shot.x-sun{background:linear-gradient(#bfe3ff,#fff1de 68%,#ffd6ae)}.b-shot .char{width:82px;position:absolute;bottom:-12px}.b-shot .char:first-child{left:-6px}.b-shot .char:last-child{right:-8px}.b-back{width:150px;position:absolute;transform:translate(70px,6px)rotate(7deg)}.b-back .b-shot{height:126px}.b-front{width:160px;position:relative;transform:translate(-40px)rotate(-4deg);box-shadow:0 18px 34px -18px #16141a80}.b-front .b-shot{height:138px}.b-count{background:#fff;flex-direction:column;justify-content:space-between;padding:24px 26px;display:flex}.b-count .y-kicker{color:var(--ink2);margin:0}.b-big{font:800 clamp(40px,6vw,68px)/1 var(--disp);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--pink)}.b-chips{flex-wrap:wrap;gap:8px;display:flex}.b-chips span{border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.b-chips b{font-weight:600}.y-stage{padding:clamp(22px,4vw,48px) clamp(8px,3vw,40px) clamp(14px,2vw,24px)}.scene{cursor:pointer;width:100%;max-width:960px;margin:0 auto;display:block;overflow:visible}.scene .who{font:800 34px var(--disp);letter-spacing:-.03em;fill:var(--ink);text-anchor:middle}.scene .route{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.5 13;opacity:.3}.lap-lid{fill:#fff;stroke:var(--ink);stroke-width:3px}.lap-base{fill:#fff;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.lap-screen{stroke:none;fill:var(--butter)}#lapR .lap-screen{fill:var(--sky)}.mini-notch{transform-box:fill-box;transform-origin:50% 0}.beat{transform-box:fill-box;transform-origin:50%;animation:2.6s infinite beat}.y-stage .y-hint{text-align:center;color:var(--ink2);margin-top:8px;font-size:14px}.y-grid{grid-template-columns:repeat(3,1fr);gap:40px 32px;display:grid}.y-g .y-ic{border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:22px;display:grid}.y-g:nth-child(4n+1) .y-ic{background:var(--blush)}.y-g:nth-child(4n+2) .y-ic{background:var(--butter)}.y-g:nth-child(4n+3) .y-ic{background:var(--sky)}.y-g:nth-child(4n+4) .y-ic{background:var(--mint)}.y-g h3{letter-spacing:-.03em;margin-bottom:8px;font-size:24px;line-height:1.05}.y-g p{color:var(--ink2);font-size:16px}.y-calm{grid-template-columns:1fr 1.15fr;align-items:stretch;gap:16px;display:grid}.y-calm-art{justify-content:center;align-items:flex-end;min-height:320px;padding:40px 20px 28px;display:flex;position:relative}.y-calm-art .char{width:clamp(110px,13vw,150px)}.y-lic-tag{font:800 17px var(--disp);letter-spacing:-.02em;white-space:nowrap;background:#fff;border-radius:999px;padding:10px 18px;position:absolute;top:32px;left:50%;transform:translate(-50%)rotate(-3deg)}.y-calm-copy{flex-direction:column;justify-content:center;padding:clamp(26px,4vw,48px);display:flex}.y-calm-copy h2{font-size:clamp(38px,4.8vw,60px)}.y-calm-copy>p{color:var(--ink2);max-width:440px;margin-top:16px;font-size:17px}.y-amt{font:800 clamp(52px,6vw,72px)/1 var(--disp);letter-spacing:-.05em;align-items:baseline;gap:8px;margin-top:26px;display:flex}.y-amt small{font:500 16px var(--body);letter-spacing:0;color:var(--ink2)}.y-calm ul{gap:6px;margin:20px 0 26px;padding:0;list-style:none;display:grid}.y-calm li{padding-left:26px;font-size:16px;position:relative}.y-calm li:before{content:"♥";color:var(--pink);font-size:13px;position:absolute;top:2px;left:2px}.y-calm .y-btn{align-self:flex-start}.y-fine{color:var(--ink2);margin-top:14px;font-size:13.5px}.y-fgrid{grid-template-columns:1fr 1.6fr;align-items:start;gap:32px;display:grid}.y-fgrid h2{font-size:clamp(40px,7vw,84px)}.y-qs{gap:10px;display:grid}details{background:var(--mist);border-radius:24px;transition:background .2s}details[open]{background:var(--butter)}details:first-child[open]{background:var(--blush)}summary{cursor:pointer;font:800 20px/1.2 var(--disp);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";width:30px;height:30px;font:600 20px/1 var(--body);background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform .25s;display:grid}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--ink3);max-width:560px;padding:0 24px 22px;font-size:16px}.y-end{text-align:center;padding-top:clamp(90px,12vw,150px)}.y-sleep{width:220px;height:120px;margin:0 auto;position:relative}.y-sleep .char{width:116px;position:absolute;bottom:0}.y-sleep .s1{left:0;transform:rotate(7deg)}.y-sleep .s2{right:0;transform:rotate(-7deg)}.y-zz{font:800 24px var(--disp);animation:3s ease-in-out infinite y-zz;position:absolute;top:-14px;right:10px}@keyframes y-zz{0%{opacity:0;transform:translateY(10px)}40%{opacity:1}to{opacity:0;transform:translate(12px,-18px)}}.y-end h2{max-width:820px;margin:36px auto 30px;font-size:clamp(44px,8vw,100px)}footer{padding-block:clamp(70px,9vw,110px) 40px}.y-small{color:var(--ink2);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13.5px;display:flex}.char{overflow:visible}.char .c-line{stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.char .c-shadow{fill:var(--ink);opacity:.07}.char .c-bob{transform-box:view-box;transform-origin:60px 124px;animation:2.6s ease-in-out infinite bob}.char .eyes-open{transform-box:view-box;transform-origin:60px 70px;animation:4.4s infinite blink}.char .c-arm-r{transform-box:view-box;transform-origin:100px 80px}.char .c-arm-l{transform-box:view-box;transform-origin:20px 80px}.char .eyes-happy,.char .eyes-heart,.char .eyes-sleep,.char .mouth-o,.char.is-happy .eyes-open,.char.is-love .eyes-open,.char.is-sleep .eyes-open{display:none}.char.is-happy .eyes-happy,.char.is-love .eyes-heart{display:inline}.char.is-love .mouth-smile{display:none}.char.is-love .mouth-o,.char.is-sleep .eyes-sleep{display:inline}.char.is-sleep .c-bob{animation:3.2s ease-in-out infinite breathe}.char.is-jump .c-bob{animation:.8s cubic-bezier(.3,.7,.4,1) jump}.char.is-tap .c-bob{animation:.45s ease-out squash}.char.is-tap .c-arm-r{animation:.45s ease-out tap}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(.985,1.025)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}@keyframes blink{0%,91%,to{transform:scaleY(1)}93.5%{transform:scaleY(.1)}96%{transform:scaleY(1)}}@keyframes jump{0%{transform:scale(1.12,.86)}35%{transform:translateY(-30px)scale(.9,1.12)}68%{transform:translateY(0)scale(1.12,.88)}84%{transform:scale(.97,1.04)}to{transform:none}}@keyframes squash{0%{transform:none}40%{transform:scale(1.08,.9)}to{transform:none}}@keyframes tap{0%,to{transform:none}40%{transform:rotate(-55deg)}}@keyframes beat{0%,33%,to{transform:scale(1)}8%{transform:scale(1.18)}16%{transform:scale(1)}24%{transform:scale(1.1)}}.rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.3,1);transform:translateY(20px)}.rv.in{opacity:1;transform:none}@media (max-width:900px){.y-links a:not(.y-btn){display:none}.y-grid{grid-template-columns:1fr 1fr}.y-calm,.y-fgrid{grid-template-columns:1fr}.y-calm-art{min-height:250px}}@media (max-width:599px){.y-hearts{display:none}.y-nav .y-wrap{height:60px}.y-logo{font-size:20px}.y-links .y-btn{padding:10px 15px;font-size:14px}.y-hero h1{font-size:clamp(44px,13.4vw,60px)}.y-hero .y-sub{margin-top:18px;font-size:16.5px}.y-show{margin-top:104px;margin-inline:-4px}.x-cast{--pal:54px;--side:3%}.x-cast .pal{bottom:-5px}.demo-shell{aspect-ratio:1/.8}.bubble{border-radius:15px;padding:8px 12px;font-size:15px;bottom:32px}.y-ctas{flex-direction:column;gap:16px;margin-top:24px}.y-ctas .y-btn{align-self:stretch;padding-block:18px;font-size:17px}.b-card{border-radius:26px}.b-art{height:210px}.b-back{width:130px;transform:translate(58px,6px)rotate(7deg)}.b-back .b-shot{height:108px}.b-front{width:140px;transform:translate(-34px)rotate(-4deg)}.b-front .b-shot{height:120px}.b-shot .char{width:72px}.y-stage{border-radius:26px}.scene .who{font-size:48px}.y-grid{grid-template-columns:1fr;gap:22px}.y-g{grid-template-columns:48px 1fr;gap:2px 16px;display:grid}.y-g .y-ic{grid-row:span 2;margin:0}.y-g h3{align-self:end;margin:0;font-size:21px}.y-g p{font-size:15px}.y-calm-art,.y-calm-copy{border-radius:26px}.y-calm .y-btn{align-self:stretch;padding-block:18px}summary{padding:18px 20px;font-size:18.5px}details p{padding:0 20px 20px;font-size:15.5px}.y-small{text-align:center;flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.rv{opacity:1;transform:none}}.t-page{max-width:820px;padding-block:clamp(32px,6vw,64px) 80px}.t-head{text-align:center}.t-head h1{font-size:clamp(44px,8vw,84px)}.t-head p{color:var(--ink2);margin-top:14px;font-size:18px}.t-chars{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.t-chars .char{width:clamp(72px,12vw,96px)}.t-steps{gap:12px;margin:clamp(28px,5vw,48px) 0 0;padding:0;list-style:none;display:grid}.t-steps li{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:clamp(20px,3vw,30px);display:grid}.t-steps h2{letter-spacing:-.035em;font-size:clamp(26px,3.4vw,34px)}.t-steps p{color:var(--ink3);margin:6px 0 0;font-size:16px}.t-steps .y-btn{white-space:nowrap}.t-n{background:var(--ink);color:#fff;width:44px;height:44px;font:800 20px var(--disp);border-radius:50%;place-items:center;display:grid}.t-note{max-width:240px;font-size:14.5px}.t-key{margin-top:12px;padding:clamp(20px,3vw,28px)}.t-key-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.t-key code{overflow-wrap:anywhere;background:#fff;border-radius:14px;flex:1;min-width:0;padding:14px 16px;font:600 clamp(16px,2.4vw,20px)/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.t-copy{padding:14px 22px}.t-key p{color:var(--ink2);margin:10px 0 0;font-size:14.5px}.t-help{text-align:center;color:var(--ink2);margin-top:24px;font-size:14.5px}@media (max-width:599px){.t-steps li{grid-template-columns:auto 1fr}.t-steps li>.y-btn,.t-steps li>.t-note{grid-column:1/-1}.t-steps li>.y-btn{padding-block:18px}.t-key-row .t-copy{width:100%}}.a-page{padding-block:40px 80px}.a-page h1{font-size:44px}.a-page h2{letter-spacing:-.03em;margin-top:40px;font-size:26px}.a-page h2 small{font:500 15px var(--body);color:var(--ink2);margin-left:6px}.a-note{color:var(--ink2);margin-top:10px;font-size:15px}.a-scroll{margin-top:12px;overflow-x:auto}.a-table{border-collapse:collapse;width:100%;font-size:14.5px}.a-table th{text-align:left;color:var(--ink2);border-bottom:1px solid #e7e5e0;padding:8px 10px;font-weight:600}.a-table td{vertical-align:top;border-bottom:1px solid #f0eee9;padding:10px}.a-dim{color:var(--ink2);font-size:12.5px}.a-off{color:var(--pink);font-weight:600}.a-mac{align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.a-btn{font:600 13px var(--body);background:var(--mist);cursor:pointer;border:0;border-radius:999px;padding:7px 14px}.a-danger{background:var(--pink);color:#fff}.y-foot-links{flex-wrap:wrap;gap:14px;display:flex}.y-foot-links a:hover{color:var(--ink)}.d-page{max-width:720px;padding-block:clamp(32px,6vw,64px) 40px}.d-page h1{font-size:clamp(40px,7vw,72px)}.d-page h2{letter-spacing:-.03em;margin-top:36px;font-size:clamp(22px,3vw,28px)}.d-page p{color:var(--ink3);margin:12px 0 0;font-size:17px}.d-page b{color:var(--ink);font-weight:600}.d-updated{color:var(--ink2)!important;font-size:14.5px!important}.d-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex;margin-top:32px!important}.d-contact{margin-top:40px!important}
