:root{
  --ms-white:#fff;
  --ms-soft:#f8f7f4;
  --ms-ink:#111;
  --ms-muted:#656565;
  --ms-line:#e5e1da;
  --ms-coffee:#9a6738;
  --ms-coffee-dark:#744a25;
  --ms-max:1220px;
  --ms-r:20px;
  --ms-shadow:0 18px 50px rgba(20,20,20,.07);
  --ms-logo-size:1.75rem;
  --ms-hero-title-min:2.6rem;
  --ms-hero-title-max:5.1rem;
  --ms-hero-height:460px;
  --ms-hero-height-mobile:330px;
  --ms-trust-size:.95rem;
  --ms-section-space:88px;
  --ms-section-space-mobile:64px;
}
html{scroll-behavior:smooth}
body.myseatss-home-page{
  margin:0;background:var(--ms-white);color:var(--ms-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
}
body.myseatss-home-page *{box-sizing:border-box}
body.myseatss-home-page a{text-decoration:none;color:inherit}
body.myseatss-home-page h1,body.myseatss-home-page h2,body.myseatss-home-page h3,body.myseatss-home-page p{margin-top:0}
.container{width:min(calc(100% - 34px),var(--ms-max));margin:auto}
.announcement{background:#faf9f7;border-bottom:1px solid var(--ms-line);text-align:center;padding:9px 12px;font-size:.82rem;font-weight:750}
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--ms-line)}
.nav{min-height:78px;display:flex;align-items:center;gap:24px}
.brand{font-size:var(--ms-logo-size);line-height:1;font-weight:950;letter-spacing:-.055em;white-space:nowrap}
.brand small{display:block;margin-top:5px;color:#777;font-size:.56rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.nav-links{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:.93rem;font-weight:800}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{min-height:48px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:1px solid transparent;transition:.18s ease;cursor:pointer;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-coffee{background:var(--ms-coffee);color:#fff!important}
.btn-coffee:hover{background:var(--ms-coffee-dark)}
.btn-dark{background:#111;color:#fff!important}
.btn-outline{background:#fff;color:#111!important;border:2px solid #111}
.btn-outline:hover{background:#111;color:#fff!important}
.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem;cursor:pointer}
.mobile-header-call{display:none;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#111;color:#fff!important;font-weight:900}
.drawer{display:none;position:fixed;inset:78px 0 0 0;background:white;z-index:65;padding:26px}
.drawer.open{display:block}
.drawer a{display:block;padding:17px 0;border-bottom:1px solid var(--ms-line);font-weight:850;font-size:1.1rem}
.hero{padding:72px 0 58px;background:#fff}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.eyebrow{display:inline-block;color:var(--ms-coffee-dark);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:900;margin-bottom:14px}
.hero h1{font-size:clamp(var(--ms-hero-title-min),5.4vw,var(--ms-hero-title-max));line-height:.92;letter-spacing:-.065em;margin-bottom:22px;max-width:720px}
.section h2,.layout-help h2,.final-cta h2,.faq h2,.reviews h2{font-size:clamp(2.05rem,4.7vw,4rem);line-height:1;letter-spacing:-.05em;margin-bottom:16px}
.category-card h3,.product-card h3,.project h3,.step h3{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:7px}
.hero-copy>p{max-width:610px;color:var(--ms-muted);font-size:1.13rem;margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.hero-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:#404040;font-size:.86rem;font-weight:800}
.hero-meta span:before{content:"✓";color:var(--ms-coffee);margin-right:6px;font-weight:950}
.hero-photo{min-height:var(--ms-hero-height);border-radius:28px;border:1px solid var(--ms-line);box-shadow:var(--ms-shadow);position:relative;overflow:hidden;background-color:#d9cdbf}
.hero-photo span{position:absolute;left:22px;bottom:20px;background:rgba(255,255,255,.92);border-radius:999px;padding:9px 13px;font-size:.74rem;font-weight:800}
.quick-products{border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line);background:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-link{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-right:1px solid var(--ms-line);font-weight:900;transition:.18s ease}
.quick-link:last-child{border-right:0}.quick-link:hover{background:var(--ms-soft)}.quick-link span{font-size:1.15rem;color:var(--ms-coffee)}
.trust{padding:22px 0;background:var(--ms-soft);border-bottom:1px solid var(--ms-line)}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center;font-size:var(--ms-trust-size);font-weight:850}
.section{padding:var(--ms-section-space) 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.section-head p{max-width:560px;margin-bottom:4px;color:var(--ms-muted)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-card{background:#fff;border:1px solid var(--ms-line);border-radius:var(--ms-r);overflow:hidden;transition:.2s ease}
.category-card:hover{transform:translateY(-2px);box-shadow:var(--ms-shadow)}
.category-image{aspect-ratio:16/10;background:linear-gradient(135deg,#f1eee9,#d5cdc4);border-bottom:1px solid var(--ms-line);position:relative;background-size:cover;background-position:center}
.category-image span{position:absolute;top:14px;left:14px;background:#fff;border:1px solid var(--ms-line);border-radius:999px;padding:6px 9px;font-size:.65rem;font-weight:900;letter-spacing:.08em}
.category-body{padding:22px;display:flex;justify-content:space-between;gap:14px;align-items:end}
.category-body p{margin:0;color:var(--ms-muted);font-size:.9rem}
.category-arrow{min-width:38px;height:38px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.layout-help{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--ms-line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.05)}
.layout-copy{padding:58px}.layout-copy p{color:var(--ms-muted);max-width:650px;font-size:1.03rem}
.layout-visual{min-height:410px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#ece8e1 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#ece8e1 32px),#fbfaf8;display:flex;align-items:center;justify-content:center;padding:36px;border-left:1px solid var(--ms-line)}
.floorplan{width:min(100%,355px);aspect-ratio:1.2;border:2px solid #777;border-radius:12px;position:relative;background:rgba(255,255,255,.75)}
.floorplan:before,.floorplan:after{content:"";position:absolute;background:#9e8368;border-radius:5px}
.floorplan:before{width:42%;height:17%;left:10%;top:15%;box-shadow:0 88px 0 #9e8368,130px 44px 0 #9e8368}
.floorplan:after{width:11%;height:43%;right:10%;bottom:12%}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{background:#fff;border:1px solid var(--ms-line);border-radius:var(--ms-r);overflow:hidden}
.product-image{aspect-ratio:4/3;background:linear-gradient(135deg,#f1eee9,#d4ccc3);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#71695f;text-align:center;font-weight:800;padding:20px;border-bottom:1px solid var(--ms-line)}
.product-body{padding:23px}.product-body p{color:var(--ms-muted);font-size:.92rem}.price{font-size:1.08rem;font-weight:950;margin-bottom:10px}
.projects-wrap{background:var(--ms-soft);border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line)}
.project-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:14px}
.project{min-height:280px;border-radius:var(--ms-r);border:1px solid #d6d0c8;background:linear-gradient(135deg,#c8b9a8,#715b47);background-size:cover;background-position:center;padding:22px;display:flex;align-items:end;color:#fff;position:relative;overflow:hidden}
.project:first-child{grid-row:span 2;min-height:574px}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:steps}
.step{border:1px solid var(--ms-line);border-radius:16px;padding:22px 17px;min-height:190px;background:#fff}
.step:before{counter-increment:steps;content:"0" counter(steps);display:block;color:var(--ms-coffee);font-weight:950;font-size:1.65rem;margin-bottom:21px}.step p{color:var(--ms-muted);font-size:.87rem}
.reviews{border:1px solid var(--ms-line);border-radius:26px;background:#fff;padding:44px}.review-placeholder{min-height:180px;border:1px dashed #c8c1b8;background:var(--ms-soft);border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;padding:26px;color:var(--ms-muted)}
.faq{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--ms-line)}.faq-q{width:100%;border:0;background:transparent;padding:22px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:900;cursor:pointer}.faq-a{display:none;padding:0 0 22px;color:var(--ms-muted);max-width:780px}.faq-item.open .faq-a{display:block}.plus{font-size:1.35rem;transition:.18s ease}.faq-item.open .plus{transform:rotate(45deg)}
.final-cta{border:1px solid #d5c5b4;background:#fbf7f1;border-radius:28px;padding:58px;display:flex;justify-content:space-between;align-items:end;gap:30px}.final-cta p{color:var(--ms-muted);max-width:650px}.final-actions{display:flex;flex-wrap:wrap;gap:10px}
footer{background:#fff;border-top:1px solid var(--ms-line);padding:62px 0 105px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px}footer h4{margin:0 0 14px}footer p,footer a{color:#666;font-size:.9rem}footer ul{list-style:none;padding:0;margin:0}footer li{margin:8px 0}.legal{margin-top:42px;padding-top:20px;border-top:1px solid var(--ms-line);color:#888;font-size:.82rem}
.mobile-call{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:100;min-height:54px;border-radius:999px;background:#111;color:#fff!important;align-items:center;justify-content:center;font-weight:950;box-shadow:0 12px 35px rgba(0,0,0,.22)}

@media(max-width:1050px){
  .nav-links{display:none}.menu-btn{display:block}.call-desktop{display:none}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .project-grid{grid-template-columns:1fr 1fr}.project:first-child{grid-row:auto;grid-column:span 2;min-height:430px}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  body.myseatss-home-page{padding-bottom:78px}
  .announcement{font-size:.74rem}.nav{min-height:68px}.brand{font-size:1.35rem}
  .nav-actions .btn{display:none}.mobile-header-call{display:flex}.drawer{inset:68px 0 0 0}
  .hero{padding:44px 0 40px}.hero h1{font-size:clamp(2.85rem,14vw,var(--ms-hero-title-max))}.hero-copy>p{font-size:1rem}
  .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-photo{min-height:var(--ms-hero-height-mobile);border-radius:20px}
  .quick-grid{grid-template-columns:1fr}.quick-link{width:100%;border-right:0;border-bottom:1px solid var(--ms-line);padding:17px 18px}.quick-link:last-child{border-bottom:0}
  .trust-grid{grid-template-columns:1fr;text-align:left;gap:10px}
  .section{padding:var(--ms-section-space-mobile) 0}.section-head{display:block}
  .category-grid,.product-grid,.project-grid,.steps{grid-template-columns:1fr!important}
  .category-card,.product-card,.project,.step{width:100%;grid-column:auto!important;grid-row:auto!important}
  .category-image{aspect-ratio:16/8.8}
  .project:first-child{min-height:330px;grid-column:auto!important;grid-row:auto!important}.project{min-height:250px}
  .layout-help{grid-template-columns:1fr}.layout-copy{padding:36px 26px}.layout-visual{min-height:280px;border-left:0;border-top:1px solid var(--ms-line)}
  .reviews{padding:26px}.final-cta{display:block;padding:38px 26px}.final-actions{margin-top:22px;display:grid}.final-actions .btn{width:100%}
  .footer-grid{grid-template-columns:1fr}.mobile-call{display:flex}
}

@media(max-width:420px){
  .container{width:min(calc(100% - 22px),var(--ms-max))}
  .category-body{padding:19px}.btn{width:100%}
}
