/* GINTENT · inner public pages and authentication. */

/* page heads */
.phd-a{padding:150px 0 40px}
.phd-a .wrap>.d2{margin:16px 0 18px;max-width:18ch}
.phd-strip{position:relative;margin-top:48px;aspect-ratio:21/7;overflow:hidden;border-radius:var(--r2)}
.phd-strip>.ph{position:absolute;inset:0}
.phd-b{position:relative;min-height:560px;display:flex;align-items:flex-end;padding:132px 0 64px;background:#000;color:#F6F1E4;--tx:#F6F1E4;--tx2:#CBC3B0;overflow:hidden}
.phd-b>.ph{position:absolute;inset:0;background:#000}
.phd-b>.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.92) 100%)}
.phd-b::before,.phd-b::after{content:"";position:absolute;left:0;right:0;height:56px;background:#000;z-index:2}
.phd-b::before{top:0}.phd-b::after{bottom:0;height:28px}
.phd-b-in{position:relative;z-index:3;display:flex;flex-direction:column;gap:16px}
.phd-b-in>.mono{font-size:11.5px;letter-spacing:.18em;color:var(--gold)}
.phd-b .d1{font-size:clamp(46px,7vw,110px);max-width:16ch}
.phd-c{position:relative;padding:140px 0 30px;overflow:hidden}
.phd-c .wrap{position:relative;display:flex;flex-direction:column;gap:16px}
.phd-c .small a{color:var(--tx2)}
.phd-c .d2{max-width:20ch}

/* in action */
.ia-tabs{display:flex;flex-wrap:wrap;gap:8px}
.ia-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;margin-top:36px;align-items:start}
.ia-idx{position:sticky;top:100px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}
.ia-idx a{display:flex;gap:12px;padding:9px 16px;color:var(--tx2);font-size:14px;margin-left:-1px;border-left:2px solid transparent}
.ia-idx a:hover{color:var(--tx);border-left-color:var(--gold)}
.ia-idx .mono{color:var(--tx3);font-size:12px}
.ia-body{display:flex;flex-direction:column;gap:64px;min-width:0}
.ia-ch{display:flex;flex-direction:column;gap:18px;scroll-margin-top:100px}
.ia-intent{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ia-intent div{padding:16px;border-radius:var(--r2);background:var(--s1);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.ia-intent b{font-weight:600;font-size:14.5px}
.ia-score{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;padding:26px;border-radius:var(--r3);background:var(--s1);border:1px solid var(--line)}
.ia-ver{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:26px;border-radius:var(--r3);background:var(--s1);border:1px solid var(--line)}
.ia-ver>div{display:flex;flex-direction:column;gap:4px}
.ia-ver b{font-size:54px;font-weight:500;line-height:1;color:var(--tx3)}
.ia-ver .on b{color:var(--gold)}
.ia-ver>.ic{color:var(--tx3)}
.ia-ver p{flex-basis:100%}
.ia-rep{padding:0}
@media (max-width:900px){.ia-grid{grid-template-columns:1fr}.ia-idx{display:none}.ia-score{grid-template-columns:1fr}}

/* methodology */
.mt-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:l}
.mt-l{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r3);background:var(--s1);border:1px solid var(--line);position:relative}
.mt-l:nth-child(4){border-color:var(--gold-line);background:var(--gold-soft)}
@media (max-width:1100px){.mt-layers{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mt-layers{grid-template-columns:1fr}}

/* pricing */
.pk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:var(--r3);background:var(--s1);border:1px solid var(--line)}
.pk .tag{position:absolute;top:18px;right:18px}
.pk.best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--shadow)}
.pk-n{display:flex;align-items:baseline;gap:8px}
.pk-n b{font-size:64px;font-weight:500;letter-spacing:-.04em;line-height:1}
.pk.best .pk-n b{color:var(--gold)}
.pk-l{display:flex;flex-direction:column;gap:9px;margin:8px 0 14px;font-size:14px;color:var(--tx2)}
.pk-l li{display:flex;gap:9px;align-items:center}.pk-l .ic{color:var(--gold)}
.pk .btn{margin-top:auto}
@media (max-width:900px){.pk-cards{grid-template-columns:1fr}}

