/* THE GILDED TARIFF — CINEMATIC EDITION */
.gt{
    --gt-gold:#e9bf88;
    --gt-cream:#f8e8d2;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(100px,12vw,175px) 24px 130px;
    background:
        radial-gradient(ellipse at 50% -15%,rgba(175,109,63,.25),transparent 52%),
        radial-gradient(ellipse at 0% 75%,rgba(97,32,52,.16),transparent 50%),
        radial-gradient(ellipse at 100% 85%,rgba(112,62,40,.16),transparent 52%),
        linear-gradient(160deg,#0b090b 0%,#1a1012 48%,#0a090b 100%);
    color:var(--gt-cream);
}
.gt::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(238,190,137,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(238,190,137,.025) 1px,transparent 1px);
    background-size:95px 95px;
    mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 85%,transparent);
}
.gt::after{
    content:"TARIFF";
    position:absolute;
    bottom:-4%;
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap;
    font:normal clamp(150px,26vw,450px)/1 Georgia,serif;
    letter-spacing:-.09em;
    color:rgba(243,197,142,.026);
    pointer-events:none;
    z-index:-1;
}
.gt-container{
    position:relative;
    z-index:2;
    max-width:1240px;
    margin:auto;
}
.gt-atmosphere{
    position:absolute;
    top:-460px;
    left:50%;
    width:950px;
    height:950px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(195,119,65,.15),transparent 64%);
    pointer-events:none;
}
.gt-orbit{
    position:absolute;
    inset:0;
    border:1px solid rgba(232,177,120,.12);
    border-radius:50%;
    animation:gt-orbit 18s ease-in-out infinite alternate;
}
.gt-orbit-two{inset:95px;animation-delay:-5s}
.gt-orbit-three{inset:195px;animation-delay:-9s}
.gt-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 75px;
}
.gt-eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    font-size:11px;
    letter-spacing:3.5px;
    color:#d9b58a;
    text-transform:uppercase;
}
.gt-line{
    width:38px;
    height:1px;
    background:linear-gradient(90deg,transparent,#d9ad7e);
}
.gt-line:last-child{transform:rotate(180deg)}
.gt-header h2{
    margin:25px 0 22px;
    font:normal clamp(45px,6vw,88px)/1.06 Georgia,'Times New Roman',serif;
    letter-spacing:-.055em;
    color:#f8e8d5;
    text-shadow:0 12px 60px rgba(0,0,0,.3);
}
.gt-introduction{
    max-width:580px;
    margin:auto;
    font-size:15px;
    line-height:1.9;
    color:#bca99d;
}
.gt-header-ornament{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:38px;
    color:#e2b783;
}
.gt-header-ornament span{
    width:65px;
    height:1px;
    background:linear-gradient(90deg,transparent,#b28a66);
}
.gt-header-ornament span:last-child{transform:rotate(180deg)}
.gt-header-ornament i{font-style:normal;font-size:18px;animation:gt-twinkle 5s ease-in-out infinite}
.gt-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:24px;
}
.gt-card{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-width:0;
    border:1px solid rgba(218,164,117,.23);
    border-radius:16px;
    background:linear-gradient(150deg,#281c1b 0%,#171214 65%,#211718 100%);
    box-shadow:0 30px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,232,199,.045);
    transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s ease,box-shadow .5s ease;
}
.gt-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(125deg,rgba(247,198,141,.09),transparent 32%,transparent 70%,rgba(247,198,141,.025));
}
.gt-card::after{
    content:"";
    position:absolute;
    top:-140%;
    left:-85%;
    width:75%;
    height:360%;
    background:linear-gradient(90deg,transparent,rgba(255,220,168,.065),transparent);
    transform:rotate(23deg);
    transition:left 1.1s ease;
    pointer-events:none;
}
.gt-card:hover::after{left:180%}
.gt-card:hover{
    transform:translateY(-12px);
    border-color:rgba(241,194,137,.65);
    box-shadow:0 45px 100px rgba(0,0,0,.4),0 0 55px rgba(203,126,70,.075);
}
.gt-card-glow{
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:radial-gradient(360px circle at var(--gt-mx,50%) var(--gt-my,0%),rgba(244,179,111,.13),transparent 70%);
    opacity:0;
    transition:opacity .4s ease;
}
.gt-card:hover .gt-card-glow{opacity:1}
.gt-card-inner{
    position:relative;
    z-index:1;
    height:100%;
    display:flex;
    flex-direction:column;
    padding:clamp(25px,3vw,39px);
}
.gt-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:30px;
    margin-bottom:46px;
}
.gt-index{
    display:flex;
    align-items:center;
    gap:13px;
    color:#c8a37d;
    font-size:12px;
    letter-spacing:2px;
}
.gt-index-line{
    display:block;
    width:37px;
    height:1px;
    background:rgba(231,182,128,.35);
}
.gt-card-symbol{font:normal 25px/1 Georgia,serif;color:#d9b180}
.gt-featured-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:9px;
    letter-spacing:1.3px;
    color:#2d1a12;
    background:linear-gradient(110deg,#e4b77f,#ffe0ac,#dca56c);
    padding:8px 12px;
    border-radius:50px;
    white-space:nowrap;
}
.gt-card-kicker{
    color:#d6ad83;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:2.5px;
}
.gt-card-heading h3{
    margin:13px 0 8px;
    color:#f9e7d2;
    font:normal clamp(37px,4vw,54px)/1.12 Georgia,serif;
    letter-spacing:-.04em;
}
.gt-card-subtitle{font-size:13px;color:#ae9a91;line-height:1.7;margin:8px 0 0}
.gt-price-block{margin:36px 0 28px}
.gt-price-caption{font-size:10px;letter-spacing:2.2px;color:#a99383}
.gt-price{
    display:flex;
    align-items:baseline;
    gap:7px;
    margin-top:10px;
    color:#f0c997;
    font:normal clamp(35px,3.8vw,53px)/1.2 Georgia,serif;
    letter-spacing:-.04em;
    overflow-wrap:anywhere;
}
.gt-currency{font-size:.55em}
.gt-price-enquire{font-size:clamp(30px,3vw,42px)}
.gt-divider{display:flex;align-items:center;gap:13px;color:#caa174}
.gt-divider span{flex:1;height:1px;background:linear-gradient(90deg,rgba(213,164,117,.5),rgba(213,164,117,.08))}
.gt-divider span:last-child{transform:rotate(180deg)}
.gt-divider i{font-style:normal}
.gt-benefits{flex:1;padding:28px 0 32px}
.gt-benefits-heading{font-size:10px;letter-spacing:2.3px;color:#c8a27b}
.gt-description{font-size:13px;line-height:1.8;color:#bca9a0;margin:16px 0}
.gt-benefits ul{list-style:none;margin:21px 0 0;padding:0;display:grid;gap:17px}
.gt-benefits li{display:flex;align-items:flex-start;gap:13px;font-size:13px;line-height:1.65;color:#d4c4b8}
.gt-benefit-icon{color:#d9b17f;font-size:11px;line-height:2}
.gt-cta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:19px 21px;
    border:1px solid rgba(225,176,123,.4);
    border-radius:6px;
    background:rgba(222,158,101,.075);
    color:#f4d2aa;
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    text-decoration:none;
    transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.gt-cta:hover{
    background:#e8bb84;
    color:#231510;
    border-color:#e8bb84;
    box-shadow:0 12px 35px rgba(220,152,88,.22);
}
.gt-cta:focus-visible{outline:2px solid #ffe1b5;outline-offset:4px}
.gt-cta-arrow{font-size:22px;transition:transform .3s ease}
.gt-cta:hover .gt-cta-arrow{transform:translate(4px,-4px)}
.gt-featured{
    border-color:rgba(243,194,128,.72);
    background:
        radial-gradient(ellipse at 50% 0%,rgba(203,138,83,.23),transparent 55%),
        linear-gradient(150deg,#4a2e29,#24191b 70%,#321e20);
    box-shadow:0 35px 100px rgba(0,0,0,.33),0 0 60px rgba(203,140,83,.08);
}
.gt-featured::before{
    background:linear-gradient(145deg,rgba(255,226,179,.14),transparent 40%,rgba(218,148,91,.04));
}
.gt-featured .gt-cta{
    color:#251711;
    background:linear-gradient(110deg,#e5b77c,#ffdda9,#dca36a);
    border-color:transparent;
}
.gt-featured .gt-cta:hover{
    background:#ffe4b9;
    box-shadow:0 12px 45px rgba(242,185,112,.28);
}
.gt-featured-label{animation:gt-label-glow 5s ease-in-out infinite}
.gt-disclaimer{
    max-width:750px;
    margin:43px auto 0;
    text-align:center;
    font-size:12px;
    line-height:1.9;
    color:#ad9a8f;
}
.gt-disclaimer span{color:#d6ad7d;margin-right:8px}
.gt-bottom-ornament{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-top:80px;
    color:#d6ad7d;
}
.gt-bottom-ornament span{height:1px;width:90px;background:linear-gradient(90deg,transparent,rgba(218,166,115,.45))}
.gt-bottom-ornament span:last-child{transform:rotate(180deg)}
.gt-bottom-ornament i{font-style:normal}
.gt.gt-motion-ready [data-gt-reveal]{
    opacity:0;
    translate:0 35px;
    transition:opacity .9s ease,translate .9s cubic-bezier(.2,.7,.2,1);
}
.gt.gt-motion-ready [data-gt-reveal].gt-visible{opacity:1;translate:0 0}
.gt.gt-motion-ready .gt-card.gt-visible{transition-delay:calc(var(--gt-order,0) * 120ms)}
@keyframes gt-orbit{
    from{transform:scale(.92) rotate(-9deg);opacity:.5}
    to{transform:scale(1.09) rotate(9deg);opacity:1}
}
@keyframes gt-twinkle{
    0%,100%{opacity:.45;transform:scale(.85)}
    50%{opacity:1;transform:scale(1.15)}
}
@keyframes gt-label-glow{
    0%,100%{box-shadow:0 0 0 rgba(255,214,154,0)}
    50%{box-shadow:0 0 28px rgba(255,214,154,.2)}
}
@media(max-width:1000px){
    .gt-grid{gap:14px}
    .gt-card-inner{padding:24px}
    .gt-card-top{margin-bottom:30px}
}
@media(max-width:760px){
    .gt{padding:90px 18px}
    .gt-grid{grid-template-columns:1fr;max-width:520px;margin:auto;gap:24px}
    .gt-header{margin-bottom:45px}
    .gt-card-inner{padding:30px}
    .gt-card-top{margin-bottom:30px}
    .gt-atmosphere{width:650px;height:650px;top:-350px}
    .gt-featured{order:-1}
}
@media(prefers-reduced-motion:reduce){
    .gt-orbit,.gt-header-ornament i,.gt-featured-label{animation:none!important}
    .gt.gt-motion-ready [data-gt-reveal]{opacity:1!important;translate:none!important;transition:none!important}
    .gt-card,.gt-cta,.gt-cta-arrow{transition:none!important}
}
