/* Existing planner layout, copy and controls; only the new site's visual tokens. */
#markam-planner{--mp-ink:#10261a;--mp-yellow:var(--yellow);--mp-violet:var(--green);--mp-page:transparent;--mp-panel:#142c227d;--mp-text:var(--ink);--mp-muted:var(--muted);--mp-line:var(--edge);--mp-soft:#88d6a50a;--mp-radius:18px;font-family:var(--font);background:transparent}
#markam-planner :is(h1,h2,h3,.mp-plan-title,.mp-plan-price,.mp-brand-heading,.mp-total-value){font-family:var(--display);font-weight:500}#markam-planner :is(button,input,select,textarea){font-family:var(--font)}#markam-planner .mp-hero{background:transparent;color:var(--ink);padding-top:50px}#markam-planner .mp-hero p,#markam-planner .mp-trust{color:var(--muted)}#markam-planner h1{letter-spacing:-2px}#markam-planner .mp-shell{max-width:1240px;padding-inline:0;width:calc(100% - 96px)}#markam-planner .mp-workspace{gap:30px}#markam-planner .mp-estimate{top:110px;backdrop-filter:blur(20px);background:linear-gradient(145deg,#72b88518,#10261a90);box-shadow:inset 0 1px 0 #edffea2b,0 25px 60px #0002}#markam-planner :is(.mp-area-card,.mp-plan,.mp-services,.mp-setup-option,.mp-recurring-card){backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 #e8fff411}#markam-planner .mp-action{background:var(--yellow);color:#10251b;border:1px solid #ffe28b;box-shadow:inset 0 2px 1px #fff8,inset 0 -1px 1px #ffffff4d;border-radius:12px}#markam-planner .mp-secondary{background:var(--studio-crystal-fill);color:var(--ink);border:1px solid var(--studio-crystal-edge);box-shadow:var(--studio-crystal-shadow)}#markam-planner .mp-brand-field input{background:#081d136b;color:var(--ink);border-color:var(--edge)}#markam-planner .mp-share-wrap{color:var(--muted)}#markam-planner .mp-view-toggle{background:#102b205c;border-color:var(--edge)}#markam-planner .mp-view-toggle button{color:var(--muted)}#markam-planner .mp-view-toggle button[aria-pressed=true]{color:var(--ink);background:#d5ffe315}#markam-planner .mp-upgrade-dialog{background:#10271ff5;color:var(--ink);border:1px solid var(--edge)}#markam-planner .mp-upgrade-dialog::backdrop{background:#020b08cc;backdrop-filter:blur(9px)}#markam-planner .mp-wizard-nav{background:#0b241bf0;color:var(--ink);border-color:var(--edge)}#markam-planner .mp-mobile-budget{background:#0b241bf0;color:var(--ink);border-color:var(--edge)}#markam-planner .mp-step-badge{color:var(--green)}
.preview-brief{border-top:1px solid var(--edge);padding-top:30px;margin-bottom:30px}.preview-brief>label{display:block;font-size:12px;color:var(--ink);margin:22px 0 8px}.preview-brief>input,.preview-brief>textarea{width:100%;background:#0b241948;border:1px solid var(--edge);border-radius:11px;padding:13px 15px;color:var(--ink);font-size:14px;resize:vertical}.preview-brief .mp-smallprint{margin-top:12px!important;font-size:10px!important}.planner-theme-picker{margin-top:22px}.planner-theme-picker .theme-selection-heading h3{font-size:17px!important}.planner-theme-picker .theme-selection-heading p{font-size:12px;margin:8px 0 16px!important;color:var(--muted)}.planner-theme-rail{display:flex;overflow:auto;gap:15px;scroll-snap-type:x mandatory;padding-bottom:14px}.planner-theme-rail .theme-card{flex:0 0 300px;scroll-snap-align:start}.planner-theme-rail .theme-image-button{height:190px}.planner-theme-rail .theme-meta{padding:20px}.planner-theme-rail .theme-meta h3{font-size:20px!important;margin:9px 0!important}.planner-theme-rail .theme-meta p{font-size:11px;min-height:60px}.planner-theme-rail .theme-footer{margin-top:19px}.planner-theme-rail .text-button{font-size:10px!important}.planner-theme-rail .theme-card.selected{border-color:var(--green)}.selected-theme-line{padding:15px;display:flex;gap:12px;border-top:1px solid var(--edge);align-items:center}.selected-theme-line img{width:58px;height:42px;object-fit:cover;border-radius:7px}.selected-theme-line small{font-size:10px;color:var(--muted);display:block}.selected-theme-line strong{font-size:12px;font-weight:500;display:block}
html[data-theme=light] #markam-planner{--mp-panel:#ffffff85;--mp-soft:#387a5009}html[data-theme=light] #markam-planner :is(.mp-hero p,.mp-trust){color:var(--muted)}html[data-theme=light] #markam-planner .mp-estimate{background:linear-gradient(135deg,#fcfff6d9,#e4eddbc9)}html[data-theme=light] #markam-planner :is(.mp-brand-field input,.mp-upgrade-dialog,.mp-view-toggle,.mp-wizard-nav,.mp-mobile-budget){background:#f4f9f0f0;color:var(--ink)}html[data-theme=light] #markam-planner .mp-view-toggle button[aria-pressed=true]{background:#d3e5ca}html[data-theme=light] .preview-brief>input,html[data-theme=light] .preview-brief>textarea{background:#ffffff80}#markam-planner .mp-hero .mp-trust{color:var(--muted)}
@media(max-width:1200px){#markam-planner .mp-shell{width:calc(100% - 64px)}}@media(max-width:680px){#markam-planner .mp-shell{width:calc(100% - 40px)}#markam-planner .mp-hero{padding-top:33px}#markam-planner .mp-estimate{top:89px}.planner-theme-rail .theme-card{flex-basis:calc(100% - 10px)}.preview-brief>input,.preview-brief>textarea{font-size:16px}body:has(#markam-planner) .whatsapp-support{bottom:94px}#markam-planner[data-view=wizard] .preview-brief{display:none}#markam-planner[data-view=wizard][data-step=summary] .preview-brief{display:block}}
#markam-planner .mp-area{background:var(--mp-panel);border:1px solid var(--edge);color:var(--ink);box-shadow:inset 0 1px 0 #e8fff414;backdrop-filter:blur(15px)}#markam-planner .mp-area>span:last-child{color:var(--muted)}#markam-planner .mp-area[aria-pressed=true]{background:var(--mp-soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}#markam-planner .mp-area[aria-pressed=true] .mp-radio{border-color:var(--green)}#markam-planner .mp-main .mp-section-heading h2::before{background:var(--mp-soft);color:var(--green);border:1px solid var(--edge)}#markam-planner .mp-step-help{color:var(--muted)}#markam-planner .mp-start-hint{border-color:var(--edge);color:var(--muted)}#markam-planner .mp-estimate-top{background:linear-gradient(145deg,#163b2de0,#0a231aed);color:var(--ink)}#markam-planner :is(.mp-budget-split dt,.mp-budget-period,.mp-budget-year>span,.mp-estimate-top .mp-tax,.mp-proposal-date){color:var(--muted)}#markam-planner .mp-budget-period strong{color:var(--ink)}#markam-planner .mp-brand-field input::placeholder{color:var(--faint)}#markam-planner .mp-budget-year{border-color:var(--edge)}#markam-planner .mp-view-control{background:#102a21a1;border-color:var(--edge)}#markam-planner .mp-view-control button{color:var(--muted)}#markam-planner .mp-view-control button[aria-pressed=true]{color:#172b20}#markam-planner .mp-compatibility{background:var(--mp-soft);color:var(--muted)}#markam-planner .mp-compatibility[data-unavailable=true]{background:#c8a94d14;color:var(--accent-text)}#markam-planner .mp-upgrade-dialog p{color:var(--muted)}#markam-planner .mp-upgrade-option:has(input:checked){background:var(--mp-soft)}#markam-planner :is(.mp-upgrade-option small,.mp-recurring-card .mp-plan-features,.mp-package-cost small){color:var(--muted)}#markam-planner .mp-service-switch input{background:#81978b45;border-color:var(--edge)}#markam-planner .mp-service-switch input:checked{background:var(--green);border-color:var(--green)}#markam-planner .mp-offer,#markam-planner .mp-design-badge-installation{background:var(--mp-soft);color:var(--green)}
html[data-theme=light] #markam-planner .mp-estimate-top{background:linear-gradient(135deg,#e4f0d9,#edf4e5)}html[data-theme=light] #markam-planner .mp-view-control{background:#d8e6d066}
#markam-planner .mp-button--primary{position:relative;isolation:isolate;overflow:hidden;background:var(--studio-crystal-fill),#ffce3212;color:#fff2ba;border:1px solid #f1de815c;box-shadow:var(--studio-crystal-shadow);backdrop-filter:blur(14px);transition:transform .2s}
#markam-planner .mp-button--primary:before{content:'';position:absolute;z-index:-1;inset:-60% 10%;background:radial-gradient(ellipse at 32% 50%,#ffce327a,#f4c33630 30%,transparent 68%);filter:blur(11px);animation:amberWithin 5.5s ease-in-out infinite}
#markam-planner .mp-button--primary:hover{transform:translateY(-1px) scale(1.02);background:var(--studio-crystal-fill),#ffce3212}
html[data-theme=light] #markam-planner .mp-button--primary{color:#51400a}
@media(prefers-reduced-motion:reduce){#markam-planner .mp-button--primary:before{animation:none}}
/* Both views share one toolbar position, width and heading size. */
body[data-page=planner]{--planner-header-height:79px}
#markam-planner[data-view] .mp-shell{width:min(1240px,calc(100% - 96px));max-width:1240px;padding-inline:0}
#markam-planner[data-view] .mp-hero{padding:26px 0 20px;scroll-margin-top:var(--planner-header-height);background:transparent}
#markam-planner[data-view] .mp-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;min-height:54px}
#markam-planner[data-view] h1{font-size:32px;line-height:1.2;letter-spacing:-1.2px}
#markam-planner[data-view] #mp-lead{font-size:13px;margin-top:12px;line-height:1.7}
#markam-planner[data-view=wizard]{height:calc(100dvh - var(--planner-header-height));padding-top:0;flex:1}
#markam-planner[data-view=wizard] .mp-workspace{padding-block:14px;gap:26px}
#markam-planner[data-view] .mp-view-control{display:flex;align-self:center;gap:5px;padding:5px;border-radius:16px;background:var(--studio-crystal-fill);border:1px solid var(--studio-crystal-edge);box-shadow:var(--studio-crystal-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#markam-planner[data-view] .mp-view-control button{min-height:42px;padding:9px 14px;gap:8px;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;transition:color .2s,box-shadow .2s}
#markam-planner[data-view] .mp-view-control button[aria-pressed=true]{color:var(--yellow);background:var(--studio-crystal-fill);border:1px solid var(--studio-crystal-edge);box-shadow:var(--studio-crystal-shadow)}
#markam-planner[data-view] .mp-view-control button:not([aria-pressed=true]){border:1px solid transparent}
html[data-theme=light] #markam-planner[data-view] .mp-view-control button[aria-pressed=true]{color:var(--accent-text)}
body:has(#markam-planner[data-view=wizard]) .whatsapp-support{bottom:100px}
@media(max-width:1200px){#markam-planner[data-view] .mp-shell{width:calc(100% - 64px)}}
@media(max-width:950px){#markam-planner[data-view=wizard]{height:calc(100dvh - var(--planner-header-height) - 88px)}}
@media(max-width:680px){
 body[data-page=planner]{--planner-header-height:69px}
 #markam-planner[data-view] .mp-shell{width:calc(100% - 40px)}
 #markam-planner[data-view] .mp-hero{padding:18px 0 14px}
 #markam-planner[data-view] .mp-toolbar{flex-direction:column;align-items:stretch;gap:13px}
 #markam-planner[data-view] h1{font-size:27px;line-height:1.2;letter-spacing:-1px}
 #markam-planner[data-view] .mp-view-control{align-self:stretch}
 #markam-planner[data-view] .mp-view-control button{flex:1;min-height:42px;padding:8px 10px}
 #markam-planner[data-view] .mp-view-control button>span{display:inline}
 #markam-planner[data-view=wizard] .mp-workspace{padding-block:12px}
 #markam-planner[data-view=wizard] .mp-wizard-footer{padding:10px 0}
 #markam-planner[data-view=wizard] .mp-wizard-progress button{min-height:44px}
 #markam-planner[data-view=wizard] #mp-wizard-status{margin-top:8px}
}
/* Amber step markers and scrollbars stay within the planner's visual language. */
#markam-planner .mp-step-number{border:1px solid #ffce3259;background:var(--studio-crystal-fill),#10271d4d;color:var(--yellow);box-shadow:inset 0 1px 1px #ffe8a12e;font-weight:600}
#markam-planner .mp-wizard-progress button[aria-current]{border-bottom-color:var(--yellow)}
#markam-planner .mp-wizard-progress button[aria-current] .mp-step-number{background:var(--markam-primary-fill);border-color:var(--markam-primary-edge);color:#163426;box-shadow:var(--markam-primary-shadow)}
#markam-planner,#markam-planner *,html:has(#markam-planner),body:has(#markam-planner){scrollbar-color:var(--yellow) transparent;scrollbar-width:thin}
#markam-planner[data-view=wizard] :is(.mp-main,.mp-estimate,.mp-workspace){scrollbar-color:var(--yellow) transparent}
#markam-planner ::-webkit-scrollbar{width:7px;height:7px}
#markam-planner ::-webkit-scrollbar-track{background:transparent}
#markam-planner ::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
html[data-theme=light] #markam-planner .mp-step-number{color:var(--accent-text);border-color:#a4802c66}
html[data-theme=light] #markam-planner .mp-wizard-progress button[aria-current] .mp-step-number{color:#163426}

/* Mobile planning is one focused, full-height journey; the site dock stays on other pages. */
@media(max-width:720px){
 body[data-page=planner] :is(.mobile-site-dock,.whatsapp-support){display:none!important}
 #markam-planner[data-view] .mp-view-control{display:none}
 #markam-planner[data-view=wizard]{height:calc(100dvh - var(--planner-header-height))}
 #markam-planner[data-view=wizard] .mp-hero{padding:12px 0 8px}
 #markam-planner[data-view=wizard] .mp-hero .mp-eyebrow{display:none}
 #markam-planner[data-view=wizard] h1{font-size:24px}
 #markam-planner[data-view=wizard] #mp-lead{font-size:12px;margin-top:6px}
 #markam-planner[data-view=wizard] .mp-shell{width:calc(100% - 28px);padding-inline:0}
 #markam-planner[data-view=wizard] .mp-main{padding-inline:1px;scroll-padding-block:12px}
 #markam-planner[data-view=wizard] .mp-wizard-footer{padding:10px 0 max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 #markam-planner .mp-wizard-footer-inner{gap:10px}
 #markam-planner .mp-wizard-budget strong{font-size:17px}
 #markam-planner .mp-wizard-back{padding-inline:10px}
 #markam-planner #mp-wizard-next{min-width:116px;min-height:46px;font-size:12px;padding-inline:14px}
 #markam-planner :is(.mp-setup-option,.mp-service-toggle,.mp-billing button){min-height:48px}
 #markam-planner :is(input,select,textarea){font-size:16px}
 #markam-planner .mp-area{padding:16px;min-height:120px}
 #markam-planner[data-view=wizard] .mp-workspace{padding-block:8px}
}