/* AQTHEVISION · The Door. Structure: Bab Al-Tawba. Font: Aq Mansub. Colours: Mecca only.
   Every px value on the Fibonacci scale: 0,1,2,3,8,13,21,34,55,89,144,233,377,610,987. */
*{box-sizing:border-box;margin:0}
body{font-family:'Aq Mansub','Century Gothic','Avenir Next',sans-serif;background:#0D1537;color:#FFFFFF;
 font-size:21px;line-height:34px;overflow-x:hidden;font-synthesis:none}
h1,h2,h3,h4,b,strong{font-weight:inherit}
button,input,select,textarea{font:inherit}
a{color:#fff}a:hover{color:#C7CDEE}
.k{font-size:13px;line-height:21px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:#C7CDEE}
.gold{color:#D4990C}
.wrap{max-width:987px;margin:0 auto;padding:0 clamp(21px,3.8vw,55px)}
section{padding:13vh 0}
.btn{display:inline-block;background:#D4990C;color:#0D1537;border:0;border-radius:89px;padding:13px 34px;
 font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;transition:transform .25s}
.btn:hover{transform:scale(1.04);color:#0D1537}
.btn.ghost{background:none;color:#fff;border:1px solid #4A5280}
.btn.ghost:hover{border-color:#D4990C;color:#D4990C}
/* crown band + gold divider bands (abstract ornament, no calligraphy) */
.band{height:21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='21'%3E%3Cg fill='none' stroke='%23D4990C' stroke-width='1'%3E%3Ccircle cx='27' cy='10' r='8'/%3E%3Cpath d='M0 10 H19 M35 10 H55 M27 2 V18'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center}
.band.big{height:55px;background-size:144px 55px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='55'%3E%3Cg fill='none' stroke='%23D4990C' stroke-width='1'%3E%3Crect x='8' y='13' width='128' height='29' rx='13'/%3E%3Ccircle cx='72' cy='27' r='8'/%3E%3Cpath d='M21 27 H60 M84 27 H123'/%3E%3C/g%3E%3C/svg%3E")}
/* header — brand centered, medallions flanking */
header{max-width:987px;margin:0 auto;padding:13px clamp(21px,3.8vw,55px);display:flex;align-items:center;justify-content:space-between;gap:34px}
header .brand{font-size:21px;letter-spacing:.13em;text-decoration:none;display:flex;align-items:center;gap:13px;min-height:55px}
header nav{display:flex;gap:34px}
header nav a{font-size:13px;line-height:21px;font-weight:600;text-decoration:none;min-height:55px;display:flex;align-items:center}
.medal{width:34px;height:34px;border:1px solid #D4990C;border-radius:50%;display:grid;place-items:center;flex:none}
.medal::after{content:"";width:8px;height:8px;background:#D4990C;border-radius:50%}
@media(max-width:610px){header nav{display:none}}
/* hero — the golden door, panels part on scroll */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.hero h1{font-size:clamp(34px,8.2vw,89px);line-height:1;margin:21px 0}
.hero .sub{color:#C7CDEE;max-width:610px}
.door{position:relative;width:min(55vw,233px);margin-top:34px}
.door svg{display:block;width:100%}
.door .light{position:absolute;inset:13% 8% 0;background:radial-gradient(ellipse at 50% 100%,#D4990C 0%,#3759E9 55%,transparent 89%);
 opacity:0;transition:opacity .3s;border-radius:13px 13px 0 0}
.door .panel{position:absolute;top:13%;bottom:0;width:42%;background:linear-gradient(160deg,#D4990C,#8a6408 60%,#D4990C);
 border:2px solid #0D1537;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.door .panel::after{content:"";position:absolute;inset:13px;border:1px solid rgba(13,21,55,.55);border-radius:8px}
.door .pl{left:8%}.door .pr{right:8%}
/* cards — radius 55 with the signature cut corner */
.cc{background:#152259;border-radius:55px;clip-path:polygon(0 0,100% 0,100% calc(100% - 55px),calc(100% - 55px) 100%,0 100%);
 padding:34px;display:flex;flex-direction:column;gap:8px}
.cc h3{font-size:34px;line-height:34px}
.cc .rows{margin-top:13px;display:flex;flex-direction:column;gap:8px}
.cc .rows p{font-size:13px;line-height:21px;font-weight:600;color:#C7CDEE}
.cc .rows p b{color:#fff;font-weight:600}
.cc .sum{margin-top:auto;padding-top:21px;display:flex;align-items:baseline;justify-content:space-between;gap:13px}
.cc .sum b{font-size:34px;line-height:34px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:21px}
@media(max-width:987px){.grid2{grid-template-columns:1fr}}
h2.sec{font-size:clamp(34px,3.8vw,55px);line-height:1;margin:13px 0 34px}
.crew{display:grid;grid-template-columns:repeat(auto-fit,minmax(233px,1fr));gap:21px}
.crew .cc b{font-size:21px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(233px,1fr));gap:21px}
.tier b{font-size:34px;display:block;margin:13px 0}
.tier ul{list-style:none;padding:0;color:#C7CDEE;font-size:13px;line-height:21px;font-weight:600}
.tier li{padding:8px 0;border-bottom:1px solid #223790}
.tier.hot{outline:1px solid #D4990C}
.cov{max-width:610px;font-size:21px;line-height:34px;color:#C7CDEE}
.faq details{border-top:1px solid #223790}
.faq details:last-child{border-bottom:1px solid #223790}
.faq summary{cursor:pointer;padding:21px 0;font-size:21px;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";color:#D4990C}
.faq details[open] summary::after{content:"–"}
.faq p{color:#C7CDEE;font-size:13px;line-height:21px;font-weight:600;padding:0 0 21px;max-width:610px}
.plate{border-radius:55px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 55px),calc(100% - 55px) 100%,0 100%)}
.plate img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
form.stack{display:grid;gap:13px;max-width:377px}
input,textarea{background:#152259;border:1px solid #223790;color:#fff;border-radius:13px;padding:13px 21px;outline:none}
input:focus,textarea:focus{border-color:#D4990C}
.err{color:#D4990C;font-size:13px}
footer{border-top:1px solid #223790;padding:55px clamp(21px,3.8vw,55px) 34px;font-size:13px;line-height:21px;font-weight:600;color:#C7CDEE}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;max-width:987px;margin:0 auto}
@media(max-width:610px){.fgrid{grid-template-columns:1fr 1fr}}
.fgrid h4{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#D4990C;margin:0 0 13px;font-weight:600}
.fgrid>div{min-width:0}
.fgrid a{display:block;color:#C7CDEE;text-decoration:none;padding:8px 0;overflow-wrap:anywhere}
.fgrid a:hover{color:#fff}
.fgrid .brand{font-size:21px;color:#fff;letter-spacing:.13em}
.fgrid .tag{margin-top:8px;max-width:233px}
.fbar{max-width:987px;margin:34px auto 0;padding-top:21px;border-top:1px solid #223790;display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px}