.keydoc-stage:has(.duo-presentation){background-image:none;min-height:620px;padding:54px 22px;overflow:hidden}.duo-presentation{width:100%;max-width:900px;container-type:inline-size}.duo-scene{perspective:1800px;isolation:isolate;padding:8% 0}.duo-device{aspect-ratio:724/518;width:100%;transform-style:preserve-3d;position:relative;transform:translate(-25%)}.duo-base,.duo-lid{width:50%;height:100%;position:absolute;top:0}.duo-base{background:#0c1512;border-radius:0 12% 12% 0;left:50%;overflow:hidden}.duo-lid{transform-origin:100%;transform-style:preserve-3d;left:0;transform:rotateY(180deg)translateZ(.5px)}.duo-lid-inside,.duo-lid-outside{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.duo-lid-inside{background:#0c1512;border-radius:12% 0 0 12%}.duo-lid-outside{background:#0c1512;border-radius:2% 16% 16% 2%;transform:rotateY(180deg)translateZ(1px)}.duo-open-surface{width:200%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.duo-base .duo-open-surface{left:-100%}.duo-open-photo{pointer-events:none;width:198.895%;max-width:none;height:146.718%;position:absolute;top:-23.359%;left:-82.873%}.duo-inner-display{color:#edf8f2;background:#212510;border-radius:4.8%/7%;flex-direction:column;font-size:clamp(5px,1.65cqw,14px);line-height:1.35;display:flex;position:absolute;inset:2.7% 2%;overflow:hidden}.duo-appbar{background:#181b0a;border-bottom:1px solid #535b33;flex-shrink:0;align-items:center;gap:2%;height:10%;min-height:0;padding:0 2.5%;display:flex}.duo-appbar>span{align-items:center;gap:.5em;font-size:1.15em;font-weight:800;display:flex}.duo-appbar img{border-radius:24%;width:1.9em;height:1.9em}.duo-appbar>b{color:#c5d584;margin-left:auto;font-size:.85em}.duo-appbar>small{color:#b7bd9e;letter-spacing:.1em;font-size:.7em}.duo-workspace{flex:1;grid-template-columns:30% 34% 36%;min-height:0;display:grid}.duo-workspace>section{border-right:1px solid #4b5135;flex-direction:column;min-width:0;padding:8%;display:flex;overflow:hidden}.duo-workspace h3,.duo-cover-display h3{color:inherit;margin:0;font-size:1.17em;font-weight:750;line-height:1.2}.duo-workspace section>header{border:0;min-height:0;margin:0 0 8%;padding:0;display:block}.duo-workspace section>header>small{color:#afb691;letter-spacing:.07em;margin-bottom:.7em;font-size:.65em;display:block}.duo-filter{color:#d3d7c1;align-items:center;gap:10%;margin-bottom:7%;font-size:.75em;display:flex}.duo-filter>b{color:#e2eac1;background:#63702e;border-radius:10px;padding:.4em .8em}.duo-row{border-bottom:1px solid #4d5336;flex-direction:column;gap:.5em;margin:0;padding:10% 6%;display:flex}.duo-row.active{background:#3a4318;border:1px solid #98ac4a;border-radius:6px}.duo-row strong{font-size:.9em;line-height:1.3}.duo-row>span{color:#c3c7b2;font-size:.72em}.duo-row>b{color:#d5e0a6;font-size:1em}.duo-row>b>small{font-size:.65em}.duo-row>em{color:#ced4b6;font-size:.65em;font-style:normal}.duo-inbox-footer{color:#c9d88c;justify-content:space-around;margin-top:auto;padding-top:8%;font-size:1.5em;display:flex}.duo-details{background:#2b3016}.duo-check{color:#d4e0a3;background:#485124;border-radius:5px;padding:.65em;font-size:.8em}.duo-details dl{margin:5% 0}.duo-details dl>div{border-bottom:1px solid #52583b;padding:6% 0}.duo-details dt{color:#bbc0a9;font-size:.72em}.duo-details dd{overflow-wrap:anywhere;margin:.3em 0 0;font-size:.87em;font-weight:650}.duo-details .duo-total dd{color:#d4e0a3;font-size:1.14em}.duo-approval{color:#20250d;background:#afc555;border-radius:5px;justify-content:space-between;align-items:center;margin-top:auto;padding:9% 6%;font-size:.83em;font-weight:750;display:flex}.duo-workspace .duo-pdf{color:#212513;background:#aeb1a4;border:0;padding:0}.duo-pdf>header{color:#edf1dc;background:#30351c;gap:1em;font-size:.85em;margin:0!important;padding:7%!important;display:flex!important}.duo-paper{color:#252817;background:#fff;flex:1;min-height:0;margin:5%;padding:7%;font-size:.66em;line-height:1.4;overflow:hidden;box-shadow:0 2px 8px #20241030}.duo-paper-brand{color:#536021;margin-bottom:12%;font-size:1.4em;font-weight:900}.duo-paper-brand span{font-weight:400}.duo-paper>small{font-size:.75em}.duo-paper h3{margin:13% 0 3%;font-size:1.3em}.duo-paper>p{margin:12% 0;line-height:1.6}.duo-paper-item{border-bottom:1px solid #d6dfd9;justify-content:space-between;gap:8%;padding:7% 0;display:flex}.duo-paper-item.total{border-top:1px solid #373f17;font-size:1.12em}.duo-paper-qr{align-items:center;gap:8%;margin:14% 0;display:flex}.duo-paper-qr img{width:36%;height:auto}.duo-paper-qr span{font-size:.85em}.duo-cover-surface{position:absolute;inset:0;overflow:hidden}.duo-cover-photo{width:365.482%;max-width:none;height:138.182%;position:absolute;top:-19.091%;left:-171.066%}.duo-cover-display{color:#edf8f2;background:#212510;border-radius:1% 13% 13% 1%;flex-direction:column;font-size:clamp(7px,2.1cqw,17px);line-height:1.35;display:flex;position:absolute;inset:2.5% 3.8% 2.5% 4.5%;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 90% 6.8%,#0000 0 3.5%,#000 3.9%);mask-image:radial-gradient(circle at 90% 6.8%,#0000 0 3.5%,#000 3.9%)}.duo-cover-status{justify-content:space-between;align-items:center;padding:5% 16% 3% 7%;font-size:.7em;display:flex}.duo-cover-display>.duo-appbar{border:0;height:10%;padding:0 7%}.duo-cover-display>.duo-list{flex-direction:column;flex:1;min-height:0;padding:5% 7%;display:flex}.duo-cover-display .duo-list>header{margin-bottom:8%}.duo-cover-display header>small{color:#bbbfa9;margin-bottom:.6em;font-size:.6em;display:block}.duo-cover-display .duo-row{gap:.4em;padding:7% 6%}.duo-cover-display .duo-inbox-footer{padding-top:4%}.duo-visible .duo-device{animation:6s cubic-bezier(.45,0,.18,1) both duo-position}.duo-visible .duo-lid{animation:6s cubic-bezier(.45,0,.18,1) both duo-hinge}@keyframes duo-position{0%,32%{transform:translate(-25%)rotateY(0)}65%{transform:translate(-8%)rotateY(-18deg)}90%,to{transform:translate(0)rotateY(0)}}@keyframes duo-hinge{0%,32%{transform:rotateY(180deg)translateZ(.5px)}65%{transform:rotateY(36deg)translateZ(.5px)}90%,to{transform:rotateY(0)translateZ(.5px)}}.duo-presentation-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:18px;display:flex}.duo-presentation-footer>small{color:var(--muted);font-size:12px}.duo-presentation-footer>button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:14px;display:inline-flex}.duo-presentation-footer>button>span:first-child{font-size:20px}.duo-presentation-footer>button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media (min-width:1001px){.keydoc-hero:has(.duo-presentation){grid-template-columns:.8fr 1.2fr}}@media (max-width:700px){.keydoc-stage:has(.duo-presentation){min-height:0;padding:34px 14px}.duo-presentation-footer{margin-top:12px}}@media (prefers-reduced-motion:reduce){.duo-presentation .duo-device,.duo-presentation .duo-lid{animation:none;transform:none}.duo-presentation-footer>button{display:none}}.duo-presentation :is(.duo-inner-display,.duo-cover-display){color:#252933;background:radial-gradient(at 5% 0,#9ddcfa 0%,#0000 55%),radial-gradient(at 100% 25%,#c9bcf0 0%,#0000 60%),linear-gradient(160deg,#dcecf7,#f4dfc7)}.duo-presentation .duo-appbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff65;border-color:#ffffff90}.duo-presentation .duo-appbar>span{font-weight:700}.duo-presentation .duo-appbar>small{color:#5e6878}.duo-presentation .duo-appbar>b{color:#1674bf;background:#ffffffb3;border-radius:100px;padding:.35em .7em}.duo-presentation .duo-workspace{grid-template-columns:29% 34% 34.6%;gap:1.2%;padding:1.4%}.duo-presentation .duo-workspace>section{background:#ffffff65;border:1px solid #ffffffa6;border-radius:1.2em;padding:7%;box-shadow:0 .3em 1em #43536b0b}.duo-presentation .duo-workspace section>header,.duo-presentation .duo-cover-display .duo-list>header{flex-shrink:0;height:auto;margin-bottom:.8em}.duo-presentation .duo-workspace h3,.duo-presentation .duo-cover-display h3{letter-spacing:-.025em;font-weight:650}.duo-presentation :is(.duo-workspace section>header>small,.duo-cover-display header>small){color:#5b6878}.duo-presentation .duo-filter{color:#526176;flex-shrink:0;gap:1em;margin-bottom:.6em}.duo-presentation .duo-filter>b{color:#1673c9;background:#fff;border-radius:100px;box-shadow:0 .15em .5em #436c9a18}.duo-presentation .duo-row{border-color:#72829925;gap:.4em;padding:7% 6%}.duo-presentation .duo-row.active{background:#ffffffa8;border:1px solid #ffffffb3;border-radius:1em;box-shadow:0 .3em 1em #47648512}.duo-presentation .duo-row>span{color:#596678}.duo-presentation .duo-row>b{color:#1765b3}.duo-presentation .duo-row>em{color:#536276}.duo-presentation .duo-row.active>em{color:#925009;background:#ffecd2;border-radius:100px;align-self:flex-start;padding:.3em .65em}.duo-presentation .duo-inbox-footer{flex-shrink:0;justify-content:center;gap:.8em;padding-top:.7em}.duo-inbox-footer>span{color:#fff;background:linear-gradient(#57b8ff,#147ee9);border-radius:30%;place-items:center;width:1.65em;height:1.65em;display:grid;box-shadow:inset 0 1px #ffffff80,0 .15em .5em #20529b22}.duo-inbox-footer>span:nth-child(2){background:linear-gradient(#b695f7,#8254d9)}.duo-inbox-footer>span:nth-child(3){background:linear-gradient(#67d8b6,#23a588)}.duo-inbox-footer .kw-ui-icon{width:1em;height:1em}.duo-presentation .duo-check{color:#237547;background:#dbf5e8;border-radius:100px;flex-shrink:0}.duo-presentation .duo-details dl>div{border-color:#72829925;padding:5% 0}.duo-presentation .duo-details dt{color:#5c687a}.duo-presentation .duo-details dd{color:#293547}.duo-presentation .duo-details .duo-total dd{color:#166abf}.duo-presentation .duo-approval{color:#fff;background:linear-gradient(135deg,#409af5,#0874e1);border-radius:100px;flex-shrink:0;padding:8% 7%;box-shadow:0 .25em .7em #006adc25}.duo-presentation .duo-workspace .duo-pdf{background:#ffffff45;padding:0}.duo-presentation .duo-pdf>header{color:#42536d;background:#ffffff50;border:0;border-radius:0;padding:7%!important}.duo-presentation .duo-paper{color:#303744;border-radius:.35em;box-shadow:0 .3em 1em #34425c18}.duo-presentation .duo-paper-brand{color:#2869b3}.duo-presentation .duo-paper-item.total{border-top-color:#5693cb}.duo-presentation .duo-cover-display>.duo-list{background:#ffffff45}
