@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@1,400&display=swap";*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}#root{width:100%;min-height:100svh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(8% .008 60);--bg2:oklch(11% .01 60);--bg3:oklch(14% .012 60);--ink:oklch(95% .006 80);--mid:oklch(58% .008 80);--faint:oklch(32% .006 80);--gold:oklch(80% .16 88);--gold-dim:oklch(55% .1 88);--rule:oklch(18% .008 60);--card-bg:oklch(11% .012 60);--card-border:oklch(20% .01 60);--card-hover:oklch(14% .015 60)}body{background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;overflow-x:hidden}.page{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.spotlight{pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--cx,50%) var(--cy,50%), oklch(80% .16 88/.06) 0%, transparent 70%);transition:background .1s;position:fixed;inset:0}.scanlines{pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,oklch(0% 0 0/.08) 2px 4px);position:fixed;inset:0}.topbar{z-index:2;border-bottom:1px solid var(--rule);opacity:0;justify-content:space-between;align-items:center;padding:18px clamp(24px,4vw,56px);transition:opacity .6s,transform .6s;display:flex;position:relative;transform:translateY(-12px)}.entered .topbar{opacity:1;transition-delay:50ms;transform:none}.topbar-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:500}.topbar-contact{color:var(--mid);letter-spacing:.04em;font-size:12px}.hero{z-index:1;justify-content:center;align-items:center;padding:clamp(32px,6vw,72px) clamp(24px,4vw,56px) 0;display:flex;position:relative;overflow:hidden}.hero-stroke{letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px oklch(80% .16 88/.12);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:clamp(100px,22vw,280px);line-height:1;animation:1.4s cubic-bezier(.16,1,.3,1) .3s both stroke-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes stroke-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.domain-hero{z-index:1;opacity:0;line-height:.88;font:inherit;align-items:baseline;gap:.02em;margin:0;padding:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(32px)}.entered .domain-hero{opacity:1;font-weight:inherit;transition-delay:.15s;transform:none}.domain-name-big{color:var(--ink);letter-spacing:-.01em;font-family:Bebas Neue,sans-serif;font-size:clamp(80px,18vw,220px);font-weight:400;line-height:.88}.domain-ext-big{color:var(--gold);letter-spacing:.01em;text-shadow:0 0 40px oklch(80% .16 88/.5),0 0 80px oklch(80% .16 88/.2);font-family:Playfair Display,Georgia,serif;font-size:clamp(36px,7vw,90px);font-style:italic;font-weight:400;line-height:1;animation:3s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{text-shadow:0 0 40px oklch(80% .16 88/.5),0 0 80px oklch(80% .16 88/.2)}50%{text-shadow:0 0 60px oklch(80% .16 88/.8),0 0 120px oklch(80% .16 88/.35)}}.price-badge{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:4px;padding:20px 0 0;transition:opacity .7s,transform .7s;display:flex;position:relative;transform:translateY(16px)}.entered .price-badge{opacity:1;transition-delay:.25s;transform:none}.price-badge-label{letter-spacing:.15em;text-transform:uppercase;color:var(--mid);font-size:11px;font-weight:500}.price-badge-value{color:var(--gold);letter-spacing:.02em;text-shadow:0 0 30px oklch(80% .16 88/.3);font-family:Bebas Neue,sans-serif;font-size:clamp(32px,5vw,56px)}.bottom-panel{z-index:2;border-top:1px solid var(--rule);opacity:0;grid-template-columns:1fr 1fr;margin-top:clamp(32px,5vw,64px);transition:opacity .8s,transform .8s;display:grid;position:relative;transform:translateY(20px)}.entered .bottom-panel{opacity:1;transition-delay:.35s;transform:none}.panel-left{border-right:1px solid var(--rule);flex-direction:column;gap:20px;padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);display:flex}.descriptor-row{flex-wrap:wrap;gap:clamp(20px,3vw,40px);display:flex}.d-item{flex-direction:column;gap:4px;display:flex}.d-num{letter-spacing:.12em;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:600}.d-label{color:var(--mid);font-size:13px;font-weight:400}.body-copy{color:var(--mid);max-width:380px;font-size:clamp(14px,1.4vw,16px);font-weight:300;line-height:1.7}.panel-right{flex-direction:column;justify-content:center;gap:16px;padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);display:flex}.cta-primary{background:var(--gold);color:var(--bg);letter-spacing:.04em;border-radius:0;justify-content:space-between;align-items:center;gap:16px;max-width:320px;padding:20px 28px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cta-primary:after{content:"";background:oklch(95% .006 80);transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-101%)}.cta-primary:hover:after{transform:translate(0)}.cta-primary:hover{transform:translateY(-2px)}.cta-label,.cta-arrow{z-index:1;position:relative}.cta-arrow{align-items:center;transition:transform .25s;display:flex}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-sub{color:var(--faint);letter-spacing:.02em;font-size:13px;font-weight:300}.portfolio-section{z-index:2;border-top:1px solid var(--rule);opacity:0;padding:clamp(48px,6vw,80px) clamp(24px,4vw,56px);transition:opacity .8s,transform .8s;position:relative;transform:translateY(24px)}.entered .portfolio-section{opacity:1;transition-delay:.5s;transform:none}.portfolio-header{text-align:center;margin-bottom:clamp(32px,4vw,56px)}.portfolio-title{letter-spacing:.04em;color:var(--ink);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:400}.portfolio-subtitle{color:var(--mid);letter-spacing:.02em;font-size:clamp(13px,1.2vw,15px);font-weight:300}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.domain-card{background:var(--card-bg);border:1px solid var(--card-border);flex-direction:column;padding:0;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.domain-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.domain-card:hover{border-color:var(--gold-dim);transform:translateY(-4px);box-shadow:0 12px 40px oklch(0% 0 0/.4),0 0 60px oklch(80% .16 88/.06)}.domain-card:hover:before{opacity:1}.domain-card-top{flex:1;align-items:center;padding:clamp(24px,3vw,32px) clamp(20px,2.5vw,28px);display:flex}.domain-card-name{align-items:baseline;gap:.04em;margin:0;font-weight:400;display:flex}.dc-name{color:var(--ink);letter-spacing:.01em;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1}.dc-ext{color:var(--gold);font-family:Playfair Display,Georgia,serif;font-size:clamp(16px,1.8vw,22px);font-style:italic;line-height:1}.domain-card-bottom{border-top:1px solid var(--rule);background:oklch(9% .008 60);justify-content:space-between;align-items:center;padding:16px clamp(20px,2.5vw,28px);display:flex}.domain-card-price{flex-direction:column;gap:2px;display:flex}.dc-price-label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:500}.dc-price-value{color:var(--gold);letter-spacing:.02em;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600}.domain-card-cta{border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.06em;background:0 0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.domain-card-cta:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}.ticker{z-index:2;background:var(--gold);color:var(--bg);align-items:center;height:44px;display:flex;position:relative;overflow:hidden}.ticker-track{white-space:nowrap;animation:24s linear infinite ticker;display:flex}.ticker-item{letter-spacing:.12em;padding:0 24px;font-family:Bebas Neue,sans-serif;font-size:16px}.ticker-sep{opacity:.5;vertical-align:middle;margin:0 10px;font-size:10px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer{z-index:2;border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px clamp(24px,4vw,56px);display:flex;position:relative}.footer-text{color:var(--faint);letter-spacing:.02em;font-size:12px}.footer-contact a{color:var(--mid);letter-spacing:.02em;font-size:12px;text-decoration:none;transition:color .2s}.footer-contact a:hover{color:var(--gold)}@media (width<=700px){.bottom-panel{grid-template-columns:1fr}.panel-left{border-right:none;border-bottom:1px solid var(--rule)}.cta-primary{max-width:100%}.topbar-contact{display:none}.portfolio-grid{grid-template-columns:1fr}.site-footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){.hero-stroke,.domain-ext-big,.ticker-track{animation:none}.entered .topbar,.entered .domain-hero,.entered .bottom-panel,.entered .price-badge,.entered .portfolio-section{opacity:1;transition:none;transform:none}}
