:root { --ink:#090b0f; --panel:#11151b; --panel-light:#171c23; --line:#2a3239; --muted:#8c969a; --paper:#e7ece6; --acid:#d7f75b; --cyan:#94e7dd; --serif:Georgia, 'Times New Roman', serif; --sans:'Manrope', Arial, sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; }
html { font-size:18px; scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 85% 8%,#d7f75b0b 0,transparent 30%),radial-gradient(circle at 5% 55%,#94e7dd08 0,transparent 24%),var(--ink); color:var(--paper); font-family:var(--sans); font-size:1rem; line-height:1.6; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.page-noise { position:fixed; inset:0; pointer-events:none; opacity:.035; z-index:5; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.shell { width:min(1180px, calc(100% - 64px)); margin-inline:auto; }
.site-header { align-items:center; display:flex; justify-content:space-between; padding:30px 0; position:relative; z-index:10; }
.brand { align-items:center; display:inline-flex; font-size:1.35rem; font-weight:800; letter-spacing:-.07rem; gap:10px; }.brand-accent { color:var(--acid); }.brand-mark { display:inline-flex; gap:3px; height:21px; align-items:end; }.brand-mark i { background:var(--acid); display:block; height:10px; width:4px; transform:skew(-24deg); }.brand-mark i:nth-child(2) { height:16px; }.brand-mark i:nth-child(3) { height:21px; }
.header-actions,.hero-actions,.form-submit,.card-bottom,.site-footer,.contact-links a,.visual-card-top,.visual-meta,.visual-footer { align-items:center; display:flex; }.header-actions { gap:32px; }.header-link,.text-link { font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.header-link span:last-child,.text-link span:last-child { color:var(--acid); font-size:1.15rem; margin-left:7px; }.language-switch { border:1px solid var(--line); border-radius:30px; display:flex; font-family:var(--mono); font-size:.7rem; padding:3px; }.language-switch input { height:1px; opacity:0; position:absolute; width:1px; }.language-switch label { border-radius:20px; color:var(--muted); cursor:pointer; padding:6px 9px; transition:.2s ease; }.language-switch input:checked + label { background:var(--acid); color:var(--ink); }
.en-only { display:none!important; } body:has(#language-en:checked) .es-only { display:none!important; } body:has(#language-en:checked) .en-only { display:inline!important; }
.hero { align-items:center; display:grid; gap:70px; grid-template-columns:1.05fr .95fr; min-height:650px; padding:65px 0 110px; }.eyebrow,.section-kicker { align-items:center; color:var(--muted); display:flex; font-family:var(--mono); font-size:.72rem; gap:10px; letter-spacing:.09em; text-transform:uppercase; }.eyebrow-dot { animation:pulseDot 2.8s ease-in-out infinite; background:var(--acid); border-radius:50%; box-shadow:0 0 20px var(--acid); height:7px; width:7px; }.hero h1 { font-size:clamp(3.6rem,7.3vw,6.5rem); font-weight:500; letter-spacing:-.08em; line-height:.92; margin:30px 0; }.hero h1 em,.story h2 em,.steps h2 em,.contact-intro h2 em { color:var(--acid); font-family:var(--serif); font-style:italic; font-weight:400; letter-spacing:-.09em; }.hero-intro { color:#a8b0af; font-size:1rem; line-height:1.8; max-width:500px; }.hero-actions { gap:30px; margin-top:38px; }.button { align-items:center; border:0; display:inline-flex; font:700 .78rem var(--sans); gap:16px; letter-spacing:.08em; padding:17px 21px; text-transform:uppercase; }.button-primary { background:var(--acid); color:var(--ink); cursor:pointer; transition:box-shadow .2s, transform .2s; }.button-primary:hover { box-shadow:0 0 28px color-mix(in srgb, var(--acid) 42%, transparent); transform:translateY(-2px); }.button-primary:disabled { cursor:wait; opacity:.65; }.button-primary span:last-child { font-size:1.1rem; font-weight:400; }.text-link { color:#c6ceca; }.text-link span:last-child { font-size:1rem; }
.hero-visual { aspect-ratio:1/1; max-width:510px; position:relative; }.hero-visual:before { background:radial-gradient(circle,var(--acid) 0,transparent 68%); content:""; filter:blur(60px); inset:20%; opacity:.08; position:absolute; }.visual-orbit { border:1px solid #263038; border-radius:50%; height:83%; left:8%; position:absolute; top:8%; transform:rotate(-22deg) skewX(-8deg); width:83%; }.orbit-two { border-color:#35453f; height:65%; left:18%; top:18%; transform:rotate(45deg) skewX(7deg); }.visual-card { animation:floatCard 7s ease-in-out infinite; background:linear-gradient(135deg,#1c2427,#10171b); border:1px solid #49584f; box-shadow:25px 25px 80px #0008, inset 0 0 40px #b5d48c09; left:15%; padding:27px; position:absolute; top:29%; transform:rotate(-10deg); width:70%; z-index:2; }.visual-card-top,.visual-meta,.visual-footer { justify-content:space-between; }.status-dot { background:var(--acid); border-radius:50%; box-shadow:0 0 12px var(--acid); height:6px; margin-right:8px; width:6px; }.mono { color:#82928f; font:.67rem var(--mono); letter-spacing:.08em; }.visual-menu { color:#81908d; letter-spacing:3px; }.visual-amount { font-size:2.15rem; letter-spacing:-.1rem; margin:58px 0 40px; }.visual-amount small { color:#bac5a9; font:.7rem var(--mono); letter-spacing:0; }.wallet-chip { color:var(--paper); font:.7rem var(--mono); }.visual-line { background:#293832; height:2px; margin:20px 0; }.visual-line span { background:var(--acid); display:block; height:100%; width:73%; }.visual-footer strong { color:var(--acid); font-size:1.25rem; }.floating-label { animation:floatLabel 5s ease-in-out infinite; background:#1c2427; border:1px solid #35433e; color:#a8b4ad; font:.65rem var(--mono); letter-spacing:.07em; padding:10px 12px; position:absolute; z-index:3; }.floating-label b { color:var(--acid); font-size:.9rem; margin-left:9px; }.label-wallet { right:3%; top:18%; }.label-control { animation-delay:-2.5s; bottom:18%; left:1%; }
.ticker { border-bottom:1px solid var(--line); border-top:1px solid var(--line); overflow:hidden; padding:16px 0; white-space:nowrap; }.ticker-track { align-items:center; animation:marquee 26s linear infinite; color:#75817f; display:flex; font:.72rem var(--mono); gap:28px; width:max-content; }.ticker-track b { color:var(--acid); font-size:.9rem; } @keyframes marquee { to { transform:translateX(-50%); } }
.story,.feature-section,.steps,.contact-section { padding:150px 0; }.section-kicker .rule { background:var(--line); display:block; height:1px; width:55px; }.story-grid { display:grid; gap:90px; grid-template-columns:1fr 1fr; padding-top:55px; }.story h2,.steps h2,.contact-intro h2 { font-size:clamp(2.8rem,5.5vw,4.8rem); font-weight:500; letter-spacing:-.07em; line-height:.98; margin:0; }.story-body { padding-top:8px; }.story-body > p { color:#a8b0af; font-size:1.08rem; line-height:1.75; max-width:480px; }.stat-row { border-top:1px solid var(--line); display:grid; gap:20px; grid-template-columns:repeat(3,1fr); margin-top:72px; padding-top:17px; }.stat-row div { display:flex; flex-direction:column; gap:11px; }.stat-row strong { color:var(--acid); font:1.25rem var(--mono); }.stat-row span { color:var(--muted); font-size:.74rem; }
.reserved { border:1px dashed #35423e; color:#687572; min-height:205px; overflow:hidden; position:relative; }.reserved:after { background:linear-gradient(90deg,transparent,var(--acid),transparent); content:""; height:1px; left:-40%; opacity:.35; position:absolute; top:-1px; width:35%; }.reserved:hover:after { animation:scanLine 1.4s ease forwards; }.reserved-inner { align-items:center; display:flex; flex-direction:column; font:.76rem var(--mono); gap:13px; justify-content:center; min-height:205px; text-transform:uppercase; }.reserved-icon { color:var(--acid); font:2rem Arial; font-weight:200; }.reserved-note { color:#4b5956; font-size:.65rem; }
.feature-section { padding-bottom:105px; }.feature-grid { display:grid; gap:20px; grid-template-columns:1fr 1fr; padding-top:55px; }.feature-card { background:var(--panel); border:1px solid var(--line); min-height:510px; overflow:hidden; padding:32px; position:relative; transition:border-color .3s,box-shadow .3s,transform .3s; }.feature-card:before { background:radial-gradient(circle,var(--acid) 0,transparent 68%); content:""; height:230px; opacity:0; position:absolute; right:-110px; top:-110px; transition:opacity .35s; width:230px; }.feature-card:hover { border-color:#63736b; box-shadow:0 24px 70px #0005; transform:translateY(-6px); }.feature-card:hover:before { opacity:.08; }.cms-card { background:linear-gradient(150deg,#162023,var(--panel)); }.card-number { color:#74807d; font:.7rem var(--mono); }.card-icon { align-items:center; border:1px solid #47504c; color:var(--acid); display:flex; font-size:1.65rem; height:60px; justify-content:center; margin-top:75px; width:60px; }.stable-icon { border-radius:50%; }.cms-icon { border-radius:50%; }.feature-card h3 { font-size:2.25rem; font-weight:500; letter-spacing:-.06em; line-height:1.02; margin:25px 0 18px; }.feature-card p { color:#99a5a2; font-size:.9rem; line-height:1.75; max-width:430px; }.card-bottom { border-top:1px solid var(--line); bottom:32px; color:#7f8d88; justify-content:space-between; left:32px; padding-top:15px; position:absolute; right:32px; }.card-bottom span:last-child { color:var(--acid); font-size:1.2rem; }
.steps { display:grid; gap:100px; grid-template-columns:.8fr 1.2fr; }.steps-heading .section-kicker { margin-bottom:52px; }.step-list { border-top:1px solid var(--line); }.step { align-items:center; border-bottom:1px solid var(--line); display:grid; gap:24px; grid-template-columns:55px 1fr 30px; padding:28px 0; transition:background .25s,padding .25s; }.step:hover { background:#d7f75b05; padding-inline:12px; }.step-index { color:var(--acid); font:.75rem var(--mono); }.step h3 { font-size:1.08rem; font-weight:600; margin:0 0 5px; }.step p { color:#8e9a97; font-size:.84rem; margin:0; }.step-arrow { color:#718078; font-size:1.25rem; }
.contact-section { border-top:1px solid var(--line); display:grid; gap:90px; grid-template-columns:.8fr 1.2fr; padding-bottom:120px; }.contact-intro > p { color:#9fa9a6; font-size:.95rem; line-height:1.7; margin:30px 0; max-width:340px; }.contact-links { border-top:1px solid var(--line); margin-top:50px; max-width:340px; }.contact-links a { border-bottom:1px solid var(--line); font-size:.85rem; justify-content:space-between; padding:15px 0; transition:color .2s,padding .2s; }.contact-links a:hover { color:var(--acid); padding-left:8px; }.contact-links b { color:var(--acid); font-size:1.1rem; font-weight:400; }.form-wrap { background:linear-gradient(145deg,#151a21,var(--panel)); border:1px solid var(--line); box-shadow:0 30px 90px #0004; padding:42px; }.form-grid { display:grid; gap:32px 22px; grid-template-columns:1fr 1fr; }.form-wrap label > span:first-child,.checkbox-label > span:not(.checkmark),.message-label > span:first-child { color:#c0cac5; display:block; font-size:.78rem; margin-bottom:9px; }.form-wrap small { color:#7c8885; font-size:.68rem; }.form-wrap input[type=text],.form-wrap input[type=email],.form-wrap input[type=tel],.form-wrap input[type=url],.form-wrap textarea { background:transparent; border:0; border-bottom:1px solid #46504e; border-radius:0; color:var(--paper); font:.92rem var(--sans); outline:0; padding:10px 0; transition:border-color .2s,box-shadow .2s; width:100%; }.form-wrap textarea { border:1px solid #46504e; min-height:110px; padding:13px; resize:vertical; }.form-wrap input:focus,.form-wrap textarea:focus { border-color:var(--acid); box-shadow:0 4px 0 -3px var(--acid); }.checkbox-label { align-items:flex-start; cursor:pointer; display:flex; gap:12px; margin-top:32px; }.checkbox-label input { height:0; opacity:0; position:absolute; width:0; }.checkmark { border:1px solid #586661; flex:none; height:18px; position:relative; width:18px; }.checkbox-label input:checked + .checkmark { background:var(--acid); border-color:var(--acid); }.checkbox-label input:checked + .checkmark:after { border:solid var(--ink); border-width:0 2px 2px 0; content:""; height:8px; left:6px; position:absolute; top:3px; transform:rotate(45deg); width:4px; }.checkbox-label > span:last-child { line-height:1.5; }.message-label { display:block; margin-top:31px; }.form-submit { align-items:flex-start; flex-wrap:wrap; gap:20px; justify-content:space-between; margin-top:30px; }.form-status { color:var(--cyan); font-size:.78rem; margin:0; max-width:240px; }.form-status.error { color:#f49a8a; }.honeypot { left:-9999px; position:absolute; }
.site-footer { border-top:1px solid var(--line); justify-content:space-between; padding:27px 0 35px; }.footer-copy,.back-top { color:#73807d; font:.7rem var(--mono); }.back-top { color:var(--acid); }.back-top:first-letter { font-size:1rem; }
body.motion-ready .reveal { opacity:0; transform:translateY(32px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1); } body.motion-ready .reveal.is-visible { opacity:1; transform:none; } body.motion-ready .feature-card.reveal:nth-child(2) { transition-delay:.12s; }
@keyframes pulseDot { 50% { box-shadow:0 0 28px var(--acid); transform:scale(1.25); } }
@keyframes floatCard { 0%,100% { transform:rotate(-10deg) translateY(0); } 50% { transform:rotate(-8.5deg) translateY(-10px); } }
@keyframes floatLabel { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes scanLine { to { left:110%; } }
@media (max-width:800px) { html { font-size:17px; }.shell { width:min(100% - 38px, 600px); }.site-header { padding:22px 0; }.header-link { display:none; }.hero { display:block; min-height:0; padding:70px 0 75px; }.hero h1 { font-size:clamp(3.25rem,16vw,5.8rem); }.hero-intro { font-size:.98rem; }.hero-visual { margin:80px auto 0; max-width:470px; }.story,.feature-section,.steps,.contact-section { padding:95px 0; }.story-grid,.feature-grid,.steps,.contact-section { display:block; }.story-body { margin-top:40px; }.stat-row { margin-top:45px; }.reserved { min-height:170px; }.reserved-inner { min-height:170px; text-align:center; }.feature-card { min-height:500px; margin-top:18px; }.steps-heading { margin-bottom:55px; }.step { grid-template-columns:38px 1fr 20px; }.contact-intro { margin-bottom:55px; }.form-wrap { padding:28px 22px; }.form-grid { display:block; }.form-grid label { display:block; margin-bottom:26px; }.site-footer { align-items:flex-start; flex-wrap:wrap; gap:18px; }.footer-copy { order:3; width:100%; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } body.motion-ready .reveal { opacity:1; transform:none; } }