:root{
  --red:#c8102e;
  --gold:#b28a39;
  --navy:#0f2235;
  --navy-deep:#071827;
  --blue:#1f6fa8;
  --blue-bright:#2a8bc6;
  --cyan:#42a6d8;
  --ink:#1c2834;
  --muted:#64727f;
  --pale:#eef4f7;
  --line:#d7e1e8;
  --white:#ffffff;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.62}
.wrap{max-width:var(--max);margin:auto;padding:0 28px}

.independent-bar{background:#06121d;color:#b9c7d2;font-size:.76rem;text-align:center;padding:8px 0}
.site-header{background:#fff;border-bottom:1px solid #e5ebef;position:sticky;top:0;z-index:30;box-shadow:0 3px 12px rgba(10,25,40,.06)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}
.brand{margin-right:auto;text-decoration:none;color:var(--navy)}
.brand strong{display:block;font-size:1.2rem;letter-spacing:-.02em}
.brand small{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:#70808f;margin-top:2px}
.main-nav{display:flex;gap:20px;align-items:center}
.main-nav a{text-decoration:none;color:#31404c;font-size:.87rem;font-weight:700}
.main-nav a:hover{color:var(--blue)}
.header-cta{background:var(--blue);color:#fff;text-decoration:none;padding:13px 17px;border-radius:3px;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

.hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    linear-gradient(90deg,rgba(7,24,39,.98) 0%,rgba(12,42,66,.96) 58%,rgba(19,78,115,.91) 100%),
    linear-gradient(135deg,#0a1c2c,#1f6fa8);
  padding:92px 0 88px
}
.hero:before{
  content:"";position:absolute;right:-120px;top:-180px;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(66,166,216,.28),rgba(66,166,216,0) 66%)
}
.hero:after{
  content:"";position:absolute;right:7%;bottom:-85px;width:330px;height:330px;
  border:1px solid rgba(255,255,255,.12);transform:rotate(45deg)
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.05),rgba(255,255,255,0))}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}
.eyebrow,.section-label{display:inline-block;color:var(--blue-bright);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.section-label.light{color:#9fd8f5}
.hero h1{font-size:clamp(3rem,5.6vw,5.5rem);line-height:.98;letter-spacing:-.045em;margin:13px 0 22px;font-weight:800}
.hero h1 span{color:#cfeafa}
.hero-copy>p{font-size:1.14rem;max-width:780px;color:#d7e6f1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:3px;text-decoration:none;font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.035em;border:0;cursor:pointer}
.btn-primary{background:var(--blue-bright);color:#fff}
.btn-primary:hover{background:#237bae}
.btn-ghost{border:1px solid rgba(255,255,255,.48);color:#fff}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat-card{min-height:135px;padding:22px;border:1px solid rgba(255,255,255,.16);background:rgba(4,18,31,.35);backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:flex-end}
.stat-card strong{font-size:2rem;line-height:1;color:#fff}
.stat-card span{margin-top:7px;color:#b9cedd;font-size:.8rem}

.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-grid>div{padding:22px 28px;border-right:1px solid var(--line)}
.trust-grid>div:last-child{border-right:0}
.trust-grid strong{display:block;color:var(--navy);font-size:.78rem;letter-spacing:.1em}
.trust-grid span{display:block;margin-top:4px;color:#73808c;font-size:.84rem}

.legal-notice{background:#f8fafb;border-bottom:1px solid var(--line);color:#596774;padding:16px 0;font-size:.88rem}
.legal-notice strong{color:var(--navy)}

.section{padding:82px 0}
.section-white{background:#fff}
.section-pale{background:var(--pale)}
.section h2{font-size:clamp(2.25rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.035em;color:var(--navy);margin:8px 0 20px}
.lead{font-size:1.19rem;color:#2c3b47}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start}
.feature-panel{background:var(--navy);color:#fff;padding:35px;border-left:5px solid var(--cyan)}
.panel-label{font-size:.7rem;letter-spacing:.13em;color:#9ed6f4;font-weight:900}
.feature-panel h3{font-size:1.8rem;line-height:1.15;margin:12px 0;color:#fff}
.feature-panel p{color:#c7d8e5;margin-bottom:0}

.section-head-row{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:end;margin-bottom:34px}
.section-head-row h2{margin-bottom:0}
.section-head-row>p{color:var(--muted);margin:0 0 5px}

.gallery{display:grid;gap:18px}
.feature-gallery{grid-template-columns:1.45fr 1fr 1fr}
.photo-card{margin:0;background:#fff;box-shadow:0 9px 28px rgba(19,44,64,.09)}
.photo-card.large{grid-row:span 2}
.photo-card figcaption{padding:15px 17px;border-top:1px solid #e7edf1}
.photo-card figcaption strong{display:block;font-size:.9rem;color:var(--navy)}
.photo-card figcaption span{display:block;color:#7b8791;font-size:.79rem;margin-top:3px}

.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.info-card{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:0 10px 25px rgba(18,41,59,.045);position:relative}
.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.number{display:block;font-size:.73rem;color:var(--blue);font-weight:900;letter-spacing:.14em;margin-bottom:30px}
.info-card h3{font-size:1.22rem;color:var(--navy);margin:0 0 10px}
.info-card p{color:#65727e;margin-bottom:0}

.guarantee-section{background:linear-gradient(100deg,#0c2336,#164c70 70%,#1f6fa8);color:#fff}
.guarantee-section h2{color:#fff}
.guarantee-section p{color:#d2e2ed}
.guarantee-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
.question-card{background:#fff;color:var(--navy);padding:34px;border-top:6px solid var(--cyan);box-shadow:0 20px 48px rgba(0,0,0,.2)}
.question-card span{font-size:.72rem;font-weight:900;letter-spacing:.13em;color:var(--blue)}
.question-card p{color:var(--navy);font-size:1.25rem;line-height:1.45;margin-bottom:0}

.timeline{margin-top:35px;border-top:1px solid #cbd9e3}
.timeline-row{display:grid;grid-template-columns:125px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid #cbd9e3}
.timeline-row .date{color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.12em;padding-top:4px}
.timeline-row h3{margin:0 0 5px;color:var(--navy)}
.timeline-row p{margin:0;color:#65727e}

.court-layout{align-items:center}
.status-box{background:var(--pale);border:1px solid #cfdae2;padding:28px}
.status-box strong{display:block;font-size:.69rem;color:#647583;letter-spacing:.14em}
.status-box span{display:block;color:var(--blue);font-weight:900;font-size:1.35rem;margin:7px 0}
.status-box p{margin:0;color:#66737f}

.share-section{background:var(--navy-deep);color:#fff}
.share-section h2{color:#fff}
.share-section p{color:#bacbd7}
.share-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:start}
.moderation-note{border-left:4px solid var(--cyan);background:rgba(255,255,255,.06);padding:18px 20px;margin-top:26px}
.moderation-note p{margin:4px 0 0}
form{background:#fff;padding:30px;color:var(--ink);display:grid;gap:15px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;font-size:.82rem;font-weight:800;color:#34424d}
input,textarea,select{width:100%;border:1px solid #c8d4dc;padding:11px 12px;font:inherit;background:#fbfcfd}
textarea{min-height:145px;resize:vertical}
.form-status{background:#fff5df;border:1px solid #ebd19b;color:#664710;padding:12px;font-size:.88rem}

footer{background:#050e16;color:#d3e0e8;padding:42px 0}
.footer-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}
footer p{color:#90a5b4;font-size:.87rem;margin-bottom:0}

@media(max-width:1050px){
  .main-nav{display:none}
  .hero-content,.split,.guarantee-layout,.share-layout,.footer-layout{grid-template-columns:1fr}
  .hero-stats{max-width:620px}
  .feature-gallery{grid-template-columns:1fr 1fr}
  .photo-card.large{grid-row:auto;grid-column:1/-1}
}
@media(max-width:720px){
  .wrap{padding:0 18px}
  .header-cta{display:none}
  .hero{padding:68px 0}
  .hero h1{font-size:3.05rem}
  .hero-stats,.trust-grid,.cards-3,.cards-2,.feature-gallery,.form-grid,.section-head-row{grid-template-columns:1fr}
  .trust-grid>div{border-right:0;border-bottom:1px solid var(--line)}
  .section{padding:62px 0}
  .timeline-row{grid-template-columns:1fr;gap:6px}
}

.hero-first{font-weight:inherit}.coming-soon{padding:42px;background:#fff;border-left:5px solid var(--cyan);box-shadow:0 9px 28px #132c4010}.coming-soon h3{font-size:1.5rem;margin:0;color:var(--navy)}.coming-soon p{color:var(--muted);max-width:650px;margin-bottom:0}.photo-card img{width:100%;height:280px;object-fit:cover;display:block}.photo-card figcaption{overflow-wrap:anywhere}.trap{display:none}.privacy-note{font-size:.85rem;color:var(--muted)!important}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:20px;min-width:20px;height:20px}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-size:16px;min-height:44px}.form-status:empty{display:none}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}section[id]{scroll-margin-top:100px}p{white-space:pre-line}.mobile-menu{display:none}nav a{min-height:44px;align-content:center}.contact-email{color:var(--blue)}@media(max-width:1050px){.mobile-menu{display:block;border:1px solid var(--line);padding:10px;background:white;color:var(--navy);font:inherit}.main-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:white;padding:18px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.hero-content{gap:30px}}@media(max-width:720px){.hero-stats{grid-template-columns:1fr 1fr}.stat-card{min-height:110px;padding:16px}.hero h1{font-size:clamp(2.3rem,11vw,3.05rem)}form{padding:20px}.coming-soon{padding:28px}.header-inner{gap:12px}.brand strong{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Red and gold accents inspired by the reference site's current palette. */
.header-cta,.btn-primary{background:var(--red)}
.header-cta:hover,.btn-primary:hover{background:#a50e27}
.site-header{border-bottom:3px solid var(--gold)}
.hero .eyebrow{color:#e2c47e}
.hero-stats .stat-card{border-top:3px solid var(--gold)}
.hero-actions .btn-ghost{border-color:#d5b364}
.info-card:before{background:linear-gradient(90deg,var(--red),var(--gold))}
.feature-panel,.coming-soon,.moderation-note{border-left-color:var(--gold)}
.question-card{border-top-color:var(--gold)}
.section-label:not(.light){color:#aa1029}
.section-label.light,.panel-label{color:#e2c47e}
.number,.timeline-row .date{color:#a80e28}
.legal-notice{border-left:5px solid var(--gold)}
.trust-grid strong{color:#aa1029}

/* Keep the desktop header evenly spaced and prevent squeezed navigation. */
.site-header .wrap{max-width:1440px}
.header-inner{gap:24px;min-height:88px}
.brand{flex:0 0 auto}
.brand small{white-space:nowrap;font-size:.65rem;letter-spacing:.08em}
.main-nav{flex:1;justify-content:center;gap:20px}
.main-nav a{white-space:nowrap;font-size:.84rem}
.header-cta{flex:0 0 auto;white-space:nowrap;padding:14px 18px;font-size:.76rem;text-align:center}
@media(max-width:1250px){
 .main-nav{display:none}
 .mobile-menu{display:block;border:1px solid var(--line);padding:10px 16px;background:white;color:var(--navy);font:inherit;margin-left:auto}
 .main-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 28px;flex-wrap:wrap;justify-content:center;border-bottom:1px solid var(--line);gap:8px 24px}
}
@media(max-width:720px){.header-inner{min-height:78px;gap:12px}.brand small{font-size:.6rem;letter-spacing:.05em}.mobile-menu{padding:10px 12px}}
.timeline-year{border-bottom:1px solid var(--line)}
.timeline-year>summary{cursor:pointer;padding:20px 0;font-size:1.5rem;font-weight:800;color:var(--navy);list-style-position:inside}
.timeline-year>summary span{font-size:.8rem;font-weight:400;color:var(--muted);margin-left:12px}
.timeline-year .timeline-row{grid-template-columns:130px 1fr;gap:28px}
.evidence-kind{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#9c1330}
.source-refs{display:block;margin-top:12px;color:#64727f;font-size:.75rem}
.timeline-intro{max-width:800px;color:var(--muted)}
#record .lead{max-width:1050px;margin-bottom:30px}
@media(max-width:720px){.timeline-year .timeline-row{grid-template-columns:1fr;gap:8px}}

.email-activity{padding:26px;background:#fff;border:1px solid #d4dee5;border-top:3px solid var(--gold,#b28a39);margin:24px 0 38px;border-radius:3px}.email-activity h3{margin-top:0}.count-method{font-size:.86rem;color:#526677}.activity-year{border-top:1px solid #d4dee5;padding:12px 0}.activity-year>summary{font-weight:750;cursor:pointer;color:#10283e}.activity-month{padding:10px 0 8px 18px}.activity-month>summary{cursor:pointer;font-size:.94rem;line-height:1.6}.count-table-wrap{overflow-x:auto;margin-top:12px}.count-table{width:100%;border-collapse:collapse;font-size:.9rem}.count-table th,.count-table td{text-align:left;padding:9px 12px;border-bottom:1px solid #d4dee5}.count-table thead{background:#edf3f7}.count-table caption{text-align:left;font-weight:650;padding-bottom:8px}.day-mail-count{display:block;color:#526677;margin:12px 0 5px;font-size:.8rem}@media(max-width:600px){.email-activity{padding:18px}.activity-month{padding-left:8px}.count-table th,.count-table td{padding:8px 7px;font-size:.8rem}}

/* Accessibility review */
.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:#fff;color:#0f2235;z-index:100}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1f6fa8;outline-offset:4px}section[id],main[id]{scroll-margin-top:110px}pre,p,.info-card{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Concise summary with supporting detail on demand */
.full-chronology,.account-notes{border:1px solid var(--line);border-radius:5px;background:#fff;padding:20px 24px;margin:24px 0}
.full-chronology>summary,.account-notes>summary,.count-breakdown>summary{cursor:pointer;font-weight:750;color:var(--navy);font-size:1.05rem}
.full-chronology[open]>summary,.account-notes[open]>summary{margin-bottom:22px}
.record-section{padding:8px 0 20px;background:#fff}.record-section .info-card{padding:16px}.account-notes p{max-width:960px}
.milestone h3{margin-top:0}.milestone{padding-top:24px;padding-bottom:24px}.email-activity{margin-bottom:0}
.count-breakdown{margin:18px 0}.count-breakdown>summary{font-size:.95rem}
@media(max-width:720px){.full-chronology,.account-notes{padding:16px}.milestone{grid-template-columns:1fr;gap:8px}}

/* Evidence photographs: show the whole image, including edges and joints. */
.feature-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px}
.photo-card img{height:380px;object-fit:cover;object-position:center;background:#e8eef2}
.photo-enlarge{display:block}.photo-card figcaption{padding:22px}.photo-card figcaption strong{font-size:1.05rem;line-height:1.35}
.photo-card figcaption p{font-size:.95rem;line-height:1.6;margin:14px 0}.photo-guidance{margin-top:16px;border-top:1px solid #dbe3e9;padding-top:12px}
.photo-guidance summary,.more-photos>summary,.photo-method>summary{cursor:pointer;font-weight:650;color:var(--navy)}.photo-guidance summary{font-size:.85rem}
.photo-guidance ul{padding-left:20px}.photo-guidance li{margin:8px 0;font-size:.85rem}.photo-guidance a,.photo-method a{color:#155d91}
.more-photos,.photo-method{margin-top:28px;background:white;padding:22px;border:1px solid var(--line)}.more-photos[open]>summary{margin-bottom:24px}
.photo-method p,.photo-method a{font-size:.88rem}.photo-method p{max-width:850px}
@media(max-width:720px){.feature-gallery{grid-template-columns:1fr}.photo-card img{height:350px}.photo-card figcaption{padding:18px}}

.photo-total{margin:28px 0 0;color:var(--navy);font-size:.95rem}.more-photos{margin-top:14px}

.snagging-overview{grid-column:1/-1;background:white;border:1px solid var(--line);padding:24px;margin-bottom:12px}.snagging-overview summary{cursor:pointer;color:var(--navy);font-weight:650}.snagging-overview li{margin:12px 0;line-height:1.6}.snagging-overview p{max-width:900px}

.photo-card figcaption .assessment-label{display:inline-block;margin-top:16px;padding:6px 10px;border-left:4px solid #25699b;background:#eaf2f8;color:#163b58;font-size:.82rem;font-weight:700;line-height:1.4}.photo-card figcaption .assessment-potential{border-color:#b65a00;background:#fff1de;color:#773b00}.photo-card figcaption .assessment-check{border-color:#8e741c;background:#faf5e5;color:#5e501b}.photo-card figcaption .assessment-historic{border-color:#73808b;background:#eff2f4;color:#43515b}.assessment-reference{font-size:.85rem!important}
.standards-overview{background:#fff;border:1px solid var(--line);padding:22px;margin:0 0 28px}.standards-overview summary{cursor:pointer;color:var(--navy);font-weight:700}.standards-overview p{max-width:940px}.standards-table-wrap{overflow-x:auto;margin:20px 0}.standards-overview table{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.6;min-width:620px}.standards-overview caption{text-align:left;font-weight:650;margin-bottom:12px}.standards-overview th,.standards-overview td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:14px}.standards-overview thead{background:var(--navy);color:white}.standards-overview tbody th{width:25%}.standards-overview td:last-child{width:26%}.standards-overview th span{display:block;font-size:.78rem;font-weight:400;margin-top:8px}.standards-overview a{color:#155d91}.standards-scope{font-size:.85rem;color:#52616d}

/* Gold banner inspired by the supplied T&K screenshot. */
.installation-counter{background:linear-gradient(100deg,#735322 0%,#9b732d 48%,#806027 100%);color:#fff;text-align:center;padding:22px 0;}
.installation-counter .wrap{font-size:clamp(1.05rem,2.3vw,1.5rem);line-height:1.45;}
.installation-counter strong{font-size:inherit;font-weight:800;font-variant-numeric:tabular-nums;}
.installation-counter .counter-message{display:inline;margin:0;}
.installation-counter small{display:block;font-size:.75rem;margin-top:5px;color:#fff;}
@media(max-width:720px){.installation-counter{padding:18px 0}.installation-counter .counter-message{display:block;margin:4px 0 0}}

.brand .brand-tk{color:var(--red);}

.submission-privacy{margin-top:24px;padding:20px;border:1px solid var(--line);background:white}.submission-privacy summary{font-weight:700;cursor:pointer}.submission-privacy p{font-size:.9rem;line-height:1.7;max-width:900px}.privacy-note a{color:inherit;text-decoration:underline}