/* One Sitecco shell across all eleven core pages, independent of demo miniatures. */
.sitecco-core .site-header{display:block;padding:0;margin:0;background:#080f1d;border-bottom:1px solid #263d5e;font:16px/1.65 Arial,sans-serif}
.sitecco-core .header-inner{display:flex;align-items:center;gap:24px;max-width:1380px;margin:auto;min-height:95px;padding:20px 5%}
.sitecco-core .wordmark{font:700 36px/1 Arial,sans-serif;letter-spacing:-2px;text-decoration:none;color:#edf3ff}.sitecco-core .brand-dot{color:#e8bc63}
.sitecco-core .header-cta{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:48px;padding:11px 16px;border:1px solid #8d7142;background:#131a25;color:#e8bc63;font:12px/1.4 Arial,sans-serif;text-decoration:none}
.sitecco-core .menu-trigger{display:flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:10px 14px;background:transparent;border:1px solid #40597b;color:#edf3ff;font:12px/1.4 Arial,sans-serif}
.sitecco-core .utility{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;max-width:1380px;margin:auto;padding:15px 5%;font:9px/1.65 Arial,sans-serif;letter-spacing:1.4px;position:relative;z-index:5}
.sitecco-core .motion-panel{font:12px/1.65 Arial,sans-serif;letter-spacing:0;max-width:370px}
.sitecco-core .motion-panel>summary,.sitecco-core .motion-settings-link{padding:0;min-height:30px;font:12px/1.65 Arial,sans-serif;font-weight:400;letter-spacing:0;text-align:right;text-decoration:underline;text-underline-offset:4px;color:#edf3ff;cursor:pointer}
.sitecco-core .hub-motion-controls{position:absolute;right:5%;width:min(370px,90vw);padding:20px;background:#111e32;border:1px solid #2b3e59;box-shadow:0 12px 35px #0006}
.sitecco-core .hub-motion-controls label{display:flex;align-items:center;gap:10px;min-height:44px;font:12px/1.6 Arial,sans-serif}.sitecco-core .hub-motion-controls input{width:19px;height:19px;accent-color:#e8bc63}
.sitecco-core .hub-motion-controls button{background:transparent;border:1px solid #587195;color:#e7effc;padding:10px;font:11px/1.4 Arial,sans-serif;min-height:44px;margin:5px 5px 5px 0}.sitecco-core .hub-motion-controls p,.sitecco-core .hub-motion-controls small{font:11px/1.6 Arial,sans-serif}
.sitecco-core #site-menu{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:100dvh;padding:0;border:0;background:rgba(5,14,29,.96);color:#edf3ff;box-shadow:none;overflow:hidden}
.sitecco-core #site-menu::backdrop{background:#02071480;backdrop-filter:none}
.sitecco-core .drawer-top{height:100px;display:flex;align-items:center;gap:24px;padding:24px max(5%,calc((100% - 1240px)/2));border:0}
.sitecco-core .mobile-menu-logo{display:block!important;font:700 36px/1 Arial,sans-serif;letter-spacing:-2px;text-decoration:none;color:#edf3ff;margin-right:auto}.sitecco-core .mobile-menu-logo span{font:inherit;letter-spacing:inherit;color:#e8bc63}
.sitecco-core .mobile-menu-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:30px;background:#e8bc63;color:#07101d;font:700 13px/1.2 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.sitecco-core .drawer-top #menu-back,.sitecco-core .drawer-top #menu-location,.sitecco-core #menu-close .close-word{display:none!important}
.sitecco-core .drawer-top #menu-close{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;margin:0;border:0;background:none;color:#edf3ff}.sitecco-core .drawer-top #menu-close>span[aria-hidden=true]{display:block;font:400 36px/1 Arial,sans-serif;letter-spacing:0}
.sitecco-core .menu-panels{position:relative;height:calc(100% - 150px);overflow:hidden}
.sitecco-core .menu-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:24px max(6%,calc((100% - 760px)/2));scrollbar-width:thin;overscroll-behavior:contain}
.sitecco-core .menu-panel[hidden]{display:none!important}
.sitecco-core .menu-panel h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0;white-space:nowrap}
.sitecco-core .menu-panel>a,.sitecco-core .menu-panel>button{display:flex;justify-content:center;align-items:center;width:100%;flex-shrink:0;text-align:center;border:0;background:transparent;color:inherit;text-decoration:none;font:700 clamp(23px,2.6vw,38px)/1.2 Arial,sans-serif;letter-spacing:-.6px;text-transform:uppercase;padding:18px 0;min-height:64px;gap:0}
.sitecco-core .menu-panel>a>b,.sitecco-core .menu-panel>button>b{display:none}.sitecco-core .menu-panel small{display:block;font:400 12px/1.6 Arial,sans-serif;letter-spacing:.8px;text-transform:none;color:#acc0dc;margin-top:7px}
.sitecco-core .menu-panel[data-menu-panel=root] small,.sitecco-core .menu-panel .menu-plan-link{display:none!important}
.sitecco-core .menu-panel .mobile-panel-back{display:block!important;order:0;font:700 18px/1.3 Arial,sans-serif;letter-spacing:0;min-height:48px;padding:10px 0;margin:0 0 15px;color:#b8d7ff}
.sitecco-core .menu-panel[data-menu-panel=templates]{justify-content:flex-start;padding-top:12px}.sitecco-core .menu-panel[data-menu-panel=templates]>a{font-size:24px;min-height:72px;padding:13px 0}
.sitecco-core .menu-panel a[aria-current=page]{color:#e8bc63}.sitecco-core .menu-panel>a:hover,.sitecco-core .menu-panel>button:hover{color:#f0c879;background:none}
.sitecco-core .drawer-foot{height:50px;padding:17px 15px;border:0;text-align:center;color:#acc0dc;font:8px/1.5 'Courier New',monospace;letter-spacing:1px}
.sitecco-core .site-footer{display:block;background:#050a12;border-top:1px solid #263955;padding:45px max(5%,calc((100% - 1240px)/2)) 25px;color:#edf3ff;font:16px/1.65 Arial,sans-serif}
.sitecco-core .footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.sitecco-core .footer-top p{font:18px/1.35 Arial,sans-serif;margin:0}.sitecco-core .footer-top .text-link{font:13px/1.65 Arial,sans-serif;text-decoration:none;border-bottom:1px solid;padding:4px 0;display:inline-block}
.sitecco-core .footer-bottom{border-top:1px solid #293d58;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:10px/1.65 Arial,sans-serif;color:#b2c1d6}.sitecco-core .footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.sitecco-core .footer-bottom a{text-decoration:none}.sitecco-core .footer-note{font:10px/1.65 Arial,sans-serif;color:#9bacbf;margin:20px 0 0;max-width:760px}
.sitecco-lab .lab-head{max-width:1380px;margin:auto;padding:65px 5% 45px}.sitecco-lab h1{font:600 clamp(40px,4.8vw,68px)/1.07 Arial,sans-serif;letter-spacing:-2.6px;margin:0 0 30px}.sitecco-lab .lab-head .eyebrow{margin:0 0 25px}
.sitecco-studio .studio-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;max-width:1380px;margin:auto;padding:24px 5%;font:13px/1.6 Arial,sans-serif}.sitecco-studio .studio-toolbar>a{display:none}.sitecco-studio .studio-toolbar label{display:flex;gap:8px;align-items:center}.sitecco-studio .studio-toolbar select{min-height:44px;padding:9px;background:#102039;color:#eaf3ff;border:1px solid #527194;font:13px Arial,sans-serif}.sitecco-studio .studio-toolbar p{font:11px/1.6 Arial,sans-serif}.sitecco-studio .canvas{min-height:600px}
@media(max-width:800px){.sitecco-core .header-inner{min-height:78px;padding:18px 6%;gap:16px}.sitecco-core .wordmark{font-size:31px}.sitecco-core .header-cta{display:none}.sitecco-core .menu-trigger{margin-left:auto}.sitecco-core .utility{padding:14px 6%;font-size:8px}.sitecco-core .utility>span{max-width:185px}.sitecco-core .motion-panel>summary,.sitecco-core .motion-settings-link{font-size:11px}.sitecco-core .drawer-top{height:88px;padding:20px 22px;gap:14px}.sitecco-core .mobile-menu-logo{font-size:31px}.sitecco-core .mobile-menu-cta{min-height:42px;padding:10px 16px;font-size:11px}.sitecco-core .menu-panels{height:calc(100% - 138px)}.sitecco-core .menu-panel{padding:18px 6%}.sitecco-core .menu-panel>a,.sitecco-core .menu-panel>button{font-size:24px;min-height:60px;padding:17px 0}.sitecco-core .menu-panel[data-menu-panel=templates]>a{font-size:20px;min-height:65px;padding:13px 0}.sitecco-core .site-footer{padding:35px 6% 25px}.sitecco-core .footer-top{align-items:flex-start;flex-wrap:wrap}.sitecco-core .footer-bottom{flex-direction:column}.sitecco-lab .lab-head{padding:40px 6% 35px}.sitecco-lab h1{font-size:47px;letter-spacing:-2px}}
@media(max-width:550px){.sitecco-core .utility{font-size:7px}.sitecco-core .footer-top p{font-size:17px}.sitecco-core .footer-bottom>div{gap:14px}.sitecco-lab h1{font-size:41px}}
@media(max-width:370px){.sitecco-core .drawer-top{padding:17px 16px;gap:10px}.sitecco-core .mobile-menu-logo{font-size:25px}.sitecco-core .mobile-menu-cta{font-size:10px;padding:10px 13px}.sitecco-core .menu-panel>a,.sitecco-core .menu-panel>button{font-size:22px}}
/* Discreet common preference: closed by default, native keyboard-accessible controls. */
.sitecco-core .hub-motion-controls select{display:block;width:100%;min-height:44px;padding:10px;background:#0b1525;color:#edf3ff;border:1px solid #587195;font:12px/1.5 Arial,sans-serif;margin:4px 0 10px}
.sitecco-core .hub-motion-controls label{min-height:28px}.sitecco-core .hub-motion-controls small{display:block;color:#a8b8d0}
html[data-sitecco-motion=reduce]{scroll-behavior:auto}html[data-sitecco-motion=reduce] .sitecco-core *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
/* Settings lives in the same accessible sliding menu, never in a floating page control. */

.sitecco-core .menu-settings{justify-content:flex-start;padding-top:22px;padding-bottom:30px}
.sitecco-core .menu-settings h2{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 20px;font:600 28px/1.2 Arial,sans-serif;letter-spacing:-.5px}
.sitecco-core .menu-settings .hub-motion-controls{position:static;right:auto;width:min(100%,460px);padding:24px;text-align:left;flex-shrink:0}
.sitecco-core .menu-settings .hub-motion-controls label{font-size:15px;color:#edf3ff}
.sitecco-core .menu-settings .hub-motion-controls select{font-size:16px;min-height:48px}
.sitecco-core .menu-settings .hub-motion-controls button{font-size:13px;min-height:48px}
.sitecco-core .menu-settings .hub-motion-controls p{font-size:13px;color:#c5d4e9}
.sitecco-core .motion-settings-link{border:0;background:none;text-align:left;min-height:44px}
@media(max-width:800px){.sitecco-core .menu-settings .hub-motion-controls{padding:18px}.sitecco-core .menu-settings h2{font-size:25px}.sitecco-core .menu-panel[data-menu-panel=root]{justify-content:safe center}}

/* Keep all root choices reachable when the seven-item menu exceeds viewport height. */
.sitecco-core .menu-panel[data-menu-panel=root]{justify-content:safe center}