:root{
  --blue:#061a35;
  --blue2:#0a2d5a;
  --blue3:#0e4b8f;
  --gold:#d8aa54;
  --gold2:#f1cf86;
  --cream:#f6ead0;
  --white:#f8fbff;
  --ink:#061326;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 80% 8%, rgba(29,92,163,.35), transparent 26%),
    linear-gradient(180deg,#031329,#061a35 35%,#04162c 100%);
  color:var(--white);
  font-family:Arial,Helvetica,sans-serif;
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:
    radial-gradient(circle at 10% 20%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),
    radial-gradient(circle at 70% 16%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),
    radial-gradient(circle at 42% 50%,rgba(255,255,255,.25) 0 1px,transparent 1.5px);
  background-size:190px 190px,260px 260px,330px 330px;
  opacity:.6;
}
.topbar{
  min-height:76px; padding:14px 5vw;
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid rgba(216,170,84,.35);
  background:rgba(3,16,35,.78); backdrop-filter:blur(8px);
  position:sticky; top:0; z-index:20;
}
.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}
.brand-mark{
  width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);
  border-radius:50%;color:var(--gold2);font-size:25px
}
.brand strong{font-family:Georgia,serif;font-size:18px;letter-spacing:.06em}
.brand small{display:block;color:#c7d5e8;margin-top:3px;letter-spacing:.14em;font-size:9px}
.buy-mini,.main-actions a,.main-actions button,.demo-btn,.big-buy{
  border:0; cursor:pointer; text-decoration:none; font-weight:800; letter-spacing:.03em;
}
.buy-mini{background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);padding:11px 20px;border-radius:999px}
.hero{
  width:min(1220px,92vw);margin:0 auto;min-height:670px;display:grid;
  grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;padding:62px 0 48px;
}
.kicker,.panel-kicker{color:var(--gold2);letter-spacing:.18em;font-size:12px;font-weight:800}
.hero h1,.quick-panel h2,.showcase h2,.buy h2{
  font-family:Georgia,serif;font-weight:400;line-height:1.02;margin:.16em 0;
}
.hero h1{font-size:clamp(50px,6.5vw,92px)}
.hero h1 span{color:var(--gold2)}
.hero-line{font-size:20px;color:#d8e5f2;margin:24px 0 30px}
.hero-visual img{
  width:100%;border-radius:28px;box-shadow:0 25px 70px rgba(0,0,0,.48);
  border:1px solid rgba(236,200,126,.46);display:block
}
.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:540px}
.main-actions button,.main-actions a{
  padding:16px 14px;border-radius:12px;text-align:center;
  background:rgba(255,255,255,.07);color:white;border:1px solid rgba(255,255,255,.22);
}
.main-actions .gold{background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);border-color:transparent}
.main-actions button:hover,.main-actions a:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.25)}

