/* Cabinet Ottawa landing layer. Original planner, guide, chat and other scripts remain installed. */
:root{--cu-navy:#0b2747;--cu-deep:#071a30;--cu-orange:#ff8a00;--cu-paper:#f8fafc;--cu-text:#16253a}
body.cu-ready{background:var(--cu-navy);color:#fff;padding-bottom:68px}
body.cu-ready .site-header,body.cu-ready main#main>.hero,body.cu-ready main#main>.decision-strip,
body.cu-ready main#main>.planner,body.cu-ready main#main>.tools,body.cu-ready main#main>.guide,
body.cu-ready main#main>.room-redesign,body.cu-ready main#main>.project-file,
body.cu-ready main#main>.network{display:none!important}
body.cu-ready main#main{display:block;max-width:none;padding:0;margin:0}
#cu-shell{font:16px/1.4 Inter,system-ui,-apple-system,Arial,sans-serif;min-height:calc(100dvh - 68px);background:var(--cu-navy);color:#fff}
#cu-shell *{box-sizing:border-box}#cu-shell h1,#cu-shell h2,#cu-shell h3{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;letter-spacing:-.03em}
#cu-shell .cu-header{height:60px;display:flex;gap:10px;align-items:center;padding:7px 14px;background:#09233e;border-bottom:1px solid #ffffff26}
#cu-shell .cu-mark{width:28px;height:30px;flex:none}#cu-shell .cu-brand{font-weight:850;font-size:clamp(16px,4.6vw,22px);letter-spacing:-.5px;line-height:1}
#cu-shell .cu-brand b,#cu-shell .cu-hero h1 span{color:var(--cu-orange)}#cu-shell .cu-brand small{display:block;font-size:clamp(6px,1.55vw,9px);letter-spacing:.9px;margin-top:5px;color:#d6e0ee}
#cu-shell .cu-home-button{margin-left:auto;flex:none;background:transparent;color:#fff;border:1px solid #69809a;border-radius:12px;width:36px;height:36px;font-size:22px;cursor:pointer}
#cu-shell .cu-hero{position:relative;display:flex;align-items:end;height:clamp(120px,32vw,164px);background:#16334e;isolation:isolate;overflow:hidden}
#cu-shell .cu-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#cu-shell .cu-hero:after{position:absolute;inset:0;content:'';z-index:-1;background:linear-gradient(#071a3070,#071a30ed)}
#cu-shell .cu-hero-text{padding:10px 16px 13px}#cu-shell .cu-hero h1{margin:0 0 3px;font-size:clamp(29px,8vw,38px);line-height:1.07;color:#fff}
#cu-shell .cu-hero p{font-size:14px;margin:0;color:#eaf2fa}#cu-shell .cu-accent{width:54px;height:3px;background:var(--cu-orange);border-radius:5px;margin-top:9px}
#cu-shell .cu-choices{padding:16px 24px 20px;display:flex;flex-direction:column;gap:12px;align-items:stretch}
#cu-shell .cu-choice{display:block;width:100%;line-height:0;overflow:visible;transition:transform .15s}#cu-shell .cu-choice:active{transform:scale(.985)}
#cu-shell .cu-choice img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:left center}
#cu-shell .cu-footnote{text-align:left;color:#c3d3e4;font-size:9px;letter-spacing:1.2px;margin:2px 0 0;padding-left:12px}
#cu-shell .cu-screen{display:none;min-height:calc(100dvh - 130px);background:var(--cu-paper);color:var(--cu-text)}#cu-shell .cu-screen.cu-active{display:block}
#cu-shell .cu-home.cu-hidden{display:none}#cu-shell .cu-pagehead{background:var(--cu-navy);color:#fff;padding:17px 20px}#cu-shell .cu-pagehead a{display:inline-block;color:#d3e0ee;font-size:13px;text-decoration:none;margin-bottom:7px}#cu-shell .cu-pagehead h2{font-size:28px;color:#fff;margin:0}
#cu-shell .cu-content{background:var(--cu-paper);color:var(--cu-text);padding:0 16px 28px}
#cu-shell .cu-content>.decision-strip,#cu-shell .cu-content>.planner,#cu-shell .cu-content>.tools,#cu-shell .cu-content>.guide,
#cu-shell .cu-content>.project-file,#cu-shell .cu-content>.network{display:block!important;margin:0;padding:20px 0;background:transparent;color:var(--cu-text);min-height:0}
#cu-shell .cu-content .section-heading h2,#cu-shell .cu-content .decision-strip h2,#cu-shell .cu-content .project-file h2{color:var(--cu-text);font-size:clamp(24px,6vw,36px)}
#cu-shell .cu-content .section-heading p,#cu-shell .cu-content .decision-grid p{color:#445870}
#cu-shell .cu-content .planner-grid{display:grid;grid-template-columns:1fr;gap:12px}
#cu-shell .cu-content .decision-grid,#cu-shell .cu-content .tool-grid{display:grid;grid-template-columns:1fr;gap:10px}
#cu-shell .cu-content fieldset,#cu-shell .cu-content .decision-grid article,#cu-shell .cu-content .tool-grid article{background:#fff;color:var(--cu-text);border:1px solid #dae4ee;border-radius:12px;padding:14px;box-shadow:none}
#cu-shell .cu-content input,#cu-shell .cu-content select,#cu-shell .cu-content textarea{max-width:100%}
#cu-shell .cu-content .button.primary,#cu-shell .cu-content button.primary{background:var(--cu-orange);color:var(--cu-deep);border-color:var(--cu-orange)}
#cu-shell .cu-content .network .button{background:var(--cu-orange);color:var(--cu-deep)}
#cu-shell .cu-content .room-redesign{padding:12px 0;background:var(--cu-paper);color:var(--cu-text)}
#cu-shell .cu-extras{padding:9px 0 20px}#cu-shell .cu-extras summary{font-weight:750;cursor:pointer;color:var(--cu-navy);padding:12px;background:#e4edf5;border-radius:10px}
#cu-shell .cu-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#0b2039;border-top:1px solid #b5ccdf44;z-index:100;box-shadow:0 -8px 20px #07101c30}
#cu-shell .cu-nav a{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;color:#e4eef9;text-decoration:none}
#cu-shell .cu-nav a[aria-current=page]{color:var(--cu-orange)}#cu-shell .cu-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
/* The original shared chatbot stays the only real chatbot, above mobile navigation. */
body.cu-ready [data-homeupgraders-chatbot="true"]{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:max(14px,env(safe-area-inset-right))!important}
body.cu-ready [data-homeupgraders-chatbot="true"]:has(.panel.full){bottom:0!important}
#cu-shell .cu-visual-note{font-size:14px;padding:22px;color:#425c78}#cu-shell .cu-chat-open{border:0;background:var(--cu-orange);padding:14px;border-radius:10px;font-weight:800;margin-top:12px;color:var(--cu-deep)}
@media(min-width:850px){#cu-shell{max-width:480px;margin:24px auto 48px;border:1px solid #486785;border-radius:22px;overflow:hidden;min-height:800px}body.cu-ready{background:linear-gradient(130deg,#061a30,#143b60,#06192d)}#cu-shell .cu-nav{border-radius:0 0 22px 22px}#cu-shell .cu-hero{height:230px}}
@media(max-width:350px){#cu-shell .cu-choices{padding-inline:18px;gap:8px}#cu-shell .cu-hero{height:120px}}
@media(max-height:610px) and (max-width:849px){#cu-shell .cu-hero{height:105px}#cu-shell .cu-choices{gap:7px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){#cu-shell *{transition:none!important;scroll-behavior:auto!important}}

/* Pricing opens with existing, explicitly dated grade benchmarks; measurements stay optional. */
#cu-shell .cu-pricing-intro{padding:19px 0 20px}
#cu-shell .cu-pricing-intro h3{font-size:24px;margin:0 0 6px;color:var(--cu-navy)}
#cu-shell .cu-pricing-intro>p{font-size:12px;line-height:1.5;color:#52647a;margin:0 0 14px}
#cu-shell .cu-price-grid{display:grid;gap:8px}
#cu-shell .cu-price-grid article{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dce6f0;background:#fff;border-radius:10px;padding:12px}
#cu-shell .cu-price-grid strong{font-size:14px;color:var(--cu-navy)}
#cu-shell .cu-price-grid span{text-align:right;color:#bd5a00;font-size:12px;font-weight:800;max-width:43%}
#cu-shell .cu-price-action{display:block;margin:15px 0 8px;border-radius:11px;background:var(--cu-orange);color:var(--cu-deep);padding:12px 14px;text-decoration:none;font-weight:800;text-align:center}
#cu-shell .cu-pricing-details{margin:0 0 16px}
#cu-shell .cu-pricing-details>.planner,#cu-shell .cu-pricing-details>.project-file{display:block!important;margin:0;padding:20px 0;background:var(--cu-paper);color:var(--cu-text)}
#cu-shell .cu-pricing-details fieldset{min-width:0}