:root{--bg: #ffffff;--text: #050505;--muted: #d9d9d9;--panel: #ececec;--line: #d0d0d0;--bubble: #dfdfdf;--phone: #5f6b79;--phone-dark: #4c5663;--device: #f3f3f3;--device-line: #c8c8c8;--accent: #0976ff;--accent-ring: rgba(9, 118, 255, .28);--shadow: 0 16px 40px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}.reveal{animation:fade-up .26s ease both}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.brand-mark{font-size:3rem;line-height:1}.download-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,#2997ff,#0071e3);color:#fff;font-size:1rem;font-weight:500;box-shadow:0 8px 20px #0071e347,inset 0 1px #ffffff59;transition:filter .16s ease,transform .16s ease}.download-pill:hover{filter:brightness(1.04)}.download-pill:active{transform:translateY(1px)}.hero{padding-top:34px;text-align:center}.hero h1,.hero__subtitle{margin:0;font-family:Luckiest Guy,Avenir Next,Helvetica Neue,Segoe UI,sans-serif;line-height:1}.hero h1{font-size:clamp(3.5rem,9vw,5.4rem);letter-spacing:-.02em}.hero__subtitle{margin-top:18px;font-size:clamp(3rem,8vw,5rem);letter-spacing:-.025em}.hero__copy{margin:22px auto 0;max-width:780px;color:#2f2f2f;font-size:clamp(1rem,1.65vw,1.26rem);line-height:1.5}.experience{margin-top:42px}.devices-info{margin:18px auto 0;max-width:820px;text-align:center}.devices-info h2{margin:0;font-family:Luckiest Guy,Avenir Next,Helvetica Neue,Segoe UI,sans-serif;font-size:clamp(2rem,5.2vw,3rem);line-height:1.05;letter-spacing:-.01em}.devices-info p{margin:14px auto 0;max-width:760px;color:#2f2f2f;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.5}.triggers{margin:130px auto 0}.triggers__header{text-align:center}.triggers__header h2{margin:0;font-family:Luckiest Guy,Avenir Next,Helvetica Neue,Segoe UI,sans-serif;font-size:clamp(2rem,5.2vw,3rem);line-height:1.05}.triggers__header p{margin:10px 0 0;color:#4a4a4a;font-size:clamp(1rem,1.7vw,1.2rem)}.triggers-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.trigger-card{grid-column:span 1;min-height:0;padding:2px 2px 0;border:0;background:transparent}.trigger-card--feature{grid-column:span 1}.trigger-icon{display:block;width:34px;height:34px;margin:0 0 10px;object-fit:contain}.trigger-card h3{margin:0;font-size:clamp(1.2rem,1.65vw,1.38rem);line-height:1.15;font-weight:800}.trigger-card p{margin:8px 0 0;color:#353535;font-size:clamp(.96rem,1.16vw,1.05rem);line-height:1.5;font-weight:400}.experience__shell{display:grid;gap:34px}.mode-switcher{display:flex;align-items:center;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto;padding:4px;border-radius:999px;background:#e4e4e7;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #0000000f}.mode-switcher__button{min-height:50px;min-width:clamp(108px,13vw,142px);padding:0 clamp(18px,3vw,32px);border:0;border-radius:999px;background:transparent;color:#404040;cursor:pointer;font-size:clamp(1.2rem,2.2vw,1.38rem);font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.mode-switcher__button:hover:not(.is-active){background:#ffffff80}.mode-switcher__button.is-active{background:linear-gradient(180deg,#212228,#17181d);color:#fff;box-shadow:inset 0 1px #fff3,0 8px 16px #12121638}.mode-switcher__button:focus-visible{outline:2px solid rgba(9,118,255,.55);outline-offset:2px}.switcher-note{margin:-18px auto 0;max-width:640px;text-align:center;color:#5f5f5f;font-size:.98rem;line-height:1.45}.mode-panel[hidden]{display:none}.stage{position:relative;min-height:520px}.tap-scene,.plug-scene,.click-scene{width:100%}.tap-scene{min-height:470px}.mini-hint{position:absolute;margin:0;color:#4c4c4c;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;font-size:clamp(.78rem,1.15vw,.9rem);line-height:1.2;letter-spacing:.01em;opacity:.88;pointer-events:none;z-index:4}.mini-hint--tap{left:-70px;top:-8px;transform:rotate(-50deg);text-align:center}.mini-hint--plug{left:-75px;top:-35px;transform:rotate(-50deg);text-align:center}.mini-hint--click{left:12px;top:-36px;transform:rotate(-4deg);text-align:left}.tap-svg-shell{position:absolute;left:50%;top:41%;width:min(236px,54vw);transform:translate(-50%,-30%)}.tap-svg-stage{width:100%}.tap-svg-asset{display:block;width:100%;height:auto;overflow:visible}.tap-location-target{cursor:pointer;fill:var(--accent);stroke:#ffffffeb;stroke-width:6px;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 0 var(--accent-ring));transition:fill .14s ease,filter .14s ease}.tap-location-target:hover,.tap-location-target:focus-visible{filter:drop-shadow(0 0 18px rgba(99,240,255,.72));outline:none}.tap-location-target.is-firing{animation:tap-core .28s ease}.tap-pulse-ring{fill:none;stroke:#63f0ff94;stroke-width:6px;transform-box:fill-box;transform-origin:center;animation:tap-ring 2.4s ease-out infinite}.tap-pulse-ring--delayed{animation-delay:1.2s}.tap-scene.is-reacting .tap-svg-shell{transform:translate(-50%,-30%) scale(1.01)}.stage-callout{position:absolute;display:flex;align-items:center}.stage-callout__line{display:block;width:132px;height:4px;border-radius:999px;background:#d6d6d6}.stage-callout__bubble{display:inline-flex;align-items:center;min-height:56px;padding:0 28px;border-radius:999px;background:var(--bubble);color:#222;font-size:clamp(1.3rem,2.8vw,1.4rem);white-space:nowrap}.stage-callout--tap{right:140px;top:158px;gap:0}.stage-callout--tap .stage-callout__line{margin-right:-6px;transform:rotate(24deg);transform-origin:right center}.plug-stage{width:100%}.plug-stage__surface{position:relative;width:min(100%,620px);min-height:610px;margin:0 auto}.plug-phone-shell{--plug-phone-shift-x: 0px;position:absolute;left:50%;right:auto;top:176px;width:min(236px,54vw);transform:translate(calc(-50% + var(--plug-phone-shift-x)));z-index:2}.plug-phone-svg,.plug-cable-svg{width:100%}.plug-phone-asset,.plug-cable-asset{display:block;width:100%;height:auto}.plug-guide-layer{opacity:0;pointer-events:none}.plug-cable-shell{position:absolute;left:var(--plug-cable-x, 40px);top:var(--plug-cable-y, 56px);width:min(52px,12vw);z-index:3;cursor:grab;touch-action:none}.plug-stage.is-near .plug-cable-shell,.plug-stage.is-connected .plug-cable-shell{z-index:1}.plug-stage.is-dragging .plug-cable-shell{cursor:grabbing}.plug-stage.is-near .plug-phone-shell,.plug-stage.is-connected .plug-phone-shell{filter:drop-shadow(0 0 20px rgba(99,240,255,.18))}.stage-callout--plug{display:none}.keyboard-stage{position:relative;min-height:520px}.keyboard-stage__shell{position:absolute;left:50%;top:240px;width:min(760px,94vw);padding:0;transform:translate(-50%);z-index:2}.keyboard-svg-stage{width:100%}.keyboard-svg-asset{display:block;width:100%;height:auto}.click-key-target{cursor:pointer;transition:fill .14s ease,fill-opacity .14s ease,filter .14s ease}.click-key-target:hover,.click-key-target:focus-visible{fill:#0976ff80;fill-opacity:1;filter:drop-shadow(0 0 10px rgba(9,118,255,.45));outline:none}.click-key-target.is-pressed{fill:#0976ff94;fill-opacity:1;filter:drop-shadow(0 0 14px rgba(9,118,255,.6))}.stage-callout--click{right:112px;top:184px}.stage-callout--click .stage-callout__line{width:112px;margin-right:-4px;transform:rotate(52deg);transform-origin:right center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tap-ring{0%{opacity:.62;transform:scale(.9)}65%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes tap-core{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1.06)}}@media(max-width:900px){.hero{padding-top:30px}.stage{min-height:460px}.tap-svg-shell{top:46%;width:min(224px,56vw)}.mini-hint--tap{left:-70px;top:-8px;transform:rotate(-50deg);text-align:center}.mini-hint--plug{left:-75px;top:-35px;transform:rotate(-50deg);text-align:center}.mini-hint--click{left:10px;top:-32px}.stage-callout--tap{right:24px;top:120px}.plug-phone-shell{top:174px;width:min(224px,56vw)}.plug-cable-shell{width:min(48px,13vw)}.keyboard-stage__shell{top:246px;width:min(700px,95vw)}.stage-callout--click{right:8px;top:134px}.triggers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.trigger-card,.trigger-card--feature{grid-column:span 1;min-height:0}}@media(max-width:680px){.hero{padding-top:40px}.hero h1{font-size:clamp(1.9rem,9.2vw,2.6rem)}.hero__subtitle{margin-top:12px;font-size:clamp(1.72rem,8.6vw,2.3rem)}.page-shell{width:min(1080px,calc(100% - 20px));padding-top:24px}.brand-mark{font-size:2.4rem}.download-pill{min-height:38px;padding:0 14px;font-size:.92rem}.experience{margin-top:30px}.devices-info{margin-top:6px;padding:0 6px}.devices-info h2{font-size:clamp(1.62rem,8vw,2.1rem)}.devices-info p{margin-top:10px;font-size:.96rem;line-height:1.45}.triggers{margin-top:34px}.triggers__header h2{font-size:clamp(1.62rem,8vw,2.1rem)}.triggers__header p{margin-top:8px;font-size:.96rem}.triggers-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.trigger-card,.trigger-card--feature{grid-column:span 1;min-height:0;padding:0}.trigger-card h3{font-size:1.08rem}.trigger-icon{width:30px;height:30px;margin-bottom:8px}.trigger-card p{margin-top:8px;font-size:.92rem;line-height:1.45}.mode-switcher{width:100%;max-width:460px}.mode-switcher__button{min-width:0;flex:1 1 0;min-height:46px;padding:0 14px;font-size:clamp(1.02rem,5vw,1.18rem)}.switcher-note{margin-top:-22px;font-size:.92rem;padding:0 8px}.stage{min-height:460px}.tap-svg-shell{top:34%;left:50%;width:min(198px,62vw)}.mini-hint{font-size:.74rem}.mini-hint--tap{left:-70px;top:-8px;transform:rotate(-50deg);text-align:center}.mini-hint--plug{left:-75px;top:-35px;transform:rotate(-50deg);text-align:center}.mini-hint--click{left:8px;top:-28px;transform:rotate(-3deg);font-size:.68rem}.tap-scene{min-height:460px}.plug-scene{min-height:620px}.click-scene{min-height:520px}.stage-callout__line{width:70px}.stage-callout__bubble{min-height:48px;padding:0 18px;font-size:1.1rem}.stage-callout--tap{top:64px;right:0}.stage-callout--tap .stage-callout__line{transform:rotate(34deg)}.plug-stage__surface{width:min(100%,340px);min-height:620px}.plug-phone-shell{left:50%;right:auto;top:156px;width:min(198px,62vw);transform:translate(calc(-50% + var(--plug-phone-shift-x)))}.plug-cable-shell{width:min(44px,15vw)}.keyboard-stage{min-height:520px}.keyboard-stage__shell{top:220px;width:min(620px,96vw)}.stage-callout--click{top:84px;right:0}}