.quick-panel{
  width:min(1120px,92vw);margin:12px auto 44px;padding:38px;
  background:linear-gradient(135deg,rgba(11,44,84,.96),rgba(4,20,43,.96));
  border:1px solid rgba(216,170,84,.38);border-radius:28px;position:relative;
  box-shadow:0 22px 70px rgba(0,0,0,.38)
}
.quick-panel[hidden]{display:none}
.close{position:absolute;right:20px;top:16px;background:none;border:0;color:white;font-size:34px;cursor:pointer}
.quick-panel h2{font-size:44px;color:var(--gold2)}
.wide-product{width:100%;max-height:410px;object-fit:cover;object-position:center;border-radius:20px;margin:16px 0 24px}
.five-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mini-card{
  aspect-ratio:.68;background:radial-gradient(circle at 50% 28%,#15487c,#071a34 65%);
  border:2px solid var(--gold);border-radius:16px;padding:12px;display:flex;flex-direction:column;
  justify-content:flex-end;align-items:center;text-align:center;box-shadow:0 14px 26px rgba(0,0,0,.35)
}
.mini-card i{font-style:normal;font-size:44px;color:var(--gold2);margin:auto}
.mini-card b{font-family:Georgia,serif;color:var(--cream);font-size:17px}
.mini-card small{color:#d7e0ec;margin-top:6px;text-transform:uppercase;font-size:9px;letter-spacing:.08em}
.tiny{color:#aebfd2;font-size:12px;text-align:center;margin:20px 0 0}

.visual-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:28px}
.flow-card{
  min-height:230px;border:1px solid rgba(216,170,84,.35);border-radius:18px;padding:22px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:rgba(255,255,255,.03)
}
.arrow{color:var(--gold2);font-size:28px}
.deck-icon,.three-icon{width:120px;height:100px;position:relative;margin-bottom:25px}
.deck-icon span,.three-icon span{
  position:absolute;width:68px;height:92px;border-radius:8px;
  background:linear-gradient(135deg,#0e4b8f,#05172f);border:2px solid var(--gold)
}
.deck-icon span:nth-child(1){left:12px;transform:rotate(-18deg)}
.deck-icon span:nth-child(2){left:27px;transform:rotate(0)}
.deck-icon span:nth-child(3){left:42px;transform:rotate(18deg)}
.three-icon span:nth-child(1){left:0}.three-icon span:nth-child(2){left:27px}.three-icon span:nth-child(3){left:54px}
.book-icon{font-size:82px;color:var(--gold2);margin-bottom:14px}

.demo-wrap{display:flex;flex-direction:column;align-items:center;gap:24px;margin:28px 0}
.shuffle-deck{width:210px;height:190px;position:relative}
.back{
  position:absolute;left:70px;top:28px;width:84px;height:126px;border-radius:10px;
  background:
   radial-gradient(circle,#d9ae5c 0 2px,transparent 3px),
   linear-gradient(135deg,#0e4b8f,#061a35);
  background-size:18px 18px,auto;border:2px solid var(--gold);
  box-shadow:0 10px 24px rgba(0,0,0,.45)
}
.b1{transform:rotate(-14deg) translateX(-34px)}
.b2{transform:rotate(-7deg) translateX(-17px)}
.b3{transform:rotate(0)}
.b4{transform:rotate(7deg) translateX(17px)}
.b5{transform:rotate(14deg) translateX(34px)}
.shuffling .b1{animation:s1 .8s ease-in-out 2}
.shuffling .b2{animation:s2 .8s ease-in-out 2}
.shuffling .b4{animation:s3 .8s ease-in-out 2}
.shuffling .b5{animation:s4 .8s ease-in-out 2}
@keyframes s1{50%{transform:translate(-90px,-35px) rotate(-30deg)}}
@keyframes s2{50%{transform:translate(70px,26px) rotate(25deg)}}
@keyframes s3{50%{transform:translate(-75px,32px) rotate(-22deg)}}
@keyframes s4{50%{transform:translate(92px,-28px) rotate(30deg)}}
.demo-btn{background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);padding:14px 28px;border-radius:999px}
.demo-reading{display:grid;grid-template-columns:repeat(3,150px);justify-content:center;gap:24px;margin-top:24px}
.demo-card{
  aspect-ratio:.68;border:2px solid var(--gold);border-radius:14px;background:linear-gradient(145deg,#0d427e,#06172d);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;
  box-shadow:0 16px 26px rgba(0,0,0,.32)
}
.demo-card span{font-family:Georgia,serif;font-size:58px;color:var(--gold2)}
.demo-card b{font-size:11px;letter-spacing:.12em;color:#e7d4a9}
.demo-text{max-width:650px;margin:22px auto 0;text-align:center;color:#c5d4e4}

.showcase{padding:86px 4vw;background:linear-gradient(180deg,rgba(1,14,31,.1),rgba(1,10,22,.58))}
.showcase-title{text-align:center;max-width:720px;margin:auto}
.showcase-title h2{font-size:52px;color:var(--gold2)}
.showcase-title p{color:#c4d2e2;font-size:18px}
.feature-grid{width:min(1050px,92vw);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-grid article{
  background:rgba(255,255,255,.045);border:1px solid rgba(216,170,84,.25);border-radius:22px;
  min-height:360px;padding:26px;text-align:center;display:flex;flex-direction:column;align-items:center
}
.feature-grid article b{font-family:Georgia,serif;font-size:24px;color:var(--cream);margin-top:18px}
.feature-grid article small{color:#acbed1;line-height:1.5;margin-top:8px}
.feature-visual{height:220px;width:100%;display:grid;place-items:center;position:relative}
.deck-stack span{
  position:absolute;width:118px;height:180px;border:2px solid var(--gold);border-radius:12px;
  background:linear-gradient(145deg,#0b488e,#051a35)
}
.deck-stack span:nth-child(1){transform:rotate(-15deg)}
.deck-stack span:nth-child(2){transform:rotate(-5deg)}
.deck-stack span:nth-child(3){transform:rotate(6deg)}
.deck-stack span:nth-child(4){transform:rotate(15deg)}
.book-cover{
  width:150px;height:210px;margin:auto;border:2px solid var(--gold);border-radius:7px;
  background:linear-gradient(145deg,#0f4b91,#06172f);box-shadow:12px 9px 0 #d6b36d;
  padding:22px 14px;color:var(--cream);font-family:Georgia,serif
}
.book-cover span{font-size:11px;letter-spacing:.14em}.book-cover strong{font-size:19px;line-height:1.2}.book-cover i{font-size:34px;color:var(--gold2);font-style:normal}
.three-spread span{
  width:112px;height:175px;border:2px solid var(--gold);border-radius:10px;
  background:linear-gradient(145deg,#0e4a8c,#06172f);position:absolute
}
.three-spread span:nth-child(1){transform:translateX(-90px) rotate(-7deg)}
.three-spread span:nth-child(2){transform:translateX(0)}
.three-spread span:nth-child(3){transform:translateX(90px) rotate(7deg)}

.buy{
  width:min(1120px,92vw);margin:0 auto 70px;padding:54px;border-radius:30px;
  background:linear-gradient(135deg,#0c3f78,#071b35 60%);border:1px solid rgba(216,170,84,.38);
  display:flex;align-items:center;justify-content:space-between;gap:40px
}
.buy h2{font-size:44px;color:var(--cream)}
.buy p{color:#bed0e1}
.big-buy{
  flex:0 0 auto;background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);
  padding:20px 28px;border-radius:999px;font-size:16px
}
.big-buy span{font-size:22px;margin-left:14px}
footer{
  border-top:1px solid rgba(216,170,84,.25);padding:28px 5vw;color:#8196ac;
  display:flex;justify-content:space-between;gap:20px;font-size:12px
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:40px}
  .hero-visual{order:-1}.hero-visual img{max-height:480px;object-fit:cover}
  .hero-copy{text-align:center}.main-actions{margin:auto}
  .five-cards{grid-template-columns:repeat(3,1fr)}
  .visual-flow{grid-template-columns:1fr 1fr}.visual-flow .arrow{display:none}
  .feature-grid{grid-template-columns:1fr}
  .buy{flex-direction:column;text-align:center}
}
@media(max-width:560px){
  .brand strong{font-size:14px}.brand small{display:none}.buy-mini{padding:9px 14px;font-size:11px}
  .hero{min-height:auto;padding:24px 0 40px}.hero h1{font-size:47px}.hero-line{font-size:17px}
  .main-actions{grid-template-columns:1fr}
  .quick-panel{padding:28px 18px}.quick-panel h2{font-size:36px}
  .five-cards{grid-template-columns:1fr 1fr}
  .visual-flow{grid-template-columns:1fr}
  .demo-reading{grid-template-columns:repeat(3,1fr);gap:8px}.demo-card{width:auto}
  .showcase-title h2{font-size:40px}
  .buy{padding:34px 20px}.buy h2{font-size:36px}
  footer{flex-direction:column;text-align:center}
}


/* --- OFICIALIZAÇÃO DAS IMAGENS: mantém o layout aprovado e usa só artes reais --- */
.hero-product{
  position:relative; min-height:560px; display:flex; align-items:center; justify-content:center;
  border-radius:28px; overflow:visible;
  background:radial-gradient(circle at 50% 38%,rgba(224,177,88,.16),transparent 35%);
}
.hero-manual{
  position:absolute; right:3%; top:3%; width:35%; max-width:245px;
  border-radius:12px; box-shadow:0 28px 55px rgba(0,0,0,.5);
  border:1px solid rgba(236,200,126,.5); z-index:1;
}
.official-fan{position:relative;width:100%;height:520px;z-index:2}
.official-card{
  position:absolute; left:50%; top:50%; width:31%; max-width:220px;
  transform-origin:50% 92%; border-radius:14px;
  box-shadow:0 24px 45px rgba(0,0,0,.55);
  border:1px solid rgba(236,200,126,.5);
}
.oc1{transform:translate(-195%,-50%) rotate(-15deg)}
.oc2{transform:translate(-125%,-53%) rotate(-8deg)}
.oc3{transform:translate(-50%,-57%) rotate(0deg);z-index:5}
.oc4{transform:translate(25%,-53%) rotate(8deg)}
.oc5{transform:translate(95%,-50%) rotate(15deg)}

.product-preview{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin-top:18px}
.preview-manual{
  width:100%;border-radius:10px;box-shadow:0 16px 30px rgba(0,0,0,.4);
  border:1px solid rgba(236,200,126,.4)
}
.official-five{grid-template-columns:repeat(5,1fr)}
.official-five figure{margin:0;text-align:center}
.official-five img{
  width:100%;display:block;border-radius:12px;box-shadow:0 14px 25px rgba(0,0,0,.4)
}
.official-five figcaption{font-family:Georgia,serif;color:var(--cream);font-size:13px;margin-top:8px}

.shuffle-visual,.pick-visual,.three-official{position:relative;width:132px;height:112px;margin-bottom:22px}
.shuffle-visual img,.pick-visual img,.three-official img{
  position:absolute;width:68px;border-radius:7px;border:1px solid var(--gold);
  box-shadow:0 8px 18px rgba(0,0,0,.35)
}
.shuffle-visual img:nth-child(1){left:8px;top:10px;transform:rotate(-15deg)}
.shuffle-visual img:nth-child(2){left:31px;top:2px}
.shuffle-visual img:nth-child(3){left:54px;top:10px;transform:rotate(15deg)}
.pick-visual img{left:32px;top:0;width:78px;transform:rotate(7deg)}
.three-official img:nth-child(1){left:0;top:10px;transform:rotate(-7deg)}
.three-official img:nth-child(2){left:32px;top:0}
.three-official img:nth-child(3){left:64px;top:10px;transform:rotate(7deg)}
.manual-flow{
  width:82px;max-height:114px;object-fit:cover;border-radius:6px;margin-bottom:16px;
  box-shadow:0 8px 18px rgba(0,0,0,.35);border:1px solid rgba(236,200,126,.45)
}

.official-demo-deck img{
  position:absolute;left:70px;top:18px;width:88px;border-radius:9px;
  border:1px solid var(--gold);box-shadow:0 10px 24px rgba(0,0,0,.45)
}
.official-demo-deck .db1{transform:rotate(-14deg) translateX(-34px)}
.official-demo-deck .db2{transform:rotate(-7deg) translateX(-17px)}
.official-demo-deck .db3{transform:rotate(0)}
.official-demo-deck .db4{transform:rotate(7deg) translateX(17px)}
.official-demo-deck .db5{transform:rotate(14deg) translateX(34px)}
.shuffling .db1{animation:s1 .8s ease-in-out 2}
.shuffling .db2{animation:s2 .8s ease-in-out 2}
.shuffling .db4{animation:s3 .8s ease-in-out 2}
.shuffling .db5{animation:s4 .8s ease-in-out 2}

.official-reading>div{display:flex;flex-direction:column;align-items:center;gap:10px}
.official-reading img{
  width:150px;border-radius:12px;border:1px solid var(--gold);
  box-shadow:0 16px 26px rgba(0,0,0,.32)
}
.official-reading b{font-size:11px;letter-spacing:.12em;color:#e7d4a9}

.feature-manual{
  width:150px;max-height:210px;object-fit:cover;border-radius:8px;
  border:1px solid var(--gold);box-shadow:12px 9px 0 #d6b36d
}
.feature-three-official{display:flex!important;justify-content:center;align-items:center;gap:0}
.feature-three-official img{
  position:absolute;width:112px;border-radius:10px;border:2px solid var(--gold);
  box-shadow:0 10px 24px rgba(0,0,0,.35)
}
.feature-three-official img:nth-child(1){transform:translateX(-86px) rotate(-7deg)}
.feature-three-official img:nth-child(2){transform:translateX(0)}
.feature-three-official img:nth-child(3){transform:translateX(86px) rotate(7deg)}

@media(max-width:900px){
  .hero-product{min-height:500px}
  .official-fan{height:470px}
  .official-card{width:28%;max-width:180px}
  .hero-manual{width:30%;right:1%}
  .product-preview{grid-template-columns:1fr}
  .preview-manual{width:170px;margin:auto}
}
@media(max-width:560px){
  .hero-product{min-height:390px}
  .official-fan{height:360px}
  .official-card{width:30%;max-width:125px}
  .oc1{transform:translate(-178%,-47%) rotate(-15deg)}
  .oc2{transform:translate(-112%,-52%) rotate(-8deg)}
  .oc3{transform:translate(-50%,-56%)}
  .oc4{transform:translate(12%,-52%) rotate(8deg)}
  .oc5{transform:translate(78%,-47%) rotate(15deg)}
  .hero-manual{width:28%;top:0;right:0}
  .official-five{grid-template-columns:1fr 1fr}
  .official-reading img{width:105px}
}


/* Bloco compacto: uso diário para direção/reflexão */
.daily-direction{
  width:min(1120px,92vw);
  margin:18px auto 58px;
  padding:44px 46px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:42px;
  align-items:center;
  border:1px solid rgba(216,170,84,.32);
  border-radius:28px;
  background:
    radial-gradient(circle at 80% 35%,rgba(22,87,157,.28),transparent 32%),
    linear-gradient(135deg,rgba(8,42,81,.96),rgba(4,20,43,.96));
  box-shadow:0 22px 60px rgba(0,0,0,.32);
}
.daily-copy h2{
  font-family:Georgia,serif;
  font-size:clamp(38px,5vw,62px);
  line-height:1.02;
  font-weight:400;
  margin:.15em 0 .35em;
}
.daily-copy h2 span{color:var(--gold2)}
.daily-copy p{
  color:#c8d7e6;
  font-size:17px;
  line-height:1.65;
  max-width:530px;
}
.daily-button{
  margin-top:12px;
  border:0;
  border-radius:999px;
  padding:15px 24px;
  cursor:pointer;
  font-weight:800;
  letter-spacing:.03em;
  background:linear-gradient(90deg,var(--gold2),var(--gold));
  color:var(--ink);
}
.daily-visual{
  min-height:360px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
.daily-card{
  position:absolute;
  width:185px;
  border-radius:14px;
  border:1px solid rgba(236,200,126,.5);
  box-shadow:0 20px 38px rgba(0,0,0,.48);
}
.daily-card.d1{transform:translateX(-120px) rotate(-10deg)}
.daily-card.d2{transform:translateY(-10px);z-index:3}
.daily-card.d3{transform:translateX(120px) rotate(10deg)}
.daily-caption{
  position:absolute;
  bottom:0;
  padding:9px 15px;
  border-radius:999px;
  background:rgba(2,16,35,.78);
  border:1px solid rgba(216,170,84,.28);
  color:#d9c798;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:900px){
  .daily-direction{grid-template-columns:1fr;text-align:center}
  .daily-copy p{margin-left:auto;margin-right:auto}
}
@media(max-width:560px){
  .daily-direction{padding:32px 18px;margin-bottom:42px}
  .daily-visual{min-height:300px}
  .daily-card{width:135px}
  .daily-card.d1{transform:translateX(-82px) rotate(-10deg)}
  .daily-card.d3{transform:translateX(82px) rotate(10deg)}
  .daily-caption{font-size:9px}
}


.top-actions{display:flex;align-items:center;gap:12px}
.proposal-link{
  color:#f2d28e;text-decoration:none;font-size:12px;font-weight:800;
  letter-spacing:.08em;padding:10px 13px
}
.proposal-link:hover{text-decoration:underline}
.proposal-cta{text-align:center;margin:18px 0 0}
.proposal-cta a{color:var(--gold2);text-decoration:none;font-weight:700}

.official-deck-showcase{
  display:flex!important;align-items:center;justify-content:center;position:relative;
}
.official-deck-showcase img{
  position:absolute;width:104px;border-radius:9px;
  border:1px solid rgba(216,170,84,.55);
  box-shadow:0 12px 24px rgba(0,0,0,.38)
}
.official-deck-showcase img:nth-child(1){transform:translateX(-82px) rotate(-13deg)}
.official-deck-showcase img:nth-child(2){transform:translateX(-42px) rotate(-6deg)}
.official-deck-showcase img:nth-child(3){transform:translateX(0);z-index:3}
.official-deck-showcase img:nth-child(4){transform:translateX(42px) rotate(6deg)}
.official-deck-showcase img:nth-child(5){transform:translateX(82px) rotate(13deg)}

.proposal-page{min-height:100vh}
.proposal-hero{
  width:min(1180px,92vw);margin:auto;min-height:650px;padding:70px 0 45px;
  display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px
}
.proposal-copy h1{
  font:400 clamp(50px,6vw,82px)/1.02 Georgia,serif;margin:.18em 0;
}
.proposal-copy h1 span{color:var(--gold2)}
.proposal-lead{font-size:19px;line-height:1.7;color:#d3dfec;max-width:600px}
.proposal-card-fan{height:530px;position:relative;display:flex;justify-content:center;align-items:center}
.proposal-card-fan img{
  position:absolute;width:195px;border-radius:14px;
  border:1px solid rgba(236,200,126,.45);box-shadow:0 24px 45px rgba(0,0,0,.5)
}
.proposal-card-fan .p1{transform:translateX(-240px) rotate(-13deg)}
.proposal-card-fan .p2{transform:translateX(-120px) rotate(-7deg)}
.proposal-card-fan .p3{transform:translateX(0) scale(1.05);z-index:4}
.proposal-card-fan .p4{transform:translateX(120px) rotate(7deg)}
.proposal-card-fan .p5{transform:translateX(240px) rotate(13deg)}

.proposal-pillars{
  width:min(1040px,92vw);margin:0 auto 70px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.proposal-pillars article{
  padding:28px;border:1px solid rgba(216,170,84,.28);border-radius:20px;
  background:rgba(255,255,255,.035)
}
.proposal-pillars span{font:22px Georgia,serif;color:var(--gold2)}
.proposal-pillars h2{font:30px Georgia,serif;color:var(--cream);margin:15px 0 9px}
.proposal-pillars p{color:#b9c9da;line-height:1.6}

.proposal-short{
  width:min(1040px,92vw);margin:0 auto 75px;padding:44px;border-radius:28px;
  border:1px solid rgba(216,170,84,.32);
  background:linear-gradient(135deg,rgba(11,53,99,.96),rgba(3,18,39,.98));
  display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:center
}
.proposal-manual{text-align:center}
.proposal-manual img{
  width:220px;max-width:100%;border-radius:10px;
  border:1px solid rgba(236,200,126,.45);box-shadow:0 24px 42px rgba(0,0,0,.42)
}
.proposal-short h2{font:42px Georgia,serif;color:var(--cream);margin:.2em 0}
.proposal-short p{color:#c2d0df;line-height:1.65;font-size:16px}
.proposal-note{font-style:italic;color:#e5d4a5!important}
.proposal-main-button{
  display:inline-block;margin-top:14px;padding:15px 24px;border-radius:999px;
  background:linear-gradient(90deg,var(--gold2),var(--gold));
  color:var(--ink);text-decoration:none;font-weight:800
}

@media(max-width:900px){
  .proposal-hero{grid-template-columns:1fr;text-align:center}
  .proposal-copy .proposal-lead{margin-left:auto;margin-right:auto}
  .proposal-pillars{grid-template-columns:1fr}
  .proposal-short{grid-template-columns:1fr;text-align:center}
}
@media(max-width:560px){
  .top-actions{gap:4px}.proposal-link{font-size:10px;padding:8px}
  .proposal-hero{padding-top:38px;min-height:auto}
  .proposal-card-fan{height:390px;overflow:hidden}
  .proposal-card-fan img{width:130px}
  .proposal-card-fan .p1{transform:translateX(-155px) rotate(-13deg)}
  .proposal-card-fan .p2{transform:translateX(-78px) rotate(-7deg)}
  .proposal-card-fan .p4{transform:translateX(78px) rotate(7deg)}
  .proposal-card-fan .p5{transform:translateX(155px) rotate(13deg)}
  .proposal-short{padding:30px 18px}.proposal-short h2{font-size:34px}
}