.landing{--ink:var(--foreground);--paper:var(--background);--hl:var(--clay-soft);--hl-deep:color-mix(in oklab, var(--clay) 18%, white);--panel:var(--background);--panel-deep:color-mix(in oklab, var(--ink) 3%, white);--card-shadow:var(--elevation-card);--float-shadow:var(--elevation-floating);--ease:cubic-bezier(.22, 1, .36, 1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.landing .display{letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.04}.landing .hl{background:var(--hl);border-radius:.3em;padding:0 .22em .06em;line-height:1.08;display:inline-block}.landing .cta{isolation:isolate;background:var(--ink);color:var(--primary-foreground);box-shadow:0 12px 32px color-mix(in oklab, var(--clay) 14%, transparent);transition:translate .22s var(--ease), box-shadow .22s var(--ease), scale .1s var(--ease);border-radius:999px;position:relative;overflow:hidden}.landing .cta:before{content:"";z-index:-2;background:conic-gradient(from 30deg, transparent 25%, var(--clay) 40%, var(--hl-deep) 42%, transparent 60%);animation:6s linear infinite landing-cta-spin;position:absolute;inset:-160%}.landing .cta:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at top left, color-mix(in oklab, var(--clay) 28%, var(--ink)), var(--ink) 65%);position:absolute;inset:1.5px}.landing .cta:hover{box-shadow:0 18px 40px color-mix(in oklab, var(--clay) 20%, transparent);translate:0 -3px}.landing .cta:active{scale:.98}@keyframes landing-cta-spin{to{rotate:1turn}}.landing .phone{--w:376px;width:var(--w);aspect-ratio:376/758;background:linear-gradient(105deg,#deded9 0%,#4c4c49 1%,#eeeeeb 2%,#a1a19c 3%,#282829 4%,#171717 95%,#e1e1df 98%,#646461 99%);border-radius:61px;flex:none;padding:10px;position:relative;box-shadow:0 0 0 1px #777,inset 0 0 2px 2px #cececa,0 25px 75px #00000026,0 4px 10px #0000001a}.landing .phone:before,.landing .phone:after{content:"";background:#92928f;border-radius:2px;width:3px;position:absolute}.landing .phone:before{height:60px;top:154px;left:-4px;box-shadow:0 74px #92928f}.landing .phone:after{height:96px;top:220px;right:-4px}.landing .phone-screen{color:#0f0f10;letter-spacing:0;background:#fff;border:3px solid #050505;border-radius:51px;flex-direction:column;height:100%;font-family:-apple-system,system-ui,SF Pro Text,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden}.landing .island{background:#050505;border-radius:999px;width:112px;height:29px;position:absolute;top:11px;left:50%;translate:-50%}.landing .island:after{content:"";background:radial-gradient(circle at 40% 40%,#2a3340,#050505 70%);border-radius:50%;width:11px;height:11px;position:absolute;top:9px;right:10px}.landing .bubble{border-radius:18px;width:fit-content;max-width:78%;padding:8px 12px;font-size:14.5px;line-height:1.3}.landing .bubble.in{background:#e9e9ec;border-bottom-left-radius:5px}.landing .bubble.out{color:#fff;background:linear-gradient(140deg,#32a9ff,#0781ff);border-bottom-right-radius:5px;margin-left:auto}.landing .typing span{background:#8e8e93;border-radius:50%;width:7px;height:7px;margin:0 1.5px;animation:1.35s ease-in-out infinite landing-typing;display:inline-block}.landing .typing span:nth-child(2){animation-delay:.18s}.landing .typing span:nth-child(3){animation-delay:.36s}@keyframes landing-typing{0%,60%,to{translate:0}30%{translate:0 -3px}}.landing .drift-a{animation:8s ease-in-out infinite landing-drift-a}.landing .drift-b{animation:7s ease-in-out infinite landing-drift-b}.landing .drift-c{animation:9s ease-in-out infinite landing-drift-c}@keyframes landing-drift-a{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-12px)rotate(-5deg)}}@keyframes landing-drift-b{0%,to{transform:rotate(5deg)}50%{transform:translateY(10px)rotate(3deg)}}@keyframes landing-drift-c{0%,to{transform:rotate(-4deg)}50%{transform:translateY(-8px)rotate(-3deg)}}.landing .tile{--tilt:5deg;width:72px;height:72px;transform:perspective(500px) rotateX(12deg) rotate(var(--tilt));border-radius:20px;animation:5s ease-in-out infinite landing-tile;position:relative;overflow:hidden;box-shadow:0 9px #00000024,0 18px 28px #0000001a,inset 0 1px #fff9}.landing .tile:nth-child(2n){--tilt:-5deg}.landing .tile:nth-child(2){animation-delay:.5s}.landing .tile:nth-child(3){animation-delay:1s}.landing .tile:nth-child(4){animation-delay:1.5s}.landing .tile:nth-child(5){animation-delay:2s}.landing .tile:nth-child(6){animation-delay:2.5s}.landing .tile img{width:100%;height:100%;display:block}@keyframes landing-tile{0%,to{transform:perspective(500px) translateY(0) rotateX(12deg) rotate(var(--tilt))}50%{transform:perspective(500px)translateY(-10px)rotateX(12deg)rotate(0)}}@media (prefers-reduced-motion:reduce){.landing .cta:before,.landing .drift-a,.landing .drift-b,.landing .drift-c,.landing .tile,.landing .typing span,.landing .chatter-card{animation:none}.landing .chatter-slot,.landing .chatter-typing,.landing .door-window,.landing .door-note,.landing .door-phone{animation-duration:.3s;translate:0}}.landing .ph-status{justify-content:space-between;align-items:center;padding:16px 28px 0;font-size:15px;font-weight:600;display:flex}.landing .ph-head{border-bottom:1px solid #0000000d;flex-direction:column;align-items:center;gap:4px;padding:12px 16px 8px;display:flex}.landing .ph-face{background:#f2f2f7;border-radius:50%;width:52px;height:52px}.landing .ph-name{font-size:12px;font-weight:500}.landing .ph-dim{color:#8e8e93;font-size:11px}.landing .ph-thread{flex-direction:column;flex:1;gap:6px;padding:12px 12px 0;display:flex;overflow:hidden}.landing .ph-stamp{text-align:center;color:#8e8e93;padding-bottom:4px;font-size:11px}.landing .ph-card{background:#fff;border:1px solid #0000000d;border-radius:16px;width:78%;margin-left:4px;padding:12px;box-shadow:0 6px 16px #0000000f}.landing .ph-card-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--clay);font-size:10px;font-weight:600}.landing .ph-card-title{margin-top:4px;font-size:13px;font-weight:600}.landing .ph-composer{align-items:center;gap:8px;padding:8px 12px 20px;display:flex}.landing .ph-plus{color:#8e8e93;background:#e9e9ec;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.landing .ph-input{color:#8e8e93;border:1px solid #0000001a;border-radius:999px;flex:1;align-items:center;height:36px;padding:0 16px;font-size:14px;display:flex}.landing .ph-home{background:#000000d9;border-radius:999px;width:134px;height:5px;margin:0 auto 8px}.landing .hero-title{font-size:clamp(2.75rem,6.2vw,5.5rem)}.landing .stage{max-width:1260px;height:640px;margin:64px auto 0;position:relative;-webkit-mask-image:linear-gradient(#000 calc(100% - 130px),#0000);mask-image:linear-gradient(#000 calc(100% - 130px),#0000)}@media (min-width:640px){.landing .stage{height:720px}}.landing .stage-phone{transform-origin:top;position:absolute;left:50%;translate:-50%;scale:.82}@media (min-width:640px){.landing .stage-phone{scale:1}}.landing .float{display:none;position:absolute}@media (min-width:1024px){.landing .float{display:block}}.landing .float-1{width:260px;top:190px;left:76px}.landing .float-2{width:300px;top:92px;right:48px}.landing .float-3{width:280px;top:400px;right:60px}.landing .mascot-statement{width:128px;filter:drop-shadow(0 18px 24px color-mix(in oklab, var(--ink) 16%, transparent));display:none;position:absolute;top:50%;left:-144px;translate:0 -50%;rotate:-13deg}@media (min-width:1024px){.landing .mascot-statement{display:block}}.landing .mascot-footer{width:136px;filter:drop-shadow(0 18px 24px color-mix(in oklab, var(--ink) 18%, transparent));position:absolute;top:-56px;left:50%;translate:-50%;rotate:-9deg}.landing .final{min-height:560px;position:relative}.landing .final-phone{transform-origin:top;display:none;position:absolute;top:56px;right:110px;rotate:8deg;scale:.88;-webkit-mask-image:linear-gradient(#000 38%,#0000 70%);mask-image:linear-gradient(#000 38%,#0000 70%)}@media (min-width:1024px){.landing .final-phone{display:block}}.landing .door{align-items:center;gap:48px;display:grid}@media (min-width:1024px){.landing .door{grid-template-columns:1fr auto;gap:80px}}.landing .chatter{width:680px;height:720px;position:relative}.landing .chatter-phone{z-index:2;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:6deg;scale:.78}.landing .chatter-slot{width:272px;animation:landing-chatter-in .7s var(--ease) both;animation-delay:calc(.4s + var(--i) * .11s);position:absolute}.landing .chatter-card{rotate:var(--r,0deg);animation:landing-chatter-drift var(--d,7s) ease-in-out infinite;animation-delay:var(--o,0s)}.landing .chatter-slot-1{z-index:3;--r:-6deg;--d:8s;top:2%;left:0}.landing .chatter-slot-2{z-index:1;--r:5deg;--d:9s;--o:-3s;opacity:.72;filter:blur(.6px);top:0;right:0;scale:.9}.landing .chatter-slot-3{z-index:1;--r:4deg;--d:7.5s;--o:-1s;opacity:.72;filter:blur(.6px);top:25%;left:-3%;scale:.9}.landing .chatter-slot-4{z-index:3;--r:-5deg;--d:8.5s;--o:-5s;top:31%;right:-2%}.landing .chatter-slot-5{z-index:3;--r:-3deg;--d:7s;--o:-2s;top:50%;left:2%}.landing .chatter-slot-6{z-index:1;--r:6deg;--d:9.5s;--o:-4s;opacity:.72;filter:blur(.6px);top:56%;right:3%;scale:.9}.landing .chatter-slot-7{z-index:1;--r:5deg;--d:8s;--o:-6s;opacity:.72;filter:blur(.6px);bottom:6%;left:8%;scale:.9}.landing .chatter-slot-8{z-index:3;--r:-4deg;--d:7.5s;--o:-3.5s;bottom:0;right:10%}.landing .chatter-slot-9{z-index:3;--r:3deg;--d:8.5s;--o:-1.5s;top:76%;left:36%}.landing .chatter-typing{z-index:4;animation:landing-chatter-in .7s var(--ease) both;animation-delay:1.6s;position:absolute;top:70%;left:31%;rotate:6deg}.landing .chatter-compact{width:100%;max-width:440px;height:520px;margin:48px auto 0}.landing .chatter-compact .chatter-slot{width:248px}.landing .chatter-compact .chatter-slot-1{top:0;left:0;right:auto}.landing .chatter-compact .chatter-slot-2{top:16%;left:auto;right:0}.landing .chatter-compact .chatter-slot-3{top:32%;left:3%;right:auto}.landing .chatter-compact .chatter-slot-4{top:48%;left:auto;right:-2%}.landing .chatter-compact .chatter-slot-5{top:64%;left:0;right:auto}.landing .chatter-compact .chatter-slot-6{top:80%;left:auto;right:4%}.landing .chatter-compact .chatter-typing{top:41%;left:64%}.landing .door-stage{zoom:.5;width:900px;height:660px;position:relative}@media (min-width:1152px){.landing .door-stage{zoom:.62}}@media (min-width:1280px){.landing .door-stage{zoom:.75}}@media (min-width:1440px){.landing .door-stage{zoom:.9}}@media (min-width:1600px){.landing .door-stage{zoom:1}}.landing .door-window{width:720px;height:500px;animation:landing-chatter-in .7s var(--ease) both .2s;position:absolute;top:40px;left:0}.landing .door-grid{background-image:radial-gradient(circle, color-mix(in oklab, var(--ink) 16%, transparent) 1px, transparent 1.5px);background-size:20px 20px}.landing .door-tree{border:1.5px solid color-mix(in oklab, var(--ink) 18%, transparent);border-bottom:0;border-radius:12px 12px 0 0;width:256px;height:20px;margin-top:20px;position:relative}.landing .door-tree:before{content:"";background:color-mix(in oklab, var(--ink) 18%, transparent);width:1.5px;height:41.5px;position:absolute;top:-21.5px;left:50%;translate:-50%}.landing .door-note{z-index:3;width:272px;animation:landing-chatter-in .7s var(--ease) both;position:absolute}.landing .door-note-1{animation-delay:.5s;top:0;right:0;rotate:4deg}.landing .door-note-2{animation-delay:.62s;top:118px;right:28px;rotate:-3deg}.landing .door-phone{z-index:2;transform-origin:0 0;animation:landing-chatter-in .8s var(--ease) both .38s;position:absolute;top:200px;left:690px;rotate:6deg;scale:.56}@keyframes landing-chatter-in{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes landing-chatter-drift{0%,to{translate:0}50%{translate:0 -10px}}.landing .board-grid{grid-template-columns:1fr}@media (min-width:1024px){.landing .board-grid{grid-template-columns:1fr 1.3fr}}.landing .fade-right{-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.landing .fade-down{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.landing .wave{background:#ffffffe6;border-radius:999px;width:2px}.landing .menu-panel{top:80px}.landing .cameo{z-index:5;width:120px;rotate:var(--tilt,0deg);pointer-events:none;filter:drop-shadow(0 18px 24px color-mix(in oklab, var(--ink) 14%, transparent));display:none;position:absolute}@media (min-width:1024px){.landing .cameo{display:block}}@keyframes landing-cameo{0%{opacity:0;translate:0 48px;scale:.92}to{opacity:1;translate:0;scale:1}}@keyframes landing-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes landing-parallax{to{translate:0 var(--lift)}}@media (prefers-reduced-motion:no-preference){.landing .cameo{animation:6s ease-in-out infinite landing-bob}@supports (animation-timeline:view()){.landing .cameo{animation:linear both landing-cameo,6s ease-in-out infinite landing-bob;animation-timeline:view(),auto;animation-range:entry cover 35%,normal}.landing .float-1{--lift:-120px;animation:8s ease-in-out infinite landing-drift-a,linear both landing-parallax;animation-timeline:auto,scroll(root);animation-range:normal,0 900px}.landing .float-2{--lift:-60px;animation:7s ease-in-out infinite landing-drift-b,linear both landing-parallax;animation-timeline:auto,scroll(root);animation-range:normal,0 900px}.landing .float-3{--lift:-160px;animation:9s ease-in-out infinite landing-drift-c,linear both landing-parallax;animation-timeline:auto,scroll(root);animation-range:normal,0 900px}}}