@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-400.woff2) format('woff2');font-weight:400;font-display:swap}
    @font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-700.woff2) format('woff2');font-weight:700;font-display:swap}
    :root{color-scheme:dark;--bg:#121212;--text:#f2f2f2;--muted:#aaaaaa;--surface:#1c1c1c;--on-accent:#121212;--accent:#b3ff4b;--accent-ink:#b3ff4b;--line:rgba(255,255,255,.15);--pad:clamp(24px,4.45vw,80px)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:24px}
    body{margin:0;background:var(--bg);color:var(--text);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}
    ::selection{background:var(--accent);color:var(--on-accent)}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    a:focus-visible,button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:7px}
    .skip{position:fixed;top:12px;left:12px;background:var(--accent);color:var(--on-accent);padding:12px;z-index:10;transform:translateY(-150%)}
    .skip:focus{transform:none}
    .mono{font:11px/1.5 'SFMono-Regular',Consolas,'Liberation Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
    .shell{max-width:1600px;margin:auto;padding-inline:var(--pad)}
    .hero-stage{position:relative;overflow:hidden}
    
    header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--line)}
    .brand{display:inline-flex;align-items:baseline;gap:11px;font-size:27px;font-weight:700;line-height:1}
    .brand-mark{width:.72em;height:.72em;width:1cap;height:1cap;flex-shrink:0;color:var(--accent)}
    .brand-name{font-weight:700;font-size:inherit;letter-spacing:-1.6px;line-height:1}
    .brand-name span{font-weight:400;letter-spacing:-1px}
    nav{display:flex;align-items:center;gap:40px;font-size:14px}
    nav a{position:relative;padding-block:8px}
    nav a::after{content:'';position:absolute;left:0;bottom:2px;width:0;height:1px;background:currentColor;transition:width .2s}
    nav a:hover::after{width:100%}
    .header-note{display:flex;gap:12px;align-items:center}
    .status-dot{width:6px;height:6px;background:var(--accent);display:inline-block}
    .hero{position:relative;min-height:725px;display:flex;align-items:center;padding-block:70px 116px}
    .hero-copy{position:relative;z-index:1;width:62%;pointer-events:none}
    .hero-copy a{pointer-events:auto}
    .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 35px}
    .eyebrow::before{content:'';height:13px;width:13px;border:1px solid var(--accent)}
    h1{font-size:clamp(64px,7.25vw,110px);font-weight:400;letter-spacing:-.064em;line-height:1.02;margin:0 0 29px}
    h1 .last-line{white-space:nowrap}
    h1 .period{color:var(--accent)}
    .hero-description{font-size:17px;line-height:1.65;max-width:460px;margin:0 0 32px;color:#b8b8b8}
    .primary-link{display:inline-flex;gap:37px;align-items:center;background:var(--accent);color:var(--on-accent);padding:19px 22px;font-size:12px;letter-spacing:.035em;transition:background .2s,transform .2s}
    .primary-link:hover{background:#c5ff78;transform:translateY(-2px)}
    .arrow{font-family:Arial,sans-serif;font-size:23px;line-height:1}
    .domain-art{position:absolute;width:610px;height:610px;right:-55px;top:32px}
    .domain-art svg{width:100%;height:100%;display:block;overflow:visible}
    .domain-art .plate-front{transition:transform .35s ease;transform-origin:310px 340px}
    .domain-art:hover .plate-front{transform:translate(-5px,-7px)}
    .hero-baseline{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}
    .hero-baseline a{display:flex;align-items:center;gap:15px}
    .hero-baseline .arrow{font-size:17px}
    .portfolio{position:relative;background:var(--surface);color:var(--text);border-block:1px solid var(--line);padding-block:55px 62px;overflow:hidden}
    .section-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
    
    
    .section-meta .right{color:#aaaaaa}
    .portfolio-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:50px;align-items:end}
    h2{font-weight:400;font-size:clamp(42px,4.3vw,65px);line-height:1.1;letter-spacing:-.045em;margin:0}
    .portfolio h2{padding-bottom:5px}
    .stat{font-size:clamp(70px,9.7vw,146px);line-height:.95;letter-spacing:-.067em;white-space:nowrap}
    .stat .plus{color:var(--accent);font-weight:400;font-size:.65em;vertical-align:top;position:relative;top:.09em;margin-left:5px}
    .stat-label{margin:19px 0 0;color:#bdbdbd}
    .portfolio-bottom{display:grid;grid-template-columns:1fr 1.55fr;gap:50px;border-top:1px solid #ffffff26;padding-top:26px;margin-top:50px}
    .portfolio-bottom .mini-mark{color:var(--accent);font-size:30px;line-height:1}
    .portfolio-bottom p{margin:0;max-width:475px;font-size:16px;line-height:1.65;color:#c7c7c7}
    .extensions{padding-block:64px 80px}
    .extensions .section-meta{margin-bottom:43px}
    .extensions .section-meta .right{color:var(--muted)}
    .extensions-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}
    .extensions-heading h2{font-size:44px}
    .extensions-heading p{max-width:215px;font-size:13px;line-height:1.6;margin:0;color:var(--muted)}
    .tld-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .tld-grid li{position:relative;border-right:1px solid var(--line);padding:20px 22px 25px;min-height:166px;display:flex;flex-direction:column;justify-content:flex-end;transition:background .25s}
    .tld-grid li:first-child{border-left:1px solid var(--line)}
    .tld-grid li:hover{background:#b3ff4b25}
    
    .tld-grid .extension{font-size:clamp(33px,3.6vw,54px);letter-spacing:-.06em}
    .tld-grid li:first-child{background:var(--accent);color:var(--on-accent)}
    .tld-grid li:first-child:hover{background:#c5ff78}
    
    .more{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:22px;color:var(--muted)}
    .more span:first-child{font-size:18px;color:var(--accent)}
    footer{border-top:1px solid var(--line);padding-block:32px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    footer .brand{font-size:23px}
    .footer-note{color:var(--muted);font-size:10px}
    .back-top{display:flex;align-items:center;gap:19px;font-size:10px}
    .back-top .arrow{font-size:18px}
    @media(min-width:1600px){.domain-art{right:-10px}.hero{min-height:770px}.hero-copy{width:65%}}
    @media(max-width:1100px){nav{gap:26px}.header-note{display:none}.domain-art{width:360px;height:360px;right:-45px;top:135px}.hero{min-height:680px}.hero-copy{width:70%}.hero-description{max-width:410px}.portfolio-grid,.portfolio-bottom{grid-template-columns:1fr 1.45fr;gap:25px}.tld-grid li{padding-inline:16px}.stat{font-size:10vw}}
    @media(max-width:760px){header{height:86px}.brand{font-size:24px}nav{gap:20px;font-size:12px}.hero{min-height:0;display:block;padding-top:48px;padding-bottom:72px}.hero-copy{width:100%}.eyebrow{font-size:10px;margin-bottom:25px}h1{font-size:clamp(55px,10.5vw,78px);max-width:600px;line-height:1.04;margin-bottom:24px}.hero-description{font-size:15px;max-width:460px;margin-bottom:25px}.primary-link{padding:17px 20px;font-size:11px}.domain-art{position:relative;top:auto;right:auto;width:min(100%,500px);height:auto;aspect-ratio:1;margin:-6px auto -10px;left:0}.hero-baseline{bottom:20px;padding-top:18px;font-size:9px}.hero-baseline .baseline-detail{display:none}.portfolio{padding-block:34px 38px}.section-meta{margin-bottom:40px;font-size:10px}.section-meta .right{font-size:9px}.portfolio-grid{grid-template-columns:1fr;gap:38px}.portfolio h2{font-size:46px}.portfolio h2 br{display:none}.stat{font-size:clamp(56px,17vw,116px)}.stat-label{margin-top:15px;font-size:10px}.portfolio-bottom{grid-template-columns:25px 1fr;gap:15px;margin-top:34px;padding-top:24px}.portfolio-bottom p{font-size:14px}.portfolio-bottom .mini-mark{font-size:22px}.extensions{padding-block:38px 48px}.extensions .section-meta{margin-bottom:32px}.extensions-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.extensions-heading h2{font-size:37px}.extensions-heading p{max-width:none}.tld-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tld-grid li{min-height:137px;padding:16px 18px}.tld-grid li:nth-child(3){border-right:1px solid var(--line)}.tld-grid li:nth-child(4){border-left:1px solid var(--line)}.tld-grid li:nth-child(-n+3){border-bottom:1px solid var(--line)}.tld-grid .extension{font-size:43px}.more{font-size:10px;margin-top:16px}footer{flex-wrap:wrap;padding-block:26px;row-gap:23px}.footer-note{order:3;width:100%;font-size:9px}.back-top{font-size:9px}}
    @media(max-width:380px){.tld-grid li{padding-inline:12px}.tld-grid .extension{font-size:36px}nav{gap:12px}.brand{gap:7px;font-size:21px}h1{font-size:clamp(44px,13.5vw,51px)}.portfolio h2{font-size:39px}.extensions-heading h2{font-size:33px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
    .contact{border-top:1px solid var(--line);background:var(--surface);padding-block:64px 72px}
    .contact-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:50px}
    .contact-intro .mono{color:var(--accent);margin:0 0 26px}
    .contact-intro h2{font-size:clamp(42px,4.3vw,65px)}
    .contact-intro .contact-note{color:var(--muted);font-size:14px;line-height:1.6;margin:24px 0 0}
    .contact-form{display:grid;gap:24px;min-width:0}
    .contact-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .contact-field{display:flex;flex-direction:column;gap:11px;min-width:0}
    .contact-field label{font-size:13px}
    .contact-field label span{color:var(--accent);margin-left:3px}
    .contact-field input,.contact-field textarea{width:100%;min-width:0;border:1px solid #666666;background:var(--bg);color:var(--text);border-radius:0;font:400 16px/1.5 Satoshi,Arial,sans-serif;padding:15px 16px;transition:border-color .2s}
    .contact-field textarea{min-height:170px;resize:vertical}
    .contact-field input:hover,.contact-field textarea:hover{border-color:var(--muted)}
    .contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#b0b0b0}
    .contact-field input::placeholder,.contact-field textarea::placeholder{color:#909090;opacity:1}
    .contact-form .primary-link{border:0;cursor:pointer;justify-self:start}
    .contact-form .primary-link:disabled{opacity:.5;cursor:not-allowed}
    .form-status{font-size:14px;line-height:1.6;color:var(--text);margin:0;max-width:480px}
    .form-status:empty{display:none}
    @media(max-width:760px){.contact{padding-block:40px 48px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-intro .mono{margin-bottom:20px}.contact-intro .contact-note{margin-top:18px}.contact-row{grid-template-columns:1fr}.contact-intro h2{font-size:42px}}
    @media(max-width:480px){header{height:auto;min-height:104px;flex-wrap:wrap;gap:18px;padding-block:20px}header nav{width:100%;gap:24px}}

/* Production navigation, inner pages, and contact states. */
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
header nav{gap:clamp(18px,2.6vw,40px)}
header nav a[aria-current="page"]{color:var(--accent)}
.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted)}
.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding-top:22px;border-top:1px solid var(--line)}
footer{flex-wrap:wrap}
.contact-page{padding-block:90px 100px;min-height:650px;border-top:0}
.contact-page .contact-intro h1{font-size:clamp(44px,4.4vw,65px);letter-spacing:-.045em;line-height:1.1;margin:0}
.form-status:focus{outline:2px solid var(--accent);outline-offset:8px}
.form-status[data-state="error"]{border-left:2px solid #ff9a9a;padding-left:14px}
.contact-result{padding:28px;border:1px solid var(--line);background:var(--bg);align-self:start}
.contact-result h2{font-size:30px;margin:0 0 16px}
.contact-result p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 24px}






@media(max-width:760px){.footer-links{width:100%;order:2;gap:18px}.footer-meta{order:4;align-items:start}.footer-meta .footer-note{width:auto;order:0}.contact-page{padding-block:48px 56px;min-height:0}.contact-page .contact-intro h1{font-size:44px}}
@media(max-width:480px){header nav{gap:18px}}

/* The symlinked contact service renders its own Alpaca form. */
.contact-form-host{min-width:0}
#contact-form .alpaca-form,#contact-form .alpaca-top{margin:0;padding:0;border:0;background:none}
#contact-form .alpaca-top>.alpaca-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#contact-form .alpaca-container-item{min-width:0}
#contact-form [data-alpaca-container-item-name="token"],#contact-form [data-alpaca-container-item-name="form_id"]{display:none}
#contact-form [data-alpaca-container-item-name="message"]{grid-column:1/-1}
#contact-form .form-group{margin:0}
#contact-form .alpaca-control-label{display:block;float:none;width:auto;margin:0 0 11px;font:400 13px/1.5 Satoshi,Arial,sans-serif;color:var(--text)}
#contact-form .alpaca-required-indicator{font-size:0;color:var(--accent);margin-left:4px}
#contact-form .alpaca-required-indicator::after{content:'*';font-size:13px}
#contact-form input:not([type="hidden"]),#contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #666;background:var(--bg);color:var(--text);border-radius:0;box-shadow:none;font:400 16px/1.5 Satoshi,Arial,sans-serif;padding:15px 16px;transition:border-color .2s}
#contact-form textarea{min-height:170px;resize:vertical}
#contact-form input:not([type="hidden"]):hover,#contact-form textarea:hover{border-color:var(--muted)}
#contact-form input:not([type="hidden"]):focus,#contact-form textarea:focus{outline:none;border-color:#b0b0b0;box-shadow:none}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#909090;opacity:1}
#contact-form .alpaca-form-buttons-container{margin:24px 0 0;padding:0;text-align:left}
#contact-form .alpaca-form-button{display:inline-flex;align-items:center;gap:37px;border:0;border-radius:0;background:var(--accent);color:var(--on-accent);padding:19px 22px;font:12px/1.5 'SFMono-Regular',Consolas,'Liberation Mono',monospace;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s}
#contact-form .alpaca-form-button:not(:disabled):hover{background:#c5ff78;transform:translateY(-2px)}
#contact-form .alpaca-form-button:disabled{opacity:.5;cursor:not-allowed}
#contact-form .alpaca-message{margin-top:8px;font-size:13px;line-height:1.5;color:#ffb3b3}
#contact-form .alpaca-message-hidden{display:none}
#contact-form .has-error input,#contact-form .has-error textarea{border-color:#c98080}
.contact-form-host>#contact-status:not(:empty){margin-top:20px}
@media(max-width:760px){#contact-form .alpaca-top>.alpaca-container{grid-template-columns:1fr}#contact-form .alpaca-form-button{padding:17px 20px;font-size:11px}}

/* Simple text-only About page. */
.about-text{max-width:800px;margin-inline:auto;padding-block:72px 88px}
.about-text h1{font-size:48px;line-height:1.1;letter-spacing:-.045em;margin:0 0 32px}
.about-text p{font-size:17px;line-height:1.8;color:#b8b8b8;margin:0 0 24px}
.about-text p:last-child{margin-bottom:0}
@media(max-width:760px){.about-text{padding-block:44px 56px}.about-text h1{font-size:38px;margin-bottom:26px}.about-text p{font-size:16px;line-height:1.75}}