/* Presentation layer: a consistent layout for the local launch preview. */
:root{--display:"Red Hat Display",Arial,sans-serif;--body:"Red Hat Text",Arial,sans-serif;--mono:"JetBrains Mono",Consolas,monospace;--lamp:#eab668;--night:#17191d;--night-2:#22252b;--night-line:#3d414a;--night-muted:#b8bdc7;--r:18px}
body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}
.wrap{max-width:1280px}header{background:#17191df5;backdrop-filter:blur(16px)}header .nav{max-width:1440px;height:76px}.brand i{height:38px;width:38px;border-radius:12px}.brand{font-size:1.2rem}.nav .btn{min-height:44px}
.hero{background:radial-gradient(ellipse at 80% 0%,#49372555,transparent 45%),#17191d;padding-block:64px 48px}.hero::after{display:none}.hero>.wrap{max-width:1440px;padding-inline:32px}.hero-grid{gap:40px}.hero-grid>div:first-child{max-width:1100px}.hero h1{font-size:clamp(3.6rem,7.2vw,7rem);line-height:.98;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-weight:500}.hero .eyebrow{letter-spacing:.16em}.hero .lead{font-size:clamp(1.05rem,1.65vw,1.3rem);line-height:1.65;max-width:650px}.hero .ctas{margin-top:28px;gap:12px}.btn{min-height:48px;white-space:normal;justify-content:center;line-height:1.3}.hero .facts{font-size:.8rem;gap:12px 24px;margin-top:28px}
.intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.intro-cards article{padding:26px;border:1px solid #45464c;border-radius:18px;background:linear-gradient(130deg,#292b30,#1d2025)}.intro-number{font:500 .68rem var(--mono);letter-spacing:.1em;color:#eab668}.intro-cards h2{font-size:1.45rem;letter-spacing:-.035em;margin:18px 0 12px}.intro-cards p{color:#b8bdc7;font-size:.92rem;line-height:1.7;max-width:42ch}.intro-cards a{display:inline-block;margin-top:18px;padding-block:8px;font-size:.85rem;color:#f3ca8e;text-underline-offset:5px}
.hero .demo{padding:24px;background:#202329;border:1px solid #45484f;border-radius:24px;box-shadow:0 24px 60px #0003}.experience-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px;padding:6px 2px 26px}.experience-heading h2{font-size:clamp(1.7rem,2.6vw,2.5rem);letter-spacing:-.04em;margin-top:12px}.experience-heading>p{max-width:48ch;color:#b8bdc7;font-size:.88rem}.demo-top{padding:12px 0;border-top:1px solid #40434a}.auto{min-height:40px;line-height:1.4;letter-spacing:.02em}.panel-layout{grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:stretch}.plan-wrap{position:static;padding:14px;border:1px solid #45484f;border-radius:16px;background:#191c21;min-width:0}.plan-heading{font-size:.65rem;line-height:1.5;gap:12px;flex-wrap:wrap}.model-picker{margin-block:14px}.model-picker p{font-size:.78rem;line-height:1.55}#house-3d{height:440px;background:radial-gradient(ellipse,#4a4541,#202329 74%)}.control-dock{position:static;height:680px;max-height:none;border-radius:16px;background:#191c21}.dock-tabs button{min-height:44px;font-size:.78rem}.dock-scenario select{font-size:.9rem}.dock-panel{padding:16px}.view-tools{gap:6px}.view-tools button{flex:1 0 auto;min-height:44px}.room-button{min-height:52px}.control-group>summary,.audio-options>summary{min-height:44px}.model-picker select{min-height:44px;max-width:100%}
.site-information{max-width:1280px;margin:12px auto;border-radius:14px}.site-information>summary{padding:22px 26px;font-weight:600}.site-information>section{padding-block:30px}.book{background:#17191d;color:#f5f5f7}.book .lead{color:#b8bdc7;margin-top:18px}.book-grid{gap:64px;padding-block:32px}.book h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.045em}.book form{padding:26px;border:1px solid #45484f;border-radius:20px;background:#22252b}.book .eyebrow{color:#eab668}.form-note a{text-underline-offset:3px}.contact{margin-top:28px}input,select{min-height:44px}textarea{max-width:100%}.privacy-section{padding-block:40px}.privacy-section h2{font-size:1.6rem;margin:12px 0}.privacy-section p:not(.eyebrow){max-width:85ch;margin-top:12px;color:var(--muted);font-size:.9rem}footer .wrap{gap:18px;flex-wrap:wrap}footer a{text-underline-offset:4px}.no-script{margin:20px;padding:20px;border:1px solid #c49448;background:#fff2d4;color:#292015}
@media(min-width:761px) and (max-width:1100px){.panel-layout{grid-template-columns:minmax(0,1fr) 310px}.hero>.wrap{padding-inline:20px}.hero .demo{padding:16px}.control-dock{height:700px}}
@media(max-width:1328px){.site-information{margin-inline:24px}}
@media(max-width:760px){header .nav{height:68px}.hero{padding-top:36px}.hero>.wrap{padding-inline:16px}.hero h1{font-size:clamp(3.7rem,13vw,5.5rem)}.hero-grid{gap:28px}.intro-cards{grid-template-columns:1fr;gap:10px}.intro-cards article{padding:22px}.intro-cards h2{margin-top:10px}.intro-cards p{max-width:none}.experience-heading{grid-template-columns:1fr;gap:16px}.hero .demo{padding:12px;border-radius:18px}.experience-heading{padding:12px 6px 24px}.panel-layout{grid-template-columns:1fr}.control-dock{height:600px;max-height:none}.plan-wrap{padding:10px}#house-3d{height:330px}.view-tools button{font-size:.74rem}.book-grid{gap:28px;padding-block:12px}.book form{padding:18px}.book-grid .contact{margin-top:18px}.site-information{margin-inline:16px}.site-information>summary{padding:18px;font-size:1rem}.demo-top{font-size:.65rem;gap:8px}.hero .facts{line-height:1.6}.hero .ctas a{width:100%}.book .seg label{font-size:.82rem;padding:10px}.privacy-section{padding-block:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* A visitor can picture a daily benefit, choose priorities, then request a plan. */
.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:32px}.hero h1{font-size:clamp(3.1rem,5.5vw,5.6rem);line-height:1.04;letter-spacing:-.055em}.hero .lead{font-size:1.1rem}.hero-grid>.needs-picker,.hero-grid>.demo{grid-column:1/-1}
.home-moment{padding:34px;border:1px solid #77634c;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#b5814055,transparent 70%),linear-gradient(145deg,#35322e,#202329);box-shadow:0 20px 60px #0003;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.moment-time{font:300 clamp(3.5rem,5vw,5rem)/1 var(--display);letter-spacing:-.06em;color:#eab668;margin-top:30px}.home-moment h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.15;margin-top:12px}.moment-states{display:grid;gap:12px;margin:28px 0;padding-block:20px;border-block:1px solid #ffffff26}.moment-states span{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:#b8bdc7}.moment-states b{color:#f4e4cb;font-weight:500}.home-moment>a{color:#f3ca8e;text-underline-offset:5px;font-size:.9rem;display:inline-block;padding-block:10px}.home-moment small{display:block;color:#b8bdc7;font-size:.7rem;line-height:1.7;margin-top:16px}
.needs-picker{padding-block:28px 12px;scroll-margin-top:96px}.needs-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:28px;margin-bottom:22px}.needs-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em;margin-top:14px}.needs-heading>p{font-size:.95rem;color:#b8bdc7;max-width:50ch}.intro-cards h3{font-size:1.3rem;letter-spacing:-.025em;line-height:1.25;margin:18px 0 12px}.intro-cards article{display:flex;flex-direction:column}.intro-cards p{flex:1}.need-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 14px;margin-top:22px;border:1px solid #82705a;border-radius:10px;color:#f0d3aa;background:#33302b;text-align:left;cursor:pointer;font-size:.9rem}.need-choice[aria-pressed=true]{color:#221a10;background:#eab668;border-color:#eab668}.need-choice span{font-size:1.25rem}.intro-cards a{font-size:.8rem;margin-top:8px}.needs-result{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;margin-top:16px;background:#2d2922;border:1px solid #69563e;border-radius:16px}.needs-result>div{flex:1;min-width:0}.needs-result strong{color:#f4d2a0;font-size:1rem}.needs-result p{font-size:.85rem;color:#cec4b7;margin-top:8px}.needs-result .btn{max-width:310px;font-size:.9rem;flex-shrink:0}
.purchase-clarity{padding-block:52px}.purchase-clarity>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px}.purchase-clarity h2{font-size:clamp(1.9rem,3.2vw,2.8rem);letter-spacing:-.04em;margin:16px 0}.purchase-clarity p{color:var(--muted);font-size:.95rem;max-width:50ch}.purchase-clarity ol{list-style:none;padding:0;margin:0;display:grid;gap:24px}.purchase-clarity li{display:flex;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.purchase-clarity li>b{color:var(--lamp-ink);font:500 .8rem var(--mono);padding-top:4px}.purchase-clarity h3{margin-bottom:8px}.offer-expectations{margin-top:28px;padding:22px;border:1px solid #45484f;border-radius:14px}.offer-expectations h3{font-size:1rem}.offer-expectations ul{padding-left:20px;color:#d5d8df;font-size:.92rem;line-height:2}.offer-expectations>p{color:#eab668;font-size:.8rem}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.home-moment{min-height:0;padding:28px}.home-moment .moment-time{margin-top:18px}.needs-heading{grid-template-columns:1fr;gap:16px}.needs-result{align-items:stretch;flex-direction:column}.needs-result .btn{max-width:none}.purchase-clarity>.wrap{gap:32px}}
@media(max-width:760px){.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.hero-grid{gap:24px}.home-moment{padding:24px}.needs-picker{padding-top:12px}.needs-result{padding:20px}.purchase-clarity>.wrap{grid-template-columns:1fr}.purchase-clarity{padding-block:36px}.purchase-clarity li:last-child{padding-bottom:0;border:0}.offer-expectations{padding:18px}.intro-cards article{padding:20px}}
@media(max-width:440px){header .nav{gap:8px}.nav .brand{font-size:1rem}.nav .brand small{display:none}.nav .btn{white-space:nowrap;padding:10px 12px;font-size:.8rem}.menu-toggle{padding:10px 8px}}

/* Simple first visit, optional detailed exploration, warm neutral information. */
:root{--bg:#f4f1eb;--surface:#fffdfa;--ink:#252a31;--muted:#62656b;--line:#ded9d0;--lamp:#dda65b;--lamp-ink:#79501d;--night:#171a1f;--night-2:#242830;color-scheme:light}
body{background:#f4f1eb;color:#252a31}.hero{padding-block:32px;background:radial-gradient(ellipse at 80% 20%,#59473033,transparent 60%),#171a1f}.hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}.hero-grid>div:first-child{padding-top:64px}.hero-grid>.demo{grid-column:auto}.hero h1{font-size:clamp(2.7rem,4.2vw,4.2rem);letter-spacing:-.05em}.hero .lead{font-size:1rem;max-width:42ch}.hero .facts{line-height:1.6;gap:8px 20px}.hero .demo{padding:18px;border-radius:20px;box-shadow:none}.experience-heading{display:block;padding:0 0 16px}.experience-heading h2{font-size:1.4rem;margin-top:8px}.experience-heading .eyebrow{font-size:.65rem}.panel-layout{grid-template-columns:1fr!important;gap:14px}.control-dock{height:600px}.plan-wrap{padding:0;background:transparent;border:0}.plan-heading{display:none}.model-picker{margin:0 0 10px;grid-template-columns:1fr 1fr}.model-picker p{display:none}.model-picker label{font-size:.78rem}.model-picker select{min-height:40px}#house-3d{height:330px;background:radial-gradient(ellipse,#615b52,#272b32 78%)}.demo-top{display:none}.demo:not(.is-expanded) .view-tools,.demo:not(.is-expanded) #view-status,.demo:not(.is-expanded)>.tiles,.demo:not(.is-expanded)>.rule{display:none}.demo.is-expanded .demo-top{display:flex}.demo.is-expanded .model-picker p{display:block}.demo.is-expanded .view-tools{display:flex}
.quick-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-scenes button{border:1px solid #535861;background:#292e36;color:#e6e8ed;border-radius:10px;min-height:44px;padding:8px 4px;font-size:.78rem;cursor:pointer}.quick-scenes button[aria-pressed=true]{background:#dda65b;color:#251b0d;border-color:#dda65b}.quick-result{font-size:.82rem;line-height:1.6;color:#d3d6dc;min-height:3.2em;margin:12px 0 6px}.try-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding-block:14px}.try-actions>span{width:100%;font-size:.73rem;color:#b8bdc7}.try-actions button{border:0;background:none;color:#f1c891;padding:8px 0;min-height:40px;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}#demo-restart{color:#b8bdc7}#advanced-toggle{width:100%;min-height:46px;border:1px solid #545962;border-radius:10px;background:#292e36;color:#e6e8ed;padding:10px 14px;cursor:pointer;font-size:.85rem}
.needs-section{background:#f4f1eb;padding-block:44px}.needs-picker{padding-block:0}.needs-heading h2{color:#252a31}.needs-heading>p,.intro-cards p{color:#62656b}.needs-heading .eyebrow,.intro-number{color:#79501d}.intro-cards{gap:24px}.intro-cards article{background:transparent;border:0;border-top:1px solid #d2c9bb;border-radius:0;padding:24px 0 0}.intro-cards h3{color:#252a31}.intro-cards a{color:#79501d}.need-choice{background:#fffdfa;border-color:#c5b7a4;color:#383027}.need-choice[aria-pressed=true]{background:#dda65b;color:#251b0d}.needs-result{background:#ebe5da;border-color:#d8cbbb}.needs-result strong{color:#3c3427}.needs-result p{color:#625b50}.purchase-clarity{background:#fffdfa}.site-information{background:#fffdfa;border-color:#ded9d0;color:#252a31}.site-information>section{background:#fffdfa;color:#252a31}.site-information .eyebrow{color:#79501d}.privacy-section{background:#f4f1eb}.book{background:#f4f1eb;color:#252a31}.book .lead{color:#62656b}.book .eyebrow{color:#79501d}.offer-expectations{background:transparent;border-color:#d4cdc2}.offer-expectations ul{color:#52585f}.offer-expectations>p{color:#79501d}.book form{background:#242830;color:#f5f5f7}.book form .field-error{color:#ffb4ab}.contact small{color:#62656b}.contact .sm{color:#252a31}
@media(max-width:1100px){.hero-grid{gap:22px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.hero>.wrap{padding-inline:20px}.hero h1{font-size:3rem}.quick-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero-grid>div:first-child{padding-top:0}.hero{padding-top:24px}.hero>.wrap{padding-inline:16px}.hero h1{font-size:2.6rem;margin-block:14px}.hero .lead{font-size:.94rem;line-height:1.6;max-width:none}.hero .ctas{margin-top:18px}.hero .facts{display:none}.hero .ctas .btn-ghost{display:none}.hero .demo{padding:12px}.experience-heading{padding-bottom:12px}.experience-heading h2{font-size:1.2rem}.quick-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-result{min-height:4.8em}#house-3d{height:290px}.needs-section{padding-block:32px}.needs-heading h2{font-size:1.9rem}.model-picker{grid-template-columns:1fr 1fr}.model-picker select{font-size:.8rem}.try-actions{padding-block:10px}.control-dock{height:550px}.book .contact .sm{font-size:.85rem}}
.demo-to-plan{display:block;padding:16px 8px 8px;text-align:center;color:#f1c891;font-size:.85rem;text-underline-offset:4px;min-height:44px}

/* The 3D house is the main experience, never a narrow sidebar. */
.hero{padding-block:26px 48px}.hero>.wrap{max-width:1600px;padding-inline:28px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.hero-grid>div:first-child{padding-top:0;max-width:none}.hero h1{font-size:clamp(1.9rem,3vw,3rem);line-height:1.2;margin:12px 0}.hero .lead{max-width:80ch;font-size:.98rem}.hero .ctas,.hero .facts{display:none}.hero .demo{padding:0;border:0;border-radius:0;background:transparent}.experience-heading{display:none}.panel-layout{margin-top:0;gap:0}.plan-wrap{padding:0}.model-picker{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:0 0 12px}.model-picker label{font-size:.84rem}.model-picker select{width:200px;flex:none}.demo.is-expanded .model-picker p{display:none}#house-3d{height:clamp(480px,65dvh,760px);border:1px solid #44494f;border-radius:20px;background:radial-gradient(ellipse at 50% 45%,#615b52,#242830 78%)}.demo .view-tools,.demo:not(.is-expanded) .view-tools{display:flex;justify-content:center;gap:8px;margin:14px 0 0}.view-tools button{flex:0 1 auto;padding:10px 18px;min-height:44px}.demo #view-status,.demo:not(.is-expanded) #view-status{display:block;text-align:center;font-size:.76rem;margin-top:10px;color:#b8bdc7}
.experience-controls{max-width:1000px;margin:26px auto 0;padding:24px 0 0;border-top:1px solid #41464e}.quick-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-scenes button{min-height:50px;font-size:.9rem}.quick-result{min-height:0;text-align:center;margin:16px 0 0;font-size:.88rem}.try-actions{justify-content:center;padding-block:8px 12px}.try-actions>span{width:auto}.experience-controls #advanced-toggle{display:block;max-width:420px;margin:0 auto}.demo-to-plan{padding-top:18px}.control-dock{max-width:1000px;width:100%;margin:24px auto 0;height:560px}.demo.is-expanded .demo-top{display:none}.demo-disclaimer{text-align:center;margin-top:24px!important;font-size:.73rem}.demo>.tiles,.demo>.rule{max-width:1000px;margin-inline:auto}
@media(max-width:760px){.hero{padding-top:20px}.hero>.wrap{padding-inline:12px}.hero-grid{gap:18px}.hero h1{font-size:1.8rem;margin-block:10px}.hero .lead{font-size:.9rem}.model-picker{justify-content:space-between;gap:10px}.model-picker select{width:180px}#house-3d{height:clamp(360px,58dvh,560px);border-radius:14px}.view-tools{gap:6px!important}.view-tools button{flex:1 0 28%;padding:9px 6px;font-size:.74rem}.experience-controls{margin-top:20px;padding-top:20px}.quick-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-scenes button{font-size:.85rem}.quick-result{text-align:left;font-size:.84rem}.try-actions>span{width:100%;text-align:center}.control-dock{height:550px}.hero .eyebrow{font-size:.65rem}}

.showroom-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.showroom-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.showroom-toolbar button,.tour-actions button,.fullscreen-scenes button{min-height:44px;padding:10px 14px;border:1px solid #535b66;border-radius:9px;background:#242830;color:#f0f1f5;font-size:.83rem;cursor:pointer}.showroom-toolbar button[aria-pressed=true]{background:#dda65b;border-color:#dda65b;color:#251b0d}.showroom-toolbar button:disabled{opacity:.55;cursor:default}.showroom-toolbar p{width:100%;margin:0;color:#eac18d;font-size:.78rem}.showroom-toolbar p:empty{display:none}.tour-panel{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:18px 20px;margin-top:14px;border:1px solid #71604a;border-radius:12px;background:#2c2924}.tour-panel h3{margin:6px 0;font-size:1.05rem}.tour-panel p{font-size:.88rem;color:#d6d0c7;max-width:65ch}.tour-panel span{font-size:.72rem;color:#efc792}.tour-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.tour-actions button:disabled{opacity:.4}.fullscreen-scenes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.fullscreen-scenes button[aria-pressed=true]{background:#dda65b;color:#251b0d}.plan-wrap:fullscreen{padding:20px;background:#171a1f;color:#f5f5f7;overflow-y:auto}.plan-wrap:fullscreen #house-3d{height:60dvh;min-height:280px}.plan-wrap:fullscreen .model-picker{display:none}.plan-wrap:fullscreen .showroom-toolbar{position:sticky;top:-20px;background:#171a1f;padding-block:8px;z-index:3}.scene-shortlist{margin-top:24px;padding:22px;border:1px solid #484e57;border-radius:14px;text-align:left}.scene-shortlist h3{font-size:1rem}.scene-shortlist h3 span{padding:3px 8px;margin-left:8px;background:#3b3327;color:#efc792;border-radius:20px}.scene-shortlist p{font-size:.82rem;color:#bdc1ca;margin-top:8px}.scene-shortlist ul{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.scene-shortlist li{display:flex;gap:12px;align-items:center;border:1px solid #685b47;border-radius:9px;padding:6px 12px;color:#edcfaa;font-size:.85rem}.scene-shortlist li button{background:none;border:0;color:#d5d8df;text-decoration:underline;min-height:36px;cursor:pointer}.scene-shortlist>a{display:inline-block;padding-block:12px;color:#efc792;font-size:.88rem;text-underline-offset:4px}
.scope-section,.delivery-section{padding-block:48px}.scope-section{background:#fffdfa}.scope-section h2,.delivery-section h2{margin:14px 0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em}.scope-intro{max-width:80ch;color:#62656b}.scope-grid,.delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.scope-grid article{display:flex;flex-direction:column;padding:24px;border:1px solid #d9d1c4;border-radius:16px;background:#f8f5ef}.scope-grid article>span{font-size:.7rem;color:#79501d;letter-spacing:.08em}.scope-grid h3{font-size:1.3rem;margin:16px 0 12px}.scope-grid p,.scope-grid li,.delivery-grid p{font-size:.9rem;line-height:1.7;color:#62656b}.scope-grid ul{padding-left:20px}.scope-exclusion{border-top:1px solid #d9d1c4;padding-top:14px;flex:1}.scope-grid button{margin-top:20px;min-height:46px;border:1px solid #b6a083;border-radius:9px;padding:10px;background:#fffdfa;color:#453726;cursor:pointer;font-size:.85rem}.scope-grid button[aria-pressed=true]{background:#dda65b;border-color:#dda65b;color:#251b0d}#scope-status{margin-block:22px;color:#625847;font-size:.9rem}.delivery-grid h3{font-size:1.1rem;margin-bottom:12px}.delivery-section details{margin-top:28px;border:1px solid #d9d1c4;border-radius:12px;padding:18px}.delivery-section summary{cursor:pointer;font-weight:600}.delivery-section details p{margin-top:14px;max-width:90ch;color:#62656b}.showroom-marker{position:absolute;padding:6px 10px;background:#171a1fec;color:#ffdfaf;border:1px solid #dda65b;border-radius:8px;font-size:.75rem;pointer-events:none;transform:translate(-50%,-100%);z-index:1;white-space:nowrap}
@media(max-width:760px){.showroom-toolbar{align-items:stretch}.showroom-toolbar>div{width:100%}.showroom-toolbar button{flex:1;font-size:.77rem}.tour-panel{display:block;padding:16px}.tour-actions{margin-top:14px}.tour-actions button{flex:1;font-size:.78rem;padding:8px}.scope-grid,.delivery-grid{grid-template-columns:1fr;gap:18px}.scope-section,.delivery-section{padding-block:32px}.scene-shortlist{padding:16px}.plan-wrap:fullscreen{padding:12px}.plan-wrap:fullscreen .showroom-toolbar{top:-12px}.plan-wrap:fullscreen #house-3d{height:48dvh;min-height:240px}}
.plan-wrap:not(.showroom-active) #advanced-controls,.plan-wrap:not(.showroom-active) #tour-start,.plan-wrap:not(.showroom-active) #scene-wish,.plan-wrap:not(.showroom-active) #design-request,.plan-wrap:not(.showroom-active) .scene-shortlist{display:none!important}
body.studio-open{overflow:hidden}.showroom-active{padding:20px!important;background:#171a1f;color:#f5f5f7;overflow:auto!important}.showroom-fallback{position:fixed!important;inset:0!important;z-index:1000!important;width:100vw!important;height:100dvh!important;max-width:none!important;border-radius:0!important}.showroom-active .model-picker{display:flex!important}.showroom-active .model-picker p{display:none}.showroom-active .showroom-toolbar{position:static!important}.showroom-active #design-request{background:#dda65b;color:#251b0d;font-weight:600}.showroom-workspace{min-width:0}.showroom-stage{min-width:0}.showroom-active .showroom-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.showroom-active #house-3d{height:clamp(420px,62dvh,800px);min-height:0}.showroom-active .control-dock{margin:0;width:100%;max-width:none;height:clamp(520px,76dvh,1000px)}.showroom-active .scene-shortlist{margin:20px 0 0}.showroom-active .tour-panel{flex-wrap:wrap}.showroom-active .tour-actions{flex-shrink:1}.showroom-active .view-tools{flex-wrap:wrap}.showroom-active .view-tools #view-panel{display:none}.showroom-active #plan-request{display:none}
@media(max-width:900px){.showroom-active{padding:12px!important}.showroom-active .showroom-workspace{grid-template-columns:1fr;gap:16px}.showroom-active #house-3d{height:48dvh;min-height:280px}.showroom-active .control-dock{height:560px}.showroom-active #design-request{width:100%}.showroom-active .model-picker{justify-content:space-between}.showroom-active .showroom-toolbar{gap:8px}}

/* Calm 100% page layout; full tools live exclusively in the studio. */
main>.hero>.wrap{max-width:1100px;padding-inline:28px}
main>.hero{padding-block:28px 36px}
main>.hero h1{font-size:clamp(1.8rem,2.3vw,2.5rem);margin:8px 0 12px}
main>.hero .lead{font-size:15px;line-height:1.7;max-width:72ch}
main>.hero .hero-grid{gap:20px}
.plan-wrap:not(.showroom-active) #house-3d{height:clamp(340px,48dvh,510px)}
.plan-wrap:not(.showroom-active) .view-tools,.plan-wrap:not(.showroom-active) #view-status,.plan-wrap:not(.showroom-active) .experience-controls,.plan-wrap:not(.showroom-active) .demo-disclaimer,.plan-wrap:not(.showroom-active) .model-picker,.plan-wrap:not(.showroom-active) #showroom-status{display:none!important}
.studio-invitation{margin:0 0 14px;max-width:70ch}.studio-invitation strong{font-size:1rem;color:#f0d3aa}.studio-invitation p{font-size:.875rem;line-height:1.6;color:#bdc1ca;margin:6px 0 0}
.showroom-active .studio-invitation{display:none}
.plan-wrap:not(.showroom-active) #showroom-fullscreen{background:#eab668;color:#251b0d;border-color:#eab668;padding:12px 20px;font-size:.9rem;font-weight:600}
main>.needs-section,main>.scope-section{padding-block:30px}
main>.needs-section>.wrap,main>.scope-section>.wrap{max-width:1000px}
.needs-heading{grid-template-columns:1fr;gap:8px}.needs-heading h2,.scope-section h2{font-size:clamp(1.6rem,2.2vw,2.2rem)}
.needs-picker .intro-cards,.scope-grid{display:grid;grid-template-columns:1fr;gap:14px}
.needs-picker .intro-cards article{border:1px solid #d9d1c4;border-radius:14px;padding:20px 24px;background:#fffdfa}
.needs-picker .intro-cards .need-choice{margin:0 0 14px;min-height:46px}
.needs-picker .intro-cards h3{margin:8px 0;font-size:1.15rem}
.needs-picker .intro-cards p,.scope-grid p,.scope-grid li{font-size:15px;line-height:1.65}
.scope-grid article{padding:20px 24px}.scope-grid h3{margin:8px 0;font-size:1.2rem}.scope-grid button{order:0;margin:8px 0 14px;width:100%}.scope-exclusion{margin-top:10px;padding-top:10px}
.needs-result{display:block;padding:20px}.needs-result .btn{margin-top:16px}
@media(max-width:760px){main>.hero>.wrap{padding-inline:16px}main>.hero{padding-top:20px}.plan-wrap:not(.showroom-active) #house-3d{height:360px}.needs-picker .intro-cards article,.scope-grid article{padding:18px}.studio-invitation strong{font-size:.95rem}}

.form-choices{padding:20px;border:1px solid #6d5b40;border-radius:12px;background:#292720;color:#f2e6d5}.form-choices h3{font-size:1.1rem;margin:0 0 8px}.form-choices p{font-size:.85rem;color:#c9c3b9}.form-choices ul{padding-left:20px;margin:14px 0;font-size:.9rem;line-height:1.7}.form-choices a{color:#efc792;font-size:.85rem;text-underline-offset:4px}.form-choices h3:focus-visible{outline:2px solid #eab668;outline-offset:5px}

/* Side-by-side choices and compact rotating editorial strips. */
.needs-picker .intro-cards,.scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.needs-picker .intro-cards article,.scope-grid article{min-width:0;padding:20px}.scope-grid button{min-height:52px}.needs-picker .intro-cards h3{line-height:1.4}.scope-grid h3{min-height:2.8em;line-height:1.4}
.site-information:not([open]){display:none}.site-information[open]{margin:20px auto}
.information-strips{max-width:1200px;margin:0 auto;padding:36px 28px}.info-strip+.info-strip{margin-top:28px}.strip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.strip-heading h2{font-size:clamp(1.3rem,2vw,1.8rem);margin:0}.strip-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.strip-controls button{min-width:44px;min-height:44px;border:1px solid #d9d1c4;border-radius:9px;background:#fffdfa;color:#342c21;padding:8px 12px;cursor:pointer}.strip-count{font-size:.8rem;color:#6e6456;min-width:42px}.strip-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.strip-cards article{padding:24px;border:1px solid #d9d1c4;border-radius:14px;background:#fffdfa;min-width:0;min-height:245px}.strip-cards h3{font-size:1.1rem;line-height:1.4;margin:0 0 12px}.strip-cards p{font-size:.94rem;line-height:1.75;color:#62656b;margin:0}.strip-cards a{display:inline-block;margin-top:16px;color:#865719;text-underline-offset:4px;font-size:.88rem}
@media(max-width:760px){.needs-picker .intro-cards,.scope-grid{grid-template-columns:repeat(3,minmax(260px,85%));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.needs-picker .intro-cards article,.scope-grid article{scroll-snap-align:start}.information-strips{padding:24px 16px}.strip-heading{align-items:flex-start;flex-direction:column;gap:12px}.strip-cards{grid-template-columns:1fr}.strip-cards article{padding:20px;min-height:300px}.strip-controls{width:100%;justify-content:flex-end}}

/* Fullscreen is a bounded workspace; only the tool panel scrolls. */
.plan-wrap.showroom-active{box-sizing:border-box;display:flex!important;flex-direction:column;height:100dvh!important;max-height:100dvh!important;width:100%;padding:12px!important;overflow:hidden!important;gap:10px}
.showroom-active .showroom-toolbar{flex:none;margin:0;gap:8px;justify-content:flex-start;position:relative!important;padding:0!important}
.showroom-active .showroom-toolbar>.model-picker{width:auto;margin:0;gap:8px;flex:none}.showroom-active .model-picker label{display:none}.showroom-active .model-picker select{width:150px;min-height:40px}
.showroom-active .showroom-toolbar button{min-height:40px;padding:8px 12px;font-size:.78rem}.showroom-active #design-request{margin-left:auto;width:auto}.showroom-active #showroom-status{position:absolute;top:100%;right:0;width:min(440px,90vw);background:#242830;z-index:5;border-radius:8px;padding:6px 10px;font-size:.72rem;pointer-events:none}.showroom-active #showroom-status:empty{display:none}
.showroom-active .fullscreen-scenes{flex:none;flex-wrap:nowrap;overflow-x:auto;margin:0;gap:6px}.showroom-active .fullscreen-scenes button{min-height:36px;padding:7px 12px;white-space:nowrap;font-size:.78rem}
.showroom-active .showroom-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:minmax(0,1fr);gap:12px;overflow:hidden}
.showroom-active .showroom-stage{display:flex;flex-direction:column;min-height:0;gap:6px;overflow:hidden}
.plan-wrap.showroom-active #house-3d{flex:1;height:0!important;min-height:0!important;border-radius:14px}
.showroom-active .control-dock{height:100%!important;min-height:0;max-height:100%;margin:0!important;overflow:hidden}.showroom-active .dock-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.showroom-active .view-tools{flex:none;margin:0!important;gap:6px!important}.showroom-active .view-tools button{min-height:34px;padding:6px 12px;font-size:.75rem;flex:0 1 auto}.showroom-active #view-status{flex:none;margin:0!important;font-size:.66rem!important}
.showroom-active .tour-panel{flex:none;margin:0;padding:10px 12px;gap:10px;max-height:150px;overflow:auto}.showroom-active .tour-panel h3{font-size:.95rem;margin:3px 0}.showroom-active .tour-panel p{font-size:.78rem}.showroom-active .tour-actions{margin:0}.showroom-active .tour-actions button{min-height:34px;padding:6px 10px;font-size:.75rem}
.showroom-active>.demo-disclaimer{display:none}.showroom-active .experience-controls{margin:16px 0 0;padding-top:14px}.showroom-active .experience-controls .quick-scenes,.showroom-active .experience-controls .quick-result,.showroom-active .experience-controls .try-actions,.showroom-active .experience-controls .demo-to-plan{display:none}.showroom-active .scene-shortlist{padding:14px}.showroom-active .dock-tabs button{min-height:38px}.showroom-active .dock-scenario{padding:8px 12px}
@media(max-width:900px){.plan-wrap.showroom-active{padding:8px!important;gap:6px}.showroom-active .showroom-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px}.showroom-active .showroom-toolbar{gap:6px}.showroom-active .showroom-toolbar>div{width:auto}.showroom-active .showroom-toolbar button{flex:0 1 auto;font-size:.7rem;padding:6px 8px;min-height:36px}.showroom-active #design-request{margin-left:0}.showroom-active .model-picker select{width:125px;min-height:36px}.showroom-active .fullscreen-scenes button{min-height:32px;font-size:.7rem}.showroom-active #view-status{display:none!important}.showroom-active .view-tools button{flex:1;min-height:30px;padding:4px;font-size:.65rem}.showroom-active .tour-panel{max-height:100px}.showroom-active .dock-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.showroom-active .dock-tabs button{font-size:.62rem;padding:4px;min-height:34px}}
.showroom-active .showroom-toolbar{top:auto!important}.showroom-active .showroom-stage{height:100%}.showroom-active .showroom-workspace{align-items:stretch}

/* Plain-language remote categories, one active group at a time. */
.simple-remote-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0 16px}.simple-remote-nav button{min-height:40px;border:1px solid #454b55;border-radius:8px;background:#242830;color:#dce0e6;font-size:.82rem;padding:8px;cursor:pointer}.simple-remote-nav button[aria-selected=true]{background:#eab668;color:#251b0d;border-color:#eab668}.simple-remote-body .remote-card{margin:0;padding:16px;border-radius:12px}.simple-remote-body [role=tabpanel]{min-width:0}.remote-unwrapped{margin:0!important;border:0!important;padding:0!important;background:transparent!important}.remote-unwrapped>summary{display:none}.simple-remote-body .wall-panel-ui{margin:0}.showroom-active .remote-title .eyebrow,.showroom-active .remote-badge{display:none}.showroom-active .remote-title h3{font-size:1rem;line-height:1.4;margin:0}.showroom-active .remote-status{font-size:.75rem;margin:12px 0}.compact-wishes{margin-top:14px;border-top:1px solid #454b55;padding-top:12px}.compact-wishes>summary{cursor:pointer;color:#efc792;font-size:.82rem}.compact-wishes .scene-shortlist{border:0;padding:10px 0!important}.showroom-active .experience-controls{border:0;padding:0;margin-top:16px}

/* Dark studio surfaces override light marketing-page details and forms. */
.showroom-active .compact-wishes,.showroom-active .audio-options,.showroom-active .control-group,.showroom-active .plan-editor{background:#20242b!important;color:#edf0f5!important;border-color:#454b55!important}.showroom-active .compact-wishes>summary,.showroom-active details>summary{color:#f0c889!important}.showroom-active .scene-shortlist{background:#20242b;color:#edf0f5}.showroom-active .scene-shortlist p{color:#c5cbd5}.showroom-active .scene-shortlist h3{color:#f4f5f7}.showroom-active .scene-shortlist a{color:#f0c889}.showroom-active input:not([type=range]):not([type=checkbox]),.showroom-active select,.showroom-active textarea{background:#171a1f;color:#edf0f5;border:1px solid #555d68;color-scheme:dark}.showroom-active label{color:#e0e5ed}.custom-home-builder{padding:14px;border:1px solid #4c5360;border-radius:10px;margin:12px 0;background:#20242b;color:#edf0f5}.custom-home-builder h3{font-size:1rem;margin:0 0 8px}.custom-home-builder p,.custom-home-builder small{font-size:.76rem;line-height:1.6;color:#c5cbd5}.custom-home-builder>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.custom-home-builder label{font-size:.73rem}.custom-home-builder input{width:100%;min-width:0;box-sizing:border-box;padding:8px;margin-top:6px}.custom-home-builder button{width:100%;min-height:42px;border:0;border-radius:8px;background:#eab668;color:#251b0d;cursor:pointer}.custom-home-builder #custom-error{color:#f0c889}

/* === Tek sayfa ızgarası ===
   Ana içerik, bilgi şeritleri, akordeonlar ve alt bilgi aynı sol/sağ kenarı paylaşır.
   Seçiciler, önceki geniş ekran kuralının özgüllüğüne (0,2,2) eşit veya üstündedir ve sonra yüklenir. */
:root{--page-max:1200px;--page-pad:clamp(16px,3vw,32px)}
main>section.hero>.wrap,
main>section:not(.hero)>.wrap,
body>footer>.wrap{box-sizing:border-box;width:100%;max-width:calc(var(--page-max) + 2*var(--page-pad));margin-inline:auto;padding-left:max(var(--page-pad),env(safe-area-inset-left,0px));padding-right:max(var(--page-pad),env(safe-area-inset-right,0px))}
main>section.information-strips{box-sizing:border-box;max-width:calc(var(--page-max) + 2*var(--page-pad));padding-inline:var(--page-pad)}
main>details.site-information{max-width:none;width:min(var(--page-max),calc(100% - 2*var(--page-pad)));margin-inline:auto}

/* === Stüdyo sekmeleri dar ekranda iki sıra ===
   Altı sekme 480 px altında tek sırada etiketlerini sığdıramıyor; 3 sütun klavye
   ok tuşlarının (aşağı/yukarı = ±3) mantığıyla da uyumlu. */
@media(max-width:480px){
  .showroom-active .dock-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .showroom-active .dock-tabs button{font-size:.74rem;padding:6px 4px;min-height:40px;white-space:normal;line-height:1.15;overflow-wrap:anywhere}
}

/* === 3B alan dokunmatik davranışı ===
   Sayfa içinde dikey kaydırma tarayıcıya bırakılır, yatay sürükleme modeli döndürür.
   Tam ekranda tüm hareketler modele aittir (tek parmak döndürür, iki parmak yakınlaştırır). */
.plan-wrap:not(.showroom-active) #house-3d canvas{touch-action:pan-y}
.plan-wrap.showroom-active #house-3d canvas{touch-action:none}

/* === Okunur cihaz etiketleri (HTML, sabit yazı boyutu) === */
#house-3d .device-label{position:absolute;z-index:1;transform:translate(-50%,-100%);padding:3px 8px;border-radius:6px;border:1px solid #f5d59e66;background:#10151dea;color:#f5d59e;font:600 .72rem/1.3 var(--body,"Red Hat Text",system-ui,sans-serif);white-space:nowrap;pointer-events:none}
#house-3d button.device-label{pointer-events:auto;cursor:pointer;min-height:24px;border-color:#f5d59e}
#house-3d button.device-label:hover{background:#2a2f38}
#house-3d button.device-label:focus-visible{outline:2px solid #f5d59e;outline-offset:2px}

/* === Tekerlek ipucu (yalnızca fare kullanıcısına görsel bilgi) === */
#house-3d .wheel-hint{position:absolute;left:50%;bottom:14px;z-index:2;transform:translateX(-50%);padding:7px 12px;border-radius:8px;background:#10151df2;color:#f5f5f7;font:500 .78rem/1.3 var(--body,"Red Hat Text",system-ui,sans-serif);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}
#house-3d .wheel-hint.is-visible{opacity:1}

/* Görsel olarak gizli, ekran okuyucuya açık metin */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Phone studio: preserve room for the house and usable, readable controls. */
@media(max-width:600px){
  .plan-wrap.showroom-active{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
  .showroom-active .showroom-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
  .showroom-active .showroom-toolbar>div:not(.model-picker){display:contents}
  .showroom-active .showroom-toolbar>.model-picker{width:100%;min-width:0}
  .showroom-active .model-picker select{width:100%;min-width:0}
  .showroom-active .showroom-toolbar button{width:100%;min-height:44px;font-size:.75rem;line-height:1.3;padding:6px}
  .showroom-active #design-request{grid-column:1/-1;margin:0}
  .showroom-active .fullscreen-scenes button{min-height:44px;font-size:.78rem}
  .showroom-active .view-tools button{min-height:40px;font-size:.72rem}
  .showroom-active .dock-tabs button{min-height:44px;font-size:.78rem}
  .showroom-active .dock-scenario{padding:6px 10px}
  .showroom-active .dock-scenario label{margin-bottom:3px}
  .showroom-active .showroom-workspace{grid-template-rows:minmax(0,9fr) minmax(0,11fr)}
  .showroom-active #showroom-status{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
  .simple-remote-nav button{min-height:44px}
  input:not([type=range]):not([type=checkbox]),select,textarea,.showroom-active input:not([type=range]):not([type=checkbox]),.showroom-active select,.showroom-active textarea{font-size:16px}
}
@media(max-width:600px) and (max-height:700px){
  .showroom-active .dock-tabs button{min-height:36px}
  .showroom-active .dock-scenario label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .showroom-active .dock-scenario{padding:4px 8px;gap:0}
  .showroom-active .dock-scenario select{min-height:36px;padding:6px}
}
/* Landscape phones must not split their already short height into two panels. */
@media(max-width:950px) and (max-height:500px) and (orientation:landscape){
  .showroom-active #showroom-status{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
  .showroom-active .showroom-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,40%);grid-template-rows:minmax(0,1fr)}
  .showroom-active .dock-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .showroom-active .dock-tabs button{font-size:.75rem;min-height:36px}
  .showroom-active .dock-scenario{padding:4px 8px}
  .showroom-active .dock-scenario label{display:none}
  .showroom-active .dock-scenario select{min-height:36px;padding:6px;font-size:16px}
  .showroom-active .tour-panel{max-height:85px}
}

.promo-video{padding-block:48px;background:#f4f1ea}.promo-video h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:12px 0}.promo-video-player{display:block;width:100%;height:auto;min-height:200px;aspect-ratio:16/9;border:0;background:#14191e;border-radius:16px;margin-top:24px}

/* Use the same circular identity as the YouTube channel; keep the name readable at nav size. */
header .brand{flex:none;gap:12px}
header .brand-logo{display:block;width:64px;height:64px;flex:none;aspect-ratio:1;object-fit:cover;border-radius:50%}
header .brand-wordmark{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
header .brand-wordmark strong{font:800 20px/1 var(--display);letter-spacing:.02em;color:var(--night-ink)}
header .brand-wordmark small{display:block;font:600 10px/1 var(--body);letter-spacing:.4em;padding-left:.4em;color:var(--lamp)}
@media(max-width:760px){header .brand{gap:9px}header .brand-logo{width:54px;height:54px}header .brand-wordmark strong{font-size:17px}}
@media(max-width:440px){header .brand{gap:8px}header .brand-logo{width:48px;height:48px}header .brand-wordmark strong{font-size:15px}header .brand-wordmark small{font-size:9px}}
@media(max-width:350px){header .brand-logo{width:44px;height:44px}header .brand-wordmark strong{font-size:13px}header .brand-wordmark small{font-size:8px}}
header .youtube-channel-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--night-line);border-radius:12px;transition:background-color .15s,border-color .15s}
header .youtube-channel-link svg{display:block}
header .youtube-channel-link:hover{background:#ffffff0d;border-color:#ff0033}
header .youtube-channel-link:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}
@media(max-width:520px){header .nav{gap:8px}}
@media(max-width:440px){header .nav{gap:6px}header .brand-wordmark strong{font-size:14px}}
@media(max-width:380px){header .brand .brand-wordmark{display:none}}

/* Homepage: a spacious house view and three rotating phone notifications. */
.home-preview{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:center;min-width:0}
.plan-wrap:not(.showroom-active) .home-preview #house-3d{height:clamp(410px,51dvh,540px)}
.notification-preview{min-width:0;color:#f4f1eb;text-align:left}
.preview-phone{position:relative;padding:17px 14px 23px;border:5px solid #11161b;border-radius:34px;background:linear-gradient(155deg,#34434c,#19252e 57%,#122029);box-shadow:0 16px 32px #0003,inset 0 0 0 1px #67707866}
.preview-phone:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:60px;height:13px;background:#0d1117;border-radius:12px}
.preview-phone-top{display:flex;justify-content:space-between;padding-inline:6px;margin-bottom:26px;font-size:.67rem;font-weight:600;color:#e6edf1}
.preview-phone-label{font-size:.6rem!important;letter-spacing:.14em;color:#efbf70!important;margin:0 0 8px!important}
.preview-phone h2{font-size:1.22rem;line-height:1.35;letter-spacing:-.025em;margin:0 0 22px;color:#fff}
.notification-window{overflow:hidden;border-radius:15px;background:#f5f1e9}
.notification-track{display:flex;transition:transform .55s cubic-bezier(.22,.68,.18,1)}
.notification-slide{flex:0 0 100%;box-sizing:border-box;padding:15px 13px;color:#202933;min-width:0}
.notification-app{display:flex;align-items:center;gap:5px;font-size:.54rem;font-weight:700;letter-spacing:.025em;margin-bottom:12px}
.notification-app small{margin-left:auto;font-size:.55rem;font-weight:400;color:#59636b}
.notification-icon{display:grid;place-items:center;width:21px;height:21px;background:#dba65a;border-radius:6px;color:#172029;font-size:.9rem}
.notification-slide strong{display:block;font-size:.88rem;line-height:1.4;margin-bottom:7px}
.notification-slide p{font-size:.76rem!important;line-height:1.6!important;color:#45505a!important;margin:0 0 12px!important;min-height:79px}
.notification-tag{font-size:.62rem;color:#6f4914;border-top:1px solid #d7cbb8;display:block;padding-top:9px}
.notification-choices{display:flex;gap:5px;margin-top:14px}
.notification-choices button{flex:1;min-width:0;min-height:36px;border:1px solid #76858e;background:#263640;color:#f3f4f6;border-radius:9px;font-family:inherit;font-size:.72rem;font-weight:600;line-height:1.2;padding:7px 4px}
.notification-choices button[aria-pressed=true]{background:#e5ae5d;color:#172029;border-color:#e5ae5d}
.notification-playback{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;font-size:.65rem;color:#c1ccd3}
.notification-playback button{min-height:32px;background:transparent;border:0;color:#e1e8ec;font:inherit;padding:4px}
.notification-preview button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.phone-home-bar{position:absolute;bottom:8px;left:36%;width:28%;height:3px;border-radius:5px;background:#cad1d6}
.notification-demo-note{font-size:.64rem!important;line-height:1.55!important;text-align:center;margin:12px 0 0!important;color:#bbc5ce!important}
.showroom-active .home-preview{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;min-width:0;overflow:hidden}
.showroom-active .home-preview #house-3d{width:100%}
.showroom-active .notification-preview{display:none}
#house-3d .device-label{touch-action:manipulation}
#house-3d .device-label:focus-visible{outline:2px solid #fff;outline-offset:3px;z-index:6}
#house-3d .device-tooltip{position:absolute;z-index:8;box-sizing:border-box;width:270px;max-width:calc(100% - 16px);padding:14px 16px;border:1px solid #c99b57;border-radius:12px;background:#111b25;color:#eef3f7;box-shadow:0 10px 35px #0008;pointer-events:auto;text-align:left}
#house-3d .device-tooltip strong{display:block;font-size:.85rem;color:#f0bd72}
#house-3d .device-tooltip p{font-size:.78rem;line-height:1.55;margin:7px 0 0;color:#e1e7ec}
#house-3d .device-tooltip[hidden]{display:none}
@media(min-width:1400px){main>.hero>.wrap{max-width:1260px}.home-preview{grid-template-columns:minmax(0,1fr) 280px;gap:26px}}
@media(max-width:760px){.home-preview{grid-template-columns:minmax(0,1fr);gap:18px}.plan-wrap:not(.showroom-active) .home-preview #house-3d{height:390px}.notification-preview{max-width:320px;width:100%;margin-inline:auto}.preview-phone{padding-inline:18px}.preview-phone h2{font-size:1.15rem;margin-bottom:15px}.preview-phone-top{margin-bottom:20px}.notification-slide p{min-height:60px}.notification-demo-note{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.notification-track{transition:none}}

/* Navigation follows the visible page, from discovery to the request form. */
header .nav ul{gap:clamp(12px,1.5vw,24px);font-size:.86rem}
header [data-section-link][aria-current="location"]{color:#f1c47e;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
header .btn[data-section-link][aria-current="location"]{color:#251b0d;text-decoration:none;box-shadow:0 0 0 2px #f8d39a}
#sorular,#evinizde-neler-degisir,#proje-secimleri{scroll-margin-top:96px}
@media(max-width:1100px){
 header .nav{position:relative;gap:10px}
 header .nav ul{display:none}
 header .nav .btn{margin-left:auto}
 header .nav .menu-toggle{display:block;min-height:44px}
 header .nav ul[data-open="true"]{display:flex;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;gap:0;background:#1b2025;border:1px solid #444a51;border-radius:0 0 14px 14px;padding:8px 16px;box-shadow:0 14px 24px #0003}
 header .nav ul a{display:block;min-height:44px;padding:12px}
}
@media(max-width:440px){header .nav{gap:6px}header .nav .btn{font-size:.76rem;padding:10px}header .nav .menu-toggle{padding:8px;font-size:.76rem}}

/* Optional x-ray view. The normal home stays solid until selected. */
#house-3d .model-transparency-toggle{position:absolute;top:12px;right:12px;z-index:4;min-height:42px;padding:9px 12px;border:1px solid #78808a;border-radius:10px;background:#20272eed;color:#f6f1e8;font:600 .78rem/1.25 var(--body);cursor:pointer;box-shadow:0 4px 12px #0002}
#house-3d .model-transparency-toggle[aria-pressed="true"]{background:#eab668;color:#251b0d;border-color:#eab668}
#professional-design-toggle{display:none}
.showroom-active #professional-design-toggle{display:block;border-color:#bf9456}
.showroom-active #professional-design-toggle[aria-pressed="true"]{background:#eab668;color:#251b0d}

/* A short setup, then a selected room. Precise fields remain in disclosures. */
#plan-editor{font-size:.8rem;line-height:1.55}
#plan-editor [hidden],.professional-catalog[hidden]{display:none!important}
#plan-editor p{color:#c8d0dc;font-size:.78rem;line-height:1.6}
#plan-editor label,.professional-catalog label{display:block;font-size:.76rem;color:#e6eaf0}
#plan-editor input:not([type=checkbox]),#plan-editor select,.professional-catalog input,.professional-catalog select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 10px;margin-top:5px;border:1px solid #556171;border-radius:9px;background:#161d25;color:#f1f4f8;font:inherit;color-scheme:dark}
#plan-editor button,.professional-catalog button{min-height:40px;padding:8px 11px;border:1px solid #596575;border-radius:8px;background:#2b3542;color:#edf1f5;font:600 .76rem/1.3 var(--body);cursor:pointer}
#plan-editor button:disabled{opacity:.4;cursor:default}
#plan-editor button[aria-pressed="true"]{background:#eab668;color:#251b0d;border-color:#eab668}
.plan-setup{padding:14px;border:1px solid #566172;border-radius:12px;background:#232e3a}
.plan-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.plan-setup-grid>label:nth-child(2){grid-column:2;grid-row:1/3}
#plan-editor .plan-check{display:flex;align-items:center;gap:8px;font-size:.72rem}
#plan-editor input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#eab668}
#plan-editor #plan-generate,#plan-editor .plan-save-primary{width:100%;background:#eab668;color:#251b0d;border-color:#eab668;min-height:44px;margin-top:12px}
.plan-setup small{display:block;color:#bec8d6;font-size:.69rem;line-height:1.5;margin-top:9px}
#plan-editor .editor-enable{display:flex;margin:0;padding:12px 0}
.plan-workspace-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;padding:12px 0;border-block:1px solid #454f5e}
.plan-workspace-tools>label,.plan-mode-buttons{grid-column:1/-1}
.plan-mode-buttons{display:flex;gap:6px}.plan-mode-buttons button{flex:1}
#plan-editor .plan-drag-help{padding:10px 0;color:#f0c889;font-size:.72rem}
.plan-room-selection{padding:12px;border:1px solid #576373;border-radius:10px;margin:4px 0 12px;background:#17202a}
#plan-editor .editor-actions{gap:6px;margin-top:8px}.editor-actions button{flex:1}
.plan-room-tools{padding:0 0 14px}.plan-room-tools h3{font-size:.95rem;margin:14px 0 10px;color:#fff}
.plan-nudge{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.plan-item-add{display:grid;gap:8px}
.plan-items-list{margin:12px 0;display:grid;gap:7px}
.plan-items-list>div{display:flex;gap:6px;align-items:center}.plan-items-list>div>button:first-child{flex:1;text-align:left}
#plan-editor .plan-palette-note,.professional-catalog .plan-palette-note{font-size:.69rem;line-height:1.6;color:#bfc9d8;margin-top:10px}
#plan-editor .plan-advanced,#plan-editor .plan-records{background:#202833;color:#edf1f5;margin:10px 0;padding:0 10px;border:1px solid #465466;border-radius:10px}
#plan-editor details>summary{padding:12px 0;font-size:.77rem;cursor:pointer}
#plan-editor details[open]{padding-bottom:12px}
#plan-editor .editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#plan-editor #editor-warning{color:#f0c889}

/* The detailed catalogue is visible only in professional mode. */
.professional-catalog{min-width:0;background:#202833;border:1px solid #465466;border-radius:12px;padding:12px;color:#edf1f5;margin:12px 0}
.professional-catalog h3{font-size:1rem;margin:0 0 12px;color:#fff}
.catalog-filters{display:grid;gap:8px;margin-top:9px}
.professional-catalog #professional-count{font-size:.71rem;color:#f0c889;margin:10px 0}
.professional-results{display:grid;gap:8px;max-height:360px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.catalog-item{border:1px solid #465466;background:#17202a;border-radius:9px;padding:10px;min-width:0}
.catalog-item strong{display:block;font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}
.catalog-item small{display:block;font-size:.64rem;color:#f0c889;margin:6px 0}
.catalog-item p{font-size:.7rem;line-height:1.55;color:#c1cbd8;margin:7px 0}
.catalog-item button{width:100%;margin-top:6px}
@media(min-width:1200px){
 .showroom-active .showroom-workspace.has-design-library{grid-template-columns:230px minmax(0,1fr) 320px}
 .has-design-library>.professional-catalog{display:flex;flex-direction:column;min-height:0;height:100%;margin:0;overflow:hidden}
 .has-design-library .professional-results{display:block;flex:1;min-height:0;max-height:none}
 .has-design-library .catalog-item+.catalog-item{margin-top:8px}
 .has-design-library .catalog-filters{grid-template-columns:1fr 1fr}
 .has-design-library .professional-catalog input,.has-design-library .professional-catalog select{font-size:.74rem;padding:7px}
}
@media(max-width:600px){
 #house-3d .model-transparency-toggle{top:8px;right:8px;min-height:40px;padding:8px;font-size:.7rem}
 .showroom-active #professional-design-toggle{grid-column:1/-1}
 .showroom-active.professional-mode #tour-start,.showroom-active.professional-mode #scene-wish{display:none}
 .showroom-active .showroom-toolbar #design-request{min-height:40px;font-size:.72rem}
 #plan-editor input:not([type=checkbox]),#plan-editor select,.professional-catalog input,.professional-catalog select{font-size:16px}
 .plan-setup-grid{grid-template-columns:1fr 1fr 1fr}.plan-setup-grid>label:nth-child(2){grid-column:auto;grid-row:auto}
 #plan-editor button,.professional-catalog button{min-height:44px}
 .professional-results{max-height:300px}
}
#plan-editor .plan-setup>summary{font-weight:700;color:#f2c885;padding:0;list-style-position:inside}
#plan-editor .plan-setup[open]>summary{margin-bottom:12px}
#plan-editor .plan-room-selection>label+label{margin-top:10px}
.showroom-active.professional-mode .dock-scenario{display:none}
#plan-editor .library-shortcut{width:100%;margin-top:10px;color:#f0c889}
/* Professional mode already enables the editable plan; avoid a second conflicting visibility toggle. */
.showroom-active.professional-mode #plan-editor .editor-enable{display:none!important}

/* Shared server submission flow; legacy local save controls are retired. */
.portal-consent{display:flex!important;align-items:flex-start;gap:10px;width:100%;font-size:13px}.portal-consent input{width:auto!important;min-height:0;margin-top:4px}#portal-status{width:100%}#plan-load,#plan-forget,#saved-plan-picker{display:none!important}

/* The helper is one focused panel, shared by ordinary and professional plans. */
#design-assistant-toggle{display:none}
.showroom-active #design-assistant-toggle{display:block;border-color:#c2985d}
.showroom-active #design-assistant-toggle[aria-expanded=true]{background:#eab668;color:#251b0d}
.showroom-active.assistant-open #tour-start,.showroom-active.assistant-open #scene-wish{display:none}
#plan-editor .design-assistant{padding:14px;margin:0 0 14px;background:#172531;border:1px solid #9b7a4a;border-radius:12px;color:#edf1f5}
.assistant-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px}
#plan-editor .assistant-heading h3{font-size:1rem;line-height:1.35;color:#f5cf95;margin:0}
#plan-editor .assistant-heading button{flex:none;min-width:32px;min-height:32px;padding:2px 8px;margin-left:auto;background:transparent;font-size:20px}
#plan-editor .design-assistant>p{font-size:.76rem;line-height:1.6;margin:0 0 12px}
#plan-editor .design-assistant textarea{display:block;width:100%;min-height:112px;resize:vertical;max-height:220px;border:1px solid #687a8c;border-radius:9px;margin:6px 0 8px;padding:10px;background:#111b24;color:#f3f4f5;font:400 .82rem/1.6 var(--body)}
.assistant-examples{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
#plan-editor .assistant-examples button{font-size:.66rem;min-height:34px;padding:6px;background:#253747}
#plan-editor .assistant-primary{display:block;width:100%;min-height:44px;background:#eab668;color:#251b0d;border-color:#eab668;margin-top:12px}
#plan-editor .assistant-status{color:#f4ce94;font-size:.78rem;margin:12px 0 0}
.assistant-status:empty{display:none}
.assistant-preview{margin-top:12px;border-top:1px solid #50606e;padding-top:12px}
.assistant-preview h4{font-size:.85rem;margin:0 0 8px;color:#f2e9da}
.assistant-preview ul{padding-left:18px;margin:8px 0;font-size:.74rem;line-height:1.65;color:#d7e1ec;max-height:240px;overflow:auto}
.assistant-preview li+li{margin-top:6px}
.assistant-warnings{padding:10px;border:1px solid #9a7951;border-radius:9px;background:#342c22;margin-top:10px}
.assistant-warnings strong{font-size:.75rem;color:#ffd296}.assistant-warnings ul{color:#f1d8b5;max-height:150px}
#plan-editor #assistant-undo{width:100%;margin-top:10px}
#plan-editor .design-assistant .assistant-note{font-size:.66rem;color:#aebdcd;margin-top:12px;margin-bottom:0}
.showroom-active.assistant-open .dock-scenario{display:none}
@media(max-width:600px){
 .showroom-active #design-assistant-toggle,.showroom-active #professional-design-toggle{grid-column:auto;min-width:0;font-size:.7rem}
 #plan-editor .design-assistant textarea{font-size:16px}
 #plan-editor .assistant-examples button{min-height:40px}
}

/* Poster is local and small; the full YouTube player loads only on request. */
.promo-video-shell{position:relative;aspect-ratio:16/9;background:#14191e;border-radius:16px;overflow:hidden;margin-top:24px}
.promo-video-shell>img{display:block;width:100%;height:100%;object-fit:cover}
#promo-video-play{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(transparent 55%,#000a);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--body)}
#promo-video-play>span{display:grid;place-items:center;width:84px;height:60px;background:#f03;color:#fff;font-size:30px;border-radius:16px;box-shadow:0 6px 24px #0007}
#promo-video-play strong{margin-top:12px;background:#10181ee8;border-radius:8px;padding:8px 14px;font-size:1rem}
#promo-video-play small{position:absolute;bottom:14px;left:16px;background:#10181ee8;border-radius:6px;padding:4px 8px;font-size:.7rem}
#promo-video-play:focus-visible{outline:3px solid #eab668;outline-offset:-6px}
@media(max-width:600px){#promo-video-play>span{width:64px;height:46px;font-size:24px;border-radius:12px}#promo-video-play strong{font-size:.8rem;padding:6px 10px}#promo-video-play small{font-size:.56rem;bottom:7px;left:7px}}
/* Existing local drafts remain accessible in the static preview. */
body:not(.portal-connected) #plan-load,body:not(.portal-connected) #plan-forget,body:not(.portal-connected) #saved-plan-picker{display:revert!important}

/* File operations remain reachable before enabling the editable model. */
#plan-editor .plan-file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}#plan-editor .plan-file-actions button{min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere}#plan-editor .plan-legacy-records{margin-top:12px;border-top:1px solid #465466}body.portal-connected .plan-legacy-records{display:none}@media(max-width:480px){#plan-editor .plan-file-actions{grid-template-columns:1fr}}

/* On phones, give the house and the tools a usable full-height pane. */
.mobile-studio-views{display:none}
@media(max-width:600px){
 .showroom-active .fullscreen-scenes{display:none}
 .showroom-active .mobile-studio-views{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:none}
 .mobile-studio-views button{min-height:44px;border:1px solid #555d68;border-radius:8px;background:#242830;color:#edf0f5;font:600 14px/1.3 system-ui;cursor:pointer}
 .mobile-studio-views button[aria-pressed=true]{background:#eab668;color:#251b0d}
 .showroom-active .showroom-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 .showroom-active:not(.mobile-controls-open) #advanced-controls{display:none!important}
 .showroom-active.mobile-controls-open .showroom-stage{display:none!important}
 .showroom-active .control-dock{min-height:0}
 .showroom-active .dock-panel{min-height:0!important;flex:1;overflow-y:auto}
}