
:root{--accent:#75b5ff;--muted:#7a8aa6;--border:#ffffff0c;--sidebar:260px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e0e5ee;background:#0e1014;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:35px;letter-spacing:-1.5px;font-weight:550;line-height:1.15}h2{font-size:16px;font-weight:550;letter-spacing:-.3px}h3{font-size:14px;font-weight:500}p{color:var(--muted);line-height:1.8}.icon{width:18px;height:18px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--accent);border:1px solid var(--accent);color:#192230;padding:12px 17px;border-radius:7px;font-size:15px;font-weight:600;white-space:nowrap;min-height:41px;transition:background .2s}.btn:hover{background:#b4caf0}.btn-ghost{background:#ffffff03;color:#c5ccd9;border-color:#ffffff13}.btn-ghost:hover{background:#ffffff0a}.btn-danger{background:#e18e9708;color:#d3949c;border-color:#e18e9722}.btn.compact{min-height:31px;padding:7px 10px;font-size:13px}.full{width:100%}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;background:none;border:0;border-radius:5px;color:#7889a5}.icon-button:hover{background:#ffffff08}.eyebrow{font-size:13px;letter-spacing:1.65px;color:#7f8ea9;margin-bottom:14px;font-weight:550}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}.wave-dot{color:var(--accent)}.muted{color:#617391;font-size:14px}.subtle-link{color:#8ea2c4;font-size:14px;background:none;border:0;padding:0}.text-danger{color:#d9919a;background:none;border:0;font-size:14px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:12px}.mt-3{margin-top:12px}.badge{font-size:12px;padding:5px 8px;border-radius:5px;background:#ffffff05;color:#7889a5;border:1px solid #ffffff08;white-space:nowrap}.badge.green{background:#75b5ff0a;color:#95a9ca;border-color:#75b5ff1b}.badge.red{background:#e3909909;color:#d8959d;border-color:#e390991c}.badge.amber{background:#e2c38609;color:#bdad86;border-color:#e2c38619}
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#111419;border-right:1px solid var(--border);padding:29px 17px 15px;display:flex;flex-direction:column;z-index:20}.hgb-brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:700;letter-spacing:-1.5px}.brand-symbol{display:grid;place-items:center;width:31px;height:33px;font-size:31px;color:#182131;background:var(--accent);border-radius:6px;font-weight:700;font-family:Georgia,serif;font-style:italic;line-height:1}.brand-period{color:var(--accent)}.sidebar>.hgb-brand{margin:0 12px 29px}.workspace{display:flex;align-items:center;gap:10px;padding:11px 9px;border:1px solid var(--border);background:#ffffff02;border-radius:8px;margin-bottom:29px}.workspace-icon{display:grid;place-items:center;background:#ffffff07;border:1px solid #ffffff0d;border-radius:7px;width:31px;height:31px;font-size:16px}.workspace>div:nth-child(2){flex:1;min-width:0}.workspace strong{display:block;font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace span{display:block;font-size:12px;color:#5f718f;margin-top:4px}.nav-label{font-size:12px;letter-spacing:1.1px;color:#52617a;margin:0 12px 15px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav>a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:7px;color:#7788a5;font-size:15px}.sidebar nav>a:hover{background:#ffffff03;color:#cbd2de}.sidebar nav>a.selected{background:#75b5ff0c;color:#a7bcdf;border:1px solid #75b5ff0b}.sidebar nav .icon{width:16px;height:16px}.nav-new{font-style:normal;color:#8a9ab6;border:1px solid #75b5ff1a;font-size:10px;border-radius:3px;padding:2px 4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:28px}.plan-tip{border:1px solid #75b5ff13;border-radius:9px;padding:16px;background:radial-gradient(ellipse at 20% 0,#75b5ff12,transparent 90%);margin-bottom:18px}.tip-star{color:#96aacb;font-size:20px}.plan-tip strong{display:block;font-size:15px;font-weight:500;margin:9px 0 6px}.plan-tip p{font-size:13px;color:#5f708e}.plan-tip a{display:flex;justify-content:space-between;font-size:13px;color:#a0b0cc;margin-top:15px}.user-row{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);padding-top:17px}.avatar,.top-avatar{display:grid;place-items:center;width:31px;height:31px;background:#4a586f55;border:1px solid #75b5ff1a;border-radius:50%;color:#aeb9cb;font-size:15px;flex-shrink:0}.user-row>div{flex:1;min-width:0}.user-row strong{display:block;font-size:14px;font-weight:550}.user-row small{display:block;font-size:12px;color:#5b6c89;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.main-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:0 35px;gap:14px}.topbar strong{font-size:14px;font-weight:500;color:#b6bfcf}.crumb{color:#54647f;font-size:14px;display:flex;gap:16px}.topbar-actions{display:flex;align-items:center;gap:17px}.top-avatar{width:28px;height:28px;font-size:14px}.environment{font-size:11px;color:#7485a3;letter-spacing:1.5px;border:1px solid #ffffff0b;padding:4px 6px;border-radius:4px}.mobile-menu{display:none}.main-content{max-width:1500px;width:100%;margin:auto;padding:32px 35px 25px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:2px 0 30px}.page-heading .eyebrow{margin-bottom:13px}.page-heading p{font-size:15px;margin-top:11px}.heading-actions{display:flex;align-items:center;gap:11px}.period-chip{display:inline-flex;gap:9px;align-items:center;background:#ffffff02;border:1px solid #ffffff0d;border-radius:6px;padding:10px 12px;color:#8997b0;font-size:14px;white-space:nowrap}.period-chip .icon{width:13px;height:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat{background:linear-gradient(125deg,#181c23,#14171d);border:1px solid var(--border);border-radius:9px;padding:21px 19px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8090ab;font-size:14px}.stat-top .icon{width:15px;height:15px;color:#5c6d89}.stat strong{display:block;font-size:27px;font-weight:500;letter-spacing:-1.3px;line-height:1.3;margin:20px 0 16px;white-space:nowrap}.stat-caption{color:#5c6d8a;font-size:12px;display:flex;align-items:center;gap:5px}.panel{background:linear-gradient(115deg,#161a20,#13161c);border:1px solid var(--border);border-radius:10px;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 23px 20px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:13px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:22px;margin-bottom:22px}.sales-chart{display:flex;height:253px;padding:25px 23px 37px 18px;gap:16px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:12px;color:#4e5c75;width:54px;flex-shrink:0}.chart-plot{display:flex;align-items:flex-end;gap:3px;position:relative;flex:1;background:repeating-linear-gradient(to top,#ffffff07 0,#ffffff07 1px,transparent 1px,transparent 50%);min-width:0}.chart-column{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.chart-column>i{width:100%;min-height:2px;background:linear-gradient(#9ab1d9,#5775a7);border-radius:3px 3px 0 0;opacity:.8}.chart-column small{position:absolute;bottom:-23px;width:100%;text-align:center;font-size:11px;color:#55647f}.chart-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:#647695}.chart-legend>i{width:5px;height:5px;border-radius:2px;background:#879ec5}.chart-empty{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:95%;padding:22px 10px;background:radial-gradient(ellipse,#161a20d9,transparent)}.chart-empty>span{display:grid;place-items:center;width:35px;height:35px;background:#75b5ff0a;border:1px solid #75b5ff10;border-radius:9px;margin:0 auto 13px;color:#6b7fa0}.chart-empty strong{display:block;font-size:15px;font-weight:500;color:#93a0b7}.chart-empty p{font-size:12px;color:#54647f;margin-top:6px}.site-overview{border:1px solid #75b5ff1b;border-radius:10px;background:#151920;overflow:hidden}.site-overview-top{display:flex;align-items:center;justify-content:space-between;padding:17px 19px}.site-overview-top>span:first-child{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.2px;color:#7788a5}.site-overview-top .icon{width:13px;height:13px}.mini-site{height:150px;background:radial-gradient(ellipse at 70% 100%,#2c3647,#13171e);margin:0 17px;border:1px solid #ffffff08;border-radius:5px;overflow:hidden;position:relative;padding:13px 18px}.mini-site-nav{display:flex;justify-content:space-between;font-size:10px;color:#7182a0}.mini-site h3{font-size:23px;letter-spacing:-1px;line-height:1.15;margin-top:24px;font-weight:450;position:relative;z-index:1}.mini-site h3>span{color:#8aa0c5}.mini-site-pill{display:inline-block;background:#90a4c7;color:#192231;border-radius:3px;padding:4px 7px;font-size:10px;margin-top:11px;position:relative;z-index:2}.mini-site-lines{position:absolute;right:-25px;bottom:-50px;width:140px;height:160px;transform:rotate(-25deg)}.mini-site-lines>i{position:absolute;inset:0;border:1px solid #8092b166;border-radius:50%}.mini-site-lines>i:nth-child(2){inset:0 25px}.mini-site-lines>i:nth-child(3){inset:0 48px}.site-overview-bottom{padding:17px 19px}.site-overview-bottom>strong{font-size:14px;font-weight:500;color:#a7b3c7}.site-overview-bottom p{font-size:12px;margin:5px 0 15px;color:#5b6c88}.site-overview-bottom .btn{font-size:13px;padding:8px 13px;min-height:33px}.dashboard-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.empty-state{padding:46px 25px;text-align:center}.empty-state .icon{color:#657797;width:26px;height:26px;margin:0 auto 17px}.empty-state h3{font-size:16px;color:#97a4ba;font-weight:450}.empty-state p{font-size:14px;color:#5e6f8c;margin:9px 0 15px}.empty-state.small{padding:32px 20px}.empty-state.small h3{font-size:15px}.empty-state.small p{font-size:13px}.empty-state.small .icon{width:22px;height:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;white-space:nowrap}th{padding:13px 21px;background:#ffffff02;font-size:13px;font-weight:500;color:#607290;border-top:1px solid #ffffff04;border-bottom:1px solid #ffffff06}td{padding:17px 21px;border-bottom:1px solid #ffffff05;color:#94a1b7}td strong{display:block;font-weight:500;color:#bfc7d5;font-size:15px}td small{display:block;color:#5a6b87;font-size:12px;margin-top:5px}.table-actions{display:flex;gap:14px;font-size:14px}.table-thumbnail{width:37px;height:37px;background:linear-gradient(130deg,#252e3c,#151920);border:1px solid #ffffff0a;display:grid;place-items:center;border-radius:7px;color:#7c8ead;font-size:25px;overflow:hidden}.table-thumbnail img{width:100%;height:100%;object-fit:cover}.product-cell{display:flex;align-items:center;gap:12px}.form-panel{padding:25px;margin-top:23px}.form-panel>.panel-heading{padding:0 0 21px}.form-panel>h2{margin-bottom:15px}.form-panel>p{margin:10px 0 20px;font-size:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.full-span{grid-column:1/-1}.field{display:block;margin-bottom:19px;min-width:0}.field>span,.field-label{display:block;font-size:14px;color:#8b99b2;margin-bottom:9px}.field input,.field textarea,.field select,.inline-filter input,.inline-filter select{display:block;background:#0e1116;border:1px solid #ffffff0e;border-radius:6px;padding:11px 12px;width:100%;font-size:15px;color:#cfd6e3;min-height:39px}.field textarea{resize:vertical;line-height:1.7}.field input::placeholder{color:#414d61}.field input[type=color]{padding:5px;height:42px;max-width:95px}.field input[type=range]{padding:0;accent-color:var(--accent)}.check{display:flex;gap:8px;align-items:center;font-size:14px;color:#7e8ea9;margin:13px 0 22px}.check input{accent-color:var(--accent);width:13px;height:13px}.days-checks{display:flex;flex-wrap:wrap;gap:18px}.inline-filter{display:flex;align-items:center;gap:10px}.inline-filter label{display:flex;align-items:center;gap:9px;font-size:13px;color:#607290}.inline-filter input{max-width:230px}.inline-filter select{min-width:100px;max-width:200px}.inline-filter .field{margin-bottom:0}.pagination{padding:19px 23px;display:flex;align-items:center;gap:18px;font-size:13px;color:#607290}.pagination>span{margin-right:auto}.notice{background:#75b5ff0b;border:1px solid #75b5ff26;padding:14px 18px;border-radius:7px;color:#9badcb;font-size:15px;line-height:1.7;margin-bottom:23px}.notice.error{color:#e6acb2;background:#e79ca40b;border-color:#e79ca42b}.demo-tag{font-size:11px;letter-spacing:1.2px;color:#919fb6;margin:-8px 0 25px}.demo-tag span{margin-left:12px;font-size:12px;letter-spacing:0;color:#566580}.app-footer{display:flex;justify-content:space-between;padding:25px 36px;border-top:1px solid #ffffff05;font-size:12px;color:#434f64}.assist-banner{background:#7b642929;padding:12px 35px;display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#dbc89c}.assist-banner button{border:0;background:none;color:#d8c89d;font-size:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid code{display:block;overflow-wrap:anywhere;background:#0e1115;border:1px solid #ffffff08;padding:13px;font-size:14px;line-height:1.9;border-radius:6px;color:#9aa7bc}hr{border:0;border-top:1px solid #ffffff0b;margin:24px 0}.settings-grid h3{margin-bottom:17px}.order-line{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:16px 0;color:#8695af;font-size:15px}.order-line>strong{font-size:16px;color:#bdc7d9}
.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.integration-card{padding:28px}.integration-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.provider-icon{width:47px;height:47px;border:1px solid #ffffff0b;border-radius:11px;display:grid;place-items:center;font-size:26px;font-weight:700}.google-icon{background:#f7f8fa;color:#4285f4}.mp-icon{background:#009ee3;color:#fff;font-size:20px;letter-spacing:-1px}.integration-card h2{font-size:21px;margin-bottom:14px}.integration-card>p{font-size:15px;max-width:350px;margin-bottom:22px}.integration-card ul{padding-left:16px;color:#697b9b;font-size:14px;line-height:2.5;margin:20px 0 27px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.plan-card{padding:27px}.plan-card.current-plan{border-color:#75b5ff3b;background:linear-gradient(135deg,#1e2531,#15191f)}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-price{display:block;font-size:32px;font-weight:500;letter-spacing:-1.7px;margin:26px 0 12px}.plan-price small{font-size:14px;color:#677a9a;font-weight:400;letter-spacing:0;margin-left:5px}.plan-card>p{font-size:14px}.plan-features{list-style:none;padding:0;margin:26px 0 30px;font-size:15px;line-height:2.8;color:#94a1b8}.plan-features .disabled{color:#445166}.subscription-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border);gap:15px;font-size:15px}.plan-checkboxes{margin:24px 0}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.health-card{padding:24px}.health-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.health-card h2{font-size:16px;margin-bottom:10px}.health-card p{font-size:14px}.disk-banner{display:flex;align-items:center;gap:15px;background:#75b5ff06;border:1px solid #75b5ff11;border-radius:9px;padding:23px;margin:23px 0}.disk-banner>span{display:flex;align-items:center;gap:10px;color:#7687a3;font-size:15px}.disk-banner>strong{color:#8ea2c3;font-size:20px;font-weight:500;margin-left:auto}.disk-banner p{margin-left:10px}.audit-row{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border);padding:14px 0}.audit-row strong{font-size:15px;color:#95a2b9;font-weight:500}.audit-row small{color:#54647f;font-size:13px}.admin-feature{position:relative;border:1px solid #75b5ff19;border-radius:10px;padding:35px;background:radial-gradient(ellipse at 80% 100%,#263041,#191e26 60%);overflow:hidden;margin:24px 0}.admin-feature h2{font-size:28px;line-height:1.25;letter-spacing:-1.2px;margin:0 0 25px;position:relative;z-index:2}.admin-feature h2>span{color:#8496b5}.admin-feature .flex{position:relative;z-index:2}.admin-feature-art{position:absolute;right:4%;top:0;font-size:210px;line-height:1.2;color:#7a8caa22;transform:rotate(15deg)}.actions-menu summary{cursor:pointer;font-size:14px;color:#94a4bf}.actions-menu>div{padding:14px 0;display:flex;flex-direction:column;gap:10px;min-width:160px}.actions-menu .field{margin-bottom:10px}.count-pill{font-size:13px;background:#75b5ff09;border:1px solid #75b5ff11;padding:4px 7px;border-radius:4px;color:#8d9bb3;margin-left:9px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--border)}.weekday{text-align:center;font-size:12px;letter-spacing:1px;color:#5a6b88;padding:15px 0;border-bottom:1px solid var(--border)}.calendar-day{min-height:98px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px;color:#6c7e9d;font-size:14px}.calendar-day.outside{background:#ffffff02}.calendar-day>span{display:inline-grid;place-items:center;width:22px;height:22px}.calendar-day .today{background:#75b5ff;color:#141b27;border-radius:50%;font-weight:600}.calendar-event{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:5px 6px;background:#75b5ff0d;color:#9eaec9;border:1px solid #75b5ff17;border-radius:4px;margin-top:5px;white-space:nowrap}.calendar-event.cancelled{color:#90676c;background:#d1797e07;border-color:#d1797e12;text-decoration:line-through}.appointment-detail,.service-detail{border-top:1px solid #ffffff0a}.appointment-detail summary,.service-detail summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;cursor:pointer;gap:15px;font-size:15.5px;color:#9ba8bd}.appointment-detail summary small{font-size:13px;color:#596985;margin-left:15px}.detail-body{padding:18px 0;color:#8594ad}.detail-body>p{font-size:15px;margin-bottom:14px}.onboarding{max-width:700px;margin:25px auto 50px;text-align:center}.onboarding h1{font-size:43px;letter-spacing:-2px;margin:22px 0 17px}.onboarding>p{font-size:15.5px}.wizard-steps{display:flex;justify-content:center;gap:28px;margin:32px 0;font-size:14px;color:#4e5d76}.wizard-steps>span{display:flex;gap:8px;align-items:center}.wizard-steps i{display:grid;place-items:center;border:1px solid #ffffff15;border-radius:50%;width:22px;height:22px;font-size:13px;font-style:normal}.wizard-steps .current{color:#afbed7}.wizard-steps .current i{background:#75b5ff;color:#182131}.wizard-steps .complete{color:#6b81a6}.wizard-panel{padding:34px;text-align:left;max-width:500px;margin:auto}.wizard-panel h2{font-size:20px;margin-bottom:12px}.wizard-panel p{font-size:15px;margin-bottom:27px}.domain-input{display:flex;align-items:center;border:1px solid #ffffff0e;border-radius:6px;background:#0e1116}.domain-input input{border:0!important}.domain-input>span{padding:0 14px;white-space:nowrap;font-size:15px;color:#5a6b88}.upcoming-item{display:flex;gap:13px;padding:13px 23px;align-items:center}.upcoming-item strong{font-size:15px;color:#a7b4c9}.upcoming-item p{font-size:13px;color:#5e6f8d;margin-top:5px}.date-block{display:flex;flex-direction:column;text-align:center;padding:7px 10px;border:1px solid #75b5ff12;border-radius:6px;background:#75b5ff08}.date-block strong{font-size:18px}.date-block span{font-size:11px;color:#677a9a;margin-top:3px}
.auth-body{background:radial-gradient(ellipse at 10% 30%,#20293844,transparent 55%),#0e1014;min-height:100vh;padding:37px 6%}.auth-brand{font-size:29px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1100px;margin:75px auto 80px;align-items:center}.auth-story h1{font-size:56px;letter-spacing:-3px;line-height:1.1;margin:30px 0 24px;font-weight:450}.auth-story h1>span{color:#879abb}.auth-story p{font-size:16px;color:#6b7d9c}.auth-art{position:relative;height:240px;margin-top:35px;max-width:400px}.art-window{background:linear-gradient(130deg,#212a39aa,#12161daa);border:1px solid #75b5ff1c;border-radius:11px;padding:18px 22px;transform:rotate(-5deg);height:210px;box-shadow:0 30px 60px #0003}.art-window>span{letter-spacing:3px;color:#576c91;font-size:11px}.art-window strong{display:block;font-size:16px;margin-top:16px;font-weight:450;color:#97a5bd}.art-bars{height:110px;display:flex;align-items:flex-end;gap:14px;margin-top:14px}.art-bars i{flex:1;background:linear-gradient(#a6bde5,#44597c77);border-radius:5px 5px 0 0;height:35%}.art-bars i:nth-child(2){height:55%}.art-bars i:nth-child(3){height:48%}.art-bars i:nth-child(4){height:74%}.art-bars i:nth-child(5){height:65%}.art-bars i:nth-child(6){height:100%}.art-pill{position:absolute;bottom:15px;right:-15px;padding:14px 18px;background:#1d2430f2;border:1px solid #75b5ff25;border-radius:9px;color:#a6b6d2;font-size:14px;transform:rotate(4deg)}.auth-card{max-width:430px;background:linear-gradient(130deg,#191e26,#12161c);border:1px solid #ffffff0e;border-radius:12px;padding:37px}.auth-card .eyebrow{font-size:12px;margin-bottom:22px}.auth-card h2{font-size:28px;letter-spacing:-1.2px;font-weight:450}.auth-card>p{font-size:15px;margin:14px 0 25px}.auth-card form>.btn{margin-top:11px}.auth-switch{text-align:center;font-size:14px!important;margin-top:25px!important;margin-bottom:0!important}.auth-switch a{color:#9cb1d5;margin-left:4px}.auth-notice{max-width:550px;margin:25px auto}.auth-footer{display:flex;justify-content:space-between;font-size:13px;color:#424f66;padding:20px 0}.welcome{max-width:1000px;margin:63px auto 0;text-align:center}.welcome h1{font-size:72px;font-weight:450;letter-spacing:-4px;line-height:1.04;margin:26px 0 25px}.welcome h1>span{display:block;color:#8699ba}.welcome>p{max-width:470px;margin:0 auto 30px;font-size:16px;color:#6f819f}.welcome-modules{display:flex;justify-content:center;gap:33px;margin-top:40px;font-size:14px;color:#657898}.welcome-modules>span{display:flex;align-items:center;gap:8px}.welcome-modules .icon{width:14px;height:14px}.welcome-orbit{height:290px;position:relative;overflow:hidden;max-width:730px;margin:15px auto 0}.orbit-ring{position:absolute;width:620px;height:390px;left:50%;top:50px;transform:translateX(-50%) rotate(-20deg);border:1px solid #6279a044;border-radius:50%}.orbit-ring.two{width:410px;transform:translateX(-50%) rotate(35deg)}.orbit-ring.three{width:260px;transform:translateX(-50%) rotate(-40deg)}.orbit-core{position:absolute;top:128px;left:50%;transform:translateX(-50%);font-size:60px;background:#75b5ff;color:#1c2638;border-radius:18px;width:83px;height:83px;font-family:Georgia,serif;font-style:italic;line-height:1.2;box-shadow:0 0 80px #75b5ff2a}.orbit-card{position:absolute;display:flex;align-items:center;gap:13px;padding:16px 21px;background:#1e2633d9;border:1px solid #75b5ff29;border-radius:9px;backdrop-filter:blur(8px);text-align:left;font-size:13px;color:#64789b}.orbit-card .icon{color:#92a7ca;width:26px;height:26px}.orbit-card strong{display:block;font-size:15px;color:#b6c2d6;font-weight:450;margin-top:5px}.orbit-card-left{left:30px;top:105px;transform:rotate(-6deg)}.orbit-card-right{right:20px;top:210px;transform:rotate(5deg)}.error-page{padding:100px 0;text-align:center}.error-page h1{font-size:55px;font-weight:450;letter-spacing:-2px;margin:25px 0}.error-page p{margin-bottom:35px}
.editor-main{padding:28px 25px}.editor-heading h1{font-size:29px}.editor-toolbar{background:#151920;border:1px solid #ffffff0d;border-radius:8px 8px 0 0;padding:13px 17px;display:flex;align-items:center;gap:17px;font-size:13px}.editor-toolbar form label{display:flex;align-items:center;gap:9px;color:#54647f}.editor-toolbar select{background:#101318;border:1px solid #ffffff12;border-radius:4px;padding:7px 12px;color:#93a0b7}.editor-toolbar #editor-status{font-size:12px;color:#8096bb}.editor-device{margin-left:auto;display:flex;border:1px solid #ffffff0a;border-radius:5px;padding:2px}.editor-device button{background:none;border:0;color:#576782;padding:6px 9px;font-size:12px;border-radius:3px}.editor-device button.selected{background:#75b5ff14;color:#97aacb}.editor-grid{display:grid;grid-template-columns:185px minmax(0,1fr) 210px;border:1px solid #ffffff0d;border-top:0;border-radius:0 0 8px 8px;overflow:hidden;min-height:650px}.block-library,.properties{padding:20px 14px;background:#14181e}.editor-side-title{font-size:12px;letter-spacing:1.3px;color:#92a2bd;margin-bottom:16px;display:flex;justify-content:space-between}.block-library>p,.properties>p{font-size:13px;color:#4a5a76;line-height:1.8;margin-bottom:23px}.library-block{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #ffffff0a;border-radius:6px;background:#191e26;color:#9baac3;padding:12px 9px;text-align:left;margin-bottom:10px}.library-block:hover{border-color:#75b5ff40}.library-block .icon{width:16px;height:16px;color:#7588a9}.library-block strong{display:block;font-size:13px;font-weight:500}.library-block small{display:block;font-size:11px;color:#51617c;margin-top:6px}.library-block i{font-size:16px;font-style:normal;margin-left:auto}.editor-tip{margin-top:50px;padding:16px 11px;border:1px dashed #75b5ff1a;border-radius:6px}.editor-tip>span{font-size:20px;color:#667b9f}.editor-tip p{font-size:12px;color:#536583;margin-top:9px}.editor-canvas-wrap{padding:25px 20px;background:#0b0e12;overflow:auto;background-image:radial-gradient(#35455f22 1px,transparent 1px);background-size:16px 16px}.canvas-browser{display:flex;align-items:center;gap:10px;background:#1b2028;border:1px solid #ffffff0d;border-radius:6px 6px 0 0;padding:10px 12px}.canvas-browser>span{font-size:10px;letter-spacing:3px;color:#495c7d}.canvas-browser small{font-size:11px;color:#475876;text-align:center;flex:1}.canvas-browser .icon{width:10px;height:10px;color:#4c5d7b}.editor-canvas{background:#101217;border:1px solid #ffffff0d;min-height:430px;margin:auto}.mobile-preview .editor-canvas,.mobile-preview .canvas-browser{max-width:375px;margin:auto}.editor-canvas .site-block h1{font-size:30px;letter-spacing:-1.2px}.editor-canvas .site-block h2{font-size:21px;letter-spacing:-.7px}.editor-canvas .site-block p{font-size:13px}.editor-canvas .site-button{font-size:12px;padding:9px 12px;min-height:30px}.editor-canvas .site-eyebrow{font-size:10px;letter-spacing:1px}.editor-canvas .feature-grid{gap:10px;margin-top:20px}.editor-canvas .feature-grid article{padding:15px 10px}.editor-canvas .feature-grid h3{font-size:15px}.editor-canvas .feature-number{font-size:11px}.editor-canvas .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.editor-canvas .product-image{height:110px}.editor-canvas .product-image>span{font-size:55px}.editor-canvas .public-product-meta{padding:10px 0;display:block}.editor-canvas .public-product-meta h3{font-size:13px}.editor-canvas .public-product-meta>span{display:block;font-size:12px;margin-top:6px}.editor-block{position:relative;cursor:pointer;outline:1px solid transparent;outline-offset:-1px}.editor-block.chosen{outline:2px solid #75b5ff99;outline-offset:-2px}.editor-block-label{position:absolute;left:0;top:0;padding:5px 9px;background:#75b5ff;color:#131c2a;font-size:10px;opacity:0;z-index:2}.editor-block.chosen>.editor-block-label{opacity:1}.editor-block:hover{outline:1px solid #75b5ff50;outline-offset:-1px}.editor-empty{padding:100px 30px;text-align:center;color:#7e91b1}.editor-empty>span{display:block;font-size:45px;color:#657da6;margin-bottom:20px}.editor-empty h3{font-size:15px;margin-bottom:14px}.editor-empty p{font-size:14px;color:#445675}.canvas-drop-hint{text-align:center;font-size:12px;color:#3d4e6b;padding:16px;border:1px dashed #75b5ff18;border-top:0}.properties{border-left:1px solid #ffffff08}.properties .field{margin-bottom:14px}.properties .field>span{font-size:12px;color:#5d6f8d}.properties .field input,.properties .field textarea{padding:8px 9px;font-size:13px;min-height:32px}.properties .field input[type=color]{width:100%;max-width:none;height:35px;padding:4px}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.property-block-name{font-size:14px;color:#a0b3d4;border-bottom:1px solid #ffffff0a;padding-bottom:14px;margin-bottom:20px}.property-actions{display:flex;gap:7px;margin:18px 0 15px}.property-actions button{border:1px solid #ffffff12;background:#ffffff03;border-radius:5px;padding:7px 9px;font-size:13px;color:#7d92b7}.properties .btn{font-size:12px;min-height:30px;padding:8px 12px}.page-management{padding:20px 24px;margin-top:20px;font-size:15px;color:#7b8fb1}.page-management summary{cursor:pointer}.page-management .detail-body{display:flex;align-items:end;justify-content:space-between;gap:20px}.booking-placeholder{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap;font-size:12px;color:#546788}.booking-placeholder>span:not(.site-button){background:#0a0e16;padding:9px 12px;border:1px solid #ffffff0a;border-radius:4px}
.website{background:#0f1216;color:#e0e5ee}.public-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1400px;margin:auto;padding:24px 6%;border-bottom:1px solid #ffffff08}.public-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;letter-spacing:-.5px}.public-brand>span{color:var(--accent);font-size:25px}.public-brand>img{height:30px;width:auto;max-width:140px;object-fit:contain}.public-nav nav{display:flex;align-items:center;gap:28px;font-size:15px;color:#8090ab}.public-cart{display:flex;align-items:center;gap:7px}.public-cart>span{background:#75b5ff11;color:var(--accent);border-radius:4px;padding:3px 5px;font-size:12px}.public-preview-banner{text-align:center;font-size:11px;letter-spacing:1px;padding:9px;background:#75b5ff07;color:#5e708e}.site-block{padding:65px 6%;position:relative}.block-inner{max-width:1200px;margin:auto}.site-eyebrow{font-size:14px;letter-spacing:2px;color:var(--accent);opacity:.7;margin-bottom:24px}.site-block h1{font-size:clamp(35px,5vw,65px);font-weight:450;letter-spacing:-2.7px;line-height:1.08;max-width:730px;margin-bottom:22px}.site-block h2{font-size:34px;font-weight:450;letter-spacing:-1.4px;margin-bottom:16px}.site-block p{font-size:16px;color:#7c8ca7;max-width:600px;line-height:1.9;margin-bottom:23px;white-space:pre-line}.site-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--accent);color:#1a2436;border:1px solid var(--accent);border-radius:6px;padding:13px 20px;font-size:15px;font-weight:550;min-height:42px}.site-button:hover{filter:brightness(1.08)}.hero-image{margin-top:40px;border-radius:10px;width:100%;max-height:600px;object-fit:contain}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:37px}.feature-grid article{border-top:1px solid #75b5ff1d;padding:25px 0}.feature-number{color:var(--accent);font-size:14px;letter-spacing:2px;opacity:.6}.feature-grid h3{margin-top:16px;font-size:18px;font-weight:450;letter-spacing:-.5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.product-image{height:270px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(ellipse at 50% 20%,#38425388,#1b2028);overflow:hidden;border:1px solid #ffffff06}.product-image>span{font-size:130px;line-height:1;color:#8495b255;transform:rotate(-15deg)}.product-image img{width:100%;height:100%;object-fit:cover}.public-product-meta{display:flex;align-items:center;justify-content:space-between;padding:18px 0 10px;gap:15px}.public-product-meta h3{font-size:14px;font-weight:500}.public-product-meta>span{font-size:15.5px;color:#9dacc6}.public-product p{display:flex;justify-content:space-between;font-size:14px!important;margin-bottom:0!important}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.gallery-grid img{width:100%;height:250px;object-fit:cover;border-radius:7px}.inline-booking{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-top:28px}.inline-booking label{font-size:14px;color:#7485a3}.inline-booking input,.inline-booking select{display:block;background:#0d1016;border:1px solid #ffffff10;border-radius:6px;padding:12px 15px;margin-top:9px;color:#92a3c1;font-size:15px;min-height:42px}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 6%;border-top:1px solid #ffffff08;color:#52627c;font-size:14px}.public-footer strong{font-size:16px;font-weight:450;color:#8999b3}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;max-width:1200px;margin:auto}.product-large{height:520px}.product-large>span{font-size:250px}.product-detail-grid h1{font-size:48px}.detail-price{display:block;color:#9eb1d2;font-size:28px;font-weight:500;letter-spacing:-1px;margin:25px 0 18px}.product-detail-grid .field input{max-width:120px}.public-form-section{max-width:1150px;margin:auto}.public-form-section>h1{font-size:50px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.booking-filter{display:flex;gap:20px;align-items:end}.booking-filter .field{flex:1;margin-bottom:0}.slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:25px 0 30px}.slot>input{position:absolute;opacity:0}.slot>span{display:block;text-align:center;padding:12px 7px;border:1px solid #75b5ff1c;border-radius:6px;color:#8b9bb5;font-size:15px;cursor:pointer}.slot>input:checked+span{background:#75b5ff;color:#182131}.slot>input:focus-visible+span{outline:2px solid var(--accent)}[hidden]{display:none!important}
@media(max-width:1200px){:root{--sidebar:240px}.main-content{padding:27px 23px}.topbar{padding:0 23px}.stats-grid{gap:10px}.stat{padding:17px 14px}.stat strong{font-size:24px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.editor-grid{grid-template-columns:155px minmax(0,1fr) 185px}.editor-canvas-wrap{padding:18px 12px}.library-block{gap:7px;padding:11px 7px}.library-block .icon{width:13px;height:13px}.editor-canvas .product-grid{grid-template-columns:repeat(2,1fr)}.crumb{display:none}.auth-story h1{font-size:46px}}
@media(max-width:960px){:root{--sidebar:220px}.sidebar{padding:23px 12px 12px}.sidebar nav>a{font-size:14px;padding:11px 10px;gap:9px}.workspace{padding:9px 7px}.workspace strong{font-size:13px}.page-heading{align-items:start}.page-heading h1{font-size:30px}.heading-actions{flex-direction:column;align-items:end}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.site-overview{display:grid;grid-template-columns:1fr 1fr}.site-overview-top{grid-column:1/-1}.site-overview .mini-site{margin-bottom:18px}.site-overview-bottom{align-self:center}.editor-grid{grid-template-columns:145px minmax(0,1fr)}.properties{grid-column:1/-1;border-top:1px solid #ffffff08}.properties form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}.properties .property-block-name{grid-column:1/-1}.editor-heading .heading-actions{flex-direction:row}.form-grid{gap:0 14px}.settings-grid,.integration-grid{grid-template-columns:1fr}.product-image{height:220px}.product-detail-grid{gap:5%}.product-large{height:370px}.product-detail-grid h1{font-size:35px}.auth-grid{margin:60px auto;gap:7%}.auth-card{padding:28px}.auth-story h1{font-size:38px}.auth-story p{font-size:15px}.disk-banner{flex-wrap:wrap}.disk-banner p{width:100%;margin-left:0}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);width:240px;transition:transform .2s;box-shadow:20px 0 100px #0009}.sidebar-open .sidebar{transform:translateX(0)}.main-shell{margin-left:0}.topbar{height:64px;padding:0 19px}.mobile-menu{display:grid}.main-content{padding:26px 19px}.page-heading{gap:15px;margin-bottom:24px}.page-heading .eyebrow{font-size:11px;letter-spacing:1.25px}.page-heading h1{font-size:31px}.page-heading p{font-size:14px;max-width:260px}.heading-actions .period-chip{display:none}.heading-actions .btn{font-size:13px;padding:10px 12px;gap:10px;min-height:36px}.topbar-actions{gap:9px}.topbar-actions .btn{font-size:12px;padding:7px 10px;min-height:29px}.top-avatar{width:25px;height:25px;font-size:13px}.environment{font-size:10px}.stats-grid{gap:10px;margin-bottom:18px}.stat{padding:17px 13px}.stat-top{font-size:12px}.stat strong{font-size:24px;margin:15px 0 12px}.stat-caption{font-size:11px}.dashboard-grid,.dashboard-bottom{gap:18px}.sales-chart{height:235px;padding:20px 19px 37px 12px;gap:11px}.panel-heading{padding:20px}.chart-empty strong{font-size:14px}.panel-heading h2{font-size:16px}.demo-tag{font-size:10px;margin-bottom:23px;letter-spacing:.8px}.demo-tag span{font-size:11px;margin-left:6px}.form-panel{padding:22px;margin-top:20px}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.inline-filter input{max-width:150px}.panel-heading:has(.inline-filter){flex-wrap:wrap}.inline-filter{flex-wrap:wrap}.settings-grid,.system-grid{grid-template-columns:1fr}.calendar-day{min-height:76px;padding:6px 3px;font-size:13px}.calendar-day>span{width:18px;height:18px}.calendar-event{font-size:10px;padding:3px 2px}.calendar-event b{display:block}.weekday{font-size:10px;letter-spacing:.5px}.wizard-steps{gap:12px;font-size:12px}.wizard-steps>span{gap:5px}.wizard-steps i{width:19px;height:19px}.onboarding{margin:15px auto}.onboarding h1{font-size:34px}.wizard-panel{padding:27px}.onboarding>p{font-size:14px}.editor-main{padding:23px 12px}.editor-heading{padding:0 6px;flex-wrap:wrap}.editor-heading .heading-actions{width:100%;justify-content:end;flex-direction:row}.editor-grid{display:flex;flex-direction:column}.block-library{padding:18px 14px;display:flex;flex-wrap:wrap;gap:9px}.editor-side-title{width:100%;margin-bottom:0}.block-library>p{width:100%;margin-bottom:9px;font-size:12px}.library-block{flex:1 1 145px;max-width:calc(50% - 5px);margin-bottom:0;padding:12px 10px}.library-block strong{font-size:13px}.editor-tip{display:none}.editor-canvas-wrap{padding:20px 15px;overflow-x:auto}.editor-canvas .site-block h1{font-size:30px}.editor-canvas .feature-grid{grid-template-columns:repeat(3,1fr)}.properties{padding:20px}.properties form{grid-template-columns:1fr 1fr}.properties .property-block-name{margin-bottom:0}.editor-toolbar{gap:8px;padding:11px 12px;flex-wrap:wrap}.editor-toolbar #editor-status{max-width:150px}.page-management .detail-body{display:block}.page-management .detail-body>form{margin-bottom:15px}.properties .field input,.properties .field textarea{font-size:14px;min-height:36px}.app-footer{padding:23px 19px;font-size:11px}.auth-body{padding:29px 6%}.auth-grid{grid-template-columns:1fr;margin:47px auto 40px;gap:30px;max-width:430px}.auth-story{text-align:center}.auth-story .eyebrow{font-size:12px}.auth-story h1{font-size:41px;margin:23px 0 17px}.auth-story p{font-size:15px}.auth-art{display:none}.auth-card{max-width:none;width:100%;padding:29px}.auth-card h2{font-size:25px}.auth-footer{font-size:12px}.welcome{margin:55px auto 0}.welcome h1{font-size:49px;letter-spacing:-2.8px}.welcome .eyebrow{font-size:11px}.welcome>p{font-size:15px;max-width:320px}.welcome-modules{gap:15px;flex-wrap:wrap;font-size:13px;max-width:330px;margin:34px auto 10px}.welcome-orbit{height:250px}.orbit-ring{width:400px;height:290px}.orbit-ring.two{width:260px}.orbit-ring.three{width:170px}.orbit-core{top:125px;width:64px;height:64px;font-size:46px;border-radius:13px}.orbit-card{padding:11px 12px;font-size:11px;gap:7px}.orbit-card .icon{width:19px;height:19px}.orbit-card strong{font-size:13px}.orbit-card-left{left:0;top:77px}.orbit-card-right{right:0;top:201px}.welcome .btn{font-size:14px;padding:12px 16px}.error-page h1{font-size:40px}.public-brand{font-size:14px}.public-nav nav{gap:13px;font-size:13px}.public-brand>span{font-size:20px}.site-block{padding:48px 6%}.site-block h1{font-size:40px;letter-spacing:-1.7px}.site-block h2{font-size:27px;letter-spacing:-1px}.site-block p{font-size:15px}.site-eyebrow{font-size:12px;letter-spacing:1.5px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-grid article{padding:19px 0}.feature-grid h3{font-size:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.product-image{height:180px}.product-image>span{font-size:95px}.public-product-meta{display:block;padding:13px 0 8px}.public-product-meta h3{font-size:15.5px}.public-product-meta>span{display:block;font-size:14px;margin-top:6px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:180px}.inline-booking{display:block}.inline-booking label{display:block;margin-bottom:17px}.inline-booking input,.inline-booking select{width:100%}.public-footer{font-size:12px}.public-footer strong{font-size:15px}.product-detail-grid{grid-template-columns:1fr;gap:34px}.product-large{height:340px}.product-large>span{font-size:190px}.product-detail-grid h1{font-size:36px}.checkout-grid{grid-template-columns:1fr;gap:0}.public-form-section>h1{font-size:40px}.booking-filter{flex-direction:column;align-items:stretch;gap:16px}.booking-filter .field{width:100%;flex:none}.slot-grid{grid-template-columns:repeat(4,1fr);gap:10px}.public-preview-banner{font-size:10px;letter-spacing:.5px}.assist-banner{font-size:13px;padding:11px 19px;align-items:center}.assist-banner button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.sidebar-overlay{display:none}@media(max-width:720px){.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;z-index:19;background:#0008;border:0}}

.monthly-bookings{margin-top:22px}.compact-chart{height:180px}

.marketing-nav{position:absolute;top:39px;right:8%;display:flex;gap:25px;align-items:center;color:#aebed4;font-size:15.5px}.marketing-nav a:hover{color:var(--accent)}.marketing-section{max-width:1150px;margin:70px auto 0;padding:35px 0;scroll-margin-top:35px}.marketing-section>h2,.marketing-cta h2{font-size:35px;letter-spacing:-1.2px;line-height:1.2}.marketing-section>p{margin:15px 0 30px;max-width:640px;font-size:16px}.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.marketing-card{padding:27px}.marketing-card>.icon{color:var(--accent);width:24px;height:24px;margin-bottom:23px}.marketing-card h3{font-size:18px;margin-bottom:12px}.marketing-card p{font-size:15.5px;color:#a3b4cb}.step-number{display:block;color:var(--accent);font-size:28px;margin-bottom:20px}.marketing-plans{margin-top:30px}.marketing-plans .plan-card{margin-top:0}.faq-section{max-width:850px}.faq-item{margin-top:12px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:22px;font-size:14px;list-style:none}.faq-item summary span{color:var(--accent)}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding:0 22px 22px;color:#a3b4cb}.marketing-cta{text-align:center;margin:70px auto;padding:65px 20px;border:1px solid #75b5ff28;border-radius:15px;background:radial-gradient(ellipse at top,#75b5ff12,transparent 80%);max-width:1150px}.marketing-cta p{margin:17px 0 25px}.public-nav{height:auto;min-height:80px;flex-wrap:wrap;gap:15px;padding-top:20px;padding-bottom:20px}.public-nav nav{flex-wrap:wrap;justify-content:flex-end}.public-brand{min-width:0;overflow-wrap:anywhere}.public-body .btn{color:#0e213d}.marketing-card p,.faq-item p{line-height:1.8}
@media(max-width:900px){.marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:1fr}.marketing-section{margin-top:35px}.marketing-nav{right:6%;gap:14px}}
@media(max-width:720px){.marketing-nav{position:static;margin-top:25px;justify-content:space-between;gap:10px;font-size:15px}.marketing-section>h2,.marketing-cta h2{font-size:29px}.marketing-grid{grid-template-columns:1fr}.marketing-section{padding:25px 0}.marketing-card{padding:23px}.marketing-plans{grid-template-columns:1fr}.public-nav nav{justify-content:flex-start;width:100%;gap:17px}.public-nav nav a{font-size:15px}.faq-item summary{font-size:16px}.marketing-cta{margin:35px auto;padding:40px 20px}}
.page-heading>div{min-width:0}@media(max-width:720px){.page-heading{flex-wrap:wrap}.page-heading>div:first-child{max-width:100%}.page-heading>.btn{margin-top:5px}.page-heading h1{overflow-wrap:anywhere}.public-form-section>p{overflow-wrap:anywhere}}
.hgb-world-stage{position:relative;height:440px;max-width:1000px;margin:30px auto 0;overflow:hidden;border-bottom:1px solid #75b5ff20;background:radial-gradient(ellipse at 50% 90%,#75b5ff08,transparent 70%)}.hgb-globe-live,.hgb-globe-fallback{position:absolute;width:900px;height:900px;max-width:none;top:-125px;left:50%;transform:translateX(-50%)}.hgb-globe-live{cursor:grab;touch-action:pan-y}.hgb-globe-live:active{cursor:grabbing}.hgb-globe-fallback{pointer-events:none;opacity:1;transition:opacity .35s}.hgb-world-stage[data-state=ready] .hgb-globe-fallback{opacity:0}.globe-card-left{left:35px;top:105px;z-index:2;pointer-events:none;transform:rotate(-4deg)}.globe-card-right{right:25px;top:270px;z-index:2;pointer-events:none;transform:rotate(4deg)}.globe-controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:3;color:#a2bbdb;font-size:14px;white-space:nowrap;padding:9px 13px;background:#0f1723d9;border:1px solid #75b5ff20;border-radius:8px;backdrop-filter:blur(8px)}.globe-toggle{padding:0;background:none;border:0;color:#b8d7ff;font-size:14px}.hgb-world-stage[data-state=fallback] .globe-controls{display:none}.globe-toggle:disabled{display:none}.hgb-world-stage[data-state=loading] .globe-controls>span{visibility:hidden}
@media(max-width:720px){.hgb-world-stage{height:325px;margin-top:25px}.hgb-globe-live,.hgb-globe-fallback{width:620px;height:620px;top:-85px}.globe-card-left{left:0;top:80px}.globe-card-right{right:0;top:213px}.globe-controls{bottom:11px;gap:14px;font-size:13px;padding:8px 10px}.globe-toggle{font-size:13px}}
.hgb-world-stage:not([data-state=ready]) .globe-controls{display:none}

.split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; max-width: 1200px; margin: 0 auto; }
.split-text { max-width: 500px; }
.split-text h2 { font-size: 40px; margin-bottom: 20px; line-height: 1.1; }
.split-image img { width: 100%; border-radius: 12px; object-fit: contain; max-height: 600px; }
.split-image span { display: grid; place-items: center; background: #ffffff0a; color: #5a6b88; height: 350px; border-radius: 12px; font-size: 20px; }
.prod-layout { background: #ffffff05; padding: 40px; border-radius: 16px; }
.prod-image { order: -1; }
.prod-btn { font-size: 16px; padding: 18px 30px; margin-top: 10px; }
@media (max-width: 900px) {
    .split-layout { grid-template-columns: 1fr; gap: 30px; text-align: center; }
    .split-text { max-width: 100%; margin: 0 auto; }
    .prod-image { order: 0; }
}

/* Fix overlapping text globally */
h1, h2, h3, p, span, a, div {
    overflow-wrap: break-word;
    word-break: break-word;
}
.site-block p {
    white-space: normal;
}
.site-block h1 {
    white-space: normal;
}


/* Fix editor properties sidebar sizing, sticky and Canva layout */
.editor-grid {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) 310px !important;
    border: 1px solid #ffffff0d;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    overflow: visible !important;
    min-height: 650px;
}

@media (min-width: 960px) {
    .editor-grid {
        align-items: start;
    }
    .properties, .block-library {
        position: sticky !important;
        top: 0;
        max-height: calc(100vh - 120px);
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: thin;
        scrollbar-color: #35455f44 transparent;
        box-sizing: border-box;
    }
    .properties::-webkit-scrollbar, .block-library::-webkit-scrollbar {
        width: 4px;
    }
    .properties::-webkit-scrollbar-thumb, .block-library::-webkit-scrollbar-thumb {
        background: #35455f55;
        border-radius: 4px;
    }
}

.properties {
    padding: 20px 16px !important;
    background: #14181e;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden !important;
}

.photo-btn-row {
    display: flex;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.photo-btn-row .btn {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 8px;
    font-size: 12px;
}

.photo-btn-row .btn.btn-danger {
    flex: 0 0 auto;
    padding: 8px 12px;
}

.media-thumb-box {
    display: flex;
    align-items: center;
    background: #0f1318;
    border: 1px solid #ffffff12;
    border-radius: 6px;
    padding: 6px 10px;
}

.color-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.color-fields select, .color-fields input {
    background: #0e1116;
    border: 1px solid #ffffff14;
    color: #cfd6e3;
    border-radius: 6px;
    box-sizing: border-box;
}

/* Title size options */
.legacy-site .site-block[data-title-size="small"] h1 { font-size: clamp(24px, 3.5vw, 32px) !important; }
.legacy-site .site-block[data-title-size="small"] h2 { font-size: clamp(20px, 3vw, 26px) !important; }
.legacy-site .site-block[data-title-size="large"] h1 { font-size: clamp(45px, 6vw, 75px) !important; }
.legacy-site .site-block[data-title-size="large"] h2 { font-size: clamp(36px, 5vw, 48px) !important; }

/* Text alignment options */
.legacy-site .site-block[data-text-align="center"],
.legacy-site .site-block[data-text-align="center"] .split-text {
    text-align: center !important;
}
.legacy-site .site-block[data-text-align="center"] h1,
.legacy-site .site-block[data-text-align="center"] h2,
.legacy-site .site-block[data-text-align="center"] p,
.legacy-site .site-block[data-text-align="center"] .site-eyebrow {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
.legacy-site .site-block[data-text-align="right"],
.legacy-site .site-block[data-text-align="right"] .split-text {
    text-align: right !important;
}
.legacy-site .site-block[data-text-align="right"] h1,
.legacy-site .site-block[data-text-align="right"] h2,
.legacy-site .site-block[data-text-align="right"] p,
.legacy-site .site-block[data-text-align="right"] .site-eyebrow {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
}
.legacy-site .site-block[data-text-align="left"],
.legacy-site .site-block[data-text-align="left"] .split-text {
    text-align: left !important;
}
.legacy-site .site-block[data-text-align="left"] h1,
.legacy-site .site-block[data-text-align="left"] h2,
.legacy-site .site-block[data-text-align="left"] p,
.legacy-site .site-block[data-text-align="left"] .site-eyebrow {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

/* Image border radius applied everywhere */
.site-block img, .gallery-grid img, .product-image img, .split-image img, .split-image span, .hero-image {
    border-radius: var(--img-radius, 8px) !important;
}
/* Responsive foundation: content, not the viewport, determines safe sizing. */
.main-shell,.main-content,.dashboard-grid>*,.settings-grid>*,.checkout-grid>*{min-width:0}
img,video{max-width:100%}
.table-wrap{max-width:100%;overscroll-behavior-inline:contain;scrollbar-width:thin}
.table-wrap:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.welcome-actions{flex-wrap:wrap}
.hgb-globe-live canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-6px}
.globe-toggle{min-height:44px;padding:4px 8px}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:#b3d5ff;color:#102038;padding:12px 18px;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media (max-width:1200px) and (min-width:721px){
 .editor-grid{grid-template-columns:170px minmax(0,1fr)!important}
 .editor-grid .properties{grid-column:1/-1;position:static!important;max-height:none}
 .editor-grid .properties form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
 .editor-grid .property-block-name{grid-column:1/-1}
}
@media (max-width:720px){
 body.sidebar-open{overflow:hidden}
 .sidebar{width:min(300px,85vw);padding-bottom:max(18px,env(safe-area-inset-bottom))}
 .sidebar .plan-tip{display:none}
 .sidebar-bottom{padding-top:20px}
 .sidebar nav>a{min-height:46px}
 .icon-button{width:44px;height:44px;flex-shrink:0}
 .topbar{padding:0 14px;gap:8px}
 .topbar>div:first-child{min-width:0;gap:7px}
 .topbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar-actions{flex-shrink:0;gap:6px}
 .topbar-actions .btn{min-height:40px}
 .topbar-actions .top-avatar,.topbar-actions .environment{display:none}
 .main-content{padding:24px 16px}
 .btn,.btn.compact,.heading-actions .btn{min-height:44px}
 .field input,.field select,.field textarea,.inline-filter input,.inline-filter select,.properties .field input,.properties .field textarea,.inline-booking input,.inline-booking select{font-size:16px;min-height:44px}
 .field input[type=color]{height:44px}
 .panel-heading{gap:14px;flex-wrap:wrap}
 .inline-filter{width:100%;gap:10px}
 .inline-filter input{flex:1;max-width:none;min-width:100px}
 .inline-filter .btn{justify-content:center}
 .form-panel,.wizard-panel{padding:20px 16px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat strong{font-size:clamp(20px,5.5vw,27px);letter-spacing:-.7px}
 .stat-caption{line-height:1.6}
 .site-overview{display:block}
 .app-footer,.auth-footer,.public-footer{flex-wrap:wrap;gap:12px}
 .assist-banner{flex-wrap:wrap;gap:10px}
 .plans-grid{grid-template-columns:minmax(0,1fr)}
 .wizard-steps{flex-wrap:wrap;justify-content:center;row-gap:12px}
 .editor-main{padding:20px 12px}
 .editor-grid{display:flex!important;flex-direction:column;min-height:0}
 .editor-grid>*{width:100%;min-width:0}
 .editor-grid .block-library,.editor-grid .properties{position:static!important;max-height:none}
 .editor-grid .properties form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .properties .property-block-name{grid-column:1/-1}
 .editor-canvas-wrap{padding:16px 10px}
 .editor-canvas .feature-grid{grid-template-columns:1fr}
 .editor-toolbar #editor-status{max-width:none;width:100%}
 .photo-btn-row{flex-wrap:wrap}
 .photo-btn-row .btn{min-height:44px;flex:1;justify-content:center}
 .photo-btn-row .btn.btn-danger{flex:0 0 auto}
 .auth-body{padding:24px 5%}
 .welcome{margin-top:42px}
 .welcome h1{font-size:clamp(39px,10.8vw,58px);letter-spacing:-2px}
 .welcome .eyebrow{font-size:10px;line-height:1.7;letter-spacing:1.1px}
 .welcome>p{max-width:390px;padding:0 6px;line-height:1.85}
 .welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .welcome-actions .btn{justify-content:center;gap:10px;padding:13px 10px}
 .marketing-nav{font-size:14px;gap:8px}
 .marketing-nav a{display:flex;align-items:center;min-height:44px}
 .marketing-section>h2,.marketing-cta h2{font-size:clamp(26px,7vw,34px)}
 .marketing-card{padding:24px}
 .hgb-world-stage{height:340px;margin-top:20px}
 .globe-card-left{top:66px;left:2px}
 .globe-card-right{top:221px;right:2px}
 .globe-controls{bottom:8px;gap:4px;padding:0 6px;font-size:12px;max-width:100%}
 .globe-toggle{font-size:12px}
 .prod-layout{padding:25px 16px}
 .split-text h2{font-size:30px}
 .product-large{height:auto;min-height:280px;aspect-ratio:1}
 .gallery-grid img{height:auto;aspect-ratio:1;object-fit:cover}
 .slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .public-nav nav a{min-height:44px;display:inline-flex;align-items:center}
}
@media (max-width:380px){
 .welcome-actions{grid-template-columns:1fr}
 .welcome-modules{font-size:12px;gap:12px}
 .globe-card-left strong,.globe-card-right strong{font-size:11px}
 .globe-card-left,.globe-card-right{font-size:10px;padding:9px}
 .properties form{grid-template-columns:1fr!important}
 .product-grid{grid-template-columns:1fr}
 .stat-top{font-size:11px}
}
/* Published blocks share the same responsive controls as the editor. */
.site-block>.block-inner{width:100%;max-width:var(--block-max-width,1120px);margin-inline:auto;min-width:0}
.site-block .feature-grid,.site-block .gallery-grid,.site-block .product-grid,.site-block .split-layout{gap:var(--block-gap,24px)}
.site-block .split-layout{max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
.site-block .site-button{white-space:normal;max-width:100%;min-height:44px}
@media(max-width:900px){.site-block .split-layout{grid-template-columns:1fr}}
@media(max-width:720px){
 .legacy-site .site-block[style*="--block-mobile-padding"]{padding-top:var(--block-mobile-padding,24px)!important;padding-bottom:var(--block-mobile-padding,24px)!important}
 .legacy-site .site-block[data-title-size="large"] h1{font-size:clamp(32px,9vw,48px)!important}
 .legacy-site .site-block[data-title-size="large"] h2{font-size:clamp(28px,8vw,38px)!important}
}

.structured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--block-gap,24px);margin-top:24px}.structured-grid>article,.structured-grid>figure,.structured-grid>details{border:1px solid #ffffff24;padding:24px;border-radius:16px;margin:0;background:#ffffff05}.structured-faq{grid-template-columns:1fr}.structured-faq summary{cursor:pointer;font-weight:600;min-height:44px;display:list-item}.structured-grid blockquote{margin:0 0 20px;font-size:1.15rem;line-height:1.7}.structured-grid figcaption{opacity:.75}.pricing-price{display:block;font-size:2rem;margin-block:20px}.structured-grid p{white-space:pre-line}.block-text p,.block-cta p,.block-contact p{white-space:pre-line}

@media(max-width:720px){.hgb-world-stage{height:370px}.hgb-globe-live,.hgb-globe-fallback{width:440px;height:440px;top:-20px}.globe-card-left{top:50px}.globe-card-right{top:230px}}

.composition{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--block-gap,24px);min-width:0}.composition-node{position:relative;grid-column:span var(--node-span,12);min-width:0;box-sizing:border-box;overflow-wrap:anywhere}.composition-node h2,.composition-node p{font-size:inherit!important;line-height:1.4;margin:0;white-space:pre-wrap}.composition-node img{width:100%;height:var(--node-height,200px);object-fit:cover;border-radius:inherit}.composition-node.node-shape{min-height:var(--node-height,100px)}.composition-node .site-button{font-size:inherit}.composition-free{height:var(--composition-height,600px);display:block;overflow:hidden}.composition-free>.composition-node{position:absolute;left:var(--node-x,0);top:var(--node-y,0);width:var(--node-width,100%);height:var(--node-height,100px);overflow:auto}.composition-free .composition-node img{height:100%}.node-icon>span{font-size:2em}.composition-node .site-button{background:transparent;color:inherit;border:1px solid currentColor}.composition-empty{grid-column:1/-1;min-height:160px;display:grid;place-items:center;border:1px dashed #75b5ff66}
@media(max-width:720px){.composition,.composition-free{display:grid;height:auto;grid-template-columns:1fr;overflow:visible}.composition>.composition-node,.composition-free>.composition-node{position:relative;left:auto;top:auto;width:100%;height:auto;grid-column:1;max-width:100%}.composition-node h2{font-size:min(1em,36px)!important}}
.site-block p{color:inherit;opacity:.85}.composition-node p{opacity:1}
