/* Small websites with complete, local-only customer journeys. */
.mini-browser{display:flex;align-items:center;gap:12px;background:#e8edf5;color:#63748d;padding:9px 15px;font-size:10px;border-bottom:1px solid #d4ddea}.mini-browser button{border:0;background:#ffffff9c;color:#435875;width:30px;height:30px;border-radius:5px;font-size:18px}.mini-browser button:disabled{opacity:.35;cursor:default}.mini-address{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.mini-live{font-size:7px;letter-spacing:.8px;white-space:nowrap;color:#677d9d}.sample-site{position:relative}.sample-nav{position:relative;z-index:2}.sample-nav button.sample-brand{font:inherit;font-size:26px;font-weight:600;letter-spacing:-1px;padding:0;background:transparent;border:0;text-align:left;min-height:40px;color:inherit}.sample-type{margin-left:auto}.sample-menu{z-index:4;top:72px;min-width:190px;box-shadow:0 18px 45px #10234025}.sample-menu button{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;text-align:left}.sample-menu button[aria-current=page]{color:var(--demo-accent);background:#eff4fc}.sample-brand:hover{opacity:.75}.sample-form .sample-hero h3 em{color:var(--demo-accent)}.sample-form .sample-nav .sample-brand{font-style:italic;font-weight:750}.sample-form .mini-page,.sample-form .mini-footer{background:#f8faf9;color:#263d34}.mini-page{padding:35px;background:#fff;color:#2c4054;animation:mini-enter .25s ease-out}.mini-heading>p:first-child{font-size:9px;letter-spacing:1.3px;color:var(--demo-accent);margin:0 0 15px}.mini-heading h3{font-size:clamp(27px,3.7vw,43px);letter-spacing:-1.7px;font-weight:500;line-height:1.1;max-width:580px;margin:0 0 18px;text-wrap:balance}.mini-heading h3:focus{outline:none}.mini-description{font-size:12px;line-height:1.9;color:#66768b;max-width:540px;margin-bottom:25px}.mini-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.mini-filters button{border:1px solid #dce3ed;background:#fff;color:#68798f;padding:10px 14px;min-height:42px;font-size:11px;border-radius:4px}.mini-filters button[aria-pressed=true]{background:var(--demo-accent);border-color:var(--demo-accent);color:#fff}.mini-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini-project{border:0;background:none;padding:0;text-align:left;color:inherit}.mini-project-image{height:145px;overflow:hidden;background:#e8e9e5}.mini-project img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.mini-project:hover img{transform:scale(1.05)}.mini-project small{display:block;font-size:9px;color:#8190a2;margin:15px 0 8px}.mini-project strong{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;gap:10px}.mini-project strong span{color:var(--demo-accent)}.mini-project-detail{display:grid;grid-template-columns:1fr 1.1fr;background:#fff}.mini-project-detail>img{width:100%;height:100%;min-height:375px;object-fit:cover}.mini-materials{border-block:1px solid #dbe2e9;padding:18px 0;margin:25px 0}.mini-materials dt{font-size:8px;letter-spacing:1px;color:#8593a5;margin-bottom:10px}.mini-materials dd{font-size:12px;margin:0;line-height:1.9}.mini-primary,.mini-secondary,.mini-danger{border:1px solid transparent;border-radius:4px;font-size:11px;min-height:44px;padding:12px 17px;line-height:1.6}.mini-primary{background:var(--demo-accent,#356cf4);color:#fff}.mini-primary:hover{filter:brightness(.94)}.mini-primary:disabled{background:#e5e9ee;color:#7b8797;cursor:default;filter:none}.mini-secondary{background:#eef3fa;color:#4f6d97;border-color:#dce5f3}.mini-danger{background:#fff3f2;border-color:#efcfcd;color:#a14a43}.mini-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.mini-services button{border:1px solid #dce3e9;background:#fbfcfd;color:#354d62;padding:20px;text-align:left;border-radius:4px}.mini-services button[aria-pressed=true]{border-color:var(--demo-accent);box-shadow:inset 0 0 0 1px var(--demo-accent);background:var(--demo-tint,#f1f5fc)}.mini-services strong{font-size:16px;font-weight:500;display:block;margin-bottom:10px}.mini-services span{font-size:11px;line-height:1.9;color:#6b7e90}.mini-estimator{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;border-top:1px solid #dde5ee;padding-top:25px}.mini-form{display:grid;gap:18px;max-width:540px}.mini-form label{display:block;font-size:12px;font-weight:500;line-height:1.7;color:#50647d}.mini-form select,.mini-form textarea{display:block;margin-top:9px;width:100%;padding:12px;font:13px/1.6 inherit;background:#fff;color:#354f6d;border:1px solid #cfdae9;border-radius:4px}.mini-form select{min-height:46px;font-size:13px}.mini-form textarea{font-family:inherit;font-size:13px;resize:vertical}.mini-form button{justify-self:start}.mini-estimate-result{padding:24px;background:#eff4f9;border-radius:5px}.mini-estimate-result>span{font-size:8px;letter-spacing:.7px;color:#6a8199}.mini-estimate-result output{display:block;font-size:42px;font-weight:500;letter-spacing:-1.5px;color:var(--demo-accent);margin:10px 0}.mini-estimate-result p{font-size:11px;line-height:1.9;color:#657b95;margin-bottom:20px}.mini-estimate-note{font-size:12px;line-height:1.9;background:#eff4fa;padding:15px;color:#5c7696}.mini-disclaimer{font-size:10px!important;line-height:1.9!important;color:#7a8a9f!important;margin:20px 0 0!important;max-width:570px}.mini-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 28px;border-top:1px solid #314d6420;background:#fafcfd;color:#8292a6}.mini-footer span{font-size:7px;letter-spacing:.5px}.mini-footer button{border:0;background:none;padding:9px 0;color:var(--demo-accent);font-size:11px;white-space:nowrap}.mini-success{padding:25px;border:1px solid #dce6ee;background:#f6fafb;margin-bottom:25px}.mini-success>span{display:inline-grid;place-items:center;background:var(--demo-accent);color:white;width:34px;height:34px;border-radius:50%;margin-bottom:10px}.mini-success h4{font-size:18px;font-weight:500;margin:0 0 10px}.mini-success>p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.mini-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mini-actions>button:not(.mini-primary){border:0;background:none;color:var(--demo-accent);font-size:11px;padding:12px}.mini-session-list{border-top:1px solid #dbe4e3;margin-top:25px}.mini-session{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #dbe4e3}.mini-session-time{font-size:19px;color:var(--demo-accent)}.mini-session-time small{display:block;font-size:8px;color:#83968c;letter-spacing:.5px;margin-top:5px}.mini-session h4{font-size:20px;font-weight:500;margin:0 0 6px}.mini-session p{font-size:12px;line-height:1.7;margin:0 0 7px;color:#73857b}.mini-session>div>small{font-size:10px;color:#7c8d86}.mini-session button{font-size:10px;white-space:nowrap}.appointment-reference{display:block;color:#8a9bb3;font-size:9px;line-height:1.8;margin-top:5px;white-space:nowrap}.status-label.cancelled{background:#f4e9e7;color:#99645e}.activity-toolbar{flex-wrap:wrap;gap:15px}.activity-filters{flex-wrap:wrap}.search-label input{width:165px}.booking-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.demo-history{padding:18px 0 0;border-top:1px solid #dce5f1;margin-top:20px}.demo-history summary{font-size:12px;color:#617a9d;cursor:pointer;min-height:30px}.demo-history ul{padding-left:17px;font-size:11px;color:#7b8da7;line-height:2;margin-bottom:0}.appointment-dialog{max-width:610px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:35px;--demo-accent:#356cf4;color:#344e70}.appointment-dialog::backdrop{background:#07152d90;backdrop-filter:blur(5px)}.appointment-dialog h2{font-size:30px;letter-spacing:-1px;margin:15px 0 30px}.appointment-dialog .eyebrow{padding-right:30px;font-size:9px}.manage-name{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:17px!important;font-weight:500}.manage-name .status-label{font-weight:400}.manage-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:15px}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.manage-grid label:last-child{grid-column:1/-1}.reschedule-form,.cancel-confirmation{margin-top:25px;border-top:1px solid #dbe3ef;padding-top:25px}.reschedule-form{gap:16px}.reschedule-form h3,.cancel-confirmation h3{margin:0 0 10px;font-size:17px}.cancel-confirmation p{font-size:13px;line-height:1.8;color:#778ca9}.cancel-confirmation button{margin:4px 8px 0 0}#appointment-message{color:#34649d;font-size:13px;line-height:1.8;margin-top:20px}#appointment-message:empty{display:none}#appointment-message:focus{outline:none}.concept-viewport[data-device=mobile] .mini-live{display:none}.concept-viewport[data-device=mobile] .mini-page{padding:27px 22px}.concept-viewport[data-device=mobile] .mini-heading h3{font-size:32px}.concept-viewport[data-device=mobile] .mini-project-grid,.concept-viewport[data-device=mobile] .mini-project-detail,.concept-viewport[data-device=mobile] .mini-services,.concept-viewport[data-device=mobile] .mini-estimator{grid-template-columns:1fr}.concept-viewport[data-device=mobile] .mini-project-image{height:185px}.concept-viewport[data-device=mobile] .mini-project-detail>img{height:220px;min-height:0}.concept-viewport[data-device=mobile] .mini-services button{padding:18px}.concept-viewport[data-device=mobile] .mini-session{grid-template-columns:55px 1fr;gap:15px}.concept-viewport[data-device=mobile] .mini-session button{grid-column:2;justify-self:start}.concept-viewport[data-device=mobile] .mini-footer{flex-wrap:wrap;padding:16px 22px;gap:5px}.concept-viewport[data-device=mobile] .mini-filters{gap:7px}.concept-viewport[data-device=mobile] .mini-filters button{padding:9px 11px}.concept-viewport[data-device=mobile] .sample-nav .sample-brand{font-size:23px}
.appointment-dialog .dialog-close{position:absolute;top:18px;right:18px;float:none}.manage-actions[hidden]{display:none}
@keyframes mini-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.mini-live{display:none}.mini-browser{padding:8px 12px;font-size:9px;gap:8px}.mini-page{padding:28px 22px}.mini-heading h3{font-size:32px;letter-spacing:-1.2px}.mini-description{font-size:12px}.mini-project-grid,.mini-project-detail,.mini-services,.mini-estimator{grid-template-columns:1fr}.mini-project-grid{gap:25px}.mini-project-image{height:210px}.mini-project strong{font-size:15px}.mini-project-detail>img{height:240px;min-height:0}.mini-services{gap:10px}.mini-services button{padding:18px}.mini-filters{gap:7px}.mini-filters button{padding:10px 12px}.mini-form select,.mini-form textarea{font-size:16px}.mini-session{grid-template-columns:55px 1fr;gap:15px}.mini-session button{grid-column:2;justify-self:start}.mini-footer{flex-wrap:wrap;padding:16px 22px;gap:5px}.mini-footer span{font-size:7px}.sample-nav button.sample-brand{font-size:23px}.sample-menu{top:65px}.activity-filters>button{padding:9px 11px}.search-label input{font-size:16px}.appointment-dialog{padding:27px 23px}.appointment-dialog h2{font-size:27px}.manage-grid{grid-template-columns:1fr}.manage-actions{flex-direction:column;align-items:stretch}.manage-actions button{text-align:center}.manage-name{flex-wrap:wrap;gap:10px}.booking-times{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-v2 table{min-width:560px}.appointment-reference{font-size:10px}.demo-history ul{font-size:11px}.mini-estimate-result{padding:20px}}
@media(prefers-reduced-motion:reduce){.mini-page{animation:none}.mini-project img{transition:none}}