.label{font-size:var(--t-xs);letter-spacing:.16em;color:var(--amber);align-items:center;gap:12px;margin-bottom:clamp(16px,2vw,24px);font-weight:700;display:inline-flex}.label:before{content:"";opacity:.6;background:currentColor;width:28px;height:1px}:lang(en) .label{text-transform:uppercase}.hero{isolation:isolate;background:var(--room-deep);align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-photo{z-index:-2;position:absolute;inset:0}.hero-photo img{object-fit:cover;object-position:50% 42%;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.hero-photo img{animation:hero-settle 2.6s var(--ease-out-expo) both}}@keyframes hero-settle{0%{opacity:0;filter:brightness(.3);transform:scale(1.07)}to{opacity:1;filter:none;transform:none}}.hero:after{content:"";z-index:-1;background:linear-gradient(to bottom, oklch(13.5% .004 265/.7), transparent 18%), linear-gradient(to bottom, transparent 40%, oklch(13.5% .004 265/.86) 66%, var(--room-deep) 96%);position:absolute;inset:0}.hero-copy{padding-top:40svh;padding-bottom:clamp(36px,7svh,72px);position:relative}.hero h1{letter-spacing:-.038em;font-size:clamp(2.5rem,1.1rem + 6.6vw,6.4rem);font-weight:700;line-height:1.02}.hero h1 span{display:block}:is(:lang(ja),:lang(zh-Hant)) .hero h1{font-size:min(clamp(2.05rem, .7rem + 5.4vw, 5.2rem), calc((100vw - 2 * var(--gutter)) / 10.3));letter-spacing:.01em;font-weight:800;line-height:1.16}:lang(ko) .hero h1{letter-spacing:-.02em;font-size:clamp(2.05rem,.7rem + 5.2vw,5rem);font-weight:800;line-height:1.18}@media (prefers-reduced-motion:no-preference){.hero h1 span,.hero-sub,.hero .cta-row,.hero-facts{animation:rise var(--dur-slow) var(--ease-out-expo) both}.hero h1 span:first-child{animation-delay:.35s}.hero h1 span:nth-child(2){animation-delay:.47s}.hero-sub{animation-delay:.62s}.hero .cta-row{animation-delay:.74s}.hero-facts{animation-delay:.86s}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero-sub{max-width:32em;font-size:var(--t-md);color:var(--text-soft);margin-top:clamp(16px,2.4vw,28px);line-height:1.7}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .hero-sub{max-width:24em;font-size:clamp(.98rem,.92rem + .3vw,1.2rem)}.hero .cta-row{margin-top:clamp(24px,3.2vw,36px)}.hero-facts{font-size:var(--t-xs);letter-spacing:.04em;color:var(--text-faint);flex-wrap:wrap;gap:6px 18px;margin-top:clamp(20px,2.6vw,30px);font-weight:600;list-style:none;display:flex}.hero-facts li{align-items:center;gap:18px;display:inline-flex}.hero-facts li+li:before{content:"";background:var(--amber);opacity:.7;border-radius:50%;flex:none;width:4px;height:4px;margin-left:-9px;margin-right:-9px}.hero-notif{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(1.6);font-family:var(--font-system);color:oklch(98% 0 0);background:oklch(24% .004 285/.55);border-radius:20px;grid-template-columns:22px 1fr auto;align-items:center;gap:1px 8px;max-width:400px;margin-inline:auto;padding:12px 14px 13px;font-size:.875rem;line-height:1.32;display:grid;position:absolute;top:calc(64px + 2svh);left:12px;right:12px;box-shadow:inset 0 0 0 .5px oklch(100% 0 0/.12),0 20px 40px -20px oklch(0% 0 0/.8)}.hero-notif-icon{background:linear-gradient(oklch(80% .18 145),oklch(68% .19 145));border-radius:6px;grid-row:1;width:22px;height:22px}.hero-notif-app{letter-spacing:.02em;text-transform:uppercase;opacity:.7;font-size:.75rem}.hero-notif-time{opacity:.6;font-size:.75rem}.hero-notif b{grid-column:1/-1;margin-top:6px;font-weight:600}.hero-notif-body{opacity:.92;grid-column:1/-1}@media (prefers-reduced-motion:no-preference){.hero-notif{animation:notif-in .9s var(--ease-out-expo) 1.5s both}}@keyframes notif-in{0%{opacity:0;transform:translateY(-18px)scale(.96)}to{opacity:1;transform:none}}.hero-scroll{display:none}@media (width>=1000px) and (aspect-ratio>=5/4){.hero{align-items:center}.hero-photo{left:26%;mask:linear-gradient(90deg,#0000,#000 22%)}.hero-photo img{object-position:40% 50%}.hero:after{background:linear-gradient(to right, var(--room-deep) 26%, oklch(13.5% .004 265/.6) 40%, transparent 62%), linear-gradient(to bottom, oklch(13.5% .004 265/.6), transparent 16%, transparent 78%, var(--room-deep))}.hero-copy{padding-top:120px;padding-bottom:120px}.hero-sub{max-width:46vw}.hero h1 span{white-space:nowrap}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .hero h1{font-size:min(4.9rem,4.6vw)}.hero-notif{left:auto;right:max(5vw, calc((100vw - var(--wrap)) / 2 + 40px));width:360px;margin:0;top:auto;bottom:22vh}@media (width<=1279px){.hero-photo{left:36%}.hero-photo img{object-position:34% 50%}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .hero h1{font-size:4.3vw}.hero h1{font-size:5.6vw}}.hero-scroll{right:var(--gutter);font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:14px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;bottom:34px}.hero-scroll i{background:linear-gradient(var(--text-faint), transparent);transform-origin:top;width:1px;height:44px}@media (prefers-reduced-motion:no-preference){.hero-scroll i{animation:drip 2.4s var(--ease-out-quint) infinite}}}@keyframes drip{0%{transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.confess{padding-block:clamp(110px,18vw,240px)}.confess p{letter-spacing:-.025em;text-wrap:pretty;max-width:24em;font-size:clamp(1.55rem,.9rem + 3vw,3.6rem);font-weight:700;line-height:1.32}:is(:lang(ja),:lang(zh-Hant)) .confess p{letter-spacing:.02em;line-break:strict;max-width:19em;line-height:1.55}:lang(ko) .confess p{letter-spacing:-.01em;max-width:20em;line-height:1.5}.confess-a{color:var(--text-faint)}.confess-b{color:var(--text)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.confess p span span{animation:linear both ink-in view();animation-range:cover 18% cover 42%}}}@keyframes ink-in{0%{color:oklch(30% .006 85)}}.demo{--steps:5;position:relative;overflow-x:clip}.demo-stage{width:100%;max-width:var(--wrap);padding:var(--act-tight) var(--gutter);grid-template-columns:minmax(0,1fr);gap:40px;margin-inline:auto;display:grid}.demo-steps{gap:28px;list-style:none;display:grid}.demo-num{font-family:var(--font-latin);font-size:var(--t-xs);letter-spacing:.1em;color:var(--amber);margin-bottom:8px;font-weight:700;display:block}.demo-steps h2{font-size:var(--t-lg);line-height:1.28}.demo-steps p{color:var(--text-soft);max-width:30em;margin-top:10px}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .demo-steps p{max-width:24em}.demo-progress{display:none}.phone{aspect-ratio:9/19.5;width:min(100%,380px);box-shadow:var(--shadow-phone);background:linear-gradient(145deg,oklch(28% .004 285),oklch(13% .003 285) 40%,oklch(20% .003 285));border-radius:54px;justify-self:center;padding:10px;position:relative}.phone:before{content:"";z-index:-1;filter:blur(30px);transition:background .8s var(--ease-out-quint);pointer-events:none;background:radial-gradient(closest-side,oklch(75% .06 260/.22),#0000);border-radius:50%;position:absolute;inset:8% -30%}.demo:is([data-step="2"],[data-step="3"]) .phone:before{background:radial-gradient(closest-side,oklch(97% .01 85/.2),#0000)}.demo[data-step="4"] .phone:before{background:radial-gradient(closest-side,oklch(77.5% .1 68/.18),#0000)}.phone:after{content:"";z-index:5;background:oklch(8% 0 0);border-radius:20px;width:30%;height:26px;position:absolute;top:21px;left:50%;translate:-50%}.phone-screen{height:100%;font-family:var(--font-system);-webkit-font-smoothing:antialiased;isolation:isolate;background:oklch(16% .004 285);border-radius:44px;position:relative;overflow:hidden;container:screen/size}.scr{--pt:calc(100cqw / 393);isolation:isolate;font-size:calc(15 * var(--pt));flex-direction:column;line-height:1.32;display:flex;position:absolute;inset:0}.demo:not(.is-live) .scr:not(.scr-lock){display:none}.sb{height:calc(54 * var(--pt));padding:calc(6 * var(--pt)) calc(30 * var(--pt)) 0 calc(36 * var(--pt));font-size:calc(16 * var(--pt));color:var(--ink);flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.sb-light{color:oklch(99% 0 0)}.sb-icons{align-items:center;gap:calc(6 * var(--pt));display:flex}.sb-icons .sig{width:calc(17 * var(--pt));height:calc(11 * var(--pt));clip-path:polygon(0 75%,22% 75%,22% 55%,48% 55%,48% 30%,74% 30%,74% 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,currentColor 0 22%,#0000 22% 26%,currentColor 26% 48%,#0000 48% 52%,currentColor 52% 74%,#0000 74% 78%,currentColor 78%)}.sb-icons .bat{width:calc(25 * var(--pt));height:calc(12 * var(--pt));border-radius:calc(3.5 * var(--pt));border:calc(1 * var(--pt)) solid color-mix(in oklch, currentColor 45%, transparent);padding:calc(1.5 * var(--pt));background:linear-gradient(90deg,currentColor 0 38%,#0000 38%) content-box content-box}.home-bar{bottom:calc(8 * var(--pt));width:calc(136 * var(--pt));height:calc(5 * var(--pt));background:oklch(99% 0 0/.9);border-radius:3px;position:absolute;left:50%;translate:-50%}.home-bar.dark{background:oklch(15% 0 0/.85)}.scr-lock{color:oklch(99% 0 0);background:oklch(20% .02 270)}.scr-wall{z-index:-1;position:absolute;inset:0}.scr-wall img{object-fit:cover;filter:brightness(.78)saturate(.9);width:100%;height:100%}.scr-wall:after{content:"";background:linear-gradient(#0000 40%,oklch(10% .01 270/.55));position:absolute;inset:0}.lock-top{text-align:center;padding-top:calc(4 * var(--pt))}.lock-glyph{width:calc(14 * var(--pt));height:calc(18 * var(--pt));margin:0 auto calc(6 * var(--pt))}.lock-date{font-size:calc(20 * var(--pt));text-shadow:0 1px 12px oklch(0% 0 0/.25);font-weight:600}.lock-time{font-size:calc(96 * var(--pt));letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:calc(2 * var(--pt));text-shadow:0 2px 24px oklch(0% 0 0/.2);font-weight:600;line-height:1}.lock-notifs{padding:0 calc(10 * var(--pt));gap:calc(8 * var(--pt));margin-top:auto;list-style:none;display:grid}.notif{grid-template-columns:calc(38 * var(--pt)) 1fr auto;column-gap:calc(10 * var(--pt));padding:calc(12 * var(--pt)) calc(14 * var(--pt));border-radius:calc(22 * var(--pt));-webkit-backdrop-filter:blur(20px)saturate(1.7);background:oklch(22% .006 270/.5);grid-template-rows:auto auto;display:grid;box-shadow:inset 0 0 0 .5px oklch(100% 0 0/.08)}.notif-icon{width:calc(38 * var(--pt));height:calc(38 * var(--pt));border-radius:calc(9 * var(--pt));grid-row:1/span 3;align-self:center}.notif-icon[data-app="0"]{background:#fff conic-gradient(from 20deg,#f6c544,#f08a3a,#e5466f,#a752d9,#4f8ff0,#49c3a0,#9ad34a,#f6c544);mask:radial-gradient(circle,#0000 18%,#000 19%)}.notif-icon[data-app="1"]{background:radial-gradient(circle at 50% 56%,#fff 0 30%,#0000 31%),radial-gradient(circle at 34% 30%,#fff 0 11%,#0000 12%),radial-gradient(circle at 66% 30%,#fff 0 11%,#0000 12%),linear-gradient(#5fb4e8,#3a8fd0)}.notif-icon[data-app="2"]{background:radial-gradient(34% 28%,#fff 98%,#0000),linear-gradient(#6ee36c,#2fbf3d)}.notif-icon[data-app="3"]{background:conic-gradient(from 45deg at 50% 50%, #e8cf9a 0 25%, #b38b4d 0 50%, #e8cf9a 0 75%, #b38b4d 0) 50% 50% / 42% 42% no-repeat, #1d1b19}.notif-app{font-size:calc(13 * var(--pt));opacity:.68;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.notif-time{font-size:calc(13 * var(--pt));opacity:.6}.notif-title{grid-column:2/-1;font-weight:600}.notif-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:2/-1;display:-webkit-box;overflow:hidden}.lock-open{margin:calc(16 * var(--pt)) 0 calc(30 * var(--pt));min-height:36px;padding:calc(8 * var(--pt)) calc(18 * var(--pt));-webkit-backdrop-filter:blur(14px);color:oklch(99% 0 0);font-family:var(--font-system);font-size:calc(14 * var(--pt));cursor:pointer;background:oklch(99% 0 0/.16);border:0;border-radius:999px;align-self:center;font-weight:600}.lock-open:hover{background:oklch(99% 0 0/.26)}.demo:not(.is-live) .lock-open{visibility:hidden}@container screen (aspect-ratio>=1/2){.lock-glyph{display:none}.lock-date{font-size:calc(17 * var(--pt))}.lock-time{font-size:calc(74 * var(--pt))}.lock-notifs{gap:calc(6 * var(--pt))}.notif{padding:calc(9 * var(--pt)) calc(12 * var(--pt));font-size:calc(14 * var(--pt))}.notif-app,.notif-time{font-size:calc(12 * var(--pt))}.lock-open{margin:calc(10 * var(--pt)) 0 calc(24 * var(--pt))}.keypad{gap:calc(12 * var(--pt)) calc(26 * var(--pt));margin-bottom:calc(30 * var(--pt))}.key{width:calc(74 * var(--pt));height:calc(74 * var(--pt))}.pass{padding-top:calc(30 * var(--pt))}}.scr-pass{color:oklch(99% 0 0);background:oklch(14% .01 270)}.scr-pass:before{content:"";z-index:-1;filter:blur(28px)brightness(.42)saturate(1.2);background:url(/assets/scene/wall-600.webp) 50%/cover;position:absolute;inset:-40px}.pass{padding-top:calc(54 * var(--pt));flex-direction:column;flex:1;align-items:center;display:flex}.pass-title{font-size:calc(20 * var(--pt))}.pass-dots{gap:calc(22 * var(--pt));margin-top:calc(20 * var(--pt));display:flex}.pass-dots i{width:calc(13 * var(--pt));height:calc(13 * var(--pt));border:calc(1.5 * var(--pt)) solid currentColor;transition:background var(--dur-fast);border-radius:50%}.pass-dots i.on{background:currentColor}.pass-msg{min-height:calc(22 * var(--pt));margin-top:calc(12 * var(--pt));font-size:calc(14 * var(--pt));opacity:.85}.is-unlocked .pass-msg{color:oklch(85% .14 155)}.is-wrong .pass-dots{animation:shake .42s var(--ease-out-quint)}@keyframes shake{20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}.keypad{grid-template-columns:repeat(3, calc(80 * var(--pt)));gap:calc(16 * var(--pt)) calc(26 * var(--pt));margin-top:auto;margin-bottom:calc(46 * var(--pt));place-items:center;display:grid}.key{width:calc(80 * var(--pt));height:calc(80 * var(--pt));-webkit-backdrop-filter:blur(12px);color:inherit;cursor:pointer;font-family:var(--font-system);background:oklch(99% 0 0/.14);border:0;border-radius:50%;place-content:center;justify-items:center;transition:background .35s;display:grid}.key b{font-size:calc(36 * var(--pt));font-weight:400;line-height:1}.key small{font-size:calc(10 * var(--pt));letter-spacing:.18em;margin-top:calc(1 * var(--pt));min-height:1em;font-weight:600}.key:active,.key:hover{background:oklch(99% 0 0/.32);transition-duration:0s}.key-text{color:inherit;font-family:var(--font-system);font-size:calc(16 * var(--pt));cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px}.needs-hint .scr-pass .key-text[data-goto]{color:var(--amber-hi)}.scr-app{background:var(--paper-card);color:var(--ink)}.app-bar{padding:calc(2 * var(--pt)) calc(14 * var(--pt)) calc(10 * var(--pt));border-bottom:.5px solid var(--paper-edge);background:oklch(98% .002 85/.92);flex:none;grid-template-rows:auto auto auto;grid-template-columns:1fr auto 1fr;justify-items:center;display:grid}.app-bar .back{margin-top:calc(14 * var(--pt));width:calc(12 * var(--pt));height:calc(12 * var(--pt));border-left:calc(2.6 * var(--pt)) solid var(--sys-blue-ink);border-bottom:calc(2.6 * var(--pt)) solid var(--sys-blue-ink);grid-area:1/1/span 3;place-self:start;rotate:45deg}.app-bar .avatar{grid-column:2}.app-bar b{margin-top:calc(4 * var(--pt));font-size:calc(12 * var(--pt));grid-column:2;font-weight:500}.app-bar small{font-size:calc(10 * var(--pt));color:var(--ink-faint);grid-column:2}.app-bar-plain{min-height:calc(44 * var(--pt));background:0 0;border:0}.avatar{width:calc(46 * var(--pt));height:calc(46 * var(--pt));color:oklch(99% 0 0);font-size:calc(19 * var(--pt));background:linear-gradient(oklch(75% .01 285),oklch(60% .01 285));border-radius:50%;place-items:center;font-weight:600;display:grid}.avatar.amber{background:var(--amber);color:var(--amber-ink)}.bubbles{justify-content:flex-end;gap:calc(5 * var(--pt));padding:calc(12 * var(--pt)) calc(14 * var(--pt));flex-direction:column;flex:1;list-style:none;display:flex;overflow:hidden}.bubble{max-width:76%;padding:calc(8 * var(--pt)) calc(13 * var(--pt));border-radius:calc(19 * var(--pt));font-size:calc(16 * var(--pt));line-height:1.3}.bubble.them{background:oklch(93% .002 285);align-self:flex-start}.bubble.you{background:var(--sys-blue);color:oklch(99% 0 0);align-self:flex-end}.bubble time{display:none}.bubble.is-deleted{border:calc(1 * var(--pt)) dashed oklch(75% .004 285);color:var(--ink-faint);font-size:calc(14 * var(--pt));background:0 0}.bubble.is-deleted span{align-items:center;gap:calc(6 * var(--pt));display:inline-flex}.bubble.is-deleted svg{width:calc(14 * var(--pt));height:calc(14 * var(--pt))}.bubble.is-deleted time{font-size:calc(11 * var(--pt));margin-top:calc(2 * var(--pt));color:var(--sys-red-ink);font-variant-numeric:tabular-nums;display:block}.composer{padding:calc(8 * var(--pt)) calc(14 * var(--pt)) calc(34 * var(--pt));flex:none}.composer span{height:calc(36 * var(--pt));border:.5px solid var(--paper-edge);border-radius:999px;display:block}@media (prefers-reduced-motion:no-preference){.demo.is-live .scr-thread.is-active .bubble{animation:bubble-in .5s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 90ms + .12s)}.demo.is-live .scr-lock.is-active .notif{animation:bubble-in .6s var(--ease-out-expo) both;animation-delay:calc(var(--i) * .11s + .1s)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.scr-deleted{background:oklch(95.5% .003 285)}.app-title{padding:0 calc(18 * var(--pt));font-size:calc(32 * var(--pt));letter-spacing:-.01em;font-weight:700;line-height:1.15;font-family:var(--font-system)}.del-row{margin:calc(16 * var(--pt)) calc(16 * var(--pt)) 0;padding:calc(14 * var(--pt));border-radius:calc(12 * var(--pt));background:var(--paper-card);column-gap:calc(10 * var(--pt));grid-template-columns:auto 1fr auto;align-items:center;display:grid}.del-row .avatar{width:calc(40 * var(--pt));height:calc(40 * var(--pt));font-size:calc(16 * var(--pt))}.del-row b{font-weight:600}.del-row time{font-size:calc(13 * var(--pt));color:var(--sys-red-ink);font-variant-numeric:tabular-nums}.del-row p{margin-top:calc(12 * var(--pt));font-size:calc(16 * var(--pt));grid-column:1/-1;line-height:1.45}.del-restore{margin-top:calc(12 * var(--pt));padding-top:calc(10 * var(--pt));border-top:.5px solid var(--paper-edge);color:var(--sys-blue-ink);font-size:calc(15 * var(--pt));grid-column:1/-1}.del-note{margin:calc(10 * var(--pt)) calc(30 * var(--pt));font-size:calc(12 * var(--pt));color:var(--ink-faint)}@media (prefers-reduced-motion:no-preference){.demo.is-live .scr-deleted.is-active .del-row p{animation:unveil 1.4s var(--ease-out-quint) .3s both}}@keyframes unveil{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.scr-question{background:var(--paper-card)}.q-under{gap:calc(8 * var(--pt));padding:calc(20 * var(--pt));filter:blur(3px);opacity:.6;flex-direction:column;flex:1;display:flex}.q-under i{height:calc(34 * var(--pt));border-radius:calc(17 * var(--pt));background:oklch(92% .002 285);width:58%}.q-under i:nth-child(2n){background:var(--sys-blue);align-self:flex-end;width:44%}.q-sheet{padding:calc(22 * var(--pt)) calc(22 * var(--pt)) calc(34 * var(--pt));border-radius:calc(30 * var(--pt)) calc(30 * var(--pt)) 0 0;background:var(--room);color:var(--text);font-family:var(--font-cjk,var(--font-system));position:absolute;inset:auto 0 0;box-shadow:0 -20px 50px -20px oklch(0% 0 0/.5)}.q-who{align-items:center;gap:calc(10 * var(--pt));font-size:calc(14 * var(--pt));display:flex}.q-who .avatar{width:calc(32 * var(--pt));height:calc(32 * var(--pt));font-size:calc(14 * var(--pt))}.q-done{margin-top:calc(16 * var(--pt));padding-bottom:calc(14 * var(--pt));border-bottom:1px solid var(--hairline)}.q-done .q-text{font-size:calc(14 * var(--pt));color:var(--text-faint)}.q-answer{margin-top:calc(8 * var(--pt));font-size:calc(17 * var(--pt));justify-content:space-between;align-items:center;font-weight:600;display:flex}.q-answer em{align-items:center;gap:calc(4 * var(--pt));font-style:normal;font-size:calc(13 * var(--pt));color:oklch(74% .12 155);display:inline-flex}.q-answer svg{width:calc(14 * var(--pt));height:calc(14 * var(--pt))}.q-now{margin-top:calc(16 * var(--pt))}.q-now .q-text{font-size:calc(21 * var(--pt));font-weight:700;line-height:1.35}.q-input{align-items:center;gap:calc(2 * var(--pt));margin-top:calc(14 * var(--pt));height:calc(50 * var(--pt));padding:0 calc(16 * var(--pt));border-radius:calc(14 * var(--pt));background:var(--room-raised);border:1px solid var(--amber);color:var(--text-faint);font-size:calc(15 * var(--pt));display:flex}.q-input i{background:var(--amber);order:-1;width:2px;height:1.2em}@media (prefers-reduced-motion:no-preference){.q-input i{animation:1.1s step-end infinite caret}}@keyframes caret{50%{opacity:0}}.q-tail{margin-top:calc(16 * var(--pt));font-size:calc(13 * var(--pt));color:var(--amber)}.demo.is-live .demo-track{height:calc(var(--steps) * 92svh + 30svh)}.demo.is-live .demo-stage{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:14px;height:100svh;padding-block:70px 14px;position:sticky;top:0}.demo.is-live .scr{opacity:0;visibility:hidden;transition:opacity .5s var(--ease-out-quint), transform .6s var(--ease-out-expo), visibility 0s .5s;transform:scale(.985)}.demo.is-live .scr.is-active{opacity:1;visibility:visible;transition-delay:0s;transform:none}.demo.is-live[data-step="1"] .scr-lock,.demo.is-live:not([data-step="0"]) .scr-lock{transform:translateY(-6%)}.demo.is-live .demo-copy .label{margin-bottom:8px}.demo.is-live .demo-steps{display:grid}.demo.is-live .demo-steps>li{opacity:0;transition:opacity .45s var(--ease-out-quint), transform .6s var(--ease-out-expo);pointer-events:none;grid-area:1/1;transform:translateY(10px)}.demo.is-live .demo-steps>li.is-active{opacity:1;pointer-events:auto;transform:none}.demo.is-live .demo-num{margin:0 10px 0 0;display:inline}.demo.is-live .demo-steps h2{font-size:clamp(1.15rem,.95rem + 1vw,1.5rem);display:inline}.demo.is-live .demo-steps p{margin-top:6px;font-size:.9375rem;line-height:1.6}.demo.is-live .phone{border-radius:46px;width:auto;max-width:100%;height:100%;min-height:0;padding:7px}.demo.is-live .phone-screen{border-radius:40px}.demo.is-live .phone:after{height:22px;top:15px}@media (width<=699px){.demo.is-live .phone{aspect-ratio:auto;justify-self:stretch;width:100%}.demo.is-live .scr{--pt:calc(100cqw / 380)}}@media (width>=1000px){.demo-stage{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(48px,8vw,140px)}.demo.is-live .demo-stage{grid-template-rows:none;padding-block:96px 40px}.demo.is-live .phone{border-radius:58px;height:min(820px,100svh - 136px);padding:11px}.demo.is-live .phone-screen{border-radius:48px}.demo.is-live .phone:after{height:28px;top:23px}.demo.is-live .demo-steps{gap:6px}.demo.is-live .demo-steps>li{opacity:.32;pointer-events:auto;transition:opacity .45s var(--ease-out-quint), grid-template-rows .6s var(--ease-out-expo);border-top:1px solid var(--hairline);grid-area:auto;grid-template-rows:auto 0fr;grid-template-columns:52px 1fr;padding-block:14px;display:grid;transform:none}.demo.is-live .demo-steps>li.is-active{opacity:1;grid-template-rows:auto 1fr}.demo.is-live .demo-num{padding-top:.5em}.demo.is-live .demo-steps h2{font-size:var(--t-lg);line-height:1.25;display:block}.demo.is-live .demo-steps p{min-height:0;font-size:var(--t-base);transition:padding .6s var(--ease-out-expo);grid-column:2;margin:0;padding-top:0;overflow:hidden}.demo.is-live .demo-steps li.is-active p{padding-top:12px}.demo.is-live .demo-progress{background:var(--hairline);border-radius:2px;height:2px;margin-top:28px;display:block;overflow:hidden}.demo-progress i{background:var(--amber);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}}.apps{padding-block:var(--act) 0;overflow:hidden}.apps-head{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.apps-head h2{font-size:var(--t-xl);max-width:14em}.apps-head p{color:var(--text-soft);max-width:34em;font-size:var(--t-md)}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .apps-head p{max-width:26em;font-size:var(--t-base)}@media (width>=1000px){.apps-head{grid-template-columns:1.1fr 1fr;align-items:end;column-gap:64px}}.marquee{font-family:var(--font-cjk,var(--font-latin));letter-spacing:-.02em;white-space:nowrap;gap:4px;margin-top:clamp(48px,7vw,96px);font-size:clamp(2.2rem,1rem + 5vw,5.4rem);font-weight:800;line-height:1.12;display:grid;mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-row{width:max-content;display:flex}.marquee-row span{padding-right:.6em;display:flex}.marquee-row i{color:oklch(32% .005 85);padding-right:.6em;font-style:normal}.marquee-row i:after{content:"";vertical-align:middle;background:oklch(30% .005 85);border-radius:50%;width:.14em;height:.14em;margin-left:.6em;display:inline-block}.marquee-row[data-row="0"] i:last-child,.marquee-row[data-row="1"] i:first-child{color:var(--sys-red)}@media (prefers-reduced-motion:no-preference){.marquee-row{animation:70s linear infinite slide}.marquee-row[data-row="1"]{animation-duration:84s;animation-direction:reverse}}@keyframes slide{to{transform:translate(-50%)}}.cases{padding-block:var(--act)}.cases-head{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:clamp(32px,4vw,56px);display:grid}.cases-head h2{font-size:var(--t-xl);max-width:13em}.cases-body{color:var(--text-soft);max-width:36em}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .cases-body{max-width:28em}.cases-new{font-size:var(--t-sm);color:var(--amber);align-items:center;gap:10px;font-weight:600;display:inline-flex}.cases-new .dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 0 4px var(--amber-wash);border-radius:50%}@media (width>=1000px){.cases-head{grid-template-columns:1.15fr 1fr;align-items:end;column-gap:64px}.cases-head .label{grid-column:1/-1}.cases-head h2{grid-area:2/1/span 3;align-self:start}.cases-body,.cases-new,.filters{grid-column:2}}.filters{border:0;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;display:flex}.filters label{position:relative}.filters input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.filters span{border-radius:var(--r-pill);border:1px solid var(--hairline-strong);min-height:40px;font-size:var(--t-sm);color:var(--text-soft);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.filters small{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.75em;font-weight:600}.filters label:hover span{border-color:var(--text-faint);color:var(--text)}.filters input:checked+span{background:var(--text);border-color:var(--text);color:var(--room-deep)}.filters input:checked+span small{color:oklch(45% .006 85)}.filters input:focus-visible+span{outline:2px solid var(--amber);outline-offset:3px}.case-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:10px;list-style:none;display:grid}@media (width>=700px){.case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (width>=1000px){.case-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}@media (width>=1400px){.case-list{grid-template-columns:repeat(6,minmax(0,1fr))}}.case{aspect-ratio:9/16;isolation:isolate;background:var(--accent,var(--room-raised));box-shadow:0 0 0 1px var(--hairline) inset;border-radius:20px;position:relative;overflow:hidden}.case img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out-expo);position:absolute;inset:0}.case:after{content:"";z-index:-1;background:linear-gradient(#0000 38%,oklch(10% .004 265/.6) 62%,oklch(10% .004 265/.95));position:absolute;inset:0}.case-badges{gap:6px;display:flex;position:absolute;top:10px;left:10px}.badge{border-radius:var(--r-pill);letter-spacing:.04em;padding:3px 9px;font-size:.6875rem;font-weight:700;display:inline-block}.badge-new{background:var(--amber);color:var(--amber-ink)}.badge-free{background:var(--paper);color:var(--ink)}.case-text{padding:12px 12px 14px;position:absolute;inset:auto 0 0}.case-cat{letter-spacing:.06em;color:var(--text-soft);align-items:center;gap:6px;font-size:.6875rem;font-weight:600;display:flex}.case-cat:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}:lang(en) .case-cat{text-transform:uppercase}.case h3{margin-top:6px;font-size:clamp(.9rem,.82rem + .4vw,1.08rem);font-weight:700;line-height:1.32}:lang(en) .case h3{letter-spacing:-.015em;line-height:1.2}.case-sub{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}.case-facts{color:var(--text-faint);font-variant-numeric:tabular-nums;gap:12px;margin-top:8px;font-size:.6875rem;display:none}@media (width>=700px){.case-text{padding:16px 16px 18px}.case-sub{-webkit-line-clamp:3;font-size:.8125rem}.case-facts{display:flex}}@media (width>=1000px){.case:first-child{border-radius:var(--r-story);grid-area:span 2/span 2}.case:first-child .case-text{padding:26px 26px 28px}.case:first-child h3{font-size:var(--t-lg);max-width:16em;line-height:1.22}.case:first-child .case-sub{font-size:var(--t-base);-webkit-line-clamp:4;max-width:26em}.case:first-child .case-badges{top:20px;left:20px}}@media (hover:hover){.case:hover img{transform:scale(1.05)}.case:hover .case-sub{-webkit-line-clamp:6;color:var(--text)}}.cases:has(input[value=love]:checked) .case:not([data-cat=love]),.cases:has(input[value=family]:checked) .case:not([data-cat=family]),.cases:has(input[value=friends]:checked) .case:not([data-cat=friends]),.cases:has(input[value=work]:checked) .case:not([data-cat=work]),.cases:has(input[value=free]:checked) .case:not([data-tier=free]){display:none}.cases:not(:has(input[value=all]:checked)) .case:first-child{grid-area:auto}.cases:not(:has(input[value=all]:checked)) .case:first-child :is(h3,.case-sub,.case-text){font-size:revert-layer}.cases.is-folded:has(input[value=all]:checked) .case[data-fold],.cases:not(:has(input[value=all]:checked)) .cases-more{display:none}.cases-more{border-radius:var(--r-control);border:1px solid var(--hairline-strong);width:100%;min-height:52px;font-weight:600;font-size:var(--t-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-top:16px;display:flex}.cases-more[hidden]{display:none}.pricing{padding-block:var(--act-tight) var(--act)}.pricing-grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.pricing-head h2{font-size:var(--t-xl);max-width:11em}.pricing-list{margin:0;display:grid}.pricing-list>div{border-top:1px solid var(--hairline);gap:10px;padding-block:26px;display:grid}.pricing-list>div:last-child{border-bottom:1px solid var(--hairline)}.pricing-list dt{font-size:var(--t-lg);align-items:baseline;gap:16px;font-weight:700;line-height:1.3;display:flex}.pricing-list dt span{font-family:var(--font-latin);font-size:var(--t-xs);letter-spacing:.1em;color:var(--amber);min-width:2em}.pricing-list dd{color:var(--text-soft);max-width:34em;margin:0 0 0 calc(2em + 16px)}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .pricing-list dd{max-width:28em}.pricing-list>div:nth-child(2) dt{color:var(--amber)}@media (width>=1000px){.pricing-grid{grid-template-columns:1fr 1.15fr;column-gap:64px}.pricing-head{align-self:start;position:sticky;top:120px}}.faq{padding-block:0 var(--act)}.faq-grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.faq-head h2{font-size:var(--t-xl)}.faq-list details{border-top:1px solid var(--hairline)}.faq-list details:last-child{border-bottom:1px solid var(--hairline)}.faq-list summary{cursor:pointer;min-height:64px;font-size:var(--t-md);justify-content:space-between;align-items:center;gap:24px;padding-block:18px;font-weight:600;line-height:1.45;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{flex:none;width:14px;height:14px;position:relative}.faq-list summary i:before,.faq-list summary i:after{content:"";background:var(--text-soft);height:2px;transition:transform var(--dur) var(--ease-out-quint);border-radius:2px;position:absolute;inset:6px 0 auto}.faq-list summary i:after{transform:rotate(90deg)}.faq-list details[open] summary i:after{transform:rotate(0)}.faq-list summary:hover{color:var(--amber-hi)}.faq-a{color:var(--text-soft);max-width:40em;padding-bottom:24px}:is(:lang(ja),:lang(zh-Hant),:lang(ko)) .faq-a{max-width:32em}.faq-a a{color:var(--amber-hi);text-underline-offset:3px}@supports (interpolate-size:allow-keywords){.faq-list{interpolate-size:allow-keywords}.faq-list details::details-content{height:0;transition:height var(--dur) var(--ease-out-quint), content-visibility var(--dur) allow-discrete;overflow:hidden}.faq-list details[open]::details-content{height:auto}}@media (width>=1000px){.faq-grid{grid-template-columns:1fr 1.15fr;column-gap:64px}}.closing{isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.closing-photo{z-index:-2;position:absolute;inset:0}.closing-photo img{object-fit:cover;width:100%;height:100%}.closing:after{content:"";z-index:-1;background:linear-gradient(to bottom, var(--room-deep), transparent 30%, transparent 45%, oklch(13.5% .004 265/.92) 78%, var(--room-deep));position:absolute;inset:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.closing-photo img{animation:linear both screen-off view();animation-range:contain 30% exit 60%}}}@keyframes screen-off{to{filter:brightness(.25)}}.closing-copy{padding-block:30svh clamp(72px,12svh,140px)}.closing h2{font-size:var(--t-2xl);letter-spacing:-.04em;max-width:12em;line-height:1.08}:is(:lang(ja),:lang(zh-Hant)) .closing h2{letter-spacing:.01em;font-size:clamp(2rem,.9rem + 4.4vw,4.6rem);line-height:1.3}:lang(ko) .closing h2{letter-spacing:-.02em;font-size:clamp(2rem,.9rem + 4.2vw,4.4rem);line-height:1.3}.closing-copy>p{font-size:var(--t-md);color:var(--text-soft);margin-top:18px}.closing .cta-row{margin-top:36px}@media (width>=1000px) and (aspect-ratio>=5/4){.closing{align-items:center}.closing:after{background:linear-gradient(to right, var(--room-deep) 8%, oklch(13.5% .004 265/.7) 40%, transparent 70%), linear-gradient(to bottom, var(--room-deep), transparent 22%, transparent 80%, var(--room-deep))}.closing-copy{padding-block:120px}}.dock{z-index:55;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(1.4);box-shadow:0 0 0 1px var(--hairline-strong) inset, 0 20px 40px -12px oklch(0% 0 0/.7);transition:transform .6s var(--ease-out-expo);background:oklch(20% .005 265/.82);border-radius:22px;align-items:center;gap:12px;padding:10px 10px 10px 12px;text-decoration:none;display:flex;position:fixed;transform:translateY(calc(100% + 30px))}.show-dock .dock{transform:none}.dock img{border-radius:9px;width:36px;height:36px}.dock span{white-space:nowrap;min-width:0;margin-right:auto;line-height:1.25;display:grid}.dock span>*{text-overflow:ellipsis;overflow:hidden}.dock b{font-family:var(--font-latin);font-size:.875rem}.dock small{color:var(--text-soft);font-size:.75rem}.dock em{border-radius:var(--r-pill);background:var(--amber);color:var(--amber-ink);padding:9px 18px;font-size:.875rem;font-style:normal;font-weight:700}@media (width>=700px){.dock{display:none}}