/* Miami in daylight: pastel surfaces, vivid accents, an unobstructed mural. */
:root{color-scheme:light;--paper:#f1f9fa;--ink:#20334b;--muted:#536578;--line:#c3dce0;--acid:#ff77bb;--gold:#a07725;--white:#ffffff;--blue:#d4f3f1;--night:#20334b;--aqua:#69e4df;--pink:#ff77bb;--teal:#096c74}
body{background:var(--paper)}
::selection{background:#ff77bb;color:#10172d}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--teal)}
.preview-bar{background:#d9edf0;color:#20334b;border-bottom:1px solid #bfd9df}
.preview-bar span{color:#4d6478}
header{position:relative;border-color:#c3dce0}
header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--pink),var(--aqua),transparent)}
.brand-square{background:var(--pink);box-shadow:6px -6px 0 var(--aqua)}
.brand-period{color:var(--pink)}
nav a:hover,footer a:hover{color:var(--teal)}
.button{background:var(--pink);color:#10172d;box-shadow:0 0 0 1px #ff9acd;min-height:56px}
.button:hover{background:#ff9bcd;box-shadow:0 7px 24px #ff64af26}
.button.primary{background:var(--pink);color:#10172d;box-shadow:0 0 0 1px #ff9acd,0 8px 30px #ff64af1c}
.button.primary:hover{background:#ff9bcd}
.button.light{background:transparent;color:var(--teal);border-color:#479197;box-shadow:none}
.button.light:hover{background:#69e4df15}
.hero{position:relative;background:radial-gradient(ellipse at 95% 30%,#ffcbe340,transparent 57%),radial-gradient(ellipse at 10% 100%,#a6e7e74a,transparent 55%)}
.hero .eyebrow{color:var(--teal)}
.mini-square{background:var(--aqua);box-shadow:0 0 13px #69e4df50}
h1{letter-spacing:-.065em}
.hero h1 .serif{color:#b83277;text-shadow:3px 3px 0 #ffdaec}
.link-option{border-color:#a0c5cd;color:#096c74}
.gold-square{box-shadow:0 0 12px #f5c66d12}
.hero-art{position:relative;padding:18px;border:1px solid #b8d3dc;border-radius:3px;background:#ffffff;box-shadow:12px 12px 0 #cce8eb,-10px -10px 0 #f6d9e9}
.mosaic-label{color:#79546c;letter-spacing:.1em}
.mosaic-caption a{color:var(--teal)}
.photo-button{background:#d4e8ec}
.your-square{color:#10172d;background:var(--aqua);outline-color:#ffffff}
.your-square:hover{background:#a0f1eb}
.your-square strong{font-style:italic}
.project-strip{color:var(--muted);padding-top:32px;padding-bottom:32px}
.project-strip strong{color:var(--teal)}
.eyebrow{font-size:.78rem;letter-spacing:.15em}
.section-heading .eyebrow,.faq .eyebrow{color:var(--teal)}
.section-heading h2 .serif{color:#b83277}
.steps{border-image:linear-gradient(90deg,var(--pink),var(--aqua)) 1}
.step-number{color:var(--teal)}
.pricing{background:#e2f2f3;border-top:1px solid #c3dce0;border-bottom:1px solid #c3dce0}
.price-card{background:#ffffff;border-color:#bad5db;border-radius:5px}
.card-top{color:var(--teal)}
.price>span{color:var(--muted)}
.price-card.linked{background:#ffd0e6;border-color:#ff91c8;color:#142139;box-shadow:7px 7px 0 #69e4df}
.price-card.linked .card-top{color:#5c2852}
.price-card.linked .price>span{color:#4d435c}
.price-card.linked .button{background:#142139;color:#fff3f8;box-shadow:none}
.price-card.linked .button:hover{background:#2b3a5c}
.price-card.linked .price-note{color:#4d435c}
.founder-note p span{color:var(--muted)}
.story{background:#fff2f8;color:var(--ink);position:relative;border-bottom:1px solid #c3dce0}
.story::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff77bb 0%,#f6bd93 48%,#69e4df 100%)}
.story .eyebrow{color:var(--teal)}
.story h2 .serif{color:#b83277}
.story-body p,.story-signature,.story-body .exhibition-note{color:var(--muted)}
.story-body .story-lead{color:var(--ink)}
.signature,.story .text-button{color:var(--teal)}
.last-call{color:#10172d;background:linear-gradient(115deg,#ffabd4 0%,#ffc6bf 50%,#9aeee5 100%);border-top:5px solid #ff77bb}
.last-call .button{background:#10172d;color:#fff3f8;box-shadow:none}
.last-call .button:hover{background:#293752}
footer{background:#e2f0f3}
dialog{background:#f7fbfc;border:1px solid #b0ccd5;color:var(--ink);box-shadow:0 24px 120px #0009}
dialog::backdrop{background:#20334b80}
.close-button{background:#ffffff;color:var(--ink);border:1px solid #b9d1d9}
.flow-visual{background:linear-gradient(155deg,#ffe0ee,#d2f3f1);border-right:1px solid #b6d4db}
.flow-wordmark{color:var(--teal)}
.preview-own{background:var(--aqua);outline-color:var(--teal);color:#10172d}
.flow-steps .active{color:var(--teal);border-color:var(--teal)}
.dropzone{background:#e8f4f5;border-color:#6496a2}
.dropzone:hover{background:#d8eeee;border-color:var(--teal)}
.dropzone.dragover{background:#c5ecea;border-color:var(--teal)}
.upload-symbol{color:var(--teal)}
.error{color:#a12b49}
.crop-controls input,.plan-options input{accent-color:var(--teal)}
.plan-options label:has(:checked){background:#d5f0ed;border-color:var(--teal)}
#tile-link{background:#ffffff;color:var(--ink);border-color:#8eadba}
input::placeholder{color:#617589;opacity:1}
.demo-notice{background:#e5edf5;border:1px solid #bdd0df}
.text-button:hover{color:var(--teal)}
.mural-shell{border-color:#aac8d1;background:#ffffff;box-shadow:0 0 0 5px #69e4df08}
.mural-toolbar{background:#e8f3f5;border-color:#c3dce0}
.mural-views{background:#d6e9ed}
.mural-views button{color:#40576c}
.mural-views button[aria-pressed=true]{background:var(--aqua);color:#10172d}
#mural-find{border-color:#9bbbc7}
#mural-search{background:#ffffff;color:var(--ink)}
#mural-find button{background:#d2eeee;color:#155c65}
.mural-viewport{background:#dceff2}
.mural-counter{background:#ffffffed;color:#20334b;border-color:#adc9d4;box-shadow:0 3px 12px #0004}
.mural-zoom{background:#ffffff;border:1px solid #abc7d2;box-shadow:0 3px 12px #0004}
.mural-zoom button{background:#dceff2;color:var(--teal)}
.mural-zoom input{accent-color:var(--teal)}
.mural-bottom{border-top:1px solid #c3dce0}
.mural-bottom .text-button{color:var(--teal)}
.mobile-cta{background:#f1f9faf5;border-color:#abc7d2}
@media(max-width:1100px){.hero{gap:5%}.hero-art{padding:12px}.hero .eyebrow{font-size:.75rem;letter-spacing:.09em}}
@media(max-width:760px){.hero-art{margin:5px 8px 0;padding:12px;box-shadow:8px 8px 0 #cce8eb,-7px -7px 0 #f6d9e9}.hero{gap:34px}.hero .eyebrow{font-size:.75rem}.mosaic-label{font-size:.65rem}.section-heading .eyebrow,.story .eyebrow,.faq .eyebrow,.last-call .eyebrow{font-size:.75rem;letter-spacing:.1em}.price-card.linked{box-shadow:5px 5px 0 #69e4df;margin-right:5px}.flow-visual{border-right:0;border-bottom:1px solid #b6d4db}.hero-description{font-size:1.1rem}.hero-detail,.steps p,.questions p,.story-body p{font-size:1rem}}