/* Office edition: readable work surfaces over a quiet architectural image. */
:root{--brand:#135d53;--brand2:#238d79;--ink:#183c37;--muted:#5f7872;--line:#d6e4de}
body{background:#eef3ef url('assets/professional-office.png') center 40%/cover fixed no-repeat;isolation:isolate}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(245,249,246,.95),rgba(242,247,244,.83) 55%,rgba(232,242,235,.77));pointer-events:none}.topbar{max-width:1240px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);border-radius:0 0 20px 20px;padding:19px 28px;box-shadow:0 8px 28px #163c3210;backdrop-filter:blur(16px)}.brand{font-size:31px;letter-spacing:-1.6px}.brand span{letter-spacing:2.3px;font-size:11px}.private{background:#edf5ef;padding:9px 12px;border-radius:30px;font-size:11px}.wrap{max-width:1240px;padding:25px 25px 48px}.freehero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(10,47,42,.98) 0%,rgba(13,59,51,.96) 48%,rgba(12,52,46,.60) 100%),url('assets/professional-office.png') right 42%/cover;border:1px solid #2e6a58;border-radius:25px;box-shadow:0 22px 48px #163c3226;padding:35px 38px;margin-bottom:28px}.freehero::after{content:"";position:absolute;width:300px;height:300px;border:1px solid #d5f78325;border-radius:50%;right:-90px;top:-150px;pointer-events:none}.freehero h2{font-size:clamp(30px,3.6vw,46px);font-weight:650;line-height:1.12;letter-spacing:-1.6px;margin:18px 0}.freehero p{color:#e1eee8;font-size:14px;max-width:550px}.freehero .freepromise{color:#ddf4b2}.freepill{box-shadow:0 4px 18px #d5f78314;letter-spacing:1.1px}.freefeatures{background:#103d346e;border:1px solid #d1e9da22;border-radius:17px;padding:12px 20px;backdrop-filter:blur(5px)}.freefeatures b{padding:12px 0}.freefeatures b:last-child{border-bottom:0}.freecta{box-shadow:0 5px 18px #0002;transition:transform .15s,box-shadow .15s}.freecta:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0003}.toolnavintro{margin-bottom:16px}.toolnavintro strong{font-size:21px;letter-spacing:-.45px}.tabs.toolnav{gap:12px;margin-bottom:26px}.tabs.toolnav button{background:#fffffff5;box-shadow:0 5px 18px #123e3108;border:1px solid #d3e2d9;border-radius:16px;min-height:91px;padding:19px 15px;transition:transform .18s,box-shadow .18s,border-color .18s}.tabs.toolnav button:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 26px #17463818;border-color:#77a898}.tabs.toolnav button.active{background:linear-gradient(135deg,#e9f5ed,#f8fcf8);padding:18px 14px;border:2px solid #227862;box-shadow:0 8px 22px #165b4314}.toolicon{width:42px;height:44px;border-radius:12px;background:linear-gradient(135deg,#e0eee4,#f0f7f2);font-size:26px}.toolcopy strong{font-size:14px}.toolcopy small{line-height:1.5;font-size:11px}.toolfree{right:11px;top:7px;font-size:8px;padding:4px 6px}.card{border-radius:18px;background:#fffffff7;box-shadow:0 9px 28px #183e3108;border:1px solid #dbe6df}.accountbar{background:#ffffffe8!important;box-shadow:0 5px 18px #163c3206;backdrop-filter:blur(12px)}.smallbtn{border-radius:9px;transition:background .15s}.smallbtn:hover{background:#eaf3ec}.drop{border:1.5px dashed #a5c5b4;border-radius:16px;background:linear-gradient(145deg,#f3f8f3,#fcfefc)}.drop:hover{background:#eaf5ec}.btn{border-radius:11px;background:linear-gradient(110deg,#135b51,#217d67);box-shadow:0 5px 14px #12564716}.status{border-radius:12px}.freepanelhead{background:#ffffffd9;border:1px solid #dbe6df;border-radius:15px;padding:18px 22px}.studioSubtabs{padding:12px;background:#ffffffe8;border:1px solid #d9e6de;border-radius:14px}#formulaFrame,#everydayFrame{border-radius:18px;box-shadow:0 12px 32px #163c3210}footer{background:#ffffffe3;border:1px solid #dce7de;border-radius:15px;padding:20px 24px;line-height:1.9}
@media(max-width:850px){body{background-attachment:scroll}.freehero{padding:27px}.freefeatures{padding:10px 16px}.topbar{padding:17px 20px}.wrap{padding:20px 17px 35px}}@media(max-width:600px){.tabs.toolnav{gap:9px}.tabs.toolnav button{min-height:92px;padding:16px 10px;gap:8px}.tabs.toolnav button.active{padding:15px 9px}.toolicon{width:31px;height:35px;font-size:21px}.toolcopy strong{font-size:12px}.toolcopy small{font-size:10px}.freehero{padding:25px 23px;border-radius:19px}.freefeatures{display:none}.freehero h2{font-size:33px}.freehero p{font-size:13px}.card{padding:20px}.siteLanguage label{font-size:11px}.toolnavintro strong{font-size:19px}footer{padding:18px}}
@media(prefers-reduced-motion:reduce){.tabs.toolnav button,.freecta{transition:none!important;transform:none!important}}