gg-device-guide{display:block;margin:25px 0}.device-guide{border:1px solid #dfe6f0;border-radius:20px;overflow:hidden;background:#fafcff}.dg-stage{height:270px;background:radial-gradient(ellipse at 22% 80%,#153b47,transparent 65%),radial-gradient(ellipse at 90% 20%,#322246,transparent 65%),#070e1c;position:relative;display:flex;align-items:center;justify-content:center;padding:38px 28px 25px;gap:52px}.dg-device{position:relative;transition:opacity .7s,transform .7s;flex-shrink:0}.dg-parent{width:235px}.dg-child{width:99px;opacity:.35;transform:translateY(9px)}.dg-device-label{position:absolute;bottom:calc(100% + 15px);width:100%;text-align:center;font-size:9px;font-weight:600;letter-spacing:.08em;color:#a9bfd4;white-space:nowrap}.dg-screen{border:2px solid #8aacbf;border-radius:11px;height:153px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0b1827;box-shadow:0 0 30px #66ccea12}.dg-child .dg-screen{height:170px;border-color:#c5aff1;border-width:3px;border-radius:17px;background:#15152b}.dg-base{height:7px;background:#94b4c7;border-radius:0 0 14px 14px;margin:3px -12px 0}.dg-screen b{position:absolute;bottom:13px;color:#d7e9ef;font-weight:500;font-size:11px;text-align:center;padding:0 6px}.dg-child .dg-screen b{font-size:10px;color:#dbcff2}.dg-mark{position:absolute;top:13px;left:16px;color:#9dd5e7;font-size:17px}.dg-setup-lines{width:90px;margin-bottom:20px;display:grid;gap:9px}.dg-setup-lines i{height:6px;background:#497484;border-radius:5px;animation:dg-fill 2s ease-in-out infinite}.dg-setup-lines i:nth-child(2){width:75%;animation-delay:.2s}.dg-setup-lines i:nth-child(3){width:50%;animation-delay:.4s}.dg-qr{display:none;width:76px;height:76px;margin-bottom:15px;background:white;border-radius:5px;padding:4px}.dg-qr img{display:block;width:100%;height:100%}.dg-orbit,.dg-child-star{color:#a5f0f7;font-size:45px;text-shadow:0 0 20px #71ddee99;animation:dg-float 2.8s ease-in-out infinite;margin-bottom:14px}.dg-orbit{display:none}.dg-child-star{color:#d5b8ff}.dg-bridge{position:absolute;left:calc(50% + 31px);top:121px;width:55px;height:28px;opacity:0}.dg-bridge span{display:block;position:absolute;color:#b9e8ff;text-shadow:0 0 16px #76e1ff;font-size:19px;animation:dg-travel 2.5s ease-in-out infinite}.dg-bridge i{position:absolute;left:0;right:0;top:15px;border-top:1px dashed #98d1e377}.dg-scan-line{display:none;position:absolute;top:35px;left:12px;right:12px;height:2px;background:#cdb6ff;box-shadow:0 0 12px #b199ef;animation:dg-scan 2s ease-in-out infinite}.dg-together{display:none;position:absolute;bottom:14px;color:#b9cbe6;font-size:11px}.dg-comparison{display:none;gap:7px;margin-bottom:15px}.dg-comparison i{font-size:43px;font-style:normal;color:#8ae5ed;background:#17405188;border-radius:8px;padding:0 11px;text-shadow:0 0 15px #a9f3ff88}.dg-comparison i+i{color:#d3b3ff;background:#3c2b5588}.dg-copy{padding:22px 25px 6px;min-height:155px}.family-content .dg-copy h3{font-size:23px;line-height:1.2;margin:9px 0;letter-spacing:-.03em}.family-content .dg-copy p{font-size:13px;line-height:1.65;margin:8px 0}.family-content .dg-copy .eyebrow{font-size:10px}.dg-controls{display:flex;align-items:center;gap:8px;padding:10px 25px 5px}.dg-steps{display:flex;gap:6px;margin-right:auto}.dg-controls button{font-size:11px;border:0;background:#edf2f8;padding:8px 10px;min-height:34px}.dg-steps button{width:30px;padding:0;border-radius:50%;min-height:30px}.dg-steps button[aria-pressed=true]{background:#126ac4;color:#fff}.family-content .dg-footnote{font-size:10px;line-height:1.6;padding:0 25px 13px;color:#7b889a}.device-guide:not([data-step="0"]) .dg-child{opacity:1;transform:none}.device-guide:not([data-step="0"]) .dg-setup-lines{display:none}.device-guide[data-step="1"] .dg-qr,.device-guide[data-step="1"] .dg-scan-line{display:block}.device-guide[data-step="1"] .dg-bridge{opacity:1}.device-guide[data-step="2"] .dg-parent{opacity:.4}.device-guide[data-step="2"] .dg-together{display:block}.device-guide[data-step="3"] .dg-orbit{display:block}.device-guide[data-step="4"] .dg-comparison{display:flex}.device-guide[data-step="4"] .dg-child{opacity:.4}.device-guide[data-step="4"] .dg-bridge{opacity:1;transform:rotate(180deg)}.dg-paused *{animation-play-state:paused!important}.handoff-qr{display:flex;gap:20px;align-items:center}.handoff-qr img{width:130px;height:130px;background:white;border-radius:8px;flex-shrink:0}.handoff-qr p{margin:7px 0}.handoff-qr a{font-size:13px}.family-content .device-summary{font-size:12px}.device-replay summary{font-size:12px;cursor:pointer;color:#3974b5;margin-top:20px}@keyframes dg-float{50%{transform:translateY(-7px) scale(1.08)}}@keyframes dg-travel{0%{left:0;opacity:0}25%{opacity:1}85%{opacity:1}100%{left:35px;opacity:0}}@keyframes dg-fill{50%{background:#9bd3e1}}@keyframes dg-scan{50%{top:112px}}@media(prefers-reduced-motion:reduce){.device-guide *{animation:none!important;transition:none!important}}@media(max-width:720px){.dg-stage{height:227px;padding:35px 17px 25px;gap:25px}.dg-parent{width:155px}.dg-child{width:77px}.dg-screen{height:128px}.dg-child .dg-screen{height:144px}.dg-device-label{font-size:7px}.dg-bridge{left:calc(50% + 18px);width:25px;top:107px}.dg-bridge span{font-size:13px}.dg-copy{padding:18px 17px 0;min-height:160px}.family-content .dg-copy h3{font-size:21px}.dg-controls{padding:10px 17px 5px;gap:5px}.dg-controls button{font-size:10px;padding:6px}.dg-steps{gap:4px}.dg-steps button{width:26px;min-height:26px}.family-content .dg-footnote{padding:0 17px 13px}.dg-screen b{font-size:9px}.dg-qr{height:64px;width:64px}.handoff-qr{align-items:flex-start;gap:12px}.handoff-qr img{width:95px;height:95px}}@media(max-width:370px){.dg-parent{width:130px}.dg-child{width:65px}.dg-stage{gap:18px}.dg-device-label{letter-spacing:0}.handoff-qr{flex-direction:column}}

@media(max-width:720px){.handoff-qr{flex-direction:column}.handoff-qr img{width:150px;height:150px}}

.computer-entry{margin-top:20px;padding-top:16px;border-top:1px solid #dce5f1}.computer-entry .entry-code{display:block;font-size:29px;letter-spacing:.12em;color:#24476c;font-weight:550}.computer-entry p{overflow-wrap:anywhere}.dg-entry-code,.dg-type-code{display:none;font:600 12px ui-monospace,monospace;letter-spacing:.02em;color:#d8eaff;white-space:nowrap}.device-guide[data-step="1"] .dg-entry-code{display:block;position:absolute;bottom:32px}.device-guide[data-step="1"] .dg-qr{width:61px;height:61px;margin-bottom:30px}.device-guide[data-step="1"] .dg-child-star,.device-guide[data-step="1"] .dg-scan-line{display:none}.device-guide[data-step="1"] .dg-type-code{display:block;overflow:hidden;width:7ch;animation:dg-type 3s steps(7,end) infinite;border-bottom:1px solid #b39be0;padding-bottom:5px;margin-bottom:10px}.device-guide[data-step="1"] .dg-child{width:130px}.device-guide[data-step="1"] .dg-child .dg-screen{height:105px;border-radius:7px}.device-guide[data-step="1"] .dg-child:after{content:"";display:block;position:absolute;left:-7px;right:-7px;bottom:-6px;height:5px;background:#bca6df;border-radius:0 0 8px 8px}@keyframes dg-type{0%,10%{width:0}75%,100%{width:7ch}}@media(max-width:720px){.device-guide[data-step="1"] .dg-child{width:90px}.device-guide[data-step="1"] .dg-qr{width:49px;height:49px}.dg-entry-code,.dg-type-code{font-size:10px}}@media(prefers-reduced-motion:reduce){.device-guide .dg-type-code{animation:none!important}}