.duo-section{--duo-charcoal:#2b2620;--duo-bronze:#5a4a2e;--duo-sand:#ede3d2;--duo-gold:#b8924f;--duo-cream:#f6f1e8;--duo-linen:#fbf8f2;--duo-border:#e2d7c4;--duo-ease:cubic-bezier(.22, .61, .36, 1);color:var(--duo-charcoal);padding:96px 0 120px;position:relative;overflow:hidden}.duo-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#b8924f33 0%,#b8924f14 38%,#0000 68%);width:900px;height:900px;position:absolute;top:8%;right:-12%}.duo-inner{grid-template-columns:minmax(320px,5fr) minmax(420px,7fr);align-items:center;gap:72px;max-width:1180px;margin:0 auto;padding:0 32px;display:grid;position:relative}.duo-copy .duo-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--duo-gold);margin-bottom:28px;font-size:12px;font-weight:700}.duo-copy h2{letter-spacing:-.01em;margin-bottom:18px;font-size:clamp(30px,3.2vw,44px);font-weight:900;line-height:1.14}.duo-copy h3{letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(19px,1.8vw,24px);font-weight:900;line-height:1.3}.duo-copy h3 em{color:var(--duo-bronze);font-style:normal}.duo-copy>p{color:#2b2620b8;max-width:44ch;font-size:17px;line-height:1.65}.duo-legend{border-top:1px solid var(--duo-border);margin-top:44px}.duo-legend .row{border-bottom:1px solid var(--duo-border);align-items:baseline;gap:16px;padding:18px 0;display:flex}.duo-legend .key{font-family:var(--font-mono);letter-spacing:.14em;color:var(--duo-gold);text-transform:uppercase;min-width:96px;font-size:11px}.duo-legend .row strong{margin-bottom:2px;font-size:15px;font-weight:700;display:block}.duo-legend .row span{color:#2b26209e;font-size:14px;line-height:1.5}.duo-stage{min-height:640px;position:relative}@media (hover:hover){.duo-stage:hover .screen-admin{transform:translate(-8px)translateY(-4px)}.duo-stage:hover .screen-guest{transform:translate(8px)translateY(6px)}}.screen-admin,.screen-guest{transition:transform .6s var(--duo-ease);will-change:transform}.screen-admin{background:var(--duo-linen);border:1px solid var(--duo-border);border-radius:14px;width:88%;position:absolute;top:24px;left:0;box-shadow:0 30px 80px -20px #2b262047}.browser-bar{border-bottom:1px solid var(--duo-border);background:var(--duo-cream);border-radius:14px 14px 0 0;align-items:center;gap:12px;padding:12px 16px;display:flex}.browser-bar .dots{gap:6px;display:flex}.browser-bar .dots i{background:var(--duo-sand);border:1px solid var(--duo-border);border-radius:50%;width:9px;height:9px;display:block}.browser-bar .url{font-family:var(--font-mono);color:#2b26208c;background:var(--duo-linen);border:1px solid var(--duo-border);border-radius:6px;flex:1;max-width:280px;padding:5px 12px;font-size:10.5px}.fit{width:100%;position:relative;overflow:hidden}.screen-admin .fit{border-radius:0 0 14px 14px}.fit iframe{transform-origin:0 0;pointer-events:none;background:var(--duo-cream);border:0;position:absolute;top:0;left:0}.screen-guest{z-index:2;filter:drop-shadow(0 40px 70px #2b262059);width:262px;position:absolute;bottom:0;right:0}.screen-guest .fit{overflow:visible}.duo-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--duo-bronze);background:var(--duo-linen);border:1px solid var(--duo-border);z-index:3;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:10px;position:absolute}.duo-tag.admin-tag{top:-14px;left:26px}.duo-tag.guest-tag{color:var(--duo-gold);border-color:#b8924f80;bottom:-14px;right:18px}@media (prefers-reduced-motion:reduce){.screen-admin,.screen-guest{transition:none}}@media (max-width:1080px){.duo-inner{grid-template-columns:1fr;gap:64px}.screen-admin{width:100%}}@media (max-width:560px){.duo-section{padding:64px 0 96px}.duo-inner{padding:0 20px}.screen-guest{width:200px;right:-4px}}