/* about, faq, legal */
.about-img{position:relative;aspect-ratio:21/9;overflow:hidden;border-radius:var(--r3)}
.about-img>.ph{position:absolute;inset:0}
.about-cap{position:absolute;left:0;right:0;bottom:0;padding:40px;background:linear-gradient(180deg,transparent,rgba(8,9,11,.9));color:#F3F2EE}
.about-cap .d4{max-width:30ch}
.faq-nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.faq-nav a:not(.btn){padding:8px 0;color:var(--tx2);font-size:14px;cursor:pointer}
.faq-nav a.on{color:var(--tx);font-weight:600}
.faq-nav .btn{margin-top:14px}
@media (max-width:860px){.faq-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px}}
.lg-card{transition:border-color .2s}.lg-card:hover{border-color:var(--gold-line)}
.lg-doc{display:grid;grid-template-columns:240px minmax(0,720px);gap:56px}
.lg-toc{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:2px}
.lg-toc a{padding:8px 0;color:var(--tx2);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}
.lg-toc a.on{color:var(--gold);font-weight:600}
.lg-body{display:flex;flex-direction:column;gap:16px}
.lg-body h3{margin-top:18px}
@media (max-width:860px){.lg-doc{grid-template-columns:1fr}.lg-toc{position:static}}

/* ================= AUTH ================= */
.au{min-height:100vh}
.au-f{gap:16px}
.au-f .d3{margin-bottom:-6px}
.au-g{gap:12px}
.au-or{position:relative;text-align:center;font-size:12.5px;color:var(--tx3)}
.au-or::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.au-or span{position:relative;padding:0 12px;background:var(--bg)}
.au-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}
.tx{color:var(--tx)}
.au-a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.au-form{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:36px 56px}
.au-in{width:100%;max-width:400px;margin:0 auto}
.au-art{position:relative;overflow:hidden;background:#08090B;margin:14px;border-radius:var(--r3)}
.au-art>.ph{position:absolute;inset:0}
.au-art>.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,9,11,.9))}
.au-q{position:absolute;left:56px;right:56px;bottom:56px;z-index:3;display:flex;flex-direction:column;gap:14px;color:#F3F2EE}
.au-q .mono{font-size:11px;letter-spacing:.12em;color:var(--gold)}
@media (max-width:900px){.au-a{grid-template-columns:1fr}.au-art{display:none}.au-form{padding:24px 20px}}
/* sign in and sign up always fit one screen on desktop, no scrolling */
.au-f .field{gap:6px}
.au-f .inp{height:42px}
.au-f .btn.lg{height:48px}
@media (min-width:901px){.au-a{height:100vh;min-height:600px}.au-a .au-form{padding:28px 56px;gap:18px;overflow:auto}.au-a .au-in{margin:auto}}
@media (min-width:901px) and (max-height:820px){.au-f{gap:10px}.au-f .d3{font-size:30px}.au-f .inp{height:40px}.au-f .btn.lg{height:44px}.au-f .hint{display:none}.au-a .au-form{padding:20px 48px}}
.au-b{position:relative;display:grid;place-items:center;padding:80px 20px;overflow:hidden;background:#000}
.au-b .au-bg{position:absolute;inset:0}
.au-b .au-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.au-b::before,.au-b::after{content:"";position:absolute;left:0;right:0;height:9vh;background:#000;z-index:1}
.au-b::before{top:0}.au-b::after{bottom:0}
.au-card{position:relative;z-index:2;width:min(440px,100%);display:flex;flex-direction:column;gap:22px;padding:36px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line2)}
.au-card .au-or span{background:color-mix(in srgb,var(--bg) 96%,transparent)}
.au-c{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;overflow:hidden}
.au-c .au-form{position:relative}
.au-peek{padding:40px 40px 40px 0;opacity:.95}
.au-peek .ui-win{transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);transform-origin:left center}
@media (max-width:900px){.au-c{grid-template-columns:1fr}.au-peek{display:none}}
.faq-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}@media (max-width:860px){.faq-grid{grid-template-columns:1fr;gap:20px}}