:root{--sea:#245d57;--sea-light:#e5eee9;--night:#173c3a} .global-pill{display:inline-flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sea);padding:8px 12px;border-radius:30px;border:1px solid #cddbd0;background:#f3f7ee}.global-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding:42px 0 48px}.global-hero h1{font-size:clamp(36px,4.9vw,66px);line-height:1.14;color:var(--night);margin:20px 0;letter-spacing:-.045em}.global-hero .lead{font-size:16px;max-width:560px;color:#6c766c}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.sea{background:var(--sea);color:white;border:0;border-radius:28px;padding:13px 24px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.sea:hover{background:#173f3b}.orbit-panel{background:var(--night);border-radius:26px;padding:26px;color:#f5f3dd;min-height:335px;position:relative;overflow:hidden;border:1px solid #49716a}.orbit-panel svg{width:100%;height:225px;display:block}.orbit-panel .map-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#d0ddcb;gap:12px}.orbit-panel p{font-size:12px;line-height:1.8;color:#b9cbbc;margin:0}.map-dot{fill:#e7bf74;stroke:#173c3a;stroke-width:4}.map-arc{fill:none;stroke:#8ea99b;stroke-width:1.4;stroke-dasharray:5 5}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:20px 0;margin-bottom:38px}.metric-strip article{padding:0 24px;border-inline-end:1px solid var(--line)}.metric-strip article:first-child{padding-inline-start:0}.metric-strip article:last-child{border:0}.metric-strip b{display:block;color:var(--night);font-size:21px;margin-bottom:5px}.metric-strip span{font-size:12px;color:#807967}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.section-top h2{font-size:25px;color:var(--night);margin:0}.section-top p{color:var(--muted);margin:8px 0 0;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border:1px solid var(--line);border-radius:22px;background:#fffdf8;overflow:hidden;display:flex;flex-direction:column}.service-art{height:160px;background:#e8ebe3;overflow:hidden}.service-art img{width:100%;height:100%;object-fit:cover}.service-art.icon-art{display:grid;place-items:center;color:var(--sea);background:linear-gradient(145deg,#e9eee4,#c9dbd0);font-size:58px}.service-copy{padding:23px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.service-copy small{font-size:10px;letter-spacing:.1em;color:var(--sea)}.service-copy h3{font-size:20px;margin:12px 0}.service-copy p{font-size:13px;line-height:1.8;color:#827b6f;flex:1;margin:0 0 20px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0 40px}.how-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fffaf5}.how-grid small{color:#ae854c;font-size:12px}.how-grid h3{font-size:16px;margin:16px 0 9px}.how-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.status-note{background:#edf3ec;border:1px solid #d4dfd0;border-radius:14px;padding:15px 18px;color:#526451;font-size:12px;line-height:1.8;margin:20px 0}.status-note.warn{background:#fff2df;border-color:#ead5af;color:#8b672c}.booking-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;align-items:start}.booking-layout .panel{padding:25px;min-width:0}.booking-layout h2,.panel h2{font-size:19px;margin-top:0}.booking-layout form .form-grid{gap:17px}.booking-layout label,.partner-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#776d5b}.booking-layout input,.booking-layout select,.booking-layout textarea,.partner-form input,.partner-form select,.partner-form textarea,.network-filter select{border:1px solid #dfd6c5;background:#fffcf5;border-radius:10px;padding:12px;min-height:46px;color:#353b32;width:100%;min-width:0}.booking-layout input:focus,.booking-layout select:focus,.booking-layout textarea:focus{outline:2px solid #719e85;outline-offset:2px}.booking-layout .full{grid-column:1/-1}.estimate-box{position:sticky;top:92px}.estimate-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.estimate-total{font-size:40px;color:var(--sea);letter-spacing:-.04em;margin:18px 0 8px;font-weight:700;overflow-wrap:anywhere}.estimate-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ebe4d7;font-size:12px}.estimate-row span{color:#837c6e}.estimate-row b{text-align:end;white-space:nowrap}.estimate-detail{line-height:1.8;font-size:11px;color:#8b8170}.estimate-empty{font-size:15px;padding:30px 0;color:#9d7a40}.visual-preview{margin:22px 0;background:#123633;color:#d7e7d8;border-radius:16px;overflow:hidden}.visual-preview canvas{width:100%;height:240px;display:block;touch-action:pan-y}.visual-controls{display:flex;align-items:center;gap:12px;padding:13px;flex-wrap:wrap}.visual-controls select{width:auto;background:#204944;color:#f2efd9;border-color:#58766b}.visual-controls small{font-size:10px;color:#b2c6b9;flex:1}.visual-preview .caption{font-size:11px;padding:0 15px 15px;color:#b2c6b9}.network-filter{display:flex;align-items:center;gap:12px;margin:22px 0}.network-filter select{width:auto}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.node-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fffdf8}.node-card .node-city{font-size:25px;color:var(--night);margin:16px 0}.node-card dl{font-size:12px;line-height:1.9}.node-card dt{color:var(--muted);margin-top:12px}.node-card dd{margin:2px 0}.node-card .soft{margin-top:18px}.global-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.global-tabs a{padding:10px 18px;border:1px solid #d7ded0;border-radius:30px;font-size:12px}.global-tabs a.active{background:var(--sea);color:white;border-color:var(--sea)}.request-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fffdf8;margin:15px 0}.request-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.request-card h3{margin:12px 0;font-size:20px;overflow-wrap:anywhere}.request-card p{font-size:12px;line-height:1.9;color:#827969;overflow-wrap:anywhere}.request-card .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.request-card .actions button{font-size:12px;min-height:40px;padding:10px 16px}.checklist{list-style:none;padding:0;margin:16px 0}.checklist li{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}.checklist i{font-style:normal;color:#ad8247}.ops-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.ops-grid .panel{min-width:0}.integration-state{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.integration-state b{color:#9b7441;font-weight:500}.partner-form{max-width:900px}.partner-form .form-grid{gap:18px}.partner-form button{margin-top:22px}.consent-line{display:flex!important;flex-direction:row!important;align-items:start;gap:10px;margin-top:18px;line-height:1.8}.consent-line input{width:17px!important;min-height:17px!important;margin-top:4px;flex-shrink:0}.saved-summary{padding:24px;background:#edf3ec;border:1px solid #ccdccd;border-radius:15px;margin:20px 0}.saved-summary h2{color:var(--sea)}.topbar .page-context{display:none}.topbar nav{gap:0}.topbar nav a{padding:10px;font-size:12px}.brand .brand-word{font-size:16px;color:var(--sea)}.footer-bottom a[href^="tel:"]{display:none}.pill.planning{background:#edf2e9;color:#677b5e}.rental-heading{margin-top:20px}.rental-heading h1{color:var(--night)}.global-back{display:inline-block;font-size:12px;color:var(--sea);margin-bottom:14px}.area-preview{padding:35px 25px;background:repeating-linear-gradient(0deg,#173c3a,#173c3a 29px,#2a5149 30px);text-align:center}.area-preview strong{font-size:34px;color:#e9cc8d}.area-preview p{font-size:12px;color:#b6c8b4;line-height:1.9}.sr-live{font-size:12px;color:var(--sea);line-height:1.8}.partner-form .full{grid-column:1/-1}.global-note{font-size:12px;color:#8a8178;line-height:1.8}.more-link{font-size:12px;color:var(--sea)}
@media(min-width:1200px){.topbar{padding-inline:30px;gap:25px}}
@media(max-width:1050px){.topbar nav a{font-size:11px;padding:10px 7px}.topbar{gap:10px}.login{padding:10px 13px}.global-hero{gap:25px}.service-copy{padding:18px}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.global-hero{grid-template-columns:1fr;padding:25px 0}.global-hero h1{max-width:680px}.orbit-panel{min-height:280px}.orbit-panel svg{height:200px}.service-grid,.node-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:180px 1fr}.service-art{height:100%;min-height:200px}.booking-layout,.ops-grid{grid-template-columns:1fr}.estimate-box{position:static}.metric-strip b{font-size:17px}.metric-strip article{padding:0 14px}.topbar nav{white-space:normal}.topbar nav a{font-size:13px;padding:12px 15px}.global-hero .lead{max-width:none}.network-filter{align-items:stretch;flex-direction:column}.network-filter select{width:100%}}
@media(max-width:540px){main{width:calc(100% - 32px)}.global-hero h1{font-size:39px}.metric-strip{gap:14px;grid-template-columns:1fr}.metric-strip article{padding:0;border:0}.metric-strip b{font-size:19px}.metric-strip span{display:block}.service-card{display:flex}.service-art{height:170px;min-height:0}.how-grid{grid-template-columns:1fr 1fr;gap:10px}.how-grid article{padding:15px}.how-grid h3{font-size:14px}.section-top{align-items:start;flex-direction:column;gap:8px}.booking-layout .panel{padding:20px}.booking-layout .form-grid,.partner-form .form-grid{grid-template-columns:1fr}.booking-layout .full,.partner-form .full{grid-column:auto}.estimate-total{font-size:34px}.request-top{flex-direction:column}.request-card{padding:20px}.orbit-panel{padding:20px}.topbar .brand img{display:none}.header-actions{gap:4px}.login{padding:10px}.brand .brand-word{font-size:14px}.visual-controls select{max-width:180px}.global-hero .hero-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Shared visual system across rental, gallery and workspace routes. */
:root{--ink:#193d38;--muted:#718078;--gold:#245d57;--gold-dark:#19463f;--line:#dce5de;--surface:#fff;--bg:#f6f8f4}body{background:#f6f8f4;color:var(--ink)}.topbar{background:#ffffffed;border-color:var(--line);box-shadow:none}.brand,.brand b,h1,h2,h3{color:var(--ink)}h1{font-size:clamp(32px,4.2vw,54px);letter-spacing:-.045em;line-height:1.14;font-weight:650}.topbar nav a{color:#64766c;border-radius:10px}.topbar nav a.active,.topbar nav a:hover{background:#eaf1eb;border-color:#d7e4db;color:#245d57}.login,#language,.menu-toggle{color:#245d57;border-color:var(--line);border-radius:10px;background:#fff}.lead,.section-intro,.global-note,.summary-note,.form-note{color:#718078}.gold,.sea{background:#245d57;color:#fff;border:1px solid #245d57;box-shadow:none;border-radius:10px;font-weight:600;min-height:46px}.gold:hover,.sea:hover{background:#19463f;filter:none}.soft,.outline{background:#fff;color:#245d57;border:1px solid #d5e1d7;border-radius:10px;box-shadow:none;min-height:46px}.soft:hover,.outline:hover{background:#eef4ee;border-color:#9fb9a7}.panel,.card,.home-feature,.request-card,.node-card,.service-card,.how-grid article,.order-row{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none}.panel{padding:26px}.service-copy small,.eyebrow{color:#55785e}.service-copy p,.how-grid p,.card-copy p,.order-row p{color:#718078}.card{transition:transform .2s,border-color .2s}.card:hover{box-shadow:none;border-color:#9fb9a7;transform:translateY(-3px)}.card h3{color:#193d38}.card-copy p:before{color:#64866c}.badge,.pill{background:#edf3eb;color:#426b4e;border:1px solid #dce6d6}.filter{background:#fff;color:#55705c;border:1px solid var(--line);border-radius:10px;box-shadow:none}.filter.active,.pagination button.active{background:#245d57;border-color:#245d57;color:#fff;box-shadow:none}.filter:hover:not(.active){background:#edf3eb;border-color:#a8c0ac}.search,input,select,textarea,.form-grid input,.form-grid textarea,.form-grid select{background:#fff;border-color:#d9e2d9;color:#193d38;border-radius:10px}.tip{background:#edf3eb;color:#55735a;border:1px solid #d9e5d7;border-radius:10px}.tip i{background:#63886b}.pagination button{border-color:var(--line);background:#fff;color:#42694c;border-radius:8px}.count{color:#718078}.empty{background:#fff;border-color:#cadacb;color:#718078;border-radius:16px}.empty .icon{color:#63886b}.profile-head{background:#fff;border:1px solid var(--line);border-radius:16px}.avatar,.workspace-icon{background:#e7efe5;color:#245d57}.preview,.workspace-dialog{border:1px solid var(--line);border-radius:18px;background:#fff;color:#193d38}.modal-close{background:#edf3eb;color:#245d57}.preview h2{color:#193d38}.selected-item{border-color:var(--line);background:#f5f8f2;border-radius:10px}.selected-item small{color:#718078}.remove{color:#64846c}.status-note,.saved-summary{background:#edf4e9;border-color:#d3e3cc;color:#506a4d;border-radius:12px}.status-note.warn{background:#f7f4e8;border-color:#e4dec4;color:#837443}.global-tabs a{border-radius:10px;background:#fff;border-color:var(--line);color:#55705c}.global-tabs a.active{background:#245d57;color:#fff}.orbit-panel{background:#edf3eb;color:#245d57;border-color:#d7e4d4}.orbit-panel p,.orbit-panel .map-label{color:#547158}.orbit-panel svg{background:#254d43;border-radius:12px;margin:14px 0}.metric-strip{border-color:var(--line)}.estimate-total{color:#245d57}.estimate-row,.integration-state,.checklist li{border-color:var(--line)}.estimate-row span,.estimate-detail{color:#718078}.how-grid small{color:#6b8d65}.global-pill{background:#edf3eb;color:#426b4e;border-color:#d9e6d5;border-radius:8px}.section-title{color:#193d38}.footer-grid h4{color:#193d38}footer{background:#edf2ec;border-top:1px solid #dce5d8;color:#6f8071}.footer-brand{color:#245d57}.footer-bottom{border-color:#d8e2d6}.footer-bottom a,.footer-grid a{color:#506d58}#toast{background:#245d57;color:#fff;border-radius:10px;box-shadow:0 8px 30px #193d3820}.visual-preview{border:1px solid #d7e4d4}.visual-controls .soft{background:#eaf1e6;color:#245d57}.home-feature span{color:#6b8d65}.global-hero{padding-top:42px}.request-top .pill{font-size:11px}.service-art.icon-art{background:#e7efe2}.gold:focus-visible,.sea:focus-visible,.soft:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6b9674;outline-offset:3px}@media(max-width:800px){.topbar.open nav{background:#fff;border-color:var(--line)}}
/* Narrow phone layout: natural wrapping, legible inputs and reachable actions. */
main,section,article,aside,form,.panel,.request-card,.service-copy,.footer-grid>article{min-width:0}img{filter:none;opacity:1}input,select,textarea{font-size:16px}.request-card h3,.request-card p,.email,.estimate-row,.integration-state,.footer-grid a{overflow-wrap:anywhere}.request-card .actions>*{min-height:44px}.estimate-row b{white-space:normal}.visual-controls{background:#edf3eb}.visual-controls small{color:#526f58}.visual-preview .caption{background:#edf3eb;color:#526f58;padding-top:12px}.orbit-panel svg{background:#e1ecdd}.orbit-panel .map-label{flex-wrap:wrap}
@media(max-width:420px){.topbar{padding-inline:12px;gap:8px}.brand .brand-word{font-size:14px}.login{font-size:11px;padding:10px}.menu-toggle{min-width:44px;min-height:44px}.request-card .actions{display:grid;grid-template-columns:1fr}.request-card .actions>*{width:100%}.request-card .actions button{white-space:normal}.global-tabs{display:grid;grid-template-columns:1fr}.global-tabs a{min-height:44px}.how-grid{grid-template-columns:1fr}.booking-layout .panel{padding:16px}.estimate-row{gap:12px}.estimate-row b{max-width:60%}.global-hero h1{font-size:34px}.form-grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:minmax(0,1fr)}.visual-controls button{width:100%}}
