@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--black:#080808;--panel:#141414;--panel2:#1b1b1b;--gold:#e8b94f;--gold2:#ffd779;--white:#f7f7f7;--muted:#a9a9a9;--line:rgba(232,185,79,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background-color:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.65;background-image:radial-gradient(circle at 15% 20%,rgba(232,185,79,.07),transparent 28%),radial-gradient(circle at 90% 50%,rgba(232,185,79,.045),transparent 30%),linear-gradient(30deg,transparent 49.5%,rgba(232,185,79,.045) 50%,transparent 50.5%);background-size:auto,auto,72px 124px}
a{color:inherit;text-decoration:none}.gold{color:var(--gold)}.muted{color:var(--muted)}.section-wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.site-header{height:82px;padding:0 max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);background:rgba(8,8,8,.93);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px;min-width:245px}.brand-mark{font-size:37px;color:var(--gold);line-height:1;text-shadow:0 0 18px #e8b94f66}.brand strong{font-size:17px;letter-spacing:-.7px;display:block;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:1.45px;color:#aaa;font-weight:700}.nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav a{font-size:12px;color:#c6c6c6;font-weight:600;transition:.2s}.nav a:hover,.nav a.active{color:var(--gold)}.header-cta{border:1px solid var(--gold);border-radius:7px;padding:9px 14px;color:var(--gold);font-size:11px;font-weight:700;white-space:nowrap}.header-cta span{margin-left:8px}.menu-toggle{display:none;background:none;color:var(--gold);border:1px solid var(--line);border-radius:6px;padding:7px 10px}
.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-block:80px 65px}.eyebrow{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:2.1px;margin-bottom:17px}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);margin-right:9px;animation:pulse 2s infinite}.hero h1{font-size:clamp(43px,5.2vw,68px);line-height:1.08;letter-spacing:-3.8px;margin:0 0 22px;font-weight:900}.hero-lead{font-size:20px;line-height:1.45;font-weight:600;max-width:540px}.hero-copy>.muted{font-size:14px;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:18px;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:linear-gradient(110deg,#dca83d,#ffdc80);color:#17120a;box-shadow:0 5px 25px #e8b94f25;animation:goldglow 3.5s infinite}.btn-outline{border:1px solid #80652d;color:#f2d18b;background:#15120c}.hero-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:34px;color:#aaa;font-size:10px;font-weight:700;letter-spacing:.5px}.hero-meta i{width:3px;height:3px;background:var(--gold);border-radius:50%}
.hero-visual{min-height:370px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid #d9a83d30;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:250px}.orbit-two{width:310px;height:340px;transform:rotate(48deg)}.code-window{position:relative;width:min(390px,90%);border:1px solid #b58a36;border-radius:13px;background:linear-gradient(145deg,#202020,#0c0c0c);box-shadow:0 22px 70px #000,0 0 35px #e8b94f12;overflow:hidden;transform:rotate(-3deg);animation:float 6s ease-in-out infinite}.window-top{height:43px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:6px;padding:0 15px;color:#9a9a9a;font-size:8px;letter-spacing:1.4px}.window-top span{width:7px;height:7px;border-radius:50%;background:#8c6b2d}.window-top b{margin-left:auto;font-size:8px}.code-body{padding:25px 28px 27px}.code-row{display:flex;align-items:center;gap:18px;font-family:monospace;font-size:25px;font-weight:800;padding:9px 0}.code-row em{font-size:10px;color:#666;font-style:normal}.code-purple{color:#c5a3e8}.code-arrow{color:#777}.code-gold{color:var(--gold)}.code-divider{height:1px;background:#ffffff15;margin:16px 0}.code-body p{font-size:12px;color:#aaa}.fake-line{height:6px;background:linear-gradient(90deg,#a47d33,#44351d);border-radius:10px;margin:10px 0;opacity:.7}.w80{width:80%}.w60{width:60%}.w72{width:72%}.status{margin-top:24px;font-size:9px;color:#b8b8b8;letter-spacing:1px}.float-tag{position:absolute;background:#171717;border:1px solid var(--line);border-radius:9px;padding:10px 15px;color:var(--gold);font-weight:900;box-shadow:0 10px 30px #000;font-size:14px}.float-tag small{display:block;color:#aaa;font-size:8px;letter-spacing:1px}.tag-a{top:54px;right:8px}.tag-b{bottom:42px;left:5px}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.7fr;border:1px solid var(--line);border-radius:10px;background:#121212;padding:21px 28px;gap:20px}.trust-strip>div:not(.strip-note){display:flex;align-items:center;gap:12px;border-right:1px solid #ffffff14}.trust-strip strong{font-size:26px;color:var(--gold)}.trust-strip span{font-size:11px;color:#aaa}.strip-note{font-size:11px;color:#aaa;align-self:center;text-align:right}
.section{padding-block:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2,h2{font-size:clamp(29px,3.5vw,42px);line-height:1.2;letter-spacing:-1.8px;margin:0 0 12px}.section-heading p{font-size:13px;margin:0;max-width:650px}.filter-group{display:flex;gap:6px;flex-shrink:0}.filter{background:#151515;border:1px solid #34302a;color:#aaa;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{border-color:var(--gold);color:var(--gold);background:#241d10}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.provider-card{background:linear-gradient(145deg,#1a1a1a,#101010);border:1px solid #34302a;border-radius:11px;padding:22px;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;animation:cardin .65s both}.provider-card:hover{transform:translateY(-6px);border-color:#b58a36;box-shadow:0 16px 40px #0008,0 0 22px #e8b94f0d}.provider-card.featured{border-color:#a47d33;background:linear-gradient(145deg,#211b10,#111)}.card-top{display:flex;align-items:center;gap:9px}.rank{font-size:12px;color:var(--gold);font-weight:900}.provider-label{font-size:8px;letter-spacing:1.3px;color:#888;font-weight:800}.external{margin-left:auto;color:#8d713c}.provider-icon{width:47px;height:47px;border:1px solid #9b762f;border-radius:12px;display:grid;place-items:center;color:var(--gold);font-size:24px;margin:24px 0 16px;background:#211b10}.provider-card h3{font-size:17px;line-height:1.35;margin:0 0 4px}.domain{color:var(--gold);font-size:10px;font-weight:700;margin:0 0 13px}.card-desc{font-size:11px;line-height:1.75;color:#aaa;min-height:78px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 20px}.chips span{font-size:8px;font-weight:700;color:#d7c08d;border:1px solid #5e4b28;background:#211b10;padding:5px 8px;border-radius:4px}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15;padding-top:15px;color:var(--gold);font-size:11px;font-weight:800}.card-link b{font-size:16px}.directory-note{font-size:10px;color:#999;display:flex;gap:9px;align-items:flex-start;margin-top:20px}.directory-note span{color:var(--gold);font-size:15px}
.compare-section{background:linear-gradient(180deg,#111,#0b0b0b);border-block:1px solid #ffffff0c;padding-block:90px}.table-shell{overflow-x:auto;border:1px solid #393126;border-radius:10px;background:#121212}table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}th{font-size:9px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;background:#211b10}td,th{padding:17px 20px;border-bottom:1px solid #ffffff12}td{font-size:11px;color:#ccc}td b{color:#eee}.maybe{color:#e5c47c}.unknown{color:#777}.table-shell a{color:var(--gold);font-weight:700}.table-caption{font-size:9px;color:#777;margin-top:12px}
.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.format-card{padding:27px;border:1px solid #514125;border-radius:10px;background:linear-gradient(135deg,#1a1a1a,#101010);position:relative;overflow:hidden}.format-badge{display:inline-block;color:var(--gold);border:1px solid #8e6c2d;padding:5px 9px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:1px}.format-card h3{font-size:26px;margin:17px 0 8px}.format-card p{font-size:12px;color:#aaa;max-width:470px}.format-foot{display:block;margin-top:20px;font-size:9px;color:var(--gold);letter-spacing:1px;font-weight:800}.notice{margin-top:20px;border-left:3px solid var(--gold);background:#19150e;padding:17px 20px;color:#bdb5a4;font-size:11px}.notice b{color:var(--gold)}
.faq-section{background:#101010;border-block:1px solid #ffffff0b;padding-block:90px}.faq-list{margin-top:30px;border-top:1px solid #ffffff1a}.faq-list details{border-bottom:1px solid #ffffff1a;padding:19px 4px}.faq-list summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";color:var(--gold);font-size:19px;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:11px;color:#aaa;max-width:850px;margin:13px 0 2px}
.closing{padding-block:65px;display:flex;justify-content:space-between;align-items:center;gap:30px}.closing h2{max-width:700px}.closing p{font-size:12px;color:#aaa}.footer{background:#080808;border-top:1px solid var(--line);padding:40px max(22px,calc((100vw - 1160px)/2)) 20px;display:grid;grid-template-columns:1fr auto;gap:25px}.footer-brand p{font-size:10px;color:#888;max-width:390px}.footer-links{display:flex;gap:22px;align-items:center}.footer-links a{font-size:10px;color:#aaa}.footer-links a:hover{color:var(--gold)}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:16px;display:flex;justify-content:space-between;color:#666;font-size:9px}
@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px var(--gold)}}@keyframes goldglow{50%{box-shadow:0 5px 32px #e8b94f40}}@keyframes float{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes cardin{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.site-header{gap:12px}.nav{gap:13px}.nav a{font-size:10px}.header-cta{display:none}.brand{min-width:220px}.hero{gap:10px}.cards{grid-template-columns:repeat(2,1fr)}.provider-card:last-child{grid-column:auto}.section-heading{align-items:start;flex-direction:column}.filter-group{flex-wrap:wrap}}
@media(max-width:680px){.site-header{height:70px;justify-content:space-between}.brand{min-width:0}.brand strong{font-size:15px}.brand small{font-size:7px}.brand-mark{font-size:31px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:69px;padding:18px 22px 22px;background:#0c0c0c;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.nav a{font-size:13px}.hero{grid-template-columns:1fr;padding-block:65px 40px}.hero h1{letter-spacing:-2.5px}.hero-visual{min-height:310px}.orbit-one{width:310px}.orbit-two{width:250px}.trust-strip{grid-template-columns:repeat(3,1fr);padding:17px;gap:10px}.trust-strip>div:not(.strip-note){display:block}.trust-strip strong{display:block;font-size:22px}.trust-strip span{font-size:9px}.strip-note{grid-column:1/-1;text-align:left;border-top:1px solid #ffffff15;padding-top:12px}.section{padding-block:70px}.cards{grid-template-columns:1fr}.provider-card{padding:20px}.card-desc{min-height:0}.format-grid{grid-template-columns:1fr}.closing{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-bottom{gap:9px;flex-direction:column}.filter-group{width:100%}.filter{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
