:root{--navy: #153243;--teal: #203d40;--teal-2: #164c50;--ground: #eaebed;--card: #ffffff;--ink: #153243;--ink-2: #3a4f5c;--muted: #55666f;--line: #d5d8dc;--coral: #e59385;--sand: #cbbfae;--error: #a3312a;--display: "Poppins", system-ui, sans-serif;--body: "Work Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--teal-2)}a:hover{color:var(--navy)}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.section{padding-top:48px;padding-bottom:72px;flex:1}.narrow{max-width:760px}.h1{font-family:var(--display);font-weight:600;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.06;letter-spacing:-.01em;margin:0}.h2{font-family:var(--display);font-weight:600;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12;margin:0}.h3{font-family:var(--display);font-weight:600;font-size:1.45rem;margin:0}.h4{font-family:var(--display);font-weight:600;font-size:1.1rem;margin:0}.lead{font-size:1.15rem;line-height:1.6;color:var(--ink-2);margin:0;max-width:40rem}.eyebrow{font-size:.8rem;letter-spacing:.22em;font-weight:600;color:var(--teal-2)}.muted{color:var(--muted);font-size:.95rem;margin:0}.fine{color:var(--muted);font-size:.82rem;margin:0}.error{color:var(--error);font-weight:500;margin:0}.value{margin:0;padding-top:10px;border-top:1px solid var(--line);font-weight:500}.price{font-family:var(--display);font-weight:600;font-size:2rem;color:var(--teal-2)}.price.small{font-size:1.35rem}.stack-xs>*+*{margin-top:6px}.stack-s>*+*{margin-top:12px}.stack-m>*+*{margin-top:20px}.stack-l>*+*{margin-top:32px}.stack-xl>*+*{margin-top:56px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.between{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.split{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.split>.teaser{flex:999 1 480px;min-width:0}.split>.card{flex:1 1 340px;min-width:0}.card{background:var(--card);padding:24px}.card.dark{background:var(--navy);color:#fff}.card.dark p{color:#d9e0e4;margin:0}fieldset{border:0;padding:0;margin:0}legend{padding:0}.topbar{background:var(--navy);color:#fff}.topbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:16px}.brand{display:flex;align-items:baseline;gap:12px;color:#fff;text-decoration:none}.brand:hover{color:#fff}.brand-mark{font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:.04em}.brand-sub{font-size:.8rem;letter-spacing:.18em;color:var(--sand)}.steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.steps li{display:flex;gap:8px;align-items:center;padding:6px 12px;font-size:.82rem;color:#cbd5d6}.steps li.on{background:var(--coral);color:var(--navy)}.steps .num{font-family:var(--display);font-weight:600}.foot{background:var(--teal);color:#cbd5d6;font-size:.82rem}.foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;padding-bottom:18px}.btn{min-height:48px;padding:0 24px;border:1px solid transparent;background:none;cursor:pointer;font-family:var(--display);font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover:not(:disabled){background:var(--teal)}.btn.accent{background:var(--coral);color:var(--navy);font-weight:600}.btn.ghost{border-color:var(--teal);color:var(--teal)}.btn.link{padding:0 4px;min-height:44px;font-family:var(--body);text-decoration:underline;color:var(--teal-2)}.btn.link.light{color:#fff}.btn:focus-visible,.chip:focus-visible,.swatch:focus-visible,.style-card:focus-visible,.room-card:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 16px;background:#fff;border:1px solid var(--navy);cursor:pointer;text-transform:none}.chip.on{background:var(--navy);color:#fff}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:500}.field.inline{flex-direction:row;align-items:center;gap:8px}.field input,.field select,.field textarea{min-height:46px;padding:8px 12px;border:1px solid #8a9aa3;background:#fff;font-size:16px;font-weight:400}.check{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:var(--ink-2)}.check input{width:20px;height:20px;margin:0;flex-shrink:0}.hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.hero-copy{flex:999 1 460px;min-width:0}.how{flex:1 1 300px;margin:0;padding:24px 24px 24px 44px;background:#fff;display:flex;flex-direction:column;gap:14px;font-size:1.05rem}.how strong{font-family:var(--display)}.room-card{text-align:left;padding:24px;min-height:150px;background:#f4f4f5;border:1px solid #c9cdd2;display:flex;flex-direction:column;gap:8px;color:var(--muted);cursor:not-allowed}.room-card.active{background:#fff;border:2px solid var(--navy);color:var(--ink-2);cursor:pointer}.room-title{font-family:var(--display);font-weight:600;font-size:1.25rem;color:var(--ink)}.room-go{margin-top:auto;color:var(--teal-2);font-weight:600}.room-soon{margin-top:auto;font-size:.8rem;letter-spacing:.12em}.trust{display:flex;flex-wrap:wrap;gap:32px;border-top:1px solid #c9cdd2;padding-top:24px;color:var(--ink-2);font-size:.92rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.photo{position:relative;margin:0}.photo img{width:100%;height:170px;object-fit:cover}.photo figcaption{position:absolute;left:0;bottom:0;background:var(--navy);color:#fff;font-size:.75rem;padding:2px 8px}.photo-x{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;background:#153243d9;color:#fff;font-size:20px;cursor:pointer}.photo-add{height:170px;border:2px dashed #8a9aa3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--navy)}.photo-add input{position:absolute;width:1px;height:1px;opacity:0}.photo-add:focus-within{outline:3px solid var(--coral)}.photo-add.drag{border-color:var(--coral);background:#e87d6514}.photo-add .fine{margin:0}.photo-add.camera{border-style:solid;border-color:#c7d0d5}@media (hover: hover) and (pointer: fine){.photo-add.camera{display:none}}.style-card{text-align:left;padding:14px;background:#fff;border:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;gap:10px}.style-card.on{border:3px solid var(--navy);padding:12px}.style-card.row-card{flex-direction:row;align-items:center;gap:14px}.style-name{font-family:var(--display);font-weight:600}.swatches{display:flex;gap:6px}.swatches span{width:36px;height:36px;border:1px solid var(--line)}.swatches.tall{gap:0}.swatches.tall span{width:26px;height:44px;border:0}.working{margin:24px auto}.spinner{width:52px;height:52px;border:4px solid #c9cdd2;border-top-color:var(--navy);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;color:var(--muted);font-size:1.05rem}.checklist li:before{content:"○";display:inline-block;width:28px;color:#8a9aa3}.checklist li.done{color:var(--ink)}.checklist li.done:before{content:"✓";color:var(--teal-2);font-weight:700}.checklist li.now{color:var(--ink);font-weight:500}.checklist li.now:before{content:"●";color:var(--coral)}.teaser{position:relative;background:#fff;min-height:420px;overflow:hidden}.teaser img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(16px) saturate(.8);transform:scale(1.1)}.teaser-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:#fff;background:#15324373}.teaser-title{font-family:var(--display);font-weight:600;font-size:1.8rem}.compare{position:relative;background:#fff;overflow:hidden;user-select:none;-webkit-user-select:none;aspect-ratio:4 / 3;max-height:72vh;width:100%}.compare.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.compare.placeholder.small{aspect-ratio:4 / 3}.compare-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare-line{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#fff;box-shadow:0 0 6px #00000059;pointer-events:none}.compare-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-tag{position:absolute;top:12px;padding:4px 10px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;background:#153243cc;color:#fff;pointer-events:none}.compare-tag.left{left:12px}.compare-tag.right{right:12px}.watermark{position:absolute;right:12px;bottom:10px;font-size:.7rem;letter-spacing:.16em;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}.list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--ink-2)}.gallery{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}.gallery-preview{flex:1 1 340px;min-width:0;position:sticky;top:16px}.gallery>.stack-m{flex:999 1 480px;min-width:0}.palette-strip{display:flex;height:36px}.palette-strip span{flex:1;border:1px solid var(--line)}.swatch-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:100px;padding:6px;background:#fff;border:1px solid #e1e4e7;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:.78rem;line-height:1.25;text-align:center}.swatch.on{border:3px solid var(--navy);padding:4px}.chip-color{width:82px;height:56px;border:1px solid var(--line)}.chip-color.round{width:56px;border-radius:50%}.selection{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #e1e4e7}.sel-color{width:40px;height:40px;border:1px solid var(--line);flex-shrink:0}.sel-text{display:flex;flex-direction:column}.lead-card{max-width:none}.callout{background:#fdf0ed;padding:10px 14px}.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumbs img{width:120px;height:90px;object-fit:cover}.thumb-design{outline:3px solid var(--coral)}@media (max-width: 560px){.section{padding-top:32px}.grid-2{grid-template-columns:minmax(0,1fr)}.compare{aspect-ratio:3 / 4}.gallery-preview{position:static}}.turnstile{min-height:65px}.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.idea{padding:0;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;display:flex;flex-direction:column}.idea img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.idea span{padding:8px 10px;font-size:.85rem;color:var(--navy)}.idea.on{outline:3px solid var(--navy);outline-offset:-3px}@media (max-width: 640px){.ideas{grid-template-columns:1fr 1fr}}.share-link{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);font:inherit;color:var(--navy);background:#f6f7f8}@media print{.compare,.ideas,.idea,.teaser,.gallery-preview,img{display:none!important}body:before{content:"4Sigma designs are view-only. Book a free walkthrough for your plans: 4sigma.us";display:block;padding:24px;font:16px sans-serif}}.idea img,.compare-img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}