.quick-type{min-height:calc(80dvh - var(--header-height));border-bottom-left-radius:10vh;align-items:center;display:flex;position:relative;overflow:hidden}.quick-type-glow{z-index:-1;pointer-events:none;contain:strict;isolation:isolate;position:absolute;inset:0;overflow:hidden}.quick-type-glow:before,.quick-type-glow:after{content:"";opacity:.6;-webkit-mask-image:radial-gradient(circle 560px at var(--glow-x,0%) 100%, #000 0%, transparent 100%);-webkit-mask-image:radial-gradient(circle 560px at var(--glow-x,0%) 100%, #000 0%, transparent 100%);mask-image:radial-gradient(circle 560px at var(--glow-x,0%) 100%, #000 0%, transparent 100%);background-image:radial-gradient(#7c5cff99 1px,#0000 1px);background-size:2px 2px;position:absolute;inset:0}.quick-type-glow:after{--glow-x:40%;opacity:.4}.quick-type-inner{z-index:1;width:100%;max-width:var(--page-max-width);pointer-events:none;align-items:center;gap:48px;margin:0 auto;display:flex;position:relative}.quick-type-inner>*{pointer-events:auto}.quick-type-copy{flex:1;max-width:460px}.quick-type-hint-col{flex:1;justify-content:center;display:flex}.quick-type-eyebrow{color:#fff9;border-radius:var(--radii-full);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.quick-type-copy h1{letter-spacing:-.015em;color:#fff;margin-top:20px;font-size:34px;font-weight:600;line-height:1.2}.quick-type-subheading{color:#ffffff80;margin-top:10px;font-size:18px;line-height:1.4}.quick-type-hint{z-index:1;opacity:0;flex-shrink:0;gap:8px;min-height:52px;transition:opacity .3s,transform .3s;display:flex;position:relative;transform:translateY(6px)}.quick-type-hint[data-visible=true]{opacity:1;transform:translateY(0)}.quick-type-hint[data-cancelled=true]{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-6px)scale(.96)}.quick-type-hint-letter{isolation:isolate;color:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161cb3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:600;transition:color .32s,background .32s,transform .32s;display:flex;position:relative}.quick-type-hint-letter:before{content:"";border-radius:inherit;-webkit-mask-image:linear-gradient(144deg,#000,#0000 65%);pointer-events:none;z-index:-1;border:1px solid #ffffff24;position:absolute;inset:0;mask-image:linear-gradient(144deg,#000,#0000 85%)}.quick-type-hint-letter[data-active=true]{color:#fff;background:#1e1e26cc;transform:translateY(-2px)}.quick-type-hint-letter[data-active=true]:before{border-color:#ffffff80}.quick-type-hint-modifier{isolation:isolate;color:#ffffff47;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161c80;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:500;transition:all .32s;display:flex;position:relative}.quick-type-hint-modifier:before{content:"";border-radius:inherit;-webkit-mask-image:linear-gradient(144deg,#000,#0000 65%);pointer-events:none;z-index:-1;border:1px solid #ffffff1a;position:absolute;inset:0;mask-image:linear-gradient(144deg,#000,#0000 85%)}.quick-type-hint-modifier[data-active=true]{color:#fff;opacity:.8;background:#1e1e26cc;transform:scale(.98)}.quick-type-hint-modifier[data-active=true]:before{border-color:#ffffff80}.quick-type-cta-group{flex-direction:column;align-items:flex-start;gap:10px;margin-top:32px;display:flex}.quick-type-cta{color:#0a0a0c;border-radius:var(--radii-full);background:#fff;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.quick-type-cta:hover{opacity:.88}.quick-type-cta-caption{color:#ffffff59;font-size:12.5px}.quick-type-mockup{z-index:0;perspective:2400px;transform-origin:bottom;pointer-events:none;contain:layout paint;isolation:isolate;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-10%;left:8%;right:-12%;transform:scale(2)}.quick-type-keyboard{opacity:.4;--key-size:52px;--key-gap:10px;gap:var(--key-gap);transform-style:preserve-3d;flex-direction:column;display:flex;transform:rotateX(48deg)rotate(-32deg)rotateY(4deg);-webkit-mask-image:radial-gradient(65% 60% at 50% 55%,#000 55%,#0000 100%);mask-image:radial-gradient(65% 60% at 50% 55%,#000 55%,#0000 100%)}.quick-type-key-row{justify-content:flex-start;gap:var(--key-gap);display:flex}.quick-type-key-row[data-fn-row=true] .quick-type-key{font-size:11px}.quick-type-key{--u:1;--key-width:calc(var(--u) * var(--key-size) + (var(--u) - 1) * var(--key-gap));isolation:isolate;flex:0 0 var(--key-width);width:var(--key-width);min-width:0;height:var(--key-size);color:#ffffff29;will-change:transform;background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:500;transition:color .32s,background .32s,transform .32s;display:flex;position:relative;overflow:hidden}.quick-type-key:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;border:1px solid #ffffff21;position:absolute;inset:0;-webkit-mask-image:linear-gradient(144deg,#000,#0000 65%);mask-image:linear-gradient(144deg,#000,#0000 65%)}.quick-type-key-touch-id-dot{border:1px solid #fff3;border-radius:50%;width:7px;height:7px}.quick-type-key[data-typed=true]{color:#ffffff8c;background:#ffffff0d}.quick-type-key[data-typed=true]:before{border-color:#ffffff4d}.quick-type-key[data-active=true]{color:#fff;background:#ffffff17;transform:translateZ(14px)}.quick-type-key[data-active=true]:before{border-color:#ffffff8c}.quick-type-arrows{align-items:center;gap:var(--key-gap);flex-shrink:0;display:flex}.quick-type-arrows .quick-type-key{flex-basis:var(--key-size);width:var(--key-size);height:var(--key-size);font-size:13px}.quick-type-arrow-updown{flex-direction:column;flex-basis:var(--key-size);width:var(--key-size);height:var(--key-size);gap:3px;display:flex}.quick-type-arrow-updown .quick-type-key{width:100%;height:calc((var(--key-size) - 3px) / 2);border-radius:8px;flex-basis:auto;font-size:9px}@media (max-width:1100px){.quick-type-mockup{opacity:.6;transform:scale(1.5)}}@media (max-width:900px){.quick-type{align-items:flex-start;padding-top:32px}.quick-type-inner{text-align:center;flex-direction:column;padding-top:48px;padding-bottom:64px}.quick-type-copy{max-width:none}.quick-type-cta-group{justify-content:center;align-items:center}.quick-type-hint{justify-content:center}.quick-type-mockup{opacity:.5;width:100%;margin-top:48px;position:relative;bottom:auto;left:auto;right:auto;transform:scale(1);-webkit-mask-image:none;mask-image:none}.quick-type-keyboard{transform:rotateX(40deg)rotate(0)}}
.auto-discovery{overflow-anchor:none;position:relative;overflow:hidden}.auto-discovery-inner{z-index:1;width:100%;max-width:var(--page-max-width);align-items:center;gap:48px;margin:0 auto;padding-top:200px;padding-bottom:200px;display:flex;position:relative}.auto-discovery-copy{flex:1;max-width:460px}.auto-discovery-eyebrow{color:var(--color-text-2);background:var(--color-bg-raised-white);border:1px solid var(--color-border);border-radius:var(--radii-full);align-items:center;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.auto-discovery-copy h2{letter-spacing:-.015em;color:var(--color-text-1);margin-top:16px;font-size:28px;font-weight:600}.auto-discovery-copy p{color:var(--color-text-2);margin-top:10px;font-size:15px;line-height:1.5}.auto-discovery-cta-group{flex-direction:column;align-items:flex-start;gap:10px;margin-top:32px;display:flex}.auto-discovery-cta{color:var(--color-bg);background:var(--color-text-1);border-radius:var(--radii-full);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.auto-discovery-cta:hover{opacity:.88}.auto-discovery-cta-caption{color:var(--color-text-3);font-size:12.5px}.auto-discovery-stage{flex:1;justify-content:center;align-items:center;gap:0;min-width:0;display:flex}.auto-discovery-panel{isolation:isolate;background-color:color-mix(in srgb, var(--color-bg) 12%, var(--color-bg-raised));border:1px solid color-mix(in srgb, var(--color-text-1) 4%, var(--color-border));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;flex:1;min-width:0;padding:20px;transition:border-color .62s cubic-bezier(.22,.61,.36,1),box-shadow .5s cubic-bezier(.22,.61,.36,1);position:relative}.auto-discovery-index .glow{transition:border-width .5s cubic-bezier(.22,.61,.36,1)}.auto-discovery-index .glow:after{offset-distance:-16%;opacity:0;width:80%;height:30%;transition:width .5s cubic-bezier(.22,.61,.36,1),height .5s cubic-bezier(.22,.61,.36,1),opacity .5s cubic-bezier(.22,.61,.36,1),offset-distance .9s cubic-bezier(.22,.61,.36,1)}.auto-discovery-index[data-complete=true]{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border));box-shadow:0 4px 6px -2px #0000004d, 0 12px 16px -4px #0003, 0 8px 20px -6px color-mix(in srgb, var(--color-accent) 5%, black), 0 24px 48px -12px color-mix(in srgb, var(--color-accent) 20%, black)}.auto-discovery-index[data-complete=true]:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 55%, transparent), transparent 70%);filter:blur(40px);opacity:1;pointer-events:none;z-index:-1;mix-blend-mode:soft-light;width:140%;height:60px;margin:0 -20%;position:absolute;bottom:-30px;left:0;right:0}.auto-discovery-index[data-complete=true] .glow:after{offset-distance:2%;opacity:.3;background:linear-gradient(10deg, color-mix(in srgb, var(--color-accent) 65%, #fff), var(--color-accent), color-mix(in srgb, var(--color-accent) 15%, #000))}.auto-discovery-panel-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-3);align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.auto-discovery-page-nav{flex-direction:column;gap:8px;display:flex}.auto-discovery-link{isolation:isolate;color:var(--color-text-2);background:var(--color-bg-raised-white);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:500;transition:color .32s,background .32s,opacity .32s,transform .32s;position:relative;overflow:hidden}.auto-discovery-link:after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--color-accent) 55%, transparent) 50%, transparent 80%);opacity:0;pointer-events:none;background-position:120% 0;background-size:220% 100%;position:absolute;inset:0}.auto-discovery-link[data-scanning=true]{color:var(--color-text-1);background:var(--color-bg-raised-white)}.auto-discovery-link[data-scanning=true]:after{opacity:.35;background-position:-20% 0;transition:background-position .9s}.auto-discovery-link[data-flying=true]{color:var(--color-text-1);background:color-mix(in srgb, var(--color-accent) 18%, transparent);opacity:.5;transform:scale(.97)}.auto-discovery-link[data-done=true]{color:var(--color-text-3)}.auto-discovery-beam{background:linear-gradient(90deg, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);flex:0 0 96px;justify-content:center;align-items:center;height:2px;margin:0 -1px;display:flex;position:relative}.auto-discovery-beam-chip{white-space:nowrap;color:var(--color-bg);background:var(--color-text-1);border-radius:var(--radii-full);box-shadow:0 0 16px color-mix(in srgb, var(--color-accent) 70%, transparent);animation:auto-discovery-fly var(--fly-ms,.52s) ease forwards;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}@keyframes auto-discovery-fly{0%{opacity:0;left:6px}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}.auto-discovery-index-list{flex-direction:column;gap:6px;min-height:172px;display:flex}.auto-discovery-index-empty{color:var(--color-text-3);font-size:13px}.auto-discovery-index-row{background:var(--color-bg-raised-white);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;animation:.32s auto-discovery-settle;display:flex}.auto-discovery-index-row[data-new=true]{background:color-mix(in srgb, var(--color-accent) 16%, transparent)}.auto-discovery-index-title{color:var(--color-text-1);font-size:13px;font-weight:500}.auto-discovery-index-category{color:var(--color-text-3);font-size:11px}@keyframes auto-discovery-settle{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.auto-discovery-inner{text-align:center;flex-direction:column;padding-top:48px;padding-bottom:64px}.auto-discovery-copy{max-width:none}.auto-discovery-stage{width:100%}}@media (max-width:520px){.auto-discovery-stage{flex-direction:column;gap:16px}.auto-discovery-panel{width:100%}.auto-discovery-beam{background:linear-gradient(180deg, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);flex:0 0 32px;width:2px;height:32px}.auto-discovery-beam-chip{animation-name:auto-discovery-fly-vertical;top:6px;left:50%;transform:translate(-50%)}@keyframes auto-discovery-fly-vertical{0%{opacity:0;top:6px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% - 6px)}}}