.agg-page{--ink:#17212b;--muted:#5f6b75;--line:#d9e2e4;--paper:#f4f7f8;--white:#fff;--navy:#102a3a;--blue:#256178;--sky:#dbeef4;--lime:#b7c85c;--gold:#d79b45;--clay:#c65f4b;margin:-8px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
    .agg-page *{box-sizing:border-box}
    .agg-page a{color:inherit}
    .agg-page .wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .agg-page h1,.agg-page h2,.agg-page h3,.agg-page p{margin-top:0}
    .agg-page h1{max-width:760px;margin-bottom:20px;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:0;font-weight:800}
    .agg-page h2{margin-bottom:14px;font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:0;font-weight:800}
    .agg-page h3{margin-bottom:10px;font-size:19px;line-height:1.25;letter-spacing:0}
    .agg-page .eyebrow{margin:0 0 12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
    .agg-page .hero{padding:68px 0 54px;background:linear-gradient(90deg,var(--navy),#18394b);color:#f8fbfc}
    .agg-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr);gap:44px;align-items:center}
    .agg-page .hero p:not(.eyebrow){max-width:660px;color:#d5e3e8;font-size:18px}
    .agg-page .hero strong a{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
    .agg-page .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .agg-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:4px;border:1px solid transparent;font-size:14px;font-weight:800;text-decoration:none}
    .agg-page .button.primary{background:var(--lime);color:#17212b}
    .agg-page .button.primary:hover{background:#c5d66d}
    .agg-page .button.secondary{border-color:#95b1bd;color:#f8fbfc}
    .agg-page .button.secondary:hover{background:#24495b}
    .agg-page .hero-media{min-height:390px;padding:22px;background:#f9fbfc;border:1px solid #cfe0e5;display:flex;align-items:center;justify-content:center}
    .agg-page .hero-media img{display:block;width:100%;max-width:570px;height:390px;object-fit:contain}
    .agg-page .hero-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
    .agg-page .hero-strip div{padding:14px 0;border-top:1px solid #587887}
    .agg-page .hero-strip strong{display:block;color:#fff;font-size:19px}
    .agg-page .hero-strip span{display:block;color:#b9ccd3;font-size:13px}
    .agg-page .section{padding:74px 0}
    .agg-page .section.alt{background:#e6eef1}
    .agg-page .section.sky{background:var(--sky)}
    .agg-page .section.dark{background:#203c48;color:#f8fbfc}
    .agg-page .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
    .agg-page .section-head p{max-width:650px;margin-bottom:0;color:var(--muted)}
    .agg-page .dark .section-head p{color:#d4e4e9}
    .agg-page .brief-board{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
    .agg-page .brief-main{padding:30px;background:#fff;border:1px solid var(--line)}
    .agg-page .brief-main p{color:var(--muted)}
    .agg-page .brief-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
    .agg-page .brief-list div{padding:18px;background:#f8fbfc;border-left:4px solid var(--blue)}
    .agg-page .brief-list strong{display:block;margin-bottom:6px;color:var(--blue)}
    .agg-page .brief-side{padding:26px;background:#132f40;color:#eef7f8}
    .agg-page .brief-side p{color:#c5d8df}
    .agg-page .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .agg-page .size-card{display:flex;flex-direction:column;min-height:250px;padding:24px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold)}
    .agg-page .size-card .size{margin-bottom:18px;color:var(--blue);font-size:38px;font-weight:800;line-height:1}
    .agg-page .size-card p{color:var(--muted);font-size:14px}
    .agg-page .feature-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:38px;align-items:start}
    .agg-page .feature-media{padding:20px;background:#fff;border:1px solid var(--line)}
    .agg-page .feature-media img{display:block;width:100%;height:430px;object-fit:contain}
    .agg-page .stack{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .agg-page .stack article{padding:20px;background:#fff;border:1px solid var(--line)}
    .agg-page .stack h3{color:var(--blue)}
    .agg-page .stack p{margin-bottom:0;color:var(--muted);font-size:14px}
    .agg-page .option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .agg-page .option{padding:22px;background:#fff;border:1px solid var(--line)}
    .agg-page .swatch{width:38px;height:38px;margin-bottom:16px;border-radius:50%;border:1px solid #b8c4c8}
    .agg-page .black{background:#1d2328}.agg-page .blue{background:#395f84}.agg-page .brown{background:#8a5f42}.agg-page .green{background:#586f4a}
    .agg-page .matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .agg-page .product-card,.agg-page .article-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}
    .agg-page .product-card .media{height:190px;padding:14px;background:#f8fbfc;border-bottom:1px solid var(--line)}
    .agg-page .article-card .media{height:180px;padding:14px;background:#f8fbfc;border-bottom:1px solid var(--line)}
    .agg-page .product-card img,.agg-page .article-card img{display:block;width:100%;height:100%;object-fit:contain}
    .agg-page .product-card .body,.agg-page .article-card .body{display:flex;flex:1;flex-direction:column;padding:20px}
    .agg-page .product-card h3,.agg-page .article-card h3{font-size:18px}
    .agg-page .product-card p,.agg-page .article-card p{flex:1;margin-bottom:18px;color:var(--muted);font-size:14px}
    .agg-page .text-link{color:#9a5c17;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
    .agg-page .reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .agg-page .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .agg-page .faq-item{padding:22px;background:#fff;border:1px solid var(--line)}
    .agg-page .faq-item h3{color:var(--blue);font-size:17px}
    .agg-page .faq-item p{margin-bottom:0;color:var(--muted);font-size:14px}
    .agg-page .end-note{padding:34px 0 70px;text-align:center;background:var(--paper)}
    .agg-page .end-note p{max-width:760px;margin:0 auto;color:var(--muted)}
    @media (max-width:960px){
      .agg-page .hero-grid,.agg-page .brief-board,.agg-page .feature-grid{grid-template-columns:1fr}
      .agg-page .hero-media{order:-1}
      .agg-page .hero-strip,.agg-page .option-grid{grid-template-columns:repeat(2,1fr)}
      .agg-page .size-grid,.agg-page .matrix-grid,.agg-page .reading-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:640px){
      .agg-page .wrap{width:min(100% - 28px,1180px)}
      .agg-page .hero{padding:42px 0 38px}
      .agg-page h1{font-size:38px}
      .agg-page h2{font-size:30px}
      .agg-page .hero-media{min-height:260px;padding:14px}
      .agg-page .hero-media img{height:260px}
      .agg-page .section{padding:52px 0}
      .agg-page .section-head{display:block}
      .agg-page .section-head p{margin-top:14px}
      .agg-page .brief-list,.agg-page .size-grid,.agg-page .stack,.agg-page .matrix-grid,.agg-page .reading-grid,.agg-page .faq-grid{grid-template-columns:1fr}
      .agg-page .actions .button{width:100%}
      .agg-page .feature-media img{height:300px}
    }