/* Pricing, About and Support pages. Tokens and shared patterns live in site.css. */
.hero.compact .hero-panel{padding:96px 0 92px}
.hero.compact + *{margin-top:0}
.proof{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin-top:28px;color:var(--navy-ink-2);font-size:.95rem}
.proof span{display:flex;align-items:center;gap:8px}
.proof svg.i{width:16px;height:16px;color:var(--rota);stroke-width:2.2}
.proof b{color:#fff;font-weight:600}
.sec-head{text-align:center;max-width:46rem;margin:0 auto}
.sec-head .lead{margin-inline:auto}
.pg-sec{padding:110px 0 30px}
.pg-sec.tight{padding-top:70px}

/* FAQ */
.faq{max-width:840px;margin:44px auto 0}
.faq details{border-top:1px solid rgba(20,24,58,.1)}
.faq details:last-child{border-bottom:1px solid rgba(20,24,58,.1)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-weight:600;font-size:1.1rem;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23535b8a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center no-repeat;box-shadow:0 0 0 1px var(--line);transition:transform .3s var(--ease),background-color .2s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:#fff}
.faq summary:hover{color:var(--coral-deep)}
.faq details p{padding:0 4px 24px;color:var(--ink-2);max-width:44rem}

/* ---------- Pricing ---------- */
.builder{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;margin-top:52px}
.picks{display:grid;gap:12px}
.pick{position:relative;display:grid;grid-template-columns:46px 1fr auto 30px;gap:16px;align-items:center;text-align:left;padding:18px 20px;border-radius:20px;background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s var(--ease),background .25s}
.pick:hover{transform:translateY(-1px)}
.pick .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,#fff);color:var(--cd)}
.pick b{display:block;font-size:1.08rem;font-weight:600;letter-spacing:-.015em}
.pick small{display:block;color:var(--ink-3);font-size:.88rem;line-height:1.4;margin-top:2px}
.pick .pp{font-size:1.35rem;font-weight:600;letter-spacing:-.03em;text-align:right;white-space:nowrap}
.pick .pp em{font-style:normal;font-size:.82rem;color:var(--ink-3);font-weight:500;letter-spacing:0}
.pick .ck{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-2);color:transparent;transition:all .25s var(--ease)}
.pick .ck svg.i{width:15px;height:15px;stroke-width:3}
.pick[aria-checked="true"]{box-shadow:0 0 0 2px var(--cd),var(--shadow);background:color-mix(in srgb,var(--c) 5%,#fff)}
.pick[aria-checked="true"] .ck{background:var(--cd);border-color:var(--cd);color:#fff}
.pick.variable .pp{font-size:1.05rem}
.bundles{margin-top:6px;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.9rem;color:var(--ink-2)}
.bundles b{color:var(--ink);font-weight:600}
.sum{position:sticky;top:92px;background:var(--navy);color:var(--navy-ink);border-radius:28px;padding:34px;box-shadow:var(--shadow-lg);overflow:hidden;isolation:isolate}
.sum::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 50% at 100% 0%,rgba(238,122,92,.3),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(111,152,255,.16),transparent 70%)}
.sum .lbl{color:var(--navy-ink-2);font-size:.95rem}
.sum .big{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px}
.sum .big b{font-size:clamp(3.6rem,6vw,5rem);font-weight:600;letter-spacing:-.055em;line-height:1;color:#fff}
.sum .big span{color:var(--navy-ink-2);font-size:1.05rem}
.sum .per{color:var(--navy-ink-2);font-size:.92rem}
.sum ul{list-style:none;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--navy-3);display:grid;gap:11px}
.sum li{display:flex;justify-content:space-between;gap:16px;color:var(--navy-ink-2);font-size:.95rem}
.sum li b{color:var(--navy-ink);font-weight:600}
.sum .save{margin-top:18px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(95,220,154,.1);box-shadow:inset 0 0 0 1px rgba(95,220,154,.28);color:#c9f7de;font-size:.93rem;font-weight:500}
.sum .save svg.i{width:18px;height:18px;color:var(--rota);stroke-width:2.4}
.sum .half{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(238,122,92,.14);box-shadow:inset 0 0 0 1px rgba(238,122,92,.4);color:#ffd9cf;font-size:.93rem}
.sum .half b{color:#fff}
.sum .btn{width:100%;margin-top:22px}
.sum .fine{margin-top:14px;color:var(--navy-ink-3);font-size:.82rem;text-align:center;line-height:1.5}
.sum .empty{margin-top:16px;color:var(--navy-ink-2)}

.tabs2{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0 30px}
.tab2{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px 0 12px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line);font-weight:500;font-size:.95rem;color:var(--ink-2);transition:all .25s var(--ease)}
.tab2 svg.i{width:17px;height:17px;color:var(--cd)}
.tab2:hover{background:#fff}
.tab2[aria-selected="true"]{background:var(--navy);color:#fff;box-shadow:none}
.tab2[aria-selected="true"] svg.i{color:var(--c)}
.incl-panel{display:none;max-width:940px;margin:0 auto;padding:34px 38px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.incl-panel.on{display:block;animation:fadeup .5s var(--ease) both}
.incl-panel h3{font-size:1.4rem;letter-spacing:-.03em;margin-bottom:6px}
.incl-panel .from{color:var(--ink-3);font-size:.95rem;margin-bottom:22px}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}
.checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--ink-2);font-size:1rem}
.checks li svg.i{width:18px;height:18px;color:var(--cd);stroke-width:2.4;margin-top:3px}
.extras{max-width:940px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.extra{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
.extra i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:var(--coral)}
.extra b{display:block;font-size:1.05rem;letter-spacing:-.015em}
.extra p{color:var(--ink-2);font-size:.95rem;margin-top:2px}
.extra .pr{margin-top:8px;font-weight:600;font-size:.95rem}

/* ---------- About ---------- */
.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.story h2{max-width:30rem}
.story .lead{max-width:none}
.people{display:grid;gap:26px}
.person{display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:start}
.person .ph{width:92px;height:92px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy-3));display:grid;place-items:center;color:var(--coral);font-weight:600;font-size:2rem;letter-spacing:-.04em;box-shadow:var(--shadow)}
.person .ph img{width:100%;height:100%;object-fit:cover}
.person h3{font-size:1.4rem;letter-spacing:-.03em}
.person .role{color:var(--d-bookings);font-weight:600;font-size:.9rem;margin:2px 0 8px}
.person p{color:var(--ink-2)}
.probs{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:56px}
.prob{padding-top:26px;border-top:2px solid var(--c)}
.prob .tg{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--cd);margin-bottom:12px}
.prob .tg i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,#fff)}
.prob .tg i svg.i{width:16px;height:16px}
.prob h3{font-size:1.7rem;letter-spacing:-.035em;margin-bottom:10px}
.prob p{color:var(--ink-2)}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative;margin-top:56px}
.timeline::before{content:"";position:absolute;top:13px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,var(--line-2),var(--coral),var(--line-2))}
.tl-n{position:relative}
.tl-n .dot{width:28px;height:28px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--coral);display:grid;place-items:center;margin-bottom:22px;position:relative;z-index:1}
.tl-n .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--coral)}
.tl-n .yr{font-size:2.2rem;font-weight:600;letter-spacing:-.05em;line-height:1}
.tl-n p{color:var(--ink-2);margin-top:8px;font-size:.98rem}
.vals{margin-top:48px;display:grid;gap:0}
.val{display:grid;grid-template-columns:54px 280px 1fr;gap:24px;align-items:center;padding:24px 0;border-top:1px solid rgba(20,24,58,.09)}
.val:last-child{border-bottom:1px solid rgba(20,24,58,.09)}
.val i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,#fff);color:var(--cd)}
.val h3{font-size:1.3rem;letter-spacing:-.025em;line-height:1.2}
.val p{color:var(--ink-2)}
.expect .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.expect h2{color:#fff}
.expect .lead{color:var(--navy-ink-2)}
.expect .checks{color:var(--navy-ink)}
.expect .checks li{color:var(--navy-ink);grid-template-columns:22px 1fr}
.expect .checks li svg.i{color:var(--coral)}
.expect .checks{grid-template-columns:1fr;gap:16px}
.uk{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.uk span{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--line);font-size:.93rem;font-weight:500;color:var(--ink-2)}

/* ---------- Support ---------- */
.ctiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin:46px auto 0;padding:0 20px;text-align:left}
.ctile{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:center;padding:22px 22px;border-radius:22px;background:rgba(238,241,255,.06);box-shadow:inset 0 0 0 1px rgba(238,241,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;transition:background .25s,transform .3s var(--ease),box-shadow .25s}
.ctile:hover{background:rgba(238,241,255,.11);transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(238,122,92,.55)}
.ctile i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(238,122,92,.16);color:var(--coral)}
.ctile b{white-space:nowrap;display:block;font-size:1.1rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.ctile small{white-space:nowrap;display:block;color:var(--navy-ink-2);font-size:.88rem;margin-top:3px}
.hours{margin-top:24px;color:var(--navy-ink-2);font-size:.95rem;display:flex;gap:8px;align-items:center;justify-content:center}
.hours .live{width:9px;height:9px;border-radius:50%;background:var(--rota);box-shadow:0 0 0 0 rgba(95,220,154,.6);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(95,220,154,0)}100%{box-shadow:0 0 0 0 rgba(95,220,154,0)}}
.setup{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:56px;position:relative}
.setup::before{content:"";position:absolute;top:27px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 8px,transparent 8px 16px)}
.sstep{text-align:center;position:relative}
.sstep i{width:54px;height:54px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:var(--navy);color:var(--coral);box-shadow:0 0 0 8px var(--bg);position:relative}
.sstep h3{font-size:1.3rem;letter-spacing:-.025em}
.sstep p{color:var(--ink-2);margin:8px auto 0;font-size:.98rem;max-width:20rem}
.help-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.search{display:flex;gap:6px;margin-top:28px;padding:6px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2),var(--shadow);max-width:34rem}
.search svg.i{align-self:center;margin-left:12px;color:var(--ink-3)}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;padding:0 8px;font-size:1rem;color:var(--ink)}
.search input::placeholder{color:var(--ink-3)}
.search:focus-within{box-shadow:0 0 0 2px var(--coral)}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cats a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px 0 11px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--line);font-weight:500;font-size:.92rem;color:var(--ink-2);transition:all .25s var(--ease)}
.cats a:hover{background:#fff;transform:translateY(-1px)}
.cats a svg.i{width:17px;height:17px;color:var(--cd)}
.photo-card{border-radius:28px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-lg);position:relative}
.photo-card img{width:100%;height:100%;object-fit:cover}
.msg{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.form{display:grid;gap:14px;padding:30px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.form input,.form select,.form textarea{width:100%;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2);padding:0 14px;height:48px;font-size:.97rem;font-weight:400;outline:0;transition:border-color .2s,box-shadow .2s}
.form textarea{height:130px;padding:12px 14px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(238,122,92,.2);background:#fff}
.form .btn{justify-self:start}
.form .ok{display:none;align-items:center;gap:10px;color:var(--ok);font-weight:600}
.form.sent .ok{display:flex}
.form.sent .btn{display:none}
.alt{margin-top:28px;display:grid;gap:12px}
.alt a{display:flex;align-items:center;gap:12px;font-weight:600}
.alt i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:var(--coral)}

@media (max-width:1080px){
  .pg-sec{padding:76px 0 20px}
  .builder{grid-template-columns:1fr}
  .sum{position:static}
  .story,.help-panel,.msg,.expect .wrap{grid-template-columns:1fr;gap:36px}
  .probs{grid-template-columns:1fr;gap:40px}
  .timeline{grid-template-columns:1fr 1fr;gap:34px}
  .timeline::before{display:none}
  .val{grid-template-columns:54px 1fr;gap:6px 18px}
  .val p{grid-column:2}
  .setup{grid-template-columns:1fr;gap:34px}
  .setup::before{display:none}
  .ctiles{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero.compact .hero-panel{padding:64px 0 56px}
  .pick{grid-template-columns:42px 1fr 26px;gap:12px;padding:16px}
  .pick .pp{grid-column:2;grid-row:2;text-align:left}
  .pick .ck{grid-column:3;grid-row:1}
  .pick .ic{grid-row:1/span 2;align-self:start}
  .sum{padding:26px 22px}
  .incl-panel{padding:26px 22px}
  .checks,.extras,.form .two{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .form{padding:22px}
}

.pimg{border-radius:22px;overflow:hidden;aspect-ratio:4/3;margin-bottom:22px;box-shadow:var(--shadow)}
.pimg img{width:100%;height:100%;object-fit:cover}
.photo-card.wide{aspect-ratio:21/8;margin-top:40px}
@media (max-width:760px){.photo-card.wide{aspect-ratio:4/3}}

.photo-card.sq{aspect-ratio:1/1;max-width:360px;margin-top:30px}