/* Reference-led office portal. Existing editor behavior and styles are preserved. */
:root{background:#172b3e}.backdrop{background:linear-gradient(90deg,#051d3548,#08162818 65%,#21180e20),url('/assets/office.png') center center/cover no-repeat}.shell{max-width:1600px;padding:0 6.5%}header{padding:52px 0 20px;border:0;align-items:flex-start}.brand{gap:28px}.logo{width:74px;height:90px;border-radius:0;border:3px solid #fff;box-shadow:0 8px 30px #0002}.wordmark{font-size:37px;font-weight:800;letter-spacing:-1px;border-left:1px solid #c9d8e7;padding-left:28px;line-height:1.1;text-shadow:0 2px 14px #03142677}.wordmark span{font-size:14px;letter-spacing:8px;color:white;margin-top:12px;font-weight:500}.wordmark small{display:block;font-size:14px;letter-spacing:0;font-weight:400;margin-top:12px;line-height:1.5}.header-right{display:flex;gap:28px;align-items:center}.clock{text-align:left}.clock time{font-size:14px;color:#fff;text-shadow:0 2px 6px #000}.clock strong{font-size:27px;font-weight:700;letter-spacing:0;margin-top:6px}.greeting{border-left:1px solid #c5c5c580;padding-left:23px;font-size:17px;font-style:italic;font-family:serif;line-height:1.6;margin:0;transform:rotate(-5deg);color:#fff}main{padding:20px 0 52px}.intro{margin-bottom:28px;display:block}.eyebrow{font-size:12px;letter-spacing:6px;color:#fff;font-weight:400;margin-bottom:12px}h1{font-size:clamp(35px,4.2vw,64px);font-weight:850;letter-spacing:-2px;line-height:1.3;text-shadow:0 4px 18px #00132955}h1 span{font-weight:850;color:#71d2ff;background:linear-gradient(100deg,#23a9ed,#bfeaff 80%,#fff);background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:21px;color:#fff;font-weight:500;margin-top:12px;text-shadow:0 2px 7px #102b48}.benefits{display:flex;gap:20px;margin-top:27px;font-size:15px;color:#fff;text-shadow:0 2px 8px #051527}.benefits span+span{border-left:1px solid #c5d9e666;padding-left:20px}.section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cards{grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:16px}.card{--accent:#1685fa;--pale:#d9edff;color:#081835;min-height:300px;padding:22px 22px 18px;background:linear-gradient(160deg,#ffffffbb,var(--pale));border:1px solid #e4f5ffcc;border-radius:15px;box-shadow:0 15px 32px #0003,0 0 20px #4ab2ff25;backdrop-filter:blur(14px)}.card.cyan{--accent:#0caf86;--pale:#d9fff0}.card.violet{--accent:#ef357c;--pale:#ffe2ef}.card.slate{--accent:#f98b31;--pale:#fff0da}.card:hover{background:linear-gradient(160deg,#fff,var(--pale));border-color:white;box-shadow:0 17px 38px #0004,0 0 22px #ffffff44}.card-art{position:absolute;inset:0 0 auto;height:190px;background-image:url('/assets/cards.png');background-size:500% 220px;background-repeat:no-repeat;opacity:.96;mask-image:linear-gradient(#000 55%,transparent);pointer-events:none}.art-briefcase{background-position:0% top}.art-chart{background-position:25% top}.art-flower{background-position:50% top}.art-server{background-position:75% top}.art-document{background-position:100% top}.art-none,.art-globe,.art-folder,.art-calendar,.art-link{background-image:none}.card-top{position:relative;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:34px;margin-bottom:15px}.number{font-size:14px;letter-spacing:0;color:#fff;text-shadow:0 1px 5px #11395b}.icon,.cyan .icon,.violet .icon,.slate .icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 25%),var(--accent));border:1px solid #ffffff88;border-radius:17px;width:59px;height:59px;color:#fff;box-shadow:0 6px 12px color-mix(in srgb,var(--accent),transparent 65%)}.icon svg{width:32px;height:32px;stroke-width:1.9}.card h3{position:relative;font-size:23px;font-weight:800;letter-spacing:-1px;margin:0 0 9px;padding-right:25px;line-height:1.3}.card p{position:relative;color:#233557;font-size:14px;line-height:1.55;margin:0 0 16px}.card-bottom{position:relative;border:0;padding-top:13px;font-size:9px;font-weight:550;letter-spacing:1.3px;color:var(--accent)}.card-bottom:before{content:'';position:absolute;top:0;width:30px;height:2px;background:var(--accent)}.card-bottom b{position:absolute;right:-6px;bottom:57px;background:var(--accent);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:400;box-shadow:0 5px 10px #13244d19}.management{display:flex;align-items:center;gap:18px;margin-top:28px;padding:20px 24px;border:1px solid #d5e6f577;border-radius:13px;background:linear-gradient(110deg,#40627e85,#706b6a66);backdrop-filter:blur(18px);box-shadow:0 8px 25px #0002}.management-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#3f7fbc55;border:1px solid #a8d4fa88;font-size:29px;flex-shrink:0}.management h2{font-size:20px;font-weight:700}.management p{font-size:14px;color:#d7e2ef;margin:8px 0 0}.manage{margin-left:auto;flex-shrink:0;font-size:15px;background:#111e30b8;border:1px solid #e1edff99;padding:13px 20px;border-radius:12px}footer{border:0;align-items:center;padding:22px 0 26px;color:#e8eff6}footer>span:last-child{font-size:9px;letter-spacing:1.7px}.footer-brand{display:flex;gap:14px;align-items:center;font-size:14px}.footer-brand img{width:35px;height:43px;object-fit:contain;background:#fff;border:1px solid white}.footer-brand small{display:block;font-size:11px;margin-top:6px;color:#cbd8e8}dialog .eyebrow{color:#8fbdff;letter-spacing:3px}dialog .icon{width:40px;height:40px}@media(min-width:1450px){main{padding-top:35px}.intro{margin-bottom:34px}.card{min-height:315px}.card-top{gap:43px}}@media(max-width:1100px){.header-right{gap:15px}.greeting{display:none}.wordmark{font-size:30px}.cards{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}.card{min-height:290px}.card-art{height:210px;background-size:500% 220px}.card h3{font-size:24px}.card-bottom{font-size:11px}}@media(max-width:700px){.shell{padding:0 24px}header{padding-top:30px;gap:15px}.brand{gap:14px}.logo{width:51px;height:63px}.wordmark{font-size:25px;padding-left:14px}.wordmark span{font-size:10px;letter-spacing:5px}.wordmark small{display:none}.clock time{font-size:11px}.clock strong{font-size:21px}.header-right{align-self:center}.intro{margin-top:22px}h1{font-size:39px}.lead{font-size:17px}.benefits{gap:12px;font-size:12px}.benefits span+span{padding-left:12px}.management{padding:18px;flex-wrap:wrap;gap:12px}.management p{font-size:13px}.management>div{flex:1}.manage{width:100%;margin:3px 0 0}.management-icon{width:42px;height:42px}.cards{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}footer>span:last-child{display:none}}@media(max-width:480px){.shell{padding:0 20px}.header-right{display:none}.intro{margin-top:14px}h1{font-size:38px;letter-spacing:-1.5px}h1 span{display:block}.eyebrow{font-size:10px;letter-spacing:4px}.benefits{font-size:11px;gap:8px}.benefits span+span{padding-left:8px}.cards{grid-template-columns:1fr;gap:19px}.card{min-height:305px;padding:22px 25px}.card-art{height:220px;background-size:500% 220px}.card-top{gap:39px}.card h3{font-size:25px}.card p{font-size:15px}.card-bottom b{bottom:48px;width:41px;height:41px}.backdrop{background-position:40% center}.management{margin-top:22px}.management h2{font-size:19px}main{padding-bottom:35px}}

.icon:empty{visibility:hidden}
/* Compact two-column mobile launcher: five services fit in the first screen. */
@media(max-width:540px){
 .shell{padding:0 16px}header{padding:18px 0 8px}.brand{gap:11px}.logo{width:35px;height:43px}.wordmark{font-size:21px;padding-left:11px}.wordmark span{font-size:9px;letter-spacing:4px;margin-top:7px}.header-right{display:none}
 main{padding:8px 0 18px}.intro{margin:8px 0 16px}.intro .eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:7px}h1{font-size:clamp(24px,6.7vw,35px);letter-spacing:-1px;line-height:1.3}h1 span{display:inline}.lead{font-size:13px;margin-top:7px}.benefits{display:none}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{min-height:133px;padding:12px 13px 10px;border-radius:12px}.card-art{height:88px;background-size:500% 125px;opacity:.72;mask-image:linear-gradient(#000 25%,transparent)}.card-top{flex-direction:row;align-items:flex-start;gap:0;margin-bottom:12px}.icon,.cyan .icon,.violet .icon,.slate .icon{width:39px;height:39px;border-radius:11px}.icon svg{width:24px;height:24px}.number{font-size:10px;color:#344966;text-shadow:0 1px 4px #fff}.card h3{font-size:16px;letter-spacing:-.5px;line-height:1.35;padding-right:0;margin:0 0 5px}.card p{display:none}.card-bottom{padding-top:0;border:0;margin-top:auto;min-height:17px}.card-bottom:before,.card-bottom>span{display:none}.card-bottom b{position:static;margin-left:auto;display:grid;width:22px;height:22px;font-size:16px;box-shadow:none}
 .management{margin-top:13px;padding:11px 12px;gap:10px;border-radius:11px}.management-icon{width:30px;height:30px;font-size:21px}.management h2{font-size:14px}.management p{display:none}.management>div{flex:1}.manage{width:auto;margin:0;padding:8px 10px;min-height:40px;font-size:11px;border-radius:8px}
 footer{padding:10px 0 14px}.footer-brand{gap:9px;font-size:11px}.footer-brand img{width:23px;height:28px}.footer-brand small{font-size:9px;margin-top:4px}
}
@media(max-width:540px) and (max-height:700px){
 header{padding-top:12px}.intro{margin:4px 0 12px}.intro .eyebrow{display:none}.lead{margin-top:5px}.card{min-height:112px;padding:10px 11px 8px}.card-top{margin-bottom:8px}.icon,.cyan .icon,.violet .icon,.slate .icon{width:33px;height:33px}.icon svg{width:21px;height:21px}.card h3{font-size:15px}.card-bottom b{width:19px;height:19px;font-size:14px}.management{margin-top:10px}.management-icon{display:none}
}
@media(max-width:540px){.card h3{word-break:keep-all}}
.wordmark .brand-phone{display:flex;align-items:center;gap:9px;margin-top:6px;color:#8ddcff;font-size:clamp(20px,2vw,28px);font-weight:800;letter-spacing:.5px;line-height:1.2;text-shadow:0 2px 12px #00182b}.wordmark .brand-phone small{display:inline;margin:0;font-size:11px;font-weight:600;letter-spacing:0;color:#e1f0ff}@media(max-width:540px){.wordmark .brand-phone{display:flex;font-size:20px;gap:6px;margin-top:3px}.wordmark .brand-phone small{display:inline;font-size:10px}}