/* ============================================================ Domain For Sale — landing page The theme is not hidden selector by selector; every direct child of except our own wrapper is hidden outright, so no leftover theme header or menu can show through. ============================================================ */ html, body { margin:0 !important; padding:0 !important; background:#F1EEE4 !important; overflow-x:hidden; } body > *:not(#hyd-page):not(#wpadminbar):not(script):not(style):not(link):not(noscript) { display:none !important; } #hyd-page { display:block !important; width:100% !important; } body.admin-bar #hyd-page { margin-top:32px; } @media screen and (max-width:782px){ body.admin-bar #hyd-page{ margin-top:46px; } } #hyd-page{ --paper:#F1EEE4; --card:#FBFAF4; --ink:#111C17; --ink-70:rgba(17,28,23,0.72); --ink-45:rgba(17,28,23,0.45); --engrave:#14614A; --engrave-lt:#3F8B70; --stamp:#8A2A1C; --rule:rgba(17,28,23,0.15); --rule-strong:rgba(17,28,23,0.32); --maxw:1080px; background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans', system-ui, sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; } #hyd-page *{ box-sizing:border-box; } #hyd-page h1, #hyd-page h2, #hyd-page h3{ font-family:'Bodoni Moda', Georgia, serif; color:var(--ink); margin:0; line-height:1.08; } #hyd-page p{ margin:0; } #hyd-page a{ color:inherit; } #hyd-page :focus-visible{ outline:2px solid var(--engrave); outline-offset:3px; } #hyd-page .hyd-wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; } #hyd-page .hyd-mono{ font-family:'IBM Plex Mono', ui-monospace, monospace; font-size:11.5px; letter-spacing:.13em; text-transform:uppercase; } /* ---------- top bar ---------- */ #hyd-page .hyd-bar{ border-bottom:1px solid var(--rule); background:rgba(251,250,244,0.6); } #hyd-page .hyd-bar-in{ display:flex; align-items:center; gap:16px; height:46px; color:var(--ink-45); } #hyd-page .hyd-bar-status{ color:var(--engrave); display:inline-flex; align-items:center; gap:7px; } #hyd-page .hyd-dot{ width:6px; height:6px; border-radius:50%; background:var(--engrave); display:inline-block; } #hyd-page .hyd-bar-link{ margin-left:auto; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--rule-strong); padding-bottom:2px; } #hyd-page .hyd-bar-link:hover{ color:var(--engrave); border-color:var(--engrave); } /* ---------- hero ---------- */ #hyd-page .hyd-hero{ position:relative; padding:clamp(46px,8vw,88px) 0 clamp(40px,6vw,70px); } #hyd-page .hyd-eyebrow{ color:var(--engrave); margin-bottom:clamp(20px,4vw,34px); } #hyd-page .hyd-name-block{ position:relative; padding:8px 0 4px; } #hyd-page .hyd-guilloche{ position:absolute; inset:-6% -4% -6% -4%; width:108%; height:112%; color:var(--engrave); opacity:.22; pointer-events:none; -webkit-mask-image:linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); mask-image:linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); } #hyd-page .hyd-domain{ position:relative; font-size:clamp(46px,12.5vw,150px); font-weight:600; letter-spacing:-0.035em; word-break:break-word; } #hyd-page .hyd-tld{ color:var(--engrave); font-weight:400; } #hyd-page .hyd-tagline{ max-width:34ch; margin-top:clamp(18px,3vw,28px); font-size:clamp(17px,2.1vw,21px); line-height:1.45; color:var(--ink-70); } #hyd-page .hyd-price-row{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:clamp(24px,5vw,64px); margin-top:clamp(30px,5vw,52px); padding-top:26px; border-top:1px solid var(--rule); } #hyd-page .hyd-price{ display:flex; flex-direction:column; gap:5px; flex:1 1 260px; min-width:240px; } #hyd-page .hyd-price-label{ color:var(--ink-45); } #hyd-page .hyd-price-figure{ font-family:'Bodoni Moda', Georgia, serif; font-size:clamp(30px,4.4vw,46px); line-height:1; color:var(--engrave); } #hyd-page .hyd-price-figure-sm{ font-size:clamp(26px,3.6vw,38px); } #hyd-page .hyd-price-note{ color:var(--ink-45); text-transform:none; letter-spacing:.02em; font-size:12px; max-width:40ch; } #hyd-page .hyd-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-left:auto; } /* ---------- buttons ---------- */ #hyd-page .hyd-btn{ display:inline-flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono', monospace; font-size:11.5px; letter-spacing:.13em; text-transform:uppercase; padding:14px 22px; border:1px solid var(--engrave); border-radius:2px; text-decoration:none; cursor:pointer; background:none; transition:background .18s ease, color .18s ease, transform .18s ease; } #hyd-page .hyd-btn-solid{ background:var(--engrave); color:var(--card); } #hyd-page .hyd-btn-solid:hover{ background:#0E4C3A; transform:translateY(-1px); } #hyd-page .hyd-btn-line{ color:var(--engrave); } #hyd-page .hyd-btn-line:hover{ background:var(--engrave); color:var(--card); } #hyd-page .hyd-btn-wide{ width:100%; margin-top:8px; } /* ---------- stamp ---------- */ #hyd-page .hyd-stamp{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:200px; padding:15px 12px; border:2px solid var(--stamp); box-shadow:inset 0 0 0 1px var(--stamp); color:var(--stamp); text-align:center; font-family:'IBM Plex Mono', monospace; text-transform:uppercase; opacity:.72; transform:rotate(-6deg); margin:34px 0 0; } #hyd-page .hyd-stamp-top{ font-size:10px; letter-spacing:.3em; } #hyd-page .hyd-stamp-mid{ font-family:'Bodoni Moda', Georgia, serif; font-size:24px; letter-spacing:.02em; line-height:1.1; } #hyd-page .hyd-stamp-bot{ font-size:8px; letter-spacing:.16em; white-space:nowrap; } @media (min-width:900px){ #hyd-page .hyd-hero .hyd-wrap{ position:relative; } #hyd-page .hyd-stamp{ position:absolute; right:24px; top:-6px; margin:0; } } /* ---------- section furniture ---------- */ #hyd-page .hyd-sec-label{ font-family:'IBM Plex Mono', monospace; font-weight:500; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--engrave); padding-bottom:12px; margin-bottom:clamp(22px,3.4vw,34px); border-bottom:1px solid var(--rule); } #hyd-page .hyd-registry, #hyd-page .hyd-why, #hyd-page .hyd-buyers, #hyd-page .hyd-inquire, #hyd-page .hyd-faq{ padding:clamp(44px,6.5vw,78px) 0; } #hyd-page .hyd-registry{ border-top:1px solid var(--rule); background:var(--card); } #hyd-page .hyd-inquire{ background:var(--card); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); } /* ---------- registry rows ---------- */ #hyd-page .hyd-rows{ margin:0; } #hyd-page .hyd-row{ display:grid; grid-template-columns:190px 1fr; gap:16px; padding:13px 0; border-bottom:1px solid var(--rule); } #hyd-page .hyd-row:last-child{ border-bottom:0; } #hyd-page .hyd-row dt{ font-family:'IBM Plex Mono', monospace; font-size:11.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-45); padding-top:2px; } #hyd-page .hyd-row dd{ margin:0; font-size:13.5px; letter-spacing:.01em; text-transform:none; color:var(--ink); } @media (max-width:640px){ #hyd-page .hyd-row{ grid-template-columns:1fr; gap:5px; } } /* ---------- why ---------- */ #hyd-page .hyd-why-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:clamp(24px,4vw,44px); } #hyd-page .hyd-why-item h3{ font-size:clamp(21px,2.5vw,26px); margin-bottom:9px; } #hyd-page .hyd-why-item p{ color:var(--ink-70); font-size:15px; } /* ---------- buyers ---------- */ #hyd-page .hyd-chips{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:9px; } #hyd-page .hyd-chips li{ font-family:'IBM Plex Mono', monospace; font-size:11.5px; letter-spacing:.08em; padding:9px 15px; border:1px solid var(--rule-strong); border-radius:999px; color:var(--ink-70); } /* ---------- inquiry ---------- */ #hyd-page .hyd-inquire-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,64px); align-items:start; } @media (max-width:820px){ #hyd-page .hyd-inquire-grid{ grid-template-columns:1fr; } } #hyd-page .hyd-inquire-copy h2{ font-size:clamp(30px,4.6vw,46px); margin-bottom:14px; } #hyd-page .hyd-inquire-copy p{ color:var(--ink-70); max-width:38ch; margin-bottom:16px; } #hyd-page .hyd-direct{ text-transform:none; letter-spacing:.02em; font-size:13px; color:var(--ink-45); } #hyd-page .hyd-direct a{ color:var(--engrave); } #hyd-page .hyd-form-card{ background:var(--paper); border:1px solid var(--rule-strong); padding:clamp(22px,3.4vw,32px); } #hyd-page .hyd-form label{ display:block; font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-45); margin:16px 0 6px; } #hyd-page .hyd-form label:first-of-type{ margin-top:0; } #hyd-page .hyd-opt{ text-transform:none; letter-spacing:.02em; opacity:.7; } #hyd-page .hyd-form input, #hyd-page .hyd-form textarea{ width:100%; padding:12px 13px; font-family:'IBM Plex Sans', sans-serif; font-size:15px; color:var(--ink); background:var(--card); border:1px solid var(--rule-strong); border-radius:2px; } #hyd-page .hyd-form input:focus, #hyd-page .hyd-form textarea:focus{ outline:none; border-color:var(--engrave); box-shadow:0 0 0 3px rgba(20,97,74,0.12); } #hyd-page .hyd-form textarea{ resize:vertical; } #hyd-page .hyd-hp{ position:absolute; left:-9999px; } #hyd-page .hyd-fineprint{ text-transform:none; letter-spacing:.02em; font-size:11.5px; color:var(--ink-45); margin-top:12px; text-align:center; } #hyd-page .hyd-error{ border-left:3px solid var(--stamp); background:rgba(138,42,28,0.06); color:var(--stamp); padding:11px 14px; font-size:14px; margin-bottom:18px; } #hyd-page .hyd-sent{ border-left:3px solid var(--engrave); padding:6px 0 6px 16px; } #hyd-page .hyd-sent-label{ color:var(--engrave); margin-bottom:8px; } #hyd-page .hyd-sent p{ color:var(--ink-70); } /* ---------- faq ---------- */ #hyd-page .hyd-faq-item{ border-bottom:1px solid var(--rule); padding:15px 0; } #hyd-page .hyd-faq-item summary{ cursor:pointer; font-size:16px; font-weight:500; list-style:none; display:flex; justify-content:space-between; gap:16px; } #hyd-page .hyd-faq-item summary::-webkit-details-marker{ display:none; } #hyd-page .hyd-faq-item summary::after{ content:'+'; color:var(--engrave); font-family:'IBM Plex Mono',monospace; } #hyd-page .hyd-faq-item[open] summary::after{ content:'–'; } #hyd-page .hyd-faq-item p{ color:var(--ink-70); font-size:15px; margin-top:10px; max-width:66ch; } /* ---------- footer ---------- */ #hyd-page .hyd-foot{ border-top:1px solid var(--rule); padding:26px 0 34px; } #hyd-page .hyd-foot-in{ display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; color:var(--ink-45); } #hyd-page .hyd-foot a{ color:var(--engrave); text-decoration:none; } /* ---------- motion ---------- */ /* Reveals are progressive enhancement: visible by default, hidden only once JS has confirmed it can bring them back. */ #hyd-page.hyd-js .hyd-reveal{ opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease; } #hyd-page.hyd-js .hyd-reveal.hyd-in{ opacity:1; transform:none; } @media (prefers-reduced-motion:reduce){ #hyd-page.hyd-js .hyd-reveal{ opacity:1; transform:none; transition:none; } #hyd-page .hyd-btn{ transition:none; } } /* ---------- small-screen trims ---------- */ @media (max-width:560px){ /* The listing label is redundant next to the status dot on a narrow bar. */ #hyd-page .hyd-bar-in > span:first-child{ display:none; } #hyd-page .hyd-bar-in{ height:44px; } } /* "Why this name" and "Built for" read as one block, so only one gap between them. */ #hyd-page .hyd-why{ padding-bottom:0; } /* ---------- how the purchase works ---------- */ #hyd-page .hyd-steps{ padding:clamp(44px,6.5vw,78px) 0; border-top:1px solid var(--rule); background:var(--card); } #hyd-page .hyd-steps-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(238px,1fr)); gap:clamp(24px,4vw,44px); counter-reset:none; } #hyd-page .hyd-steps-list li{ position:relative; padding-top:20px; border-top:2px solid var(--engrave); } #hyd-page .hyd-step-n{ display:block; color:var(--engrave); margin-bottom:9px; letter-spacing:.2em; } #hyd-page .hyd-steps-list h3{ font-size:clamp(19px,2.2vw,23px); margin-bottom:8px; } #hyd-page .hyd-steps-list p{ color:var(--ink-70); font-size:14.5px; } #hyd-page .hyd-steps-cta{ margin-top:clamp(26px,4vw,38px); }