.pkRoot{ position:relative;width:100%;overflow:hidden;background:#FBF9F4;font-family:'Inter',sans-serif; }
.pkRoot a{ color:#FF7A54;text-decoration:none; }
.pkRoot a:hover{ color:#FFC24A; }
.pkContainer{ position:relative;max-width:1200px;margin:0 auto;padding:0 44px;box-sizing:border-box; }

.pkRev{ opacity:0;transform:translateY(24px);transition:opacity .5s ease, transform .5s cubic-bezier(.2,.8,.2,1); }
.pkRev.in{ opacity:1;transform:translateY(0); }

@keyframes sheenSweep{0%{transform:translateX(-130%) skewX(-18deg);}100%{transform:translateX(150%) skewX(-18deg);}}
@keyframes glint{0%,100%{opacity:0;transform:scale(.5);}50%{opacity:.9;transform:scale(1);}}
@keyframes mkSweep{0%{opacity:0;transform:skewX(-18deg) translateX(-16px);}30%{opacity:1;}100%{opacity:0;transform:skewX(-18deg) translateX(24px);}}

/* ---- Header (cream) ---- */
.pkHeader{ position:relative;width:100%;background:#FBF9F4;box-sizing:border-box;padding:72px 0 30px; }
.pkLogo{ height:60px;width:auto;display:block;margin-bottom:44px; }
.pkKicker{ font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,122,84,.85);margin-bottom:22px; }
.pkH1{ margin:0;max-width:1000px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(38px,5.6vw,76px);line-height:1.03;letter-spacing:-.025em;color:#0F1B3D;transition-delay:.06s; }
.pkLede{ margin:30px 0 0;max-width:640px;font-size:clamp(18px,1.6vw,20px);line-height:1.55;color:rgba(15,27,61,.7);transition-delay:.14s; }

/* ---- Four pricing plates ---- */
.pkPlatesSection{ position:relative;width:100%;background:#FBF9F4;box-sizing:border-box;padding:60px 0 100px; }
.platesGrid{ position:relative;max-width:1360px;margin:0 auto;padding:0 44px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch; }

.plate{ position:relative;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;padding:34px 28px 30px;transition:transform .35s cubic-bezier(.3,.8,.3,1), box-shadow .35s ease, opacity .5s ease; }
.plate.in:hover{ transform:translateY(-6px); }
.plateInner{ position:relative;display:flex;flex-direction:column;height:100%; }
.sheen{ position:absolute;top:-20%;left:0;width:60%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease; }
.plate.in:hover .sheen{ opacity:1;animation:sheenSweep 1.4s ease-in-out; }
.plateTier{ font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:30px;letter-spacing:-.01em; }
.platePrice{ margin-top:8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:24px;letter-spacing:-.015em; }
.priceMo{ font-family:'Inter',sans-serif;font-weight:500;font-size:15px; }
.tierHead{ margin-top:20px; }
.tierHeadline{ font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:19px;line-height:1.28; }
.tierDesc{ margin-top:12px;font-size:14px;line-height:1.55; }
.plateDivider{ margin:22px 0 26px;height:1px; }
.bulletList{ list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px; }
.plateCtaWrap{ margin-top:auto;padding-top:28px; }

.bullet{ display:grid;grid-template-columns:18px 1fr;gap:11px;font-family:'Inter',sans-serif;font-size:14px;line-height:1.4; }
.mk{ position:relative;flex:none;width:18px;display:flex;align-items:center;justify-content:center;margin-top:5px; }
.mk .body{ position:relative;overflow:hidden; }
.shine{ position:absolute;top:-45%;left:0;width:55%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);transform:skewX(-18deg) translateX(-16px);opacity:0;z-index:3;pointer-events:none; }
.bullet:hover .shine{ animation:mkSweep .8s ease; }

/* material markers */
.mkGold .body{ width:14px;height:5px;border-radius:3px;background:linear-gradient(180deg,#E8C874,#B8892E);box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 1px 1px rgba(90,60,10,.35); }
.mkPlat .body{ width:14px;height:5px;border-radius:3px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.42) 0 .5px,rgba(120,130,140,.16) .5px 1.4px),linear-gradient(180deg,#E8E9EA,#9BA3AA);box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 1px 1px rgba(70,80,90,.3); }
.mkDia .body{ width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#E3F3FF,#7FA8C9);box-shadow:0 1px 2px rgba(30,70,95,.35); }
.mkDia .body::before{ content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 43%,rgba(255,255,255,.65) 48%,transparent 53%),linear-gradient(-45deg,transparent 43%,rgba(23,57,75,.45) 48%,transparent 53%);z-index:2; }
.mkDia .body::after{ content:'';position:absolute;top:1px;left:1px;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 3px #fff;z-index:2; }
.mkTit .body{ width:13px;height:13px;background:linear-gradient(150deg,#3A3D42,#1C1E21);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0% 50%);box-shadow:0 1px 2px rgba(0,0,0,.5); }
.mkTit .body::before{ content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.3),transparent 44%);z-index:2; }

/* per-tier CTA buttons */
.tierBtn{ display:block;text-align:center;box-sizing:border-box;width:100%;padding:16px 22px;border-radius:13px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;cursor:pointer;text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, filter .28s ease;will-change:transform; }
.tierBtn:active{ transition:transform .13s cubic-bezier(.3,.7,.3,1), box-shadow .13s ease;transform:translateY(2px) scale(.965); }

.btnGold{ background:linear-gradient(150deg,#F4D77E,#C99A34);color:#3B2C0C;box-shadow:0 8px 18px rgba(150,110,30,.32), inset 0 1px 2px rgba(255,255,255,.6); }
.btnGold:hover{ color:#3B2C0C;transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 14px 28px rgba(150,110,30,.4), 0 0 26px rgba(231,184,78,.7), inset 0 1px 2px rgba(255,255,255,.7); }
.btnGold:active{ box-shadow:0 5px 12px rgba(150,110,30,.4), 0 0 14px rgba(231,184,78,.55), inset 0 1px 2px rgba(255,255,255,.6); }

.btnPlat{ background:linear-gradient(150deg,#EDEFF1,#A7B0B8);color:#2B333A;box-shadow:0 8px 18px rgba(80,90,100,.3), inset 0 1px 2px rgba(255,255,255,.7); }
.btnPlat:hover{ color:#2B333A;transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 14px 28px rgba(80,90,100,.38), 0 0 26px rgba(200,210,218,.85), inset 0 1px 2px rgba(255,255,255,.8); }
.btnPlat:active{ box-shadow:0 5px 12px rgba(80,90,100,.38), 0 0 14px rgba(200,210,218,.6), inset 0 1px 2px rgba(255,255,255,.7); }

.btnDia{ background:linear-gradient(150deg,#DCF2FC,#8FC3DD);color:#183848;box-shadow:0 8px 18px rgba(60,120,150,.3), inset 0 1px 2px rgba(255,255,255,.75); }
.btnDia:hover{ color:#183848;transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 14px 28px rgba(60,120,150,.4), 0 0 28px rgba(150,210,235,.85), inset 0 1px 2px rgba(255,255,255,.85); }
.btnDia:active{ box-shadow:0 5px 12px rgba(60,120,150,.4), 0 0 15px rgba(150,210,235,.6), inset 0 1px 2px rgba(255,255,255,.75); }

.btnTit{ background:linear-gradient(150deg,#4A525C,#23282F);color:#EAF0F5;box-shadow:0 8px 18px rgba(10,15,25,.5), inset 0 1px 2px rgba(255,255,255,.14); }
.btnTit:hover{ color:#F4F8FB;transform:translateY(-3px);filter:brightness(1.14);box-shadow:0 14px 28px rgba(10,15,25,.58), 0 0 26px rgba(120,160,190,.5), inset 0 1px 2px rgba(255,255,255,.2); }
.btnTit:active{ box-shadow:0 5px 12px rgba(10,15,25,.55), 0 0 14px rgba(120,160,190,.4), inset 0 1px 2px rgba(255,255,255,.14); }

/* per-tier palettes */
.plateGold{ background:linear-gradient(155deg,#F7E3A1,#E4B84C 40%,#B8862B 78%,#EAC868);box-shadow:0 24px 48px rgba(120,90,20,.28), inset 0 1px 3px rgba(255,255,255,.5); }
.plateGold .plateTier{ color:#463008; }
.plateGold .platePrice{ color:#3B2C0C; }
.plateGold .priceMo{ color:#7A5A12; }
.plateGold .tierHeadline{ color:#3B2C0C; }
.plateGold .tierDesc{ color:rgba(59,44,12,.82); }
.plateGold .plateDivider{ background:rgba(70,48,8,.25); }
.plateGold .bullet{ color:#3B2C0C; }

.platePlatinum{ background:linear-gradient(155deg,#F4F7F9,#C7D0D7 44%,#9BA7B0 78%,#E1E7EB);box-shadow:0 24px 48px rgba(70,80,90,.26), inset 0 1px 3px rgba(255,255,255,.6); }
.platePlatinum .sheen{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent); }
.platePlatinum .plateTier,.platePlatinum .platePrice{ color:#2B333A; }
.platePlatinum .priceMo{ color:#5A6570; }
.platePlatinum .tierHeadline{ color:#2B333A; }
.platePlatinum .tierDesc{ color:rgba(43,51,58,.82); }
.platePlatinum .plateDivider{ background:rgba(43,51,58,.22); }
.platePlatinum .bullet{ color:#2B333A; }

.plateDiamond{ background:linear-gradient(155deg,#EAF7FC,#BFE6F2 46%,#93CFE4 78%,#E6F8FD);box-shadow:0 24px 48px rgba(60,120,140,.26), inset 0 1px 3px rgba(255,255,255,.65); }
.plateDiamond .sheen{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent); }
.plateGlint{ position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation-name:glint;animation-timing-function:ease-in-out;animation-iteration-count:infinite;pointer-events:none; }
.plateDiamond .plateTier{ color:#1C3E4E; }
.plateDiamond .platePrice{ color:#183848; }
.plateDiamond .priceMo{ color:#2E6C86; }
.plateDiamond .tierHeadline{ color:#183848; }
.plateDiamond .tierDesc{ color:rgba(24,56,72,.82); }
.plateDiamond .plateDivider{ background:rgba(24,56,72,.22); }
.plateDiamond .bullet{ color:#183848; }

.plateTitanium{ background:linear-gradient(155deg,#3C444E,#232831 56%,#1C1E21);box-shadow:0 24px 48px rgba(10,15,25,.42), inset 0 1px 3px rgba(255,255,255,.1); }
.plateNoise{ position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);pointer-events:none; }
.sheenTit{ background:linear-gradient(90deg,transparent,rgba(180,205,225,.35),transparent) !important; }
.plateTierTit{ color:#EAF0F5; }
.platePriceTit{ color:#DFE7EE; }
.tierHeadlineTit{ color:#DFE7EE; }
.tierDescTit{ color:rgba(223,231,238,.7); }
.plateDividerTit{ background:linear-gradient(90deg,rgba(255,138,84,.32),rgba(255,194,74,.28)); }
.bulletTit{ color:#DFE7EE; }

.pkDots{ display:none;justify-content:center;align-items:center;gap:11px;margin-top:2px; }

/* ---- Comparison table (desktop) ---- */
.pkCmpSection{ position:relative;width:100%;background:#FBF9F4;box-sizing:border-box;padding:20px 0 120px; }
.pkCmpH2{ margin:0 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-.02em;color:#0F1B3D; }
.pkCmpLede{ margin:0 0 34px;font-size:17px;color:rgba(15,27,61,.62); }

.cmpTableWrap{ position:relative;overflow-x:auto;border-radius:14px;box-shadow:0 20px 44px rgba(15,27,61,.1); }
.cmpTable{ border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-family:'Inter',sans-serif; }
.cmpFeatureHead{ position:sticky;left:0;top:0;z-index:6;text-align:left;vertical-align:bottom;padding:20px 22px;background:#0F1B3D;color:rgba(245,243,238,.55);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;min-width:230px; }
.cmpColHead{ position:sticky;top:0;z-index:5;text-align:left;vertical-align:bottom;padding:18px 20px;background:#0F1B3D; }
.cmpColName{ font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px;color:#F5F3EE; }
.cmpColBar{ margin-top:8px;width:34px;height:3px;border-radius:2px; }
.cmpColPrice{ margin-top:8px;font-weight:500;font-size:13px;color:rgba(245,243,238,.6); }
.cmpGroupRow{ position:sticky;left:0;padding:14px 22px;background:#F1ECE0;border-bottom:1px solid rgba(15,27,61,.09);border-top:1px solid rgba(15,27,61,.06);font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#0F1B3D; }
.cmpRow{ transition:background .25s ease; }
.cmpRow:hover td{ background:rgba(15,27,61,.05) !important; }
.cmpLabelCell{ position:sticky;left:0;z-index:2;padding:16px 22px;border-bottom:1px solid rgba(15,27,61,.07);font-weight:600;font-size:14px;color:#0F1B3D;min-width:230px; }

/* ---- mobile tier-tab comparison (built by JS; hidden on desktop) ---- */
.cmpMobile{ display:none; }

@media(max-width:820px){
  .pkHeader{ padding:52px 0 24px; }
  .pkLogo{ height:48px;margin-bottom:32px; }
  .platesGrid{ display:block;grid-template-columns:none;position:relative;overflow:hidden;gap:0;padding:8px 0 4px;touch-action:pan-y;cursor:grab; }
  .platesGrid:active{ cursor:grabbing; }
  .plate{ position:absolute;top:0;left:50%;will-change:transform,opacity; }
  .plate.in:hover{ transform:none; }
  .pkDots{ display:flex; }
  .cmpTableWrap{ display:none; }
  .cmpMobile{ display:block; }
}

@media (prefers-reduced-motion: reduce){
  .plate.in:hover .sheen, .plateGlint, .bullet:hover .shine{ animation:none !important; }
}