/* Websites by Tyler: inner pages, header, menu and footer (2026-11-10, built from the approved mock-ups).
   One container: 64 px each side on desktop, 24 on phones, centred and balanced.
   Titles Inter Display 500, text Inter. Gold only on the word that sells. Phone layout below 820 px wide.
   Page rules are scoped to main.ip so the quote form (content.css + forms.css) is untouched. */
:root{--gold:#d6b67c;--t2:rgba(255,255,255,.74);--t3:rgba(255,255,255,.6);--ln:rgba(255,255,255,.12);--pad:64px;--bar:76px}
html{scroll-padding-top:calc(var(--bar) + 24px)}

/* ---------- page ---------- */
main.ip{position:relative;z-index:1;display:block;padding:calc(var(--bar) + 96px) var(--pad) 0;color:#fff;font:400 18px/1.6 IN,sans-serif}
.ip em{font-style:normal;color:var(--gold)}
.ip .gr{color:rgba(255,255,255,.45)}
.ip a{color:inherit;text-decoration:none}
.ip img,.ip video{display:block;max-width:100%}
.ip h1{margin:0;font:500 54px/1.06 ID,sans-serif;letter-spacing:-.028em;text-wrap:balance;color:#fff}
.ip h2{margin:0;font:500 40px/1.1 ID,sans-serif;letter-spacing:-.025em;text-wrap:balance;color:#fff}
.ip .lead{margin:28px 0 0;max-width:34em;font:400 19.5px/1.6 IN,sans-serif;color:var(--t2)}
.ip .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.ip .btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:99px;font:600 16.5px/1 IN,sans-serif;white-space:nowrap;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.ip .btn.gold{background:var(--gold);color:#0a0a0a;border:1px solid var(--gold)}
.ip .btn.gold:hover{background:#e3c792;border-color:#e3c792}
.ip .btn.ghost{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(10,10,10,.55)}
.ip .btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.ip .btn:focus-visible,.ip a:focus-visible,.ip summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ip button.btn{font:600 16.5px/1 IN,sans-serif}

.ip .hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 48px;align-items:start}
.ip .hero .tx{grid-column:1 / span 5}
.ip .hero .md{grid-column:6 / span 7}
.ip .hero.solo{display:block}.ip .hero.solo .tx{max-width:900px}

/* media frames: no browser bar, no chrome */
.ip .fr{position:relative;border-radius:20px;overflow:hidden;background:#141414;isolation:isolate}
.ip .fr:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:none}
.ip .fr img,.ip .fr video{width:100%;height:100%;object-fit:cover}
.ip .r45{aspect-ratio:4/5}.ip .r169{aspect-ratio:16/9}.ip .r32{aspect-ratio:3/2}.ip .r43{aspect-ratio:4/3}.ip .r1610{aspect-ratio:16/10}
.ip .cap{margin-top:14px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.ip .cap b{font:500 17px/1.3 ID,sans-serif;letter-spacing:-.01em;color:#fff}
.ip .cap span{font:400 15px/1.4 IN,sans-serif;color:var(--t3)}
.ip .cap a{font:500 15px/1.4 IN,sans-serif;color:var(--gold)}
.ip .ai{margin:8px 0 0;font:400 13.5px/1.45 IN,sans-serif;color:rgba(255,255,255,.55)}
.ip .duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ip .duo.wide{gap:36px}
.ip .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ip .trio.wide,.ip .quad.wide{gap:36px}
.ip .quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ip .q4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ip .tag{position:absolute;left:16px;top:16px;z-index:2;padding:7px 12px;border-radius:99px;background:rgba(10,10,10,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 13px/1 IN,sans-serif;color:#fff;border:1px solid rgba(255,255,255,.2)}
.ip .tag.g{background:var(--gold);color:#0a0a0a;border-color:var(--gold)}

/* before and after: the after full, the phone photo inset where the product isn't */
.ip .bae{position:relative}
.ip .bae .after{aspect-ratio:2560/1920;background:#0d0c0e}
.ip .bae .after img{object-fit:contain}
.ip .bae .after .tag{left:auto;right:16px}
.ip .bae .before{position:absolute;left:28px;top:28px;width:34%;aspect-ratio:4/3;box-shadow:0 24px 60px rgba(0,0,0,.6);border-radius:14px}
.ip .bae .before:after{border-radius:14px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}

/* a picture we still need: labelled with what it should be */
.ip .ph{position:relative;border-radius:20px;border:1.5px dashed rgba(214,182,124,.6);background:repeating-linear-gradient(135deg,rgba(214,182,124,.035) 0 14px,transparent 14px 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}
.ip .ph small{font:600 12px/1 IN,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.ip .ph b{font:500 22px/1.3 ID,sans-serif;letter-spacing:-.015em;max-width:24em}
.ip .ph span{margin-top:10px;font:400 15px/1.5 IN,sans-serif;color:var(--t3);max-width:34em}

/* alternating rows: the work on one side, a few lines on the other */
.ip .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 48px;align-items:center;margin-top:170px}
.ip .row .md{grid-column:1 / span 7}.ip .row .tx{grid-column:9 / span 4}
.ip .row.flip .md{grid-column:6 / span 7;grid-row:1}.ip .row.flip .tx{grid-column:1 / span 4;grid-row:1}
.ip .row.pt .md{grid-column:1 / span 5}.ip .row.pt .tx{grid-column:7 / span 5}
.ip .row.pt.flip .md{grid-column:8 / span 5}.ip .row.pt.flip .tx{grid-column:1 / span 5}
.ip .tx p{margin:22px 0 0;font:400 18px/1.65 IN,sans-serif;color:var(--t2)}
.ip .list{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--ln)}
.ip .list li{padding:15px 0;border-bottom:1px solid var(--ln)}
.ip .list b{display:block;font:500 17.5px/1.3 IN,sans-serif;color:#fff}
.ip .list span{display:block;margin-top:4px;font:400 15.5px/1.5 IN,sans-serif;color:var(--t3)}
.ip .more{display:inline-block;margin-top:24px;font:500 16px/1 IN,sans-serif;color:var(--gold);border-bottom:1px solid rgba(214,182,124,.4);padding-bottom:5px}
.ip .fn{margin:18px 0 0;font:400 13.5px/1.5 IN,sans-serif;color:rgba(255,255,255,.55)}
.ip .fn a{color:var(--gold)}

/* full-width blocks */
.ip .blk{margin-top:170px}
.ip .hd2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 48px;align-items:end;margin-bottom:48px}
.ip .hd2 h2{grid-column:1 / span 6}.ip .hd2 p{grid-column:8 / span 5;margin:0;font:400 18px/1.6 IN,sans-serif;color:var(--t2)}
.ip .hd2 h2:has(~p+p){grid-row:1 / span 2;align-self:start}.ip .hd2 p+p{margin-top:16px}
/* title on top, text under it (like the .tx text blocks) */
.ip .hd2.stk{display:block}.ip .hd2.stk h2{margin:0 0 28px}.ip .hd2.stk p{max-width:1000px}.ip .hd2.stk p+p{margin-top:18px}

/* steps: a real sequence, thin top rules, no boxes */
.ip .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.ip .steps>div{border-top:1px solid rgba(214,182,124,.45);padding-top:22px}
.ip .steps i{font:500 14px/1 IN,sans-serif;font-style:normal;color:var(--gold)}
.ip .steps b{display:block;margin-top:14px;font:500 22px/1.25 ID,sans-serif;letter-spacing:-.015em}
.ip .steps span{display:block;margin-top:10px;font:400 16px/1.55 IN,sans-serif;color:var(--t3)}

/* side by side comparison */
.ip .vs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ip .vs.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ip .vs>div{border-radius:20px;padding:40px 44px}
.ip .vs .a{background:#121212;border:1px solid var(--ln)}
.ip .vs .b{background:linear-gradient(160deg,rgba(214,182,124,.14),rgba(214,182,124,.03));border:1px solid rgba(214,182,124,.4)}
.ip .vs h3{margin:0 0 22px;font:500 26px/1.2 ID,sans-serif;letter-spacing:-.02em;color:#fff}
.ip .vs ul{margin:0;padding:0;list-style:none}
.ip .vs li{position:relative;padding:12px 0 12px 36px;border-top:1px solid var(--ln);font:400 17px/1.5 IN,sans-serif;color:var(--t2)}
.ip .vs li:before{position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 IN,sans-serif;box-sizing:border-box}
.ip .vs .a li:before{content:"×";border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.7)}
.ip .vs .b li:before{content:"✓";background:var(--gold);color:#0a0a0a}
.ip .vs .b li{color:#fff}
.ip .vs .okk li:before{content:"✓";background:none;border:1px solid var(--gold);color:var(--gold)}
.ip .vs .plain li{padding-left:0}.ip .vs .plain li:before{display:none}

/* plain cells, rules only */
.ip .inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ln)}
.ip .inc.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ip .inc>*{display:block;padding:22px 24px 22px 0;border-bottom:1px solid var(--ln)}
.ip .inc b{display:block;font:500 17.5px/1.3 IN,sans-serif;color:#fff}
.ip .inc span{display:block;margin-top:5px;font:400 15px/1.5 IN,sans-serif;color:var(--t3)}
.ip .inc a b:after{content:" →";color:var(--gold)}
.ip .inc a:hover b{color:var(--gold)}

/* package cards and the comparison table */
.ip .tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ip .tiers.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ip .tier{display:flex;flex-direction:column;border-radius:20px;background:#121212;border:1px solid var(--ln);overflow:hidden;scroll-margin-top:calc(var(--bar) + 24px)}
.ip .tier.hi{border-color:rgba(214,182,124,.55);background:linear-gradient(180deg,rgba(214,182,124,.1),#121212 40%)}
.ip .tier .fr{border-radius:0;aspect-ratio:16/10}
.ip .tier .bd{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}
.ip .tier h3{margin:0;font:500 32px/1.05 ID,sans-serif;letter-spacing:-.025em;color:#fff}
.ip .tier .who{margin:10px 0 0;font:400 16px/1.5 IN,sans-serif;color:var(--t2);min-height:48px}
.ip .tier .ex{margin:12px 0 0;font:500 14px/1.4 IN,sans-serif;color:var(--gold)}
.ip .tier ul{margin:22px 0 26px;padding:0;list-style:none;border-top:1px solid var(--ln)}
.ip .tier li{padding:11px 0;border-bottom:1px solid var(--ln);font:400 16px/1.45 IN,sans-serif;color:#fff}
.ip .tier .btn{margin-top:auto;height:50px;width:100%}
.ip .tier li.no{color:rgba(255,255,255,.45)}
.ip .vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.ip .tw{overflow-x:auto}
.ip .cmp{width:100%;border-collapse:collapse;font:400 16px/1.4 IN,sans-serif;color:#fff}
.ip .cmp th,.ip .cmp td{padding:15px 18px;border-bottom:1px solid var(--ln);text-align:center;vertical-align:middle}
.ip .cmp th:first-child,.ip .cmp td:first-child{text-align:left;padding-left:0;width:40%}
.ip .cmp thead th{font:500 22px/1.2 ID,sans-serif;letter-spacing:-.015em;border-bottom:1px solid rgba(214,182,124,.45);padding-top:20px;padding-bottom:18px}
.ip .cmp thead th:first-child{font:500 14px/1 IN,sans-serif;color:rgba(255,255,255,.5)}
.ip .cmp tr.grp td{padding-top:34px;font:500 14px/1 IN,sans-serif;color:rgba(255,255,255,.5);border-bottom:none;text-align:left}
.ip .cmp .y{color:var(--gold);font-size:19px}
.ip .cmp .n{color:rgba(255,255,255,.4);font-size:18px}
.ip .cmp .hi{background:rgba(214,182,124,.045)}

/* questions: heading left, answers right */
.ip .qa{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 48px;margin-top:170px}
.ip .qa .l{grid-column:1 / span 4}.ip .qa .r{grid-column:6 / span 7}
.ip .qa .l p{margin:20px 0 0;font:400 18px/1.6 IN,sans-serif;color:var(--t2)}
.ip .faq{border-top:1px solid var(--ln)}
.ip .faq details{border-bottom:1px solid var(--ln)}
.ip .faq summary{list-style:none;cursor:pointer;position:relative;padding:24px 48px 24px 0;font:500 21px/1.35 ID,sans-serif;letter-spacing:-.012em;color:#fff}
.ip .faq summary::-webkit-details-marker{display:none}
.ip .faq summary:after{content:"+";position:absolute;right:6px;top:20px;font:300 28px/1 IN,sans-serif;color:var(--gold)}
.ip .faq details[open] summary:after{content:"–"}
.ip .faq .a{padding:0 48px 24px 0}
.ip .faq .a p{margin:0 0 12px;font:400 17px/1.6 IN,sans-serif;color:var(--t2)}
.ip .faq .a p:last-child{margin-bottom:0}
.ip .faq .a a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(214,182,124,.4);text-underline-offset:3px}
.ip .faq .a .ast{font-size:14px;color:rgba(255,255,255,.5)}

/* contact */
.ip .ct{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 48px;align-items:start}
.ip .ct .l{grid-column:1 / span 5}.ip .ct .r{grid-column:7 / span 6}
.ip .dl{margin:40px 0 0;border-top:1px solid var(--ln)}
.ip .dl div{display:grid;grid-template-columns:150px 1fr;padding:16px 0;border-bottom:1px solid var(--ln);font:400 17px/1.5 IN,sans-serif}
.ip .dl dt{color:rgba(255,255,255,.5);font-size:15px;padding-top:2px}.ip .dl dd{margin:0;color:#fff}
.ip .dl a{color:#fff;border-bottom:1px solid rgba(214,182,124,.5)}
.ip .me{margin-top:44px;display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start;scroll-margin-top:calc(var(--bar) + 24px)}
.ip .me .fr{aspect-ratio:4/5}
.ip .me b{display:block;font:500 26px/1.1 ID,sans-serif;letter-spacing:-.02em}
.ip .me small{display:block;margin-top:6px;font:400 15px/1 IN,sans-serif;color:rgba(255,255,255,.55)}
.ip .me p{margin:16px 0 0;font:400 17px/1.6 IN,sans-serif;color:var(--t2)}
.ip .qf.cf{border-radius:22px;padding:44px}
.ip .qf.cf h2{font-size:30px;line-height:1.1;letter-spacing:-.02em}
.ip .qf.cf .fh{margin:10px 0 28px;font:400 16px/1.5 IN,sans-serif;color:var(--t3)}
.ip .qf.cf .fh a{color:var(--gold)}
.ip .qf.cf .fe{margin:9px 0 0;font:500 14px/1.4 IN,sans-serif;color:#f2a99e}
.ip .qf.cf .note{margin:0 0 22px;font:400 13.5px/1.55 IN,sans-serif;color:rgba(255,255,255,.55)}
.ip .qf.cf .note a{color:var(--gold)}
.ip .qf.cf .qnav{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--ln)}
.ip .qf.cf .qmsg{margin:0 0 18px;font:500 15px/1.5 IN,sans-serif}

/* legal pages: contents on the left, the document beside it (the document keeps its own .cp.lg styles from content.css) */
main.lgl{display:block;min-height:0;padding:calc(var(--bar) + 96px) var(--pad) 0}
.lgl .lg2{display:grid;grid-template-columns:260px minmax(0,800px);gap:0 96px;justify-content:center}
.lgl .toc{position:sticky;top:calc(var(--bar) + 40px);align-self:start;max-height:calc(100vh - var(--bar) - 60px);overflow:auto;padding:4px 0}
.lgl .toc b{display:block;margin:0 0 14px;font:500 14px/1 IN,sans-serif;color:rgba(255,255,255,.5)}
.lgl .toc a{display:block;padding:7px 0 7px 14px;border-left:1px solid var(--ln);font:400 15.5px/1.35 IN,sans-serif;color:rgba(255,255,255,.62);transition:color .2s,border-color .2s}
.lgl .toc a:hover{color:#fff}.lgl .toc a.on{color:#fff;border-left-color:var(--gold)}
.lgl .toc a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.lgl .doc h1{font:500 48px/1.06 ID,sans-serif;letter-spacing:-.028em;max-width:none}
.lgl .doc h1 .gr{color:rgba(255,255,255,.45)}
.lgl .doc section{scroll-margin-top:calc(var(--bar) + 24px)}
.lgl .doc p{max-width:none}
.ip mark.tbd{background:none;color:var(--gold);border:1px dashed rgba(214,182,124,.6);padding:0 5px;border-radius:4px;font-size:.9em}

/* ---------- the ending and footer (2026-11-11): the homepage's "Let's get started!", then the big T and three columns, as on the homepage ---------- */
.endsec{position:relative;z-index:1;margin-top:80px;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 24px 28px;color:#fff;font-family:IN,sans-serif}
.endsec .endc{width:100%;position:relative;z-index:1}
.endsec .endblk{position:absolute;left:10px;right:10px;top:92px;bottom:10px;border-radius:14px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.034) 0%,rgba(255,255,255,.01) 45%,rgba(255,255,255,.007) 65%,rgba(255,255,255,.022) 100%)}
.endsec .endblk:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,transparent 20%,rgba(255,255,255,.03) 27%,rgba(255,255,255,.009) 33%,transparent 39%,transparent 66%,rgba(255,255,255,.017) 72%,transparent 78%)}
.endsec .endt{margin:0 0 calc(var(--s,1)*44px);font:500 calc(var(--s,1)*48px)/1.08 ID,sans-serif;letter-spacing:-.025em;color:#fff}
.endsec .endt em{font-style:normal;color:var(--gold)}
.endsec .endo{display:grid;grid-template-columns:repeat(2,calc(var(--s,1)*360px));justify-content:center;column-gap:calc(var(--s,1)*56px)}
.endsec .endop{display:grid;grid-template-rows:1fr auto;row-gap:calc(var(--s,1)*22px);justify-items:center}
.endsec .endl{align-self:end;margin:0;font:500 calc(var(--s,1)*20px)/1.4 IN,sans-serif;color:rgba(255,255,255,.66)}
.endsec .endb{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:calc(var(--s,1)*236px);height:calc(var(--s,1)*56px);padding:0 calc(var(--s,1)*30px);border-radius:99px;font:600 calc(var(--s,1)*17px)/1 IN,sans-serif;text-decoration:none;transition:background .25s,border-color .25s,color .25s}
.endsec .endb.ghost{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(10,10,10,.55)}
.endsec .endb.ghost:hover{border-color:var(--gold);color:var(--gold)}
.endsec .endb.gold{color:#0a0a0a;background:var(--gold);border:1px solid var(--gold)}
.endsec .endb.gold:hover{background:#e3c792;border-color:#e3c792}
.endsec .endb:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ft{position:relative;z-index:1;overflow:hidden;padding-bottom:40px;color:#fff;font-family:IN,sans-serif}
.ft a{color:inherit;text-decoration:none}
.ft .fmark{position:absolute;left:-151px;bottom:-183px;width:680px;height:680px;display:block;line-height:0;z-index:0}
.ft .fmark img{width:100%;height:100%;display:block}
.ft .cols{position:relative;z-index:1;margin-left:calc(var(--pad) + clamp(400px,36vw,700px));padding:72px var(--pad) 0 0;display:grid;grid-template-columns:1.1fr .95fr .8fr 1.25fr;gap:0 clamp(28px,2.9vw,56px)}
.ft .where p{margin:0 0 6px;font:500 20px/1.3 ID,sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.88)}
.ft .where p.g{font:400 15px/1.45 IN,sans-serif;letter-spacing:0;color:rgba(255,255,255,.55)}
.ft .where .em{display:inline-block;margin-top:12px;font:500 15px/1.4 IN,sans-serif;color:#fff;border-bottom:1px solid rgba(214,182,124,.5);overflow-wrap:anywhere}
.ft .where .em:hover{color:var(--gold)}
.ft .where .soc{margin-top:22px}
.ft .where .soc a{width:42px;height:42px}.ft .where .soc svg{width:18px;height:18px}
.ft .fh{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14);font:600 11px/1 IN,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.ft .fc a{display:block;width:max-content;padding:5px 0;font:500 20px/1.2 ID,sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.88);transition:color .2s}
.ft .fc a:hover{color:var(--gold)}
.ft .base{position:relative;z-index:1;margin:72px var(--pad) 0 calc(var(--pad) + clamp(400px,36vw,700px));padding:24px 96px 0 0;border-top:1px solid var(--ln);display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;font:400 14px/1.4 IN,sans-serif;color:rgba(255,255,255,.5)}
.ft .base>span{margin-right:auto}
/* 2026-11-12: Privacy and Terms sit 96px in from the right so the Ask Jessica button (fixed bottom-right on desktop) never covers them */
.ft .base a:hover{color:var(--gold)}
.ft .soc{display:flex;gap:10px}
.ft .soc a{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;color:rgba(255,255,255,.8)}
.ft .soc a:hover{border-color:var(--gold);color:var(--gold)}
.ft .soc svg{width:16px;height:16px}
/* (Nov 15, 2026) the social accounts aren't made yet: the icons stay, not clickable, with a "Coming soon" pill (Tyler) */
.ft .soc{align-items:center}.ft .soc a[aria-disabled]{cursor:default}.ft .soc a[aria-disabled]:hover{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.8)}
.ft .soc .soon{font:500 12px/1 IN,sans-serif;letter-spacing:.02em;color:var(--gold);border:1px solid rgba(214,182,124,.45);background:rgba(214,182,124,.08);border-radius:99px;padding:7px 12px;white-space:nowrap}
.ft a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- phone ---------- */
@media (max-width:820px){
  :root{--pad:24px;--bar:60px}
  main.ip{padding-top:calc(var(--bar) + 36px);font-size:16.5px}
  .ip .hero,.ip .row,.ip .qa,.ip .ct,.ip .hd2{display:block}
  .ip h1{font-size:31px;line-height:1.1}
  .ip .lead{font-size:16.5px;margin-top:18px}
  .ip .btns{margin-top:24px;gap:10px}.ip .btn{height:50px;padding:0 22px;font-size:15.5px;flex:1}
  .ip .tier .btn{flex:none;box-sizing:border-box}
  .ip .hero .md{margin-top:30px}
  .ip .row{margin-top:96px}.ip .row .tx{margin-top:28px}
  .ip h2{font-size:27px}
  .ip .tx p{font-size:16.5px}
  .ip .blk,.ip .qa{margin-top:96px}.ip .hd2{margin-bottom:28px}.ip .hd2 p{margin-top:14px;font-size:16.5px}
  .ip .duo,.ip .trio,.ip .quad,.ip .vs,.ip .vs.t3,.ip .tiers,.ip .tiers.t3{grid-template-columns:1fr;gap:18px}
  .ip .q4{grid-template-columns:1fr 1fr;gap:16px}
  .ip .steps{grid-template-columns:1fr;gap:22px}
  .ip .inc,.ip .inc.c3{grid-template-columns:1fr 1fr}.ip .inc>*{padding-right:14px}
  .ip .vs>div{padding:28px 24px}
  .ip .qa .r{margin-top:28px}.ip .faq summary{font-size:18px;padding:20px 40px 20px 0}.ip .faq summary:after{top:16px}.ip .faq .a{padding-right:0}
  .ip .tag{font-size:11.5px;padding:6px 9px;left:10px;top:10px}.ip .bae .after .tag{right:10px}
  .ip .bae .before{left:12px;top:12px;width:40%;border-radius:10px}
  .ip .me{grid-template-columns:120px 1fr;gap:18px}
  .ip .ct .r{margin-top:44px}.ip .qf.cf{padding:26px 22px}
  .ip .dl div{grid-template-columns:110px 1fr}
  .ip .cmp{font-size:14px}.ip .cmp th,.ip .cmp td{padding:12px 6px}.ip .cmp thead th{font-size:16px}.ip .cmp th:first-child,.ip .cmp td:first-child{width:46%}
  main.lgl{padding-top:calc(var(--bar) + 36px)}.lgl .lg2{display:block}.lgl .toc{display:none}.lgl .doc h1{font-size:31px;line-height:1.1}
  .endsec{margin-top:40px}.endsec .endt{font-size:calc(var(--s,1)*30px);margin-bottom:28px}
  .endsec .endo{grid-template-columns:1fr;row-gap:34px;max-width:342px;margin:0 auto}.endsec .endop{row-gap:14px;justify-items:stretch}
  .endsec .endl{font-size:16px}.endsec .endb{width:100%;min-width:0;height:52px;font-size:16px}
  .ft{padding-bottom:300px}.ft .fmark{width:360px;height:360px;left:-79px;bottom:-96px}
  .ft .cols{margin-left:0;padding:56px var(--pad) 0;grid-template-columns:1fr 1fr;gap:40px 24px}.ft .fc[aria-label="Services"],.ft .where{grid-column:1 / -1}
  .ft .base{margin:48px var(--pad) 0;padding-right:0}
}
.ip .qf.cf{background:#121212;border:1px solid var(--ln)}
.ip .qf.cf .qmsg{padding:14px 16px;border:1px solid rgba(242,169,158,.5);border-radius:10px;background:rgba(242,169,158,.08);color:#f6c6bf}
.ip .tick a{color:var(--gold)}

/* additions for the live pages */
.skip{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;border-radius:10px;background:var(--gold);color:#0a0a0a;font:600 15px/1 IN,sans-serif;text-decoration:none}
.skip:focus{top:16px}
.ip .fr.wb{background:#fff}.ip .fr.wb video,.ip .fr.wb img{object-fit:contain}
.ip .fr.cn{background:#0a0a0a}.ip .fr.cn img{object-fit:contain}
.ip .inc details summary{list-style:none;cursor:pointer}
.ip .inc details summary::-webkit-details-marker{display:none}
.ip .inc details summary b:after{content:" +";color:var(--gold)}
.ip .inc details[open] summary b:after{content:" \2013"}
.ip .inc details summary:hover b{color:var(--gold)}
.ip .inc details summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ip .inc details p{margin:12px 0 0;font:400 15px/1.55 IN,sans-serif;color:var(--t2)}
.ip .inc details p.ast{font-size:13.5px;color:rgba(255,255,255,.5)}
.ip .inc details a.see{display:inline-block;margin-top:14px;font:500 15px/1.4 IN,sans-serif;color:var(--gold)}
.ip .inc details a.see:after{content:" \2192"}
.ip .inc details a.see:hover{text-decoration:underline;text-decoration-color:rgba(214,182,124,.5);text-underline-offset:3px}
@media (max-width:820px){.ip .inc.dd{grid-template-columns:1fr}}
.ip .lk{all:unset;cursor:pointer;color:var(--gold);border-bottom:1px solid rgba(214,182,124,.45)}
.ip .lk:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ip .tier .ex a{color:var(--gold)}.ip .tier .ex a:hover{text-decoration:underline;text-underline-offset:3px}
.ip .cap a:hover,.ip .more:hover{border-bottom-color:var(--gold)}
.ft .soc a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* rise in as each part reaches the screen (content.js adds .in) */
.ip [data-r]{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.ip [data-r].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ip [data-r]{opacity:1;transform:none;transition:none}}
@media (max-width:820px){.ip .tag .xs{display:none}}
/* site previews (2026-11-11): the whole site at desktop width, top to bottom, gliding down by itself; click opens it */
.ip .site.rec{aspect-ratio:1440/900;max-height:none}
.ip .site.rec video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ip .site{display:block;position:relative;overflow:hidden;border-radius:20px;background:#fff;aspect-ratio:4/5;max-height:calc(100vh - var(--bar) - 170px);width:100%;isolation:isolate;cursor:pointer}
.ip .site.w{aspect-ratio:16/10}
.ip .site:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:none}
.ip .site img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;will-change:transform;backface-visibility:hidden}
.ip .site .go{position:absolute;right:14px;bottom:14px;z-index:2;padding:9px 14px;border-radius:99px;background:rgba(10,10,10,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);font:500 13.5px/1 IN,sans-serif;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.ip .site:hover .go,.ip .site:focus-visible .go{opacity:1;transform:none}
.ip .site:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* the watch configurator, live on the page */
.ip .live{position:relative;border-radius:20px;overflow:hidden;background:#fafafa;aspect-ratio:16/10;container-type:inline-size}
.ip .live:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:none}
.ip .live iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(calc(100cqw / 1440px))}
.ip .live .still{display:none}
@media (max-width:820px){.ip .site{max-height:calc(100svh - var(--bar) - 120px)}.ip .live iframe{display:none}.ip .live .still{display:block;width:100%;height:100%;object-fit:cover}}
.ip .live .try{all:unset;position:absolute;inset:0;z-index:2;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px}
.ip .live .try:before{content:"Try it here";padding:11px 18px;border-radius:99px;background:rgba(10,10,10,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);font:500 14.5px/1 IN,sans-serif;color:#fff;transition:opacity .25s}
.ip .live.on .try{display:none}
.ip .live .try:focus-visible:before{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:820px){.ip .live .try{pointer-events:none}.ip .live .try:before{content:"Open it on a computer to try it"}}
/* films: the cover and play button (2026-11-11) */
.ip .fr .pb{all:unset;position:absolute;inset:0;z-index:2;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.18));transition:opacity .3s}
.ip .fr .pb i{width:78px;height:78px;border-radius:50%;background:rgba(12,12,12,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.85);box-shadow:0 10px 30px rgba(0,0,0,.35);display:grid;place-items:center;transition:background .25s,border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.ip .fr .pb i:before{content:"";width:0;height:0;margin-left:5px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.ip .fr .pb:hover i,.ip .fr .pb:focus-visible i{background:rgba(214,182,124,.92);border-color:#d6b67c;transform:scale(1.06)}
.ip .fr .pb:hover i:before,.ip .fr .pb:focus-visible i:before{border-left-color:#0a0a0a}
.ip .fr .pb:focus-visible{outline:2px solid var(--gold);outline-offset:-4px;border-radius:inherit}
.ip .fr.on .pb{opacity:0;pointer-events:none}
@media (max-width:820px){.ip .fr .pb i{width:62px;height:62px}.ip .fr .pb i:before{border-width:10px 0 10px 16px;margin-left:4px}}