:root{--habitat-green: #259782;--habitat-green-dark: #226856;--habitat-white: #ffffff;--habitat-dark: #2d2d2d;--habitat-gold: #c8a951;--habitat-mist: #edf7f4;--habitat-line: rgba(45, 45, 45, .14);--font-display: "Montserrat", "Inter", Arial, sans-serif;--font-body: "Inter", Arial, sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--habitat-dark);font-family:var(--font-body);background:radial-gradient(circle at 82% 18%,rgba(200,169,81,.2),transparent 28rem),linear-gradient(135deg,#f8fcfb,#edf7f4 48%,#fff)}button,input,textarea,select{font:inherit}app-root{display:block;min-height:100vh}.option-b{--surface: rgba(255, 255, 255, .82);--soft-border: rgba(255, 255, 255, .72);--soft-shadow: 0 40px 90px -44px rgba(20, 60, 45, .45), 0 2px 12px rgba(0, 0, 0, .04);padding:clamp(1rem,5vw,3.75rem);background:radial-gradient(900px 520px at 50% -8%,#eef5ea,#e7eedf 52%,#e3e9db)}.status-card{width:min(880px,100%);overflow:hidden;border:1px solid var(--soft-border);border-radius:28px;background:var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-strip{display:flex;justify-content:center;padding:clamp(1rem,3vw,1.4rem) clamp(1.25rem,4vw,1.75rem);background:var(--habitat-green)}.brand-strip .brand-logo{width:min(420px,80%);max-width:420px}.center-content{padding:clamp(2rem,6vw,3.25rem) clamp(1.25rem,6vw,3.5rem) clamp(2rem,5vw,3rem);text-align:center}.clock-mark{position:relative;width:168px;height:168px;margin:0 auto 1.85rem}.pulse{position:absolute;inset:0;border:2px solid var(--habitat-green);border-radius:50%;animation:pulse 2.8s ease-out infinite}.pulse-two{animation-delay:1.4s}.clock-wrap{position:absolute;inset:18px}.clock-mark .clock-face{position:absolute;inset:14px;width:auto;border:11px solid var(--habitat-green);border-radius:50%;background:var(--habitat-white);box-shadow:inset 0 3px 10px #0000000f}.clock-mark .clock-face:before,.clock-mark .clock-face:after{content:none}.marker{position:absolute;z-index:1;border-radius:6px;background:var(--habitat-gold)}.marker-top,.marker-bottom{left:50%;width:22px;height:10px;margin-left:-11px}.marker-top{top:6px}.marker-bottom{bottom:6px}.marker-left,.marker-right{top:50%;width:10px;height:22px;margin-top:-11px}.marker-left{left:6px}.marker-right{right:6px}.clock-mark .hand{left:50%;bottom:50%;border-radius:3px}.clock-mark .hour{width:5px;height:38px;margin-left:-2.5px;background:var(--habitat-green);animation:hour-spin 36s linear infinite}.clock-mark .minute{width:4px;height:54px;margin-left:-2px;background:var(--habitat-gold);animation:minute-spin 6s linear infinite}.clock-mark .center-dot{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-width:2.5px;background:var(--habitat-green)}.center-content .status-pill{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.4rem;border:1px solid rgba(200,169,81,.32);padding:.5rem 1rem;color:#806416;text-transform:uppercase;background:#c8a9511f}.center-content .status-pill span{width:8px;height:8px;border-radius:50%;background:var(--habitat-gold);box-shadow:0 0 0 4px #c8a95133}.center-content .copy-block{max-width:650px;margin:0 auto}.center-content h1{max-width:650px;margin:0 auto 1.25rem;color:#18211c;font-size:clamp(2.25rem,5vw,3.65rem);line-height:1}.center-content .lead{max-width:550px;margin:0 auto 2.35rem;color:#586259}.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;text-align:left}.channel-card{display:block;min-width:0;border:1px solid #e9ece4;border-radius:16px;padding:1.1rem;color:inherit;text-decoration:none;background:var(--habitat-white);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.channel-card:hover{border-color:#3d8c7a47;box-shadow:0 14px 28px -16px #3d8c7a80;transform:translateY(-3px)}.channel-card span{display:block;margin-bottom:.5rem;color:#8f968d;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.channel-card strong{display:block;overflow-wrap:anywhere;color:var(--habitat-green);font-size:.9rem;font-weight:800;line-height:1.35}@keyframes minute-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hour-spin{0%{transform:rotate(40deg)}to{transform:rotate(400deg)}}@keyframes pulse{0%{opacity:.45;transform:scale(.62)}to{opacity:0;transform:scale(1.55)}}@media(max-width:760px){.status-card{border-radius:20px}.channels{grid-template-columns:1fr}}@media(max-width:520px){.option-b{padding:0}.status-card{min-height:100vh;border-width:0;border-radius:0}.brand-strip .brand-logo{width:100%}.clock-mark{width:146px;height:146px}}