:root{
  --floor-ink:#071a36;
  --floor-navy:#0d2b58;
  --floor-blue:#1d5fd1;
  --floor-green:#22c69a;
  --floor-gold:#dca62d;
  --floor-warm:#a96d38;
  --floor-soft:#f5f9fc;
  --floor-line:#d9e6ef;
  --floor-muted:#58708d;
  --floor-shadow:0 24px 68px rgba(9,34,67,.12);
  --floor-radius:30px;
}
.floor-pro{background:linear-gradient(180deg,#f8fbfd 0,#eef7f5 48%,#f7fafc 100%);color:var(--floor-ink)}
.floor-pro main{overflow:hidden}
.floor-pro h1,.floor-pro h2,.floor-pro h3{color:var(--floor-ink);letter-spacing:-.045em}
.floor-pro .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:7px 11px;border-radius:999px;background:#eaf4ff;color:#486482;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.floor-pro .btn-primary,.floor-pro .btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.18s ease}
.floor-pro .btn-primary{background:linear-gradient(135deg,#173f91,#1e63dc 55%,#22c79a);color:#fff;box-shadow:0 14px 30px rgba(26,87,194,.25)}
.floor-pro .btn-secondary{background:#fff;color:var(--floor-ink);border-color:var(--floor-line);box-shadow:0 8px 24px rgba(9,34,67,.07)}
.floor-pro .btn-primary:hover,.floor-pro .btn-secondary:hover{transform:translateY(-2px)}
.site-header .brand-logo{display:inline-flex;align-items:center}.site-header .brand-logo img{display:block;width:190px;max-width:100%;height:auto}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#173f91,#1e63dc 55%,#22c79a);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(26,87,194,.22)}
.header-cta:hover{transform:translateY(-1px)}

.floor-hero{position:relative;padding:58px 0 42px;background:radial-gradient(circle at 80% 10%,rgba(34,199,154,.18),transparent 28%),radial-gradient(circle at 18% 0,rgba(35,106,220,.14),transparent 30%)}
.floor-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:48px;align-items:center}
.floor-hero-copy h1{max-width:820px;margin:0 0 20px;font-size:clamp(2.75rem,5.2vw,5.55rem);line-height:.96;font-weight:950}
.floor-hero-copy .lead{max-width:760px;margin:0;color:var(--floor-muted);font-size:1.13rem;line-height:1.72;font-weight:620}
.lead-mobile{display:none}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;color:#71859c;font-size:.9rem}.breadcrumb a{color:#506b89}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.floor-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.floor-trust span{padding:9px 12px;border:1px solid rgba(24,81,165,.13);border-radius:999px;background:rgba(255,255,255,.76);font-size:.83rem;font-weight:850;color:#315173}
.floor-visual{position:relative;padding:18px;border-radius:36px;background:linear-gradient(145deg,#0a244a,#173f7e 62%,#0e6f70);box-shadow:0 38px 90px rgba(5,29,66,.28);color:#fff;overflow:hidden}
.floor-visual::before{content:"";position:absolute;inset:-28% -12% auto auto;width:270px;height:270px;border-radius:50%;background:rgba(235,184,65,.22)}
.floor-visual-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 4px 16px;color:rgba(255,255,255,.76);font-weight:800;font-size:.82rem}.floor-visual-head b{color:#fff;letter-spacing:.08em}
.plank-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;aspect-ratio:1.55;padding:15px;border-radius:24px;background:linear-gradient(145deg,#e7ddcf,#c8ad8e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);overflow:hidden}
.plank-board i{position:relative;border-radius:7px;background:linear-gradient(145deg,#f3dfc2,#b9844f);box-shadow:inset -5px -5px 12px rgba(78,43,13,.11),inset 4px 4px 8px rgba(255,255,255,.28)}
.plank-board i:nth-child(3n+2){background:linear-gradient(145deg,#edd4b1,#ad7542)}.plank-board i:nth-child(4n){transform:translateX(10px)}
.plank-board i::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:rgba(70,38,12,.16);box-shadow:0 7px 0 rgba(70,38,12,.09),0 -7px 0 rgba(255,255,255,.09)}
.plank-cut{position:absolute;right:16px;bottom:16px;width:116px;height:49px;border-radius:8px;background:linear-gradient(145deg,#f5dcad,#c28c48);transform:rotate(-8deg);box-shadow:0 16px 24px rgba(11,31,57,.28)}.plank-cut::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(77,48,0,.35);border-radius:5px}
.floor-visual-dashboard{position:relative;display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:9px;margin-top:12px}.floor-visual-dashboard>div{padding:13px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(7px)}.floor-visual-dashboard span{display:block;color:rgba(255,255,255,.66);font-size:.73rem;font-weight:750}.floor-visual-dashboard strong{display:block;margin-top:4px;color:#fff;font-size:1.18rem}.floor-visual-main strong{font-size:1.55rem}.floor-visual-main small{display:block;margin-top:4px;color:rgba(255,255,255,.62);line-height:1.35}
.anchor-nav{position:relative;z-index:10;margin:24px 0 0;border:0;background:transparent;backdrop-filter:none}.anchor-scroll{display:flex;width:max-content;max-width:calc(100% - 32px);gap:7px;overflow-x:auto;margin:0 auto;padding:8px;border:1px solid rgba(205,221,232,.92);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 16px 38px rgba(9,34,67,.09);scrollbar-width:none}.anchor-scroll a{flex:0 0 auto;padding:9px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:#526b86;font-size:.82rem;font-weight:900;transition:.18s ease}.anchor-scroll a:hover{border-color:#cfe0ec;background:#fff;color:var(--floor-ink);box-shadow:0 7px 16px rgba(11,39,75,.07)}

.floor-work{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;align-items:start;margin-top:34px;margin-bottom:48px;padding:26px;border:1px solid rgba(188,210,224,.72);border-radius:42px;background:linear-gradient(145deg,rgba(235,244,249,.94),rgba(242,249,246,.9)),repeating-linear-gradient(90deg,rgba(169,109,56,.055) 0 1px,transparent 1px 92px);box-shadow:0 30px 88px rgba(9,34,67,.10),inset 0 1px 0 rgba(255,255,255,.78);scroll-margin-top:112px}.floor-work::before{content:"";position:absolute;left:32px;right:32px;top:-1px;height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--floor-green),#5caaf0 45%,var(--floor-gold));opacity:.88}.floor-form,.floor-result{border:1px solid rgba(198,216,228,.92);border-radius:30px;background:rgba(255,255,255,.97);box-shadow:0 22px 56px rgba(9,34,67,.105)}.floor-form{padding:34px}.floor-result{position:sticky;top:96px;padding:31px;overflow:hidden}.form-top,.result-top{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.form-top{padding-bottom:22px;border-bottom:1px solid #e3edf3}.form-top h2,.result-top h2{margin:0 0 8px;font-size:clamp(1.8rem,2.65vw,2.55rem)}.form-top p:not(.eyebrow){max-width:590px;margin:0;color:var(--floor-muted);line-height:1.58}.live-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border-radius:999px;background:#edfbf7;color:#15785f;font-size:.76rem;font-weight:900}.live-badge i{width:8px;height:8px;border-radius:50%;background:#27c995;box-shadow:0 0 0 5px rgba(39,201,149,.13)}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 24px}.mode-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:17px;border:1px solid var(--floor-line);border-radius:22px;background:#f9fbfd;color:var(--floor-ink);cursor:pointer;transition:.18s ease}.mode-button:hover{transform:translateY(-2px);border-color:#aac8e0}.mode-button.is-active{background:linear-gradient(145deg,#102b58,#1750a7);border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(17,67,143,.22)}.mode-number{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#e9f3ff;color:#245ea7;font-size:.78rem;font-weight:950}.mode-button.is-active .mode-number{background:rgba(255,255,255,.13);color:#fff}.mode-button>span:nth-child(2){min-width:0}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:1rem}.mode-button small{margin-top:3px;color:#6a7e93;font-weight:650}.mode-button.is-active small{color:rgba(255,255,255,.68)}.mode-button em{justify-self:end;align-self:start;padding:4px 7px;border-radius:999px;background:#ecf8f4;color:#20785e;font-style:normal;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.mode-button.is-active em{background:rgba(255,255,255,.13);color:#fff}
.calculation-panel[hidden],.advanced-result-panel[hidden],[data-toggle-fields][hidden],#basicDimensionsFields[hidden],#basicAreaField[hidden]{display:none!important}.mode-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 18px;border-radius:20px;margin-bottom:24px}.mode-intro>span{align-self:start;padding:7px 9px;border-radius:999px;font-size:.68rem;font-weight:950;text-transform:uppercase}.mode-intro strong{display:block;margin-bottom:3px}.mode-intro p{margin:0;color:var(--floor-muted);font-size:.9rem;line-height:1.5}.mode-intro-basic{background:#edf9f5;border:1px solid rgba(39,201,149,.22)}.mode-intro-basic>span{background:#1d8c6e;color:#fff}.mode-intro-advanced{background:#edf4ff;border:1px solid rgba(30,92,201,.18)}.mode-intro-advanced>span{background:#1d5fc7;color:#fff}
.section-label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:24px 0 13px}.section-label>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#102b58;color:#fff;font-size:.76rem;font-weight:950}.section-label strong,.section-label small{display:block}.section-label small{margin-top:2px;color:var(--floor-muted)}
fieldset{padding:0;margin:0;border:0}.measure-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card{position:relative}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card span{display:block;padding:15px 16px;border:1px solid var(--floor-line);border-radius:18px;background:#fff;cursor:pointer}.choice-card b,.choice-card small{display:block}.choice-card small{margin-top:4px;color:var(--floor-muted)}.choice-card input:checked+span{border-color:#1d5fd1;background:#f0f6ff;box-shadow:inset 0 0 0 1px #1d5fd1}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block}.field>span,.field>small{display:block}.field>span{margin-bottom:6px;font-weight:900;color:var(--floor-ink)}.field>small{margin:-3px 0 7px;color:var(--floor-muted);font-size:.78rem;line-height:1.35}.input-wrap,.select-wrap{display:flex;align-items:center;min-height:52px;border:1px solid var(--floor-line);border-radius:16px;background:#fff;overflow:hidden;transition:.15s ease}.input-wrap:focus-within,.select-wrap:focus-within{border-color:#4385df;box-shadow:0 0 0 4px rgba(40,111,206,.1)}.input-wrap input,.select-wrap select,.room-field input,.room-field select{width:100%;border:0;outline:0;background:transparent;color:var(--floor-ink);font:inherit;font-weight:800}.input-wrap input{padding:13px 8px 13px 15px}.input-wrap em{padding-right:13px;color:#70839a;font-style:normal;font-size:.82rem;font-weight:850}.select-wrap select{padding:13px 38px 13px 15px}.field-wide{grid-column:1/-1}.compact-grid{margin-top:13px}
.floor-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.floor-type{display:grid;justify-items:start;min-width:0;padding:14px;border:1px solid var(--floor-line);border-radius:18px;background:#fff;color:var(--floor-ink);text-align:left;cursor:pointer}.floor-type:hover{border-color:#9cbfe1}.floor-type.is-active{border-color:#276ad1;background:#eff6ff;box-shadow:inset 0 0 0 1px #276ad1}.floor-type strong,.floor-type small{display:block}.floor-type strong{margin-top:8px}.floor-type small{margin-top:3px;color:#71849b;font-size:.7rem;line-height:1.3}.type-icon{display:block;width:36px;height:28px;border-radius:8px;background:repeating-linear-gradient(90deg,#c78b50 0 8px,#e3b27b 8px 16px);box-shadow:inset 0 0 0 1px rgba(75,40,10,.12)}.type-icon.vinyl{background:repeating-linear-gradient(90deg,#a7b4bd 0 8px,#d4dde2 8px 16px)}.type-icon.glue{background:linear-gradient(135deg,#bad3d6,#739ca5)}.type-icon.wood{background:repeating-linear-gradient(90deg,#9e6234 0 8px,#d09961 8px 16px)}
.quick-settings{margin-top:16px;border:1px solid var(--floor-line);border-radius:18px;background:#f7fafc}.quick-settings summary{cursor:pointer;padding:15px 17px;color:#234c79;font-weight:900}.quick-settings-grid{padding:0 16px 16px}
.form-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.privacy-note{display:flex;gap:8px;align-items:flex-start;margin:13px 0 0;color:#718399;font-size:.75rem;line-height:1.45}.privacy-note i{flex:0 0 auto;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#28c99a}.form-error{margin-top:14px;padding:13px 15px;border-radius:16px;background:#fff3f3;border:1px solid #f2c8c8;color:#9a2e2e;font-weight:750}

.room-list{display:grid;gap:12px}.room-card{border:1px solid var(--floor-line);border-radius:22px;background:#f9fbfd;overflow:hidden}.room-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#f0f6fb;border-bottom:1px solid var(--floor-line)}.room-name-wrap{display:flex;align-items:center;gap:10px;min-width:0}.room-index{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:#123a74;color:#fff;font-size:.72rem;font-weight:950}.room-name{min-width:0;width:220px;max-width:100%;border:0;background:transparent;color:var(--floor-ink);font:inherit;font-weight:900;outline:0}.room-remove{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d2e0eb;border-radius:11px;background:#fff;color:#7e5060;font-size:1.2rem;cursor:pointer}.room-card-body{padding:14px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-field>span{display:block;margin-bottom:5px;color:#60758d;font-size:.72rem;font-weight:850}.room-field>div,.room-field select{display:flex;align-items:center;min-height:46px;border:1px solid #d7e4ed;border-radius:13px;background:#fff;overflow:hidden}.room-field input{padding:11px 6px 11px 12px}.room-field em{padding-right:10px;color:#71849a;font-style:normal;font-size:.72rem;font-weight:800}.room-field select{padding:11px 26px 11px 12px}.room-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.room-summary span{padding:7px 9px;border-radius:999px;background:#eef5fa;color:#627891;font-size:.7rem}.room-summary b{color:#183f71}.add-room{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:11px 15px;border:1px dashed #93b9d9;border-radius:16px;background:#f4f9fd;color:#1d5b9e;font-weight:900;cursor:pointer}.add-room span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#1e62c7;color:#fff}
.feature-stack{display:grid;gap:10px}.feature-toggle{position:relative}.feature-toggle input{position:absolute;opacity:0}.feature-toggle>span{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:14px 15px;border:1px solid var(--floor-line);border-radius:17px;background:#fff;cursor:pointer}.feature-toggle i{grid-row:1/3;align-self:center;position:relative;width:39px;height:23px;border-radius:999px;background:#dce7ef;transition:.18s}.feature-toggle i::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.18s}.feature-toggle b,.feature-toggle small{display:block}.feature-toggle small{margin-top:2px;color:#71849a;font-size:.76rem}.feature-toggle input:checked+span{border-color:#9edbc9;background:#f2fbf8}.feature-toggle input:checked+span i{background:#23bf91}.feature-toggle input:checked+span i::after{transform:translateX(16px)}.feature-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #dde9f1;border-radius:17px;background:#f8fbfd}.feature-fields-wide{grid-template-columns:repeat(3,minmax(0,1fr))}

.result-top{align-items:center}.result-top h2{font-size:2rem}.result-top>span{padding:8px 10px;border-radius:999px;background:#eef5fb;color:#47637e;font-size:.75rem;font-weight:900}.result-main{margin-top:20px;padding:22px;border-radius:26px;background:radial-gradient(circle at 95% 5%,rgba(235,184,65,.52),transparent 34%),linear-gradient(145deg,#0c2a57,#174a9b 65%,#166f70);color:#fff;box-shadow:0 22px 46px rgba(11,47,102,.25)}.result-main-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:rgba(255,255,255,.72);font-size:.77rem;font-weight:850}.result-main-label b{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:.65rem;text-transform:uppercase}.result-main output{display:block;margin:8px 0 2px;color:#fff;font-size:clamp(3rem,6vw,4.7rem);line-height:.95;font-weight:950;letter-spacing:-.065em}.result-main>strong{display:block;color:#d9fff5;font-size:1.05rem}.result-main p{margin:11px 0 16px;color:rgba(255,255,255,.72);line-height:1.55}.floor-gauge{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.13)}.floor-gauge i{display:block;background:linear-gradient(90deg,#2dd6a2,#71e5c2)}.floor-gauge span{display:block;background:rgba(255,214,94,.78)}.floor-gauge-legend{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:rgba(255,255,255,.69);font-size:.7rem}.floor-gauge-legend b{color:#fff}.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.result-metrics>div,.advanced-stat-grid>div,.project-compare>div{padding:13px;border:1px solid var(--floor-line);border-radius:17px;background:#fff}.result-metrics span,.advanced-stat-grid span,.project-compare span{display:block;color:#70839a;font-size:.72rem;font-weight:800}.result-metrics strong,.advanced-stat-grid strong,.project-compare strong{display:block;margin-top:4px;color:var(--floor-ink);font-size:1.06rem}.result-metrics small{display:block;margin-top:2px;color:#8191a2;font-size:.68rem}.advanced-result-panel{margin-top:20px;padding:18px;border-radius:22px;background:#eff8f5;border:1px solid rgba(39,183,142,.27)}.advanced-stat-grid,.project-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-compare{margin-top:14px}.result-actions{display:flex;gap:10px;margin-top:20px}.result-actions button{flex:1;padding:10px;border-radius:14px;border:1px solid var(--floor-line);background:#fff;color:#173b70;font-weight:850;cursor:pointer}.result-insight{margin-top:20px;padding:17px 18px;border-radius:20px;border-left:4px solid #25bd8e;background:#f0faf7;color:#49647d;line-height:1.55;font-size:.88rem}.result-insight strong{display:block;color:#153968;margin-bottom:4px}
.result-section{margin-top:28px}.section-head{margin-bottom:18px}.section-head h2{margin:0 0 8px;font-size:clamp(2rem,3.5vw,3.2rem)}.section-head p{margin:0;color:var(--floor-muted);line-height:1.65;max-width:850px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.scenario-card{padding:16px;border:1px solid var(--floor-line);border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(13,45,76,.05)}.scenario-card.is-current{border-color:#2688c9;box-shadow:inset 0 0 0 1px #2688c9}.scenario-card span,.scenario-card small{display:block;color:#71849a}.scenario-card strong{display:block;margin:5px 0;color:var(--floor-ink);font-size:1.15rem}.breakdown-wrap{overflow-x:auto;border:1px solid var(--floor-line);border-radius:22px;background:#fff}.breakdown-table{width:100%;border-collapse:collapse;min-width:650px}.breakdown-table th,.breakdown-table td{padding:14px 17px;text-align:left;border-bottom:1px solid #e5edf2}.breakdown-table th{background:#f3f7fa;color:#516a84;font-size:.76rem;text-transform:uppercase}.breakdown-table td{color:#425d78}.breakdown-table td:first-child{font-weight:850;color:var(--floor-ink)}.cost-breakdown{display:grid;gap:8px}.cost-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--floor-line);border-radius:15px;background:#fff}.cost-breakdown span{color:#5e748b}.cost-breakdown strong{color:var(--floor-ink)}.empty-cost{padding:15px;border-radius:15px;background:#f5f8fa;color:#718399}

.floor-section{padding-top:55px;padding-bottom:55px}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.content-article{padding:34px;border:1px solid var(--floor-line);border-radius:30px;background:#fff;box-shadow:0 18px 46px rgba(9,38,70,.07)}.content-article h2{margin:0 0 18px;font-size:clamp(2rem,3.4vw,3.2rem)}.content-article h3{margin:34px 0 12px;font-size:1.65rem}.content-article p,.content-article li{color:#526a83;line-height:1.78}.content-article strong{color:#1b3c65}.formula-box{margin:22px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,#eff8ff,#eefaf6);border:1px solid #b8dce1;color:#21496f;font:700 .9rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.content-aside{position:sticky;top:18px;display:grid;gap:12px}.content-aside a,.content-aside div{padding:17px;border:1px solid var(--floor-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(10,39,70,.06)}.content-aside span,.content-aside small{display:block;color:#74869a;font-size:.75rem}.content-aside strong{display:block;margin:5px 0;color:#173c6a}.example-grid,.source-grid,.related-grid,.faq-grid{display:grid;gap:14px}.example-grid{grid-template-columns:repeat(3,1fr)}.example-card{padding:22px;border:1px solid var(--floor-line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(9,38,70,.06)}.example-card h3{margin:7px 0 9px;font-size:1.28rem}.example-card p{margin:0;color:#5b7188;line-height:1.65}.example-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#123870;color:#fff;font-weight:950}.source-grid{grid-template-columns:repeat(3,1fr)}.source-grid a{padding:20px;border:1px solid var(--floor-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(10,38,69,.06)}.source-grid span,.source-grid small{display:block;color:#71859a;font-size:.74rem}.source-grid strong{display:block;margin:6px 0;color:#153b6c}.review-note{margin-top:14px;color:#637a91}.related-grid{grid-template-columns:repeat(5,1fr)}.related-card{padding:19px;border:1px solid var(--floor-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(10,38,69,.06);transition:.18s ease}.related-card:hover{transform:translateY(-4px)}.related-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef6ff;color:#1956a0;font-weight:950}.related-card strong,.related-card small{display:block}.related-card strong{margin:10px 0 5px;color:var(--floor-ink)}.related-card small{color:#708399;line-height:1.45}.faq-grid{grid-template-columns:repeat(2,1fr)}.faq-grid details{border:1px solid var(--floor-line);border-radius:20px;background:#fff;overflow:hidden}.faq-grid summary{position:relative;cursor:pointer;list-style:none;padding:18px 54px 18px 19px;color:var(--floor-ink);font-weight:900}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf5fb;color:#195390}.faq-grid details[open] summary::after{content:"–"}.faq-grid p{margin:0;padding:0 19px 19px;color:#5a728a;line-height:1.65}
.footer{margin-top:55px;padding:52px 0 22px;background:linear-gradient(145deg,#071630,#122850);color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;align-items:start}.footer img{display:block;width:190px;max-width:100%;height:auto;margin-bottom:14px}.footer p{margin:12px 0 0;color:rgba(255,255,255,.64);line-height:1.6}.footer h3{margin:0 0 12px;color:#fff;font-size:14px}.footer-links{display:grid;gap:8px}.footer-links a{display:block;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;line-height:1.45}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom p{margin:0;font-size:11px}

@media(max-width:1100px){
  .floor-hero-grid,.floor-work,.content-shell{grid-template-columns:1fr}.floor-visual{max-width:680px}.floor-result{position:relative;top:auto}.related-grid{grid-template-columns:repeat(3,1fr)}.source-grid{grid-template-columns:1fr 1fr}.content-aside{position:relative;top:auto;grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .floor-hero{padding:22px 0 20px}.breadcrumb{display:none}.floor-hero-grid{gap:22px}.floor-hero-copy h1{font-size:clamp(2.35rem,11vw,3.6rem)}.lead-desktop,.floor-visual,.anchor-nav{display:none}.lead-mobile{display:inline}.floor-hero-copy .lead{font-size:1rem;line-height:1.58}.hero-actions .btn-secondary{display:none}.floor-trust{display:grid;grid-template-columns:1fr 1fr}.floor-trust span{text-align:center;font-size:.72rem;padding:8px}.floor-work{width:calc(100% - 16px);margin-top:18px;margin-bottom:28px;padding:8px;gap:14px;border-radius:29px}.floor-work::before{left:22px;right:22px}.floor-form,.floor-result{padding:18px;border-radius:23px}.form-top{padding-bottom:18px}.form-top{display:block}.live-badge{margin-top:10px}.mode-switch{grid-template-columns:1fr}.mode-button{grid-template-columns:auto minmax(0,1fr);padding:14px}.mode-button em{grid-column:2;justify-self:start;align-self:center;margin-top:5px}.measure-picker,.field-grid,.floor-type-grid,.result-metrics,.advanced-stat-grid,.project-compare,.faq-grid,.source-grid,.example-grid,.content-aside,.feature-fields,.feature-fields-wide{grid-template-columns:1fr}.result-metrics,.advanced-stat-grid,.project-compare{gap:14px}.floor-type-grid{grid-template-columns:1fr 1fr}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-field:first-child,.room-field:last-child{grid-column:auto}.scenario-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.result-main{padding:18px}.result-main output{font-size:3.2rem}.floor-section{padding-top:38px;padding-bottom:38px}.content-article{padding:21px;border-radius:24px}.content-article h3{font-size:1.4rem}.section-head h2{font-size:2rem}.form-actions{display:grid}.form-actions button{width:100%}.result-actions{display:grid}.result-top{display:block}.result-top>span{display:inline-flex;margin-top:6px}.field-wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer{padding-top:38px}.header-cta{min-height:38px;padding:9px 12px;font-size:12px}.site-header .brand-logo img{width:165px}
}
@media(max-width:420px){
  .room-grid,.scenario-grid,.related-grid,.floor-type-grid{grid-template-columns:1fr}.floor-form,.floor-result{padding:15px}.floor-hero-copy h1{font-size:2.28rem}.result-main-label{display:block}.result-main-label b{display:inline-flex;margin-top:6px}.room-name{width:160px}
}
@media print{
  .site-header,.floor-hero,.anchor-nav,.floor-form,.result-actions,.floor-section,.footer{display:none!important}.floor-work{display:block;padding:0}.floor-result{box-shadow:none;border:0;position:static}.advanced-result-panel[hidden]{display:block!important}
}

/* 2026-07-14: final layout refinement – clean navigation and independent calculator cards */
@media (min-width:761px){
  .anchor-nav{
    position:sticky;
    top:76px;
    z-index:70;
    margin:0;
    padding:0;
    border-top:1px solid rgba(205,221,232,.72);
    border-bottom:1px solid rgba(205,221,232,.9);
    background:rgba(247,251,253,.94);
    backdrop-filter:blur(16px);
    box-shadow:0 8px 22px rgba(9,34,67,.035);
  }
  .anchor-scroll{
    display:flex;
    justify-content:center;
    width:auto;
    max-width:none;
    gap:4px;
    overflow-x:auto;
    margin:0 auto;
    padding:11px 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .anchor-scroll a{
    padding:9px 14px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:#58708a;
    font-size:.8rem;
    font-weight:900;
  }
  .anchor-scroll a:hover{
    border-color:#d7e4ec;
    background:#fff;
    color:var(--floor-ink);
    box-shadow:0 7px 18px rgba(9,34,67,.055);
  }
  .floor-work{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    gap:24px;
    align-items:start;
    margin-top:42px;
    margin-bottom:52px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    scroll-margin-top:150px;
  }
  .floor-work::before{display:none}
  .floor-form,.floor-result{
    border:1px solid rgba(198,216,228,.94);
    border-radius:32px;
    background:#fff;
    box-shadow:0 24px 64px rgba(9,34,67,.105);
  }
  .floor-form{padding:34px}
  .floor-result{top:148px;padding:31px}
}

@media (max-width:760px){
  .floor-work{
    width:calc(100% - 24px);
    margin-top:20px;
    margin-bottom:30px;
    padding:0;
    gap:16px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .floor-work::before{display:none}
  .floor-form,.floor-result{
    border-radius:24px;
    box-shadow:0 18px 44px rgba(9,34,67,.095);
  }
}