@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Libre+Caslon+Display&display=swap');
:root{--bg:#eeeae0;--ink:#283c32;--muted:#6f7769;--red:#b83529;--line:#c9c9b8;--mono:'DM Mono',monospace;--serif:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.025' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #ac6e25;outline-offset:4px}button:disabled{cursor:wait;opacity:.7}header{max-width:1300px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:1.4}.brand small{display:block;font:8px var(--mono);letter-spacing:.6px;margin-top:6px}.seal{width:50px;height:50px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;outline:1px solid var(--ink);outline-offset:-6px}.seal span{font-size:24px}.header-right{display:flex;gap:28px;align-items:center}.open{font:9px var(--mono);letter-spacing:1px}.open i,.tiny-light,.machine-status i{display:inline-block;width:6px;height:6px;background:#6d8463;border-radius:50%;margin-right:7px}.text-button{border:0;background:none;color:var(--ink);font-size:12px;padding:8px 0;text-decoration:none}.text-button:hover{text-decoration:underline}main{max-width:1212px;margin:auto;padding:0 32px}.intro{position:relative;padding:51px 0 34px}.eyebrow{font:9px var(--mono);letter-spacing:1.6px}.intro h1{font-family:var(--serif);font-weight:400;font-size:83px;letter-spacing:-2.8px;line-height:.98;margin:19px 0 20px;width:fit-content;position:relative}.intro h1 em{color:var(--red);font-weight:400}.star{font-family:Georgia;font-size:54px;color:var(--red);position:absolute;right:-78px;top:28px;transform:rotate(10deg)}.intro p{position:absolute;left:56%;bottom:45px;font-size:15px;line-height:1.8;color:#657063}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:stretch}.mode-heading{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.7px}.mode-heading .text-button{font:10px var(--mono)}.modes{display:flex;gap:8px;margin:11px 0 24px}.modes button{flex:1;border:1px solid #bfc3b4;background:transparent;color:var(--ink);padding:12px 6px;font-size:12px;border-radius:4px}.modes button.selected{background:var(--ink);color:#f5f0e3;border-color:var(--ink)}.modes small{font-size:8px;opacity:.65}.paper{background:#faf6e9;padding:23px 27px 20px;box-shadow:0 5px 12px #24322810,1px 1px 1px #24322820;transform:rotate(-1deg);position:relative;border:1px solid #d7d4c4}.paper:before{content:'';position:absolute;width:40px;height:17px;background:#c6bea173;left:44%;top:-9px;transform:rotate(5deg)}.paper-top,.paper-bottom{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.6px}.paper-top{border-bottom:1px solid #d2cdbb;padding-bottom:14px}.paper-title{display:flex;align-items:center;justify-content:space-between;margin-top:10px}h2{font:38px var(--serif);font-weight:400}.paper h2{margin:8px 0 17px;font-size:39px}.confidential{color:#b54c3b;border:1px solid #b54c3b;padding:5px 8px;transform:rotate(7deg);font:8px var(--mono);text-align:center;letter-spacing:1px;opacity:.8}label{font-size:11px;font-weight:600}textarea{display:block;width:100%;height:143px;resize:vertical;min-height:100px;border:0;color:var(--ink);background:repeating-linear-gradient(transparent,transparent 29px,#c6c3b360 29px,#c6c3b360 30px);font:13px/30px var(--mono);padding:8px 0;margin:8px 0 12px;border-radius:0}textarea::placeholder{color:#929183}.paper-bottom{font-size:8px;color:#929183;letter-spacing:0}.paper-rule{border-bottom:1px solid #d2cdbb;margin-top:20px;margin-bottom:12px}.fine-print{font:7px/1.6 var(--mono);letter-spacing:1px;color:#777d70}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;background:var(--red);border:1px solid #9b3027;border-radius:3px;color:#fff9e8;font-size:13px;margin-top:21px;box-shadow:0 3px 0 #8e3027}.submit:hover{background:#a62e23}.submit span:last-child{font-size:20px}.privacy{font-size:9px;color:#788071;text-align:center;margin:15px 0 0}.privacy span{margin-right:5px}.office{position:relative;background:#dfdfd0;border:1px solid #c9caba;border-radius:5px;overflow:hidden;min-height:520px;background-image:repeating-linear-gradient(90deg,transparent,transparent 89px,#c9cabb35 90px)}.office-top{display:flex;justify-content:space-between;padding:20px;font:8px var(--mono);letter-spacing:.8px}.wall-sign{position:absolute;top:73px;left:27px;text-align:center;padding:13px 12px;background:#eeeade;border:5px solid #aaa990;box-shadow:1px 3px 3px #34433218;transform:rotate(-5deg);font:6px var(--mono);letter-spacing:.5px}.wall-sign strong{font:20px var(--serif);display:block;margin:7px 0 3px}.wall-sign small{font:7px var(--mono)}.wall-clock{position:absolute;right:38px;top:66px;width:44px;height:44px;border:3px solid #899482;border-radius:50%;background:#eeebdf;box-shadow:0 2px 1px #78807125}.wall-clock:before,.wall-clock:after{content:'';position:absolute;left:19px;top:9px;width:1px;height:12px;background:var(--ink);transform-origin:bottom}.wall-clock:after{transform:rotate(110deg);height:10px;top:11px}.machine-scene{position:absolute;width:255px;height:320px;left:50%;transform:translateX(-50%);top:134px;z-index:2}.machine{position:absolute;top:15px;left:20px;width:215px;height:227px;z-index:3;filter:drop-shadow(9px 12px 4px #43544220)}.machine-top{height:34px;background:#ce5441;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);position:relative}.slot{position:absolute;height:8px;background:#402b27;left:25px;right:25px;top:13px;border-radius:4px;box-shadow:0 2px 0 #ed7a60}.machine-front{height:173px;background:linear-gradient(100deg,#bb3c2f,#b6372b 84%,#9e2f26 84%);border-radius:1px 1px 5px 5px;position:relative;border-bottom:5px solid #8d3027}.rivets{display:flex;justify-content:space-between;padding:10px 12px}.rivets i{height:4px;width:4px;background:#e27b63;border-radius:50%;box-shadow:0 1px 1px #64261c}.machine-label{background:#efe9cf;border:1px solid #c1b99e;box-shadow:0 2px 0 #923025;padding:13px 2px 10px;margin:0 27px 0 20px;text-align:center;font-family:var(--serif);font-size:22px;letter-spacing:.5px;transform:rotate(-1deg)}.machine-label span{display:block;font:6px var(--mono);letter-spacing:1px;margin-top:5px}.machine-status{text-align:center;color:#edc4a8;font:6px var(--mono);margin-top:13px;letter-spacing:.7px}.machine-status i{background:#d7d594;width:4px;height:4px}.output{position:absolute;bottom:4px;height:13px;background:#592b24;left:24px;right:33px;box-shadow:0 -2px 0 #942f25;border-radius:2px}.asterisk{font:6px var(--mono);position:absolute;right:6px;top:113px;color:#eaa88f;transform:rotate(-90deg)}.machine-leg{width:12px;height:29px;background:#596151;position:absolute;bottom:-3px}.machine-leg.left{left:15px}.machine-leg.right{right:18px}.floor{position:absolute;bottom:64px;left:0;right:0;height:102px;border-top:1px solid #c4c6b2;background:#d0d2bd;overflow:hidden}.floor-label{position:absolute;bottom:80px;width:100%;text-align:center;z-index:4;pointer-events:none}.floor-label span{font:6px var(--mono);letter-spacing:.5px;display:block}.floor-label small{font:14px var(--serif);display:block;margin-top:4px}.status{position:absolute;bottom:0;width:100%;height:64px;background:#e6e6d8;display:flex;align-items:center;justify-content:center;padding:14px 22px;text-align:center;font:10px/1.7 var(--mono);border-top:1px solid #c9caba}.flying-paper{display:none;position:absolute;top:-40px;left:43px;width:157px;height:140px;background:#faf6e9;color:#6c7061;padding:12px;font:8px/14px var(--mono);overflow:hidden;white-space:pre-wrap;z-index:4;box-shadow:0 2px 6px #0002}.flying-paper.feed{display:block;animation:feed 1.6s ease-in forwards;transform-origin:center bottom}.machine.running{animation:rumble .12s infinite}.shreds{position:absolute;inset:0;pointer-events:none;z-index:2}.strip{position:absolute;width:7px;height:60px;background:#f5eed8;top:203px;left:50%;background-image:repeating-linear-gradient(transparent 0 5px,#8d937745 6px 7px,transparent 8px 11px);animation:fall 1.8s ease-in forwards}.floor .scrap{position:absolute;width:31px;height:6px;background:#f4f0da;box-shadow:0 1px 1px #434a2f22}.global{margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 25px;display:grid;grid-template-columns:56px 1fr auto;gap:0 18px}.global-icon{width:48px;height:48px;border:1px solid #9fa892;border-radius:50%;font-size:37px;display:flex;align-items:center;justify-content:center}.global h2{font-size:30px;margin:9px 0}.global p{font-size:11px;color:#788071;margin:0}.counter{text-align:right}.counter strong{display:block;font:43px var(--serif);line-height:1}.counter span{display:block;font:7px var(--mono);letter-spacing:1px;margin:8px 0}.counter small{font:8px var(--mono);color:#888d7e}.progress-area{grid-column:2/4;margin-top:24px}.progress{height:5px;background:#d8d9c9}.progress span{display:block;background:var(--ink);height:100%;min-width:1%;transition:width .6s}.milestone{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.5px;margin-top:9px;color:#788071}.aftercare{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:35px 0}.aftercare h2{font-size:29px;margin:10px 0}.aftercare p{font-size:11px;color:#788071}.outline{border:1px solid #a8af9b;background:transparent;padding:12px 16px;color:var(--ink);border-radius:3px;font-size:11px}.outline:hover{background:#dedfce}.aftercare .outline{margin-top:8px}.outline span{margin-left:25px}.tip-card{display:flex;align-items:center;gap:20px;padding:24px;background:#e2e3d4;border:1px dashed #b2b99f;border-radius:4px}.oil{font-size:44px}.tip-card h3{font:23px var(--serif);margin:0}.tip-card p{font-size:10px}.tip-card .text-button{font-size:11px;text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:24px 0;font:7px var(--mono);letter-spacing:.5px;color:#838a7a}dialog{color:var(--ink);background:var(--bg);border:1px solid #9da58f;box-shadow:0 25px 100px #12291b55;border-radius:5px;max-width:min(520px,calc(100% - 30px));padding:32px;text-align:center}dialog::backdrop{background:#213a2ce0;backdrop-filter:blur(4px)}.close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:25px;color:var(--ink)}.certificate{border:1px solid #9fa68e;padding:25px 14px;background:#f6f0e0}.receipt-icon{font-size:45px;color:var(--red);display:block;margin:10px}.certificate h2{font-size:36px;line-height:1.05;margin:12px 0}.certificate p{font:11px/1.8 var(--mono)}.stamp{display:block;font:19px var(--mono);color:var(--red);border:3px double var(--red);padding:12px 4px;transform:rotate(-5deg);margin:25px 0}.receipt-meta{display:flex;justify-content:space-between;font:8px var(--mono);border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.certificate small{font-size:8px;display:block;margin-top:14px}.receipt-actions{display:flex;gap:10px;margin:20px 0 12px}.receipt-actions button{flex:1;margin:0;font-size:10px;padding:13px 9px}.receipt-actions .submit{justify-content:center}#tip-dialog p{font-size:13px;line-height:1.8}#tip-dialog h2{font-size:33px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff8e8;padding:12px 20px;border-radius:4px;font-size:12px;z-index:20;display:none}@keyframes feed{0%{transform:translate(-120px,-25px) rotate(-12deg);opacity:0}20%{opacity:1}50%{transform:translate(0,-35px) rotate(0)}100%{transform:translate(0,65px) scaleY(0);opacity:1}}@keyframes rumble{50%{transform:translate(1px,1px) rotate(.3deg)}}@keyframes fall{0%{transform:translateY(0) rotate(0)}100%{transform:translate(var(--drift),100px) rotate(var(--turn));opacity:0}}@media(min-width:1500px){.intro{padding-top:65px}}@media(max-width:800px){header{padding:22px}.open{display:none}main{padding:0 22px}.intro{padding-top:36px}.intro h1{font-size:69px}.intro p{position:static;font-size:13px;margin-top:20px}.workspace{gap:25px;grid-template-columns:1fr}.filing{max-width:550px;width:100%;margin:auto}.office{min-height:460px}.machine-scene{top:100px}.wall-sign{top:55px;left:20px}.wall-clock{top:45px}.global{grid-template-columns:40px 1fr;gap:12px}.global-icon{width:34px;height:34px;font-size:26px}.global h2{font-size:27px}.counter{grid-column:2;text-align:left;margin-top:8px}.counter strong{font-size:35px}.progress-area{grid-column:1/3;margin-top:10px}.aftercare{grid-template-columns:1fr;gap:25px;padding:30px 0}.milestone{font-size:6px}footer{flex-wrap:wrap;line-height:1.7}.star{right:-65px;font-size:44px}.privacy{font-size:8px}.paper{padding:22px}.mode-heading{font-size:8px}.receipt-actions{flex-direction:column}.certificate h2{font-size:29px}dialog{padding:28px 18px}.stamp{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flying-paper.feed{display:none}}
@media(max-width:480px){.intro h1{font-size:60px}.star{right:-40px;font-size:32px;top:25px}.paper h2{font-size:33px;white-space:nowrap}.confidential{font-size:6px;padding:5px}.paper-title{gap:8px}.paper-top{font-size:7px}.header-right{gap:0}.brand{font-size:10px}.brand small{font-size:6px}.seal{width:43px;height:43px}.mode-heading{letter-spacing:0}.privacy{line-height:1.6}}
@media(max-width:480px){.star{right:2px;top:75px;font-size:26px}}
/* Iteration 2: the room is the experience. */
[hidden]{display:none!important}header{max-width:1500px;padding:18px 32px}.brand b{font-weight:700}main{max-width:1500px;padding:0 32px}.intro{padding:22px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.intro h1{font-size:59px;line-height:1;margin:9px 0 0;letter-spacing:-1.6px}.intro p{position:static;font-size:12px;margin:0 0 0 auto;line-height:1.7}.workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:28px;align-items:start}.filing{padding-top:2px}.mode-heading{font-size:7px;letter-spacing:.1px}.mode-heading .text-button{font-size:9px}.modes{gap:6px;margin:8px 0 21px}.modes button{font-size:10px;padding:10px 4px}.paper{padding:22px}.paper h2{font-size:34px;white-space:nowrap}.paper-title{gap:8px}.paper-top{font-size:7px;letter-spacing:0}.confidential{font-size:7px;padding:5px}.paper textarea{height:165px;font-size:12px}.paper-bottom{font-size:7px}.fine-print{font-size:6px}.submit{margin-top:18px;padding:14px 18px}.privacy{font-size:8px;line-height:1.6}.room-caption{font:8px var(--mono);letter-spacing:.8px;display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:14px}.room-caption>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.room-caption i{display:inline-block;width:5px;height:5px;background:#758d59;border-radius:50%;margin-right:6px}.office{height:660px;min-height:0;isolation:isolate;background:#dde0d2;border-radius:4px;border-color:#bfc5b0;background-image:repeating-linear-gradient(90deg,transparent 0 68px,#d0d5c544 69px 70px)}.room-ceiling{position:absolute;top:0;height:25px;width:100%;background:#c9ceba;border-bottom:4px solid #b6bea7}.ceiling-light{position:absolute;top:8px;left:38%;width:24%;height:8px;background:#fcf7d9;border:2px solid #a8af99;box-shadow:0 7px 25px #fffadd88}.room-floor{position:absolute;bottom:44px;height:138px;width:100%;background:repeating-linear-gradient(4deg,transparent 0 30px,#a4ad9444 31px 32px),repeating-linear-gradient(95deg,#c1c8af 0 100px,#b7bfa6 101px 102px);border-top:7px solid #9aa78c}.window{position:absolute;right:6%;top:65px;width:24%;height:167px;background:linear-gradient(#b4caca,#e5e9d7);border:7px solid #eeecde;outline:1px solid #abb69d;box-shadow:5px 7px 0 #a7b29c35;overflow:hidden}.window:after{content:'';position:absolute;left:0;right:0;top:47%;height:5px;background:#eeecde}.window-cross{position:absolute;left:50%;height:100%;width:5px;background:#eeecde}.skyline{position:absolute;bottom:0;width:100%;height:40%;background:#9eaea44d;clip-path:polygon(0 45%,10% 45%,10% 0,28% 0,28% 65%,45% 65%,45% 35%,63% 35%,63% 15%,83% 15%,83% 60%,100% 60%,100% 100%,0 100%)}.blind{height:34px;background:repeating-linear-gradient(#babfad 0 6px,#a7b199 7px 8px);border-bottom:3px solid #939f87}.wall-sign{top:71px;left:5%;padding:12px 9px;transform:rotate(-3deg);z-index:1}.wall-sign strong{font-size:21px}.wall-clock{right:35%;top:66px;width:38px;height:38px;border-width:2px}.wall-clock:before,.wall-clock:after{left:16px;top:7px}.wall-clock:after{top:9px}.wall-plaque{position:absolute;left:5%;top:204px;padding:15px 10px;max-width:25%;text-align:center;border:1px solid #a8b09a;background:#d2d8c3;box-shadow:2px 3px 0 #a5af9733}.wall-plaque span{display:block;font:7px var(--mono);letter-spacing:1px;margin-bottom:8px;overflow-wrap:anywhere}.wall-plaque strong{font:14px/1.25 var(--serif)}.wall-plaque small{display:block;font:5px var(--mono);margin-top:10px}.machine-scene{top:85px;left:48%;height:480px;transform:translateX(-50%);width:220px}.machine{width:190px;height:185px;left:15px;top:15px;filter:drop-shadow(4px 6px 3px #43544225)}.machine-front{height:146px}.machine-top{height:29px}.slot{top:11px;left:24px;right:24px;height:7px}.machine-label{font-size:20px;padding:10px 0;margin:0 22px 0 17px}.machine-label span{font-size:5px;letter-spacing:.7px}.machine-status{font-size:5px;margin-top:12px}.machine-status i{width:3px;height:3px}.output{height:9px;bottom:4px;left:21px;right:29px}.flying-paper{left:37px;width:144px;top:-45px}.strip{top:185px;height:42px;width:5px;animation-name:room-fall;animation-duration:1.65s}.shreds{z-index:4}.filing-cabinet{position:absolute;bottom:127px;left:6%;width:112px;height:172px;background:#8c9c89;border:3px solid #718571;box-shadow:7px 4px 0 #6e826b;z-index:1;padding:8px}.filing-cabinet>div{height:48px;border:1px solid #61775f;margin-bottom:3px;text-align:center;padding:8px 0;background:#a2b09a;font:5px var(--mono)}.filing-cabinet i{display:block;width:22px;height:5px;border:2px solid #637960;margin:8px auto 0}.office-desk{position:absolute;right:8%;bottom:105px;width:38%;height:155px;z-index:1}.desk-top{position:absolute;top:51px;height:13px;width:100%;background:#92745b;border-top:4px solid #b59b7e;box-shadow:0 5px 0 #30472d22}.desk-leg{position:absolute;top:64px;left:8px;bottom:0;width:8px;background:#5a6856}.desk-drawers{position:absolute;top:64px;right:8px;width:30%;height:83px;background:#a28c6f;border-left:4px solid #8f785f}.desk-drawers i{display:block;height:38px;border-bottom:2px solid #8f785f;position:relative}.desk-drawers i:after{content:'';position:absolute;top:12px;left:30%;width:40%;height:3px;background:#655f4e}.monitor{position:absolute;top:-24px;left:20%;width:45%;height:63px;border:7px solid #687365;border-radius:3px;background:#c1cbb1;box-shadow:3px 2px 0 #53604f}.monitor:after{content:'';position:absolute;left:42%;bottom:-20px;width:8px;height:15px;background:#687365}.monitor span{font:6px var(--mono);display:block;text-align:center;line-height:49px}.mug{position:absolute;right:12%;top:27px;background:#efe8d3;width:19px;height:24px;font:5px/7px var(--mono);text-align:center;padding-top:4px;border-radius:0 0 4px 4px}.mug:after{content:'';position:absolute;right:-7px;top:3px;width:7px;height:10px;border:2px solid #e8dfc9;border-radius:4px}.chair{position:absolute;bottom:100px;right:24%;width:70px;height:100px;z-index:2}.chair>div{height:48px;width:49px;background:#b77a50;border:3px solid #956343;border-radius:11px 11px 5px 5px;transform:rotate(4deg)}.chair i{position:absolute;top:54px;left:-7px;width:65px;height:10px;border-radius:7px;background:#a8704e;border-bottom:4px solid #895d40}.chair span{position:absolute;left:22px;top:64px;height:31px;width:5px;background:#66705f}.chair span:after{content:'';position:absolute;bottom:0;left:-23px;width:50px;height:4px;background:#66705f;transform:rotate(-4deg)}.plant{position:absolute;bottom:133px;right:2%;width:44px;height:101px;z-index:1}.plant>div{position:absolute;bottom:0;left:6px;width:34px;height:37px;background:#b17b5b;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);border-top:6px solid #c28c68}.plant i{position:absolute;bottom:27px;left:23px;width:3px;height:65px;background:#66805d;transform-origin:bottom}.plant i:after{content:'';position:absolute;top:0;left:-11px;width:14px;height:32px;background:#7e9169;border-radius:100% 0 100% 0}.plant i:nth-child(1){transform:rotate(-29deg)}.plant i:nth-child(2){transform:rotate(22deg);height:80px}.plant i:nth-child(3){transform:rotate(-49deg);height:47px}.plant i:nth-child(4){transform:rotate(47deg);height:47px}#paper-pile{position:absolute;left:0;top:0;width:100%;height:calc(100% - 44px);z-index:5;pointer-events:none}.room-door-label{position:absolute;bottom:61px;left:21px;z-index:0;font:6px var(--mono);letter-spacing:1px;color:#77856c}.office .status{height:44px;z-index:8;font-size:9px;background:#e7e7d9}.room-stats{display:flex;gap:25px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.room-stats>div:first-child{display:flex;gap:10px;align-items:center;flex-shrink:0}.room-stats strong{font:30px var(--serif)}.room-stats>div>span{font:6px var(--mono);letter-spacing:.5px;max-width:70px;line-height:1.5}.room-stats .occupancy{flex:1}.occupancy>span#fill-label{font:8px var(--mono);max-width:none;display:block;margin-bottom:8px;color:#75816c}.progress{height:4px}.prototype-label{font:6px/1.7 var(--mono);text-align:right;color:#75816c;flex-shrink:0}.reveal-actions{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.reveal-actions .eyebrow{font-size:7px;letter-spacing:.8px}.reveal-actions p{font-size:10px;margin:6px 0 0}.reveal-actions>div{margin-right:auto}.reveal-actions button{font-size:10px;white-space:nowrap}.preview-controls{font:9px var(--mono);margin-top:13px;color:#75816c}.preview-controls summary,.company-builder summary{cursor:pointer}.preview-controls summary span,.company-builder summary span{float:right;font-size:8px;opacity:.8}.preview-controls>div{padding:8px 0}.preview-controls p{font-size:8px;line-height:1.6}.volume-buttons{display:flex;gap:5px;flex-wrap:wrap}.volume-buttons button{border:1px solid #b8c0ab;background:#e4e6d7;color:var(--ink);padding:8px;font:8px var(--mono);border-radius:2px}.volume-buttons button.active{background:var(--ink);color:#f3efdf}.aftercare{gap:28px;padding:28px 0 23px}.aftercare h2{font-size:27px}.tip-card{padding:20px}.company-builder{border-top:1px solid var(--line);padding:17px 0;color:#66745d;font:10px var(--mono)}.company-builder>div{padding:18px 0}.company-input{display:flex;gap:8px;margin-top:9px}.company-input input{background:#f5f0e3;border:1px solid #adb69f;border-radius:2px;color:var(--ink);padding:10px;font:12px var(--mono);min-width:0;flex:1;max-width:400px}.company-builder p{font-size:8px;line-height:1.7}footer{font-size:6px}.cleanup-options{display:grid;gap:10px;margin:25px 0 15px}.cleanup-options button{display:flex;align-items:center;gap:13px;border:1px solid #b6bda7;border-radius:3px;padding:17px 12px;background:#f5efdf;color:var(--ink);text-align:left}.cleanup-options button:hover{border-color:var(--red);background:#fff7e3}.cleanup-icon{font-size:29px;color:var(--red);width:30px;text-align:center}.cleanup-options strong{display:block;font-size:13px}.cleanup-options small{display:block;font-size:9px;margin-top:5px;color:#75816c}.cleanup-options b{margin-left:auto;font:25px var(--serif);white-space:nowrap;text-align:right}.cleanup-options b small{font:6px var(--mono)}.cleanup-description{font-size:12px}.demo-disclaimer{font:9px/1.8 var(--mono);color:#75816c}#cleanup-dialog h2{margin:15px 0}.cleanup-effect{position:absolute;inset:40px 0 44px;z-index:6;pointer-events:none;display:none}.cleanup-effect.active{display:block}.cleanup-effect.fire{background:linear-gradient(0deg,#e5a143a0,transparent 55%);animation:clean-fire .3s infinite alternate}.cleanup-effect.fire:after{content:'♨';position:absolute;bottom:10px;left:40%;font-size:130px;color:#c5542f;filter:drop-shadow(0 0 18px #f6c063)}.cleanup-effect.vacuum:after{content:'〰';position:absolute;bottom:0;left:-10%;font-size:100px;color:#647c67;animation:sweep 1.7s ease-in-out forwards}.cleanup-effect.reset{background:radial-gradient(ellipse at 50% 90%,#f4efd8 0,transparent 70%);animation:flash 1.8s forwards}.cleanup-effect.reset:after{content:'✳';position:absolute;bottom:20px;left:43%;font-size:100px;color:#b43b2e}.office.cleaning #paper-pile{opacity:.3;transition:opacity 1.7s}.certificate .eyebrow{overflow-wrap:anywhere;font-size:8px}@keyframes room-fall{to{transform:translate(var(--drift),360px) rotate(var(--turn));opacity:0}}@keyframes clean-fire{to{filter:brightness(1.2)}}@keyframes sweep{to{left:110%}}@keyframes flash{50%{opacity:1}100%{opacity:0}}@media(min-width:1500px){.intro{padding-top:22px}}@media(max-width:1050px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:20px}.machine-scene{left:51%;transform:translateX(-50%) scale(.85);transform-origin:top center}.wall-sign{left:3%;font-size:5px;border-width:3px;padding:9px 5px;top:62px}.wall-sign strong{font-size:17px}.wall-plaque{left:3%;top:182px}.wall-plaque strong{font-size:12px}.window{right:4%;height:145px;top:59px;width:22%}.wall-clock{right:32%;top:45px;width:30px;height:30px}.wall-clock:before,.wall-clock:after{left:12px;top:4px}.wall-clock:after{top:6px}.filing-cabinet{width:86px;left:4%}.room-stats{gap:10px}.room-stats>div:first-child{gap:6px}.reveal-actions{flex-wrap:wrap}.reveal-actions>div{flex-basis:100%}.room-caption{font-size:6px}.office-desk{right:8%;width:41%}.chair{right:24%}.tip-card h3{font-size:20px}}
@media(max-width:760px){header{padding:15px 20px}main{padding:0 20px}.intro{padding:22px 0;display:block}.intro h1{font-size:48px;margin-top:9px}.intro p{font-size:11px;margin:10px 0 0}.intro .eyebrow{font-size:7px}.workspace{display:flex;flex-direction:column;gap:24px}.filing{max-width:none;width:100%}.room-column{width:100%}.modes{margin-bottom:18px}.paper{transform:rotate(-.6deg)}.paper textarea{height:110px;min-height:100px}.paper h2{font-size:31px}.paper-top{font-size:7px}.office{height:610px}.room-caption{font-size:7px}.machine-scene{top:92px;left:51%;transform:translateX(-50%) scale(.8)}.wall-plaque{top:201px}.wall-sign{top:59px}.window{height:128px}.wall-clock{top:41px}.room-stats{gap:12px}.room-stats strong{font-size:27px}.room-stats>div>span{font-size:5px}.prototype-label{font-size:5px}.occupancy>span#fill-label{font-size:7px}.reveal-actions>div{flex-basis:100%}.reveal-actions{gap:10px}.aftercare{display:grid;grid-template-columns:1fr;gap:22px}.company-input{flex-wrap:wrap}.company-input input{flex-basis:100%;max-width:none}.company-input button{font-size:10px}.company-builder summary{font-size:9px}.company-builder summary span{font-size:6px}.volume-buttons button{font-size:7px}.room-caption>span:last-child{max-width:46%}footer{font-size:6px}.filing-cabinet{width:78px;height:158px}.filing-cabinet>div{height:43px}.office-desk{width:44%;right:7%}.monitor{width:50%;left:14%}.monitor span{font-size:5px}.chair{right:25%;transform:scale(.8);transform-origin:bottom}.plant{right:0;transform:scale(.8);transform-origin:bottom}.cleanup-options button{gap:8px;padding:15px 9px}.cleanup-options strong{font-size:11px}.cleanup-options small{font-size:8px}.cleanup-options b{font-size:23px}}
.brand>span:last-child{max-width:360px}.brand b{display:block;overflow-wrap:anywhere}#room-brand{overflow-wrap:anywhere}.brand{align-items:center}.seal{flex-shrink:0}.header-right{flex-shrink:0}#company-name:focus-visible{outline:3px solid #ac6e25;outline-offset:3px}@media(max-width:760px){.brand>span:last-child{max-width:190px}.header-right .text-button{font-size:10px}.brand{gap:9px;font-size:9px}.brand small{font-size:5px}.seal{width:36px;height:36px;font-size:12px}.seal span{font-size:19px}}
@media(max-width:760px){.machine-scene{top:144px}.wall-sign{max-width:29%}.wall-sign strong{font-size:16px}.window{top:52px;height:104px}.wall-plaque{top:221px;padding:11px 6px}.wall-plaque strong{font-size:10px}.room-stats{flex-wrap:wrap}.room-stats .occupancy{min-width:100px}.prototype-label{margin-left:auto}}
/* Readable department signage and response messages. */
.room-stats{gap:22px;flex-wrap:wrap;padding:18px 0}
.room-stats strong{font-size:42px}
.room-stats>div>span{font-size:12px;max-width:115px;line-height:1.5}
.room-stats .occupancy{min-width:175px}
.occupancy>span#fill-label{font-size:13px;line-height:1.5;margin-bottom:10px}
.prototype-label{font-size:10px;line-height:1.6}
.office{--status-height:76px}
.office .status{height:var(--status-height);font-size:16px;line-height:1.55;padding:12px 20px}
#paper-pile{height:calc(100% - var(--status-height))}
.room-floor{bottom:var(--status-height)}
.room-door-label{bottom:calc(var(--status-height) + 14px);font-size:10px;letter-spacing:.5px}
.cleanup-effect{bottom:var(--status-height)}
.reveal-actions{flex-wrap:wrap}
.reveal-actions .eyebrow{font-size:12px;line-height:1.5}
.reveal-actions p,.reveal-actions button{font-size:14px;line-height:1.5}
.certificate p{font-size:15px;line-height:1.7}
.room-caption{font-size:11px;line-height:1.5;letter-spacing:.5px}
.wall-sign{font-size:9px;line-height:1.5;max-width:26%;padding:12px 9px}
.wall-sign strong{font-size:26px}
.wall-sign small{font-size:11px}
.wall-plaque span{font-size:11px;letter-spacing:.5px}
.wall-plaque strong{font-size:19px}
.wall-plaque small{font-size:9px;line-height:1.5}
.machine-label{font-size:24px;padding:8px 0}
.machine-label span{font-size:9px;line-height:1.4;letter-spacing:0}
.machine-status{font-size:9px;line-height:1.4;letter-spacing:0;margin-top:9px;padding:0 9px}
.filing-cabinet>div{font-size:9px;padding-top:7px}
.filing-cabinet i{margin-top:6px}
.monitor span{font-size:11px;line-height:1.35;padding:8px 2px}
.mug{font-size:7px;line-height:8px;width:22px}
@media(max-width:1050px){
.room-stats{gap:15px}.room-stats .occupancy{flex-basis:45%}.prototype-label{margin-left:auto}
.wall-sign{font-size:8px}.wall-sign strong{font-size:22px}.wall-sign small{font-size:10px}
.wall-plaque strong{font-size:16px}.wall-plaque span{font-size:10px}.wall-plaque small{font-size:8px}
.filing-cabinet>div{font-size:8px}.monitor span{font-size:10px;padding-top:7px}
}
@media(max-width:760px){
.room-stats strong{font-size:38px}.room-stats>div>span{font-size:12px;max-width:120px}
.room-stats .occupancy{flex-basis:100%;order:3}.prototype-label{font-size:9px}
.occupancy>span#fill-label{font-size:13px}
.office{--status-height:92px}.office .status{font-size:15px;padding:10px 14px}
.room-caption{font-size:9px}.wall-sign{max-width:29%;font-size:8px;padding:9px 5px}
.wall-sign strong{font-size:20px}.wall-sign small{font-size:10px}
.wall-plaque{max-width:25%;padding:9px 4px}.wall-plaque span{font-size:9px}
.wall-plaque strong{font-size:13px}.wall-plaque small{font-size:8px;letter-spacing:0}
.machine-status{font-size:11px}.machine-label span{font-size:11px}
.filing-cabinet>div{font-size:8px;letter-spacing:-.25px}.filing-cabinet{width:84px}
.monitor span{font-size:10px;padding-top:8px}.room-door-label{font-size:9px;left:12px;letter-spacing:0}
.reveal-actions .eyebrow{font-size:11px}.reveal-actions p,.reveal-actions button{font-size:14px}
.certificate p{font-size:14px}
}
.machine-label{font-size:22px}
@media(max-width:760px){.machine-scene{left:59%}.wall-plaque{top:216px}.wall-plaque strong{font-size:12px}.wall-plaque small{font-size:7px}}
#cleanup-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}#cleanup-dialog h2{font-size:32px}.cleanup-options{margin-top:18px;gap:8px}.cleanup-options button{padding:13px 12px}.cleanup-description{line-height:1.6}
/* Equipment is drawn in the room; the paper surface is excavated as it works. */
.cleanup-effect.equipment-active{display:block;animation:none;background:none;inset:40px 0 var(--status-height);z-index:6}
.cleanup-effect.equipment-active:after{content:none}
.cleanup-effect canvas{display:block;width:100%;height:100%}
.cleanup-icon{width:45px;min-width:45px;height:45px;display:block}
.cleanup-icon svg{display:block;width:100%;height:100%}
.cleanup-options small{line-height:1.5;font-size:10px;max-width:220px}
.cleanup-options strong{font-size:14px}
.cleanup-options b small{font-size:8px}
#cleanup-dialog{width:540px}
@media(max-width:760px){.cleanup-options strong{font-size:12px}.cleanup-options small{font-size:9px}.cleanup-icon{width:35px;min-width:35px;height:35px}.cleanup-options b{font-size:23px}}

/* Readable card notes and footer at every viewport size. */
.paper-bottom{font-size:14px;line-height:1.6;color:#56614f;gap:10px;flex-wrap:wrap}
.paper-bottom #char-count{white-space:nowrap;margin-left:auto;font-size:12px}
.fine-print{font-size:13px;line-height:1.7;letter-spacing:.4px;color:#56614f}
footer{font-size:13px;line-height:1.7;color:#56614f;gap:16px 24px;flex-wrap:wrap}
footer>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){footer{align-items:flex-start;text-align:left;gap:12px}.fine-print{letter-spacing:.2px}}

/* Give the complaint a readable pause before it feeds into the slot. */
.flying-paper{left:2px;top:-45px;width:216px;height:170px;padding:15px;font-size:18px;line-height:1.5;color:#283c32;overflow-wrap:anywhere}
.flying-paper.feed{animation:read-then-feed 2.6s linear forwards}
@keyframes read-then-feed{
  0%{transform:translate(-60px,-10px) rotate(-10deg);opacity:0}
  15%,75%{transform:translate(0,0) rotate(-2deg);opacity:1}
  100%{transform:translate(0,var(--feed-end,-99px)) scale(.66,0);opacity:1}
}
@media(max-width:760px){.flying-paper{font-size:20px}}
/* Floors are permanent rooms in one shared department. */
[hidden]{display:none!important}
.floor-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:15px 0 0;font:13px var(--mono)}
.floor-navigation .outline{padding:7px 12px}.floor-navigation .text-button{font-size:13px}
#connection-status{font:12px/1.6 var(--mono);color:#59654f}
.lift-rail{position:absolute;top:12px;bottom:170px;left:calc(48% - 75px);width:150px;border-left:7px double #8c9480;border-right:7px double #8c9480;opacity:0;transition:opacity 1s;z-index:1}
.office.escalated .lift-rail{opacity:1}.office .machine-scene{transition:top 1.2s ease;z-index:6}.office.escalated .machine-scene{top:12px}
.ceiling-hatch{position:absolute;top:0;left:34%;width:32%;height:15px;background:#666f5d;border:4px solid #a5ad99;z-index:7;transform:scaleY(0);transform-origin:top;transition:transform .6s}
.office.nearly-full .ceiling-hatch,.office.floor-changing .ceiling-hatch{transform:scaleY(1)}
.window-peeper{position:absolute;bottom:0;left:25%;width:50%;height:52%;border-radius:50% 50% 0 0;background:#b3977d;z-index:1;transform:translateY(100%);transition:transform 1s}
.window-peeper i{position:absolute;top:25%;left:27%;width:5px;height:7px;border-radius:50%;background:#283c32}.window-peeper i+i{left:60%}
.office.remote-work .window-peeper{transform:translateY(0)}
.window .blind{z-index:3;transition:height 1.2s}.office.blinds-closed .window .blind{height:100%}
.floor-transition{display:none;position:absolute;inset:0;z-index:10;background:#e8e5d8f5;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;gap:24px;color:#283c32;font:17px/1.6 var(--mono)}
.floor-transition strong{font:64px var(--serif)}.floor-transition small{font-size:14px}.floor-changing .floor-transition{display:flex;animation:floor-arrival 1.9s ease both}
@keyframes floor-arrival{0%{transform:translateY(100%)}25%,75%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.room-wall{filter:hue-rotate(var(--floor-hue,0deg))}.tip-amounts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.tip-amounts button{font-size:20px}
#payment-dialog{max-width:540px;max-height:90dvh;overflow:auto}#payment-message{font-size:16px;line-height:1.7}#payment-dialog .outline{margin-top:14px}#payment-dialog .fine-print{margin-top:25px;font-size:12px}
.receipt-recovery{position:static;border:0;background:none;color:inherit;padding:4px 0;margin-left:12px;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.receipt-recovery:hover{color:var(--ink)}.receipt-recovery:focus-visible{outline:2px solid currentColor;outline-offset:4px}
footer a{color:inherit}#checkout-status,#tip-status{font-size:15px;line-height:1.7}
@media(max-width:760px){.office.escalated .machine-scene{top:32px}.lift-rail{left:calc(59% - 60px);width:120px}.floor-transition strong{font-size:46px}.floor-navigation{gap:8px}}
.legal{max-width:800px;padding:48px 24px 80px}.legal h1{font:52px/1.1 var(--serif);margin:35px 0}.legal h2{font-size:32px;margin:35px 0 16px}.legal p{font-size:17px;line-height:1.8}.legal a{color:var(--ink)}

.office.escalated .flying-paper{top:10px;--feed-end:-154px}
/* Quiet, readable information and user-initiated sharing. */
.department-faq{border-top:1px solid var(--line);padding:28px 0;max-width:780px}.department-faq h2{font:30px var(--serif);margin:12px 0 20px}.department-faq details{border-top:1px solid var(--line);padding:15px 0}.department-faq summary{font-size:15px;line-height:1.5;cursor:pointer}.department-faq p{font-size:14px;line-height:1.8;color:#56614f;margin:12px 0 0}
#share-dialog{width:min(580px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow-y:auto}#share-dialog h2{font-size:34px}#share-preview{font-size:16px;line-height:1.6}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.share-grid a{text-decoration:none;text-align:center;padding:14px 8px;display:block;font-size:14px}.share-utilities{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.share-utilities button{font-size:13px;min-height:44px}#share-dialog label{display:block;font-size:12px;margin-bottom:8px}#share-link{box-sizing:border-box;width:100%;font-size:13px;padding:12px;background:#f6f1e5;color:var(--ink);border:1px solid var(--line)}#share-status{font-size:14px;line-height:1.5}.share-grid a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
/* One office dashboard: totals, upkeep, navigation, then quiet connection details. */
.room-dashboard{margin-top:18px;border:1px solid #bdc3af;border-radius:6px;background:#f1ede1;overflow:hidden}.room-dashboard .room-stats{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:28px;padding:20px 22px;margin:0;border:0;align-items:center}.room-dashboard .room-stats>div:first-child{display:flex;align-items:center;gap:12px}.room-dashboard .room-stats strong{font-size:38px}.room-dashboard .room-stats>div>span{font-size:11px;max-width:100px}.room-dashboard .room-stats .occupancy{min-width:0;flex-basis:auto;order:initial}.room-dashboard #fill-label{font-size:13px;line-height:1.5;max-width:none;display:block}.room-dashboard .progress{margin-top:9px}
.room-dashboard .reveal-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;margin:0;padding:20px 22px;border-top:1px solid #ccd0be;background:#e4e8da}.room-dashboard .reveal-actions>div{flex:1;flex-basis:auto}.room-dashboard .reveal-actions .eyebrow{font-size:10px;letter-spacing:1px}.room-dashboard .reveal-actions p{font:23px/1.25 var(--serif);margin:6px 0}.room-dashboard .reveal-actions small{font-size:12px;line-height:1.6;color:#56614f}.room-dashboard #cleanup{background:#283c32;color:#fff7e4;border-color:#283c32;padding:13px 17px;white-space:nowrap;font-size:14px;min-height:46px}
.room-tools{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #ccd0be}.room-dashboard .floor-navigation{padding:0;gap:8px;font-size:12px}.room-dashboard .floor-navigation .outline{min-width:36px;min-height:36px;padding:6px}.room-dashboard #latest-floor{font-size:12px}.room-dashboard #latest-floor:disabled{display:none}.room-share-actions{display:flex;flex-wrap:wrap;gap:12px}.room-share-actions .text-button{font-size:12px;padding:8px 0}.room-connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 22px;border-top:1px solid #d5d7c8}.room-dashboard .prototype-label{font-size:10px;margin:0;text-align:left}.room-dashboard #connection-status{font:10px/1.6 var(--mono);margin:0;color:#64705a}
@media(max-width:1050px){.room-dashboard .room-stats{grid-template-columns:1fr;gap:14px}.room-dashboard .room-stats .occupancy{width:100%}.room-dashboard .reveal-actions{align-items:flex-start;flex-direction:column;gap:14px}.room-dashboard #cleanup{width:100%}.room-tools{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:760px){.room-dashboard .room-stats,.room-dashboard .reveal-actions,.room-tools{padding:18px}.room-connection{padding:12px 18px}.room-dashboard .room-stats strong{font-size:36px}.room-dashboard .reveal-actions p{font-size:24px}.room-share-actions{gap:18px}.room-dashboard #connection-status{font-size:10px}}
/* Balance the lower page across the full content width. */
.company-builder{margin:8px 0 28px;padding:20px 24px;border:1px solid var(--line);border-radius:6px;background:#f1ede1;font-size:13px}.company-builder summary{font-size:14px;line-height:1.6}.company-builder summary span{font-size:11px;line-height:2}.company-builder>div{padding:20px 0 0}.company-builder label{font-size:13px}.company-builder p{font-size:12px;line-height:1.7}.company-input{flex-wrap:wrap}.company-input input{max-width:none;font-size:14px}.company-input button{font-size:12px}
.department-faq{max-width:none;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;padding:32px 0 36px}.department-faq>.eyebrow,.department-faq>h2{grid-column:1/-1;text-align:center}.department-faq>.eyebrow{font-size:10px;line-height:1.6}.department-faq h2{margin:12px 0 30px;font-size:34px}.department-faq details{min-width:0;padding:18px 0;align-self:start}.department-faq details:last-child{grid-column:1/-1}.department-faq summary{font-size:15px;line-height:1.6}.department-faq p{max-width:72ch}
footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px 32px;padding:24px 0 30px}footer>span:nth-child(even){text-align:right}footer>span:nth-child(3){font-size:11px}.receipt-recovery{margin-left:12px}
@media(max-width:760px){.company-builder{padding:18px;margin:4px 0 24px}.company-builder summary{font-size:13px}.company-builder summary span{display:block;float:none;font-size:11px;margin-top:5px}.company-input button{flex:1}.department-faq{grid-template-columns:1fr;gap:0;padding:26px 0}.department-faq h2{font-size:29px;line-height:1.2;margin-bottom:24px}.department-faq details{padding:16px 0}.department-faq>.eyebrow{font-size:9px}footer{grid-template-columns:1fr;gap:12px;text-align:center}footer>span:nth-child(even){text-align:center}footer>span{width:100%}.receipt-recovery{margin-left:8px}}
/* Referral sits beside the office totals; mobile keeps the office controls together. */
.workspace{row-gap:20px}.filing{grid-column:1;grid-row:1}.room-column{grid-column:2;grid-row:1}.referral-card{grid-column:1;grid-row:2;align-self:start;border:1px solid var(--line);border-radius:6px;background:#f1ede1;padding:24px}.referral-card .eyebrow{font-size:10px;line-height:1.6}.referral-card h2{font:32px/1.15 var(--serif);margin:14px 0}.referral-card p{font-size:14px;line-height:1.7;color:#59654f;margin:0 0 18px}.referral-card .outline{font-size:13px;line-height:1.5;width:100%;padding:12px}.room-controls{grid-column:2;grid-row:2;min-width:0}.room-controls .room-dashboard{margin-top:0}.aftercare{display:block;padding:26px 0}.aftercare .tip-card{justify-content:center;text-align:center;gap:24px;padding:24px}.aftercare .tip-card h3{margin:0 0 8px;font-size:28px}.aftercare .tip-card p{font-size:14px;line-height:1.6}.aftercare .tip-card .text-button{font-size:14px}
.legal table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px;line-height:1.5}.legal th,.legal td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}.legal th{font-size:13px}.legal th:first-child,.legal td:first-child{padding-left:0}.legal nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:36px;font-size:15px}.legal li{font-size:16px;line-height:1.8;margin:8px 0}
@media(max-width:760px){.filing{order:1}.room-column{order:2}.room-controls{order:3;width:100%}.referral-card{order:4;width:100%;padding:22px}.referral-card h2{font-size:29px}.aftercare .tip-card{gap:12px;padding:20px}.aftercare .tip-card h3{font-size:25px}.legal h1{font-size:40px}.legal table{font-size:13px}.legal th,.legal td{padding:12px 6px}.legal th{font-size:12px}}
/* Personalize the department directly from the top-right introduction. */
.intro{align-items:start}.intro>.company-builder{width:min(520px,48%);flex:0 1 520px;margin:0;padding:17px 20px;text-align:left}.intro>.company-builder summary{font-size:13px}.intro>.company-builder summary span{float:none;display:block;margin:4px 0 0 16px;font-size:11px;line-height:1.5}.intro .company-input{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.intro .company-input input{grid-column:1/-1;width:100%;max-width:none}.intro .company-input button{padding:10px 8px;font-size:12px}.intro .company-builder p{position:static;margin:12px 0 0;font-size:12px;line-height:1.7}.intro .company-builder label{font-size:12px}
@media(max-width:760px){.intro>.company-builder{width:100%;margin:20px 0 0;padding:16px 18px}.intro .company-builder summary{font-size:13px}.intro .company-builder summary span{margin-left:16px}.intro .company-input button{font-size:11px}}
.automation-note{flex-basis:100%;font:11px/1.6 var(--mono);color:#59654f}#ambient-paperwork{position:absolute;z-index:8;top:-80px;left:30px;width:145px;height:95px;color:#283c32;text-align:center;pointer-events:none}.ambient-memo{height:95px;padding:14px;background:#faf3df;border:1px solid #b9b59e;animation:ambient-card 3.2s ease-in-out forwards}#ambient-paperwork span{display:block;font:9px var(--mono)}#ambient-paperwork strong{display:block;font:18px var(--serif);margin-top:8px}#ambient-paperwork i{position:absolute;top:170px;left:20px;width:5px;height:40px;background:#eee4c9;opacity:0;animation:ambient-confetti 3.2s ease-in forwards}#ambient-paperwork i:nth-of-type(2){left:45px}#ambient-paperwork i:nth-of-type(3){left:70px}#ambient-paperwork i:nth-of-type(4){left:95px}#ambient-paperwork i:nth-of-type(5){left:120px}@keyframes ambient-card{0%{opacity:0;transform:translateY(-35px) rotate(-8deg)}15%,40%{opacity:1;transform:translateY(0) rotate(0)}65%{opacity:1;transform:translateY(60px) scaleY(.12)}75%,100%{opacity:0;transform:translateY(65px) scaleY(.05)}}@keyframes ambient-confetti{0%,60%{opacity:0;transform:translateY(0)}70%{opacity:1}100%{opacity:0;transform:translateY(180px) rotate(25deg)}}
@media(prefers-reduced-motion:reduce){#ambient-paperwork{display:none}}