:root{--ardoise:#1D2433;--encre:#11151C;--brume:#EEF1F6;--lait:#F7F8FB;--tonal:#C9D3E6;--gris:#5B6577;--rouge:#E0001B;--peek:172px;--bar:calc(84px + env(safe-area-inset-bottom));--wide:"Anybody","Arial Black",sans-serif;--text:"Encode Sans",system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--encre);color:var(--brume);font-family:var(--text);font-weight:300;line-height:1.45;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.stage{display:block}.side{display:none}.app{position:relative;height:100dvh;min-height:560px;overflow:hidden;background:var(--ardoise);display:flex;flex-direction:column;padding-bottom:calc(var(--peek) + var(--bar))}.topbar{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 6px}.topbar img{width:40px;height:40px;border-radius:12px;display:block}.topbar .tb-name{font-weight:500;font-size:clamp(.85rem,.82rem + .2vw,.95rem);color:#C3CBD8}.titles{padding:10px 20px 14px;will-change:transform,opacity}h1{font-family:var(--wide);font-weight:800;font-stretch:150%;line-height:1.08;color:#fff}h1 .brand{display:block;font-size:clamp(1.05rem,.9rem + .8vw,1.35rem);color:var(--tonal);letter-spacing:.02em;margin-bottom:8px}h1 .q{display:block;font-size:clamp(1.3rem,1.05rem + 1.4vw,1.8rem)}.support{margin-top:10px;font-size:clamp(.88rem,.84rem + .25vw,1rem);color:#D3DAE6;max-width:34ch}.surface{will-change:transform;flex:1;min-height:130px;padding:0 20px 14px;display:flex;perspective:760px}.screen{position:relative;flex:1;border-radius:28px;background:var(--brume);color:var(--encre);padding:16px;overflow:hidden;transform-origin:30% 50%;will-change:transform;display:flex;flex-direction:column;gap:10px}.screen .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:var(--tonal);color:var(--encre);font-weight:500;font-size:.78rem;white-space:nowrap}.chip .deg{display:inline-block;font-weight:500;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.who{font-size:.78rem;font-weight:500;color:var(--gris)}.bubble{max-width:78%;border-radius:18px 18px 18px 6px;background:#fff;padding:9px 13px;font-size:.88rem;font-weight:500;color:var(--encre)}.bubble.me{align-self:flex-end;border-radius:18px 18px 6px 18px;background:var(--ardoise);color:var(--brume)}.bars{display:flex;flex-direction:column;gap:7px;margin-top:auto}.bars i{display:block;height:9px;border-radius:5px;background:#D8DEE9}.bars i:nth-child(2){width:72%}.bars i:nth-child(3){width:48%}.shade{position:absolute;inset:0;background:var(--encre);opacity:0;pointer-events:none}.sheet{position:absolute;left:0;right:0;bottom:var(--bar);height:min(64%,470px);background:rgba(247,248,251,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--encre);border-radius:28px 28px 0 0;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;z-index:2;will-change:transform;cursor:grab}.sheet.dragging{cursor:grabbing}.grab{display:flex;flex-direction:column;align-items:center;width:100%;min-height:44px;padding-top:10px;background:none;border:0;cursor:inherit;color:var(--gris);font:500 .74rem var(--text)}.grab em{font-style:normal}.grab span{display:block;width:36px;height:4px;border-radius:2px;background:#9AA4B5;margin-bottom:6px}.grab:focus-visible{outline:3px solid var(--rouge);outline-offset:-3px;border-radius:28px 28px 0 0}.sh-head{display:flex;flex-direction:column;align-items:flex-start;padding:0 20px;gap:2px}.sh-head h2{font-family:var(--wide);font-weight:800;font-stretch:150%;font-size:clamp(.95rem,.9rem + .3vw,1.08rem)}.sh-head .ready{font-size:.74rem;font-weight:500;color:#9A0013;white-space:nowrap}.curve{display:block;width:calc(100% - 40px);margin:8px 20px 0;height:54px}.axis{display:flex;justify-content:space-between;padding:2px 20px 0;font-size:.72rem;font-weight:500;color:var(--gris)}.items{visibility:hidden;opacity:0;list-style:none;padding:16px 20px 0;display:flex;flex-direction:column;gap:6px}.items li{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:#fff}.items svg{flex:none;width:24px;height:24px;margin-top:2px}.items strong{display:block;font-weight:500;font-size:.92rem}.items p{font-size:.84rem;color:var(--gris)}.bar{position:absolute;left:0;right:0;bottom:0;height:var(--bar);padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--ardoise);z-index:3}.cta{display:flex;align-items:center;justify-content:center;height:56px;border-radius:28px;background:var(--rouge);color:#fff;text-decoration:none;font-family:var(--text);font-weight:500;font-size:clamp(1rem,.96rem + .2vw,1.08rem);letter-spacing:.01em;transition:transform .12s cubic-bezier(.2,0,0,1)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid #fff;outline-offset:3px}@media (hover: hover){.cta:hover{background:#C50018}}.doubt{background:var(--brume);color:var(--encre);padding:44px 20px 48px}.doubt .in{max-width:620px;margin:0 auto}.doubt h2{font-family:var(--wide);font-weight:800;font-stretch:150%;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);line-height:1.15}.doubt p{margin-top:12px;font-size:clamp(.95rem,.9rem + .25vw,1.05rem);color:#38404F;max-width:56ch}.doubt .pair{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.doubt .pair span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:18px;background:#fff;font-weight:500;font-size:.85rem}.doubt .pair i{width:12px;height:12px;border-radius:50%;display:block}footer{background:var(--encre);color:#AEB7C6;text-align:center;padding:22px 16px calc(22px + env(safe-area-inset-bottom));font-size:.85rem}footer strong{font-family:var(--wide);font-weight:800;font-stretch:150%;color:var(--brume)}.fade{animation:fd .18s linear}@keyframes fd{from{opacity:.4}to{opacity:1}}@media (min-width: 900px){body{background-color:var(--encre);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Crect x='14' y='10' width='34' height='60' rx='8' fill='none' stroke='%23232B3B' stroke-width='3'/%3E%3Crect x='74' y='58' width='34' height='60' rx='8' fill='%231A202C'/%3E%3C/svg%3E")}.stage{display:grid;grid-template-columns:minmax(240px,340px) 430px;justify-content:center;align-items:center;gap:64px;min-height:100dvh;padding:24px}.side{display:block}.side img{display:block;width:160px;height:160px;border-radius:32px}.side p{margin-top:22px;font-size:1rem;color:#C3CBD8;max-width:30ch}.side .keys{margin-top:14px;font-size:.85rem;color:#98A2B3}.side kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:6px;background:#232B3B;color:var(--brume);font:500 .8rem var(--text)}.app{height:min(820px,calc(100dvh - 48px));min-height:640px;border-radius:32px}.topbar{padding-top:16px}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}