/* Premium commerce layer for God's Insurance */
:root{
  --gi-ink:#161512;
  --gi-ink-2:#24211c;
  --gi-ivory:#f6f0e5;
  --gi-paper:#fbf8f1;
  --gi-stone:#d8cebd;
  --gi-gold:#b58a45;
  --gi-gold-soft:#d7b875;
  --gi-muted:#746c61;
  --gi-line:rgba(22,21,18,.12);
}
body{background:var(--gi-ivory);color:var(--gi-ink)}
.announcement{
  background:var(--gi-ink)!important;color:#f8f2e7!important;
  min-height:34px;display:flex;align-items:center;justify-content:center;
  font-size:8px!important;letter-spacing:.16em!important;text-transform:uppercase;
  border:0!important
}
.announcement b{color:var(--gi-gold-soft)}
.premium-page{overflow:hidden}
.premium-shell{max-width:1440px;margin:0 auto;padding-left:4vw;padding-right:4vw}
.premium-hero{
  position:relative;min-height:720px;margin:0;background:
  radial-gradient(circle at 78% 22%,rgba(181,138,69,.16),transparent 28%),
  linear-gradient(135deg,#151411 0%,#201d19 58%,#29231c 100%);
  color:#f8f2e7;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);
  gap:7vw;align-items:center;padding:90px max(5vw,48px);isolation:isolate
}
.premium-hero:after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 88%)
}
.premium-kicker{font-size:9px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--gi-gold-soft);margin-bottom:24px}
.premium-hero h1{font:400 clamp(66px,8vw,122px)/.86 Georgia,serif;letter-spacing:-.065em;margin:0;max-width:900px}
.premium-hero h1 em{color:var(--gi-gold-soft);font-weight:400}
.premium-hero p{font:17px/1.7 Georgia,serif;color:#d2c8b9;max-width:650px;margin:28px 0 0}
.premium-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.premium-btn{
  min-height:49px;padding:0 20px;border:1px solid rgba(255,255,255,.24);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  transition:.2s ease
}
.premium-btn.primary{background:var(--gi-gold-soft);border-color:var(--gi-gold-soft);color:var(--gi-ink)}
.premium-btn:hover{transform:translateY(-2px)}
.premium-hero-card{
  align-self:center;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);backdrop-filter:blur(12px);
  padding:44px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 34px 90px rgba(0,0,0,.18)
}
.premium-hero-card small{font-size:8px;letter-spacing:.18em;color:var(--gi-gold-soft);text-transform:uppercase}
.premium-hero-card blockquote{font:36px/1.05 Georgia,serif;letter-spacing:-.035em;margin:40px 0;color:#fffaf1}
.premium-hero-card .hero-stat{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;gap:20px}
.premium-hero-card .hero-stat span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#a99f90}
.premium-hero-card .hero-stat b{font:24px Georgia,serif;color:var(--gi-gold-soft)}
.premium-intro{padding:110px 4vw 88px;max-width:1440px;margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw;align-items:start}
.premium-intro .eyebrow,.premium-section .eyebrow,.design-index .eyebrow{font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gi-gold)}
.premium-intro h2,.premium-section h2,.design-index h2{font:400 clamp(44px,5vw,78px)/.98 Georgia,serif;letter-spacing:-.045em;margin:12px 0 0}
.premium-intro p{font:18px/1.72 Georgia,serif;color:var(--gi-muted);margin:0;max-width:720px}
.premium-section{max-width:1440px;margin:0 auto;padding:82px 4vw}
.premium-section.rule{border-top:1px solid var(--gi-line)}
.premium-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.premium-section-head p{max-width:560px;margin:0;font:15px/1.6 Georgia,serif;color:var(--gi-muted)}
.category-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.category-tile{
  min-height:360px;padding:30px;border:1px solid var(--gi-line);position:relative;
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
  background:var(--gi-paper);transition:.22s ease
}
.category-tile:nth-child(2){background:#e7dfd1}.category-tile:nth-child(3){background:#1c1a17;color:#f7f0e5}.category-tile:nth-child(4){background:#c9aa6b}
.category-tile:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(40,30,18,.10)}
.category-tile small{font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.category-tile h3{font:34px/1 Georgia,serif;letter-spacing:-.035em;margin:0}
.category-tile p{font:13px/1.55 Georgia,serif;opacity:.72;margin:10px 0 0}
.category-tile .arrow{position:absolute;right:24px;top:22px;font-size:25px}
.design-index{padding:105px max(4vw,24px);background:#e8dfd0}
.design-list{max-width:1440px;margin:40px auto 0;border-top:1px solid rgba(22,21,18,.14)}
.design-row{display:grid;grid-template-columns:60px minmax(0,1.3fr) minmax(220px,.55fr) auto;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(22,21,18,.14)}
.design-row .num{font:14px Georgia,serif;color:var(--gi-gold)}
.design-row h3{font:29px/1.05 Georgia,serif;margin:0;letter-spacing:-.03em}
.design-row p{font:13px/1.5 Georgia,serif;color:var(--gi-muted);margin:0}
.design-row a{font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.hat-feature{
  max-width:1440px;margin:0 auto;padding:100px 4vw;display:grid;
  grid-template-columns:1fr 1fr;gap:12px
}
.hat-feature>div{min-height:430px;padding:48px;background:#171612;color:#f8f2e7;display:flex;flex-direction:column;justify-content:space-between}
.hat-feature>div+div{background:#d0b06b;color:#171612}
.hat-feature h2{font:52px/1 Georgia,serif;letter-spacing:-.045em;margin:0}
.hat-feature p{font:16px/1.65 Georgia,serif;max-width:520px;opacity:.78}
.brand-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--gi-line);border-bottom:1px solid var(--gi-line);max-width:1440px;margin:0 auto}
.brand-proof div{padding:34px;border-right:1px solid var(--gi-line)}
.brand-proof div:last-child{border-right:0}
.brand-proof b{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
.brand-proof span{font:14px/1.5 Georgia,serif;color:var(--gi-muted)}
.resources-secondary{max-width:1440px;margin:0 auto;padding:95px 4vw}
.resource-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.resource-card{padding:28px;border:1px solid var(--gi-line);background:rgba(255,255,255,.34);min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.resource-card h3{font:27px Georgia,serif;margin:0 0 10px}.resource-card p{font:13px/1.55 Georgia,serif;color:var(--gi-muted)}
.resource-card a{font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.premium-footer-note{font:14px/1.55 Georgia,serif;color:#bdb3a4;max-width:520px}
@media(max-width:1050px){
  .premium-hero{grid-template-columns:1fr;min-height:auto;padding-top:76px;padding-bottom:76px}.premium-hero-card{min-height:290px}
  .category-tiles{grid-template-columns:1fr 1fr}.premium-intro{grid-template-columns:1fr;gap:25px}
  .design-row{grid-template-columns:45px 1fr auto}.design-row p{display:none}
}
@media(max-width:690px){
  .premium-hero{padding:58px 20px}.premium-hero h1{font-size:58px}.premium-hero p{font-size:15px}.premium-hero-card{padding:28px}
  .premium-intro,.premium-section,.resources-secondary{padding-left:20px;padding-right:20px}.premium-intro{padding-top:72px;padding-bottom:60px}
  .premium-section{padding-top:60px;padding-bottom:60px}.premium-section-head{display:block}.premium-section-head p{margin-top:18px}
  .category-tiles{grid-template-columns:1fr}.category-tile{min-height:260px}
  .design-index{padding:70px 20px}.design-row{grid-template-columns:34px 1fr}.design-row a{grid-column:2;margin-top:3px;width:max-content}
  .hat-feature{grid-template-columns:1fr;padding:70px 20px}.hat-feature>div{min-height:320px;padding:30px}.hat-feature h2{font-size:42px}
  .brand-proof{grid-template-columns:1fr;margin:0 20px}.brand-proof div{border-right:0;border-bottom:1px solid var(--gi-line)}
  .resource-cards{grid-template-columns:1fr}
}