.arkain-landing{--pink:#e6007a;--pink-2:#ff1e8e;--void:#050508;--deep:#0d0d14;--navy:#111128;--snow:#f5f5f0;--mist:#9b9baa;--line:#ffffff14;--violet:#7c3aed;--violet-2:#a855f7;background:var(--void);color:var(--snow);font-family:var(--font-inter), system-ui, sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}.arkain-landing *,.arkain-landing :before,.arkain-landing :after{box-sizing:border-box}.arkain-landing{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){.arkain-landing,.arkain-landing *,.arkain-landing :before,.arkain-landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.arkain-landing .nav{z-index:100;background:linear-gradient(#0303069e 0%,#03030647 60%,#0000 100%);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 40px;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.arkain-landing .nav.scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050508d9}.arkain-landing .nav-logo{font-family:var(--font-unbounded), sans-serif;letter-spacing:2px;color:var(--snow);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.arkain-landing .nav-logo-text{flex-direction:column;gap:3px;line-height:1;display:flex}.arkain-landing .nav-logo-by{font-family:var(--font-space-mono), monospace;letter-spacing:2.5px;text-transform:uppercase;color:var(--snow);opacity:.92;text-shadow:0 1px 8px #030306f2,0 0 2px #030306e6;font-size:10.5px;font-weight:400}.arkain-landing .nav-logo-dot{background:var(--pink);width:8px;height:8px;box-shadow:0 0 12px var(--pink);border-radius:50%;animation:3s infinite arkain-breathe}@keyframes arkain-breathe{0%,to{box-shadow:0 0 8px var(--pink)}50%{box-shadow:0 0 20px var(--pink), 0 0 40px #e6007a4d}}.arkain-landing .nav-links{align-items:center;gap:32px;list-style:none;display:flex}.arkain-landing .nav-links a{color:var(--mist);letter-spacing:.3px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.arkain-landing .nav-links a:hover{color:var(--snow)}.arkain-landing .nav-cta{background:var(--pink);letter-spacing:.3px;border-radius:40px;padding:9px 22px;box-shadow:0 0 20px #e6007a4d;color:#fff!important;font-weight:600!important;transition:all .18s!important}.arkain-landing .nav-cta:hover{transform:translateY(-1px);background:var(--pink-2)!important;box-shadow:0 0 30px #e6007a80!important}.arkain-landing .hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.arkain-landing .hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.arkain-landing .hero-canvas canvas,.arkain-landing .hero-canvas img{object-fit:cover;will-change:opacity;width:100%;height:100%;transition:opacity 1.2s;display:block;position:absolute;inset:0}.arkain-landing .hero-overlay{background:linear-gradient(#05050866 0%,#05050880 25%,#050508ad 50%,#050508e0 78%,#050508 100%);position:absolute;inset:0}.arkain-landing .hero-center-mask{background:radial-gradient(75% 68%,#030306e0 0%,#03030699 50%,#0000 78%);position:absolute;inset:0}.arkain-landing .hero-content{z-index:2;text-align:center;text-shadow:0 2px 14px #000000b3,0 1px 3px #0009;max-width:820px;padding:0 24px;animation:.6s both arkain-heroIn;position:relative}@keyframes arkain-heroIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.arkain-landing .hero-eyebrow{font-family:var(--font-space-mono), monospace;letter-spacing:4px;text-transform:uppercase;color:var(--snow);text-shadow:0 1px 10px #030306e6,0 0 2px #030306e6;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;font-size:11px;display:flex}.arkain-landing .hero-eyebrow:before,.arkain-landing .hero-eyebrow:after{content:"";background:var(--pink);opacity:.5;flex:1;max-width:40px;height:1px}.arkain-landing .hero-title{font-family:var(--font-unbounded), sans-serif;letter-spacing:-2px;color:var(--snow);margin-bottom:20px;font-size:clamp(42px,8vw,96px);font-weight:900;line-height:.92}.arkain-landing .hero-title .accent{color:var(--pink);text-shadow:0 0 18px #030306f2,0 2px 6px #030306e6,0 0 2px #030306}.arkain-landing .hero-sub{font-family:var(--font-unbounded), sans-serif;color:var(--mist);letter-spacing:-.3px;max-width:580px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:clamp(16px,2.5vw,24px);font-weight:300;line-height:1.4}.arkain-landing .hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.arkain-landing .btn-hero{font-family:var(--font-unbounded), sans-serif;letter-spacing:1px;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:9px;padding:16px 36px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.arkain-landing .btn-hero-primary{background:var(--pink);color:#fff;box-shadow:0 0 #e6007a00}.arkain-landing .btn-hero-primary:hover{background:var(--pink-2);transform:translateY(-2px);box-shadow:0 0 40px #e6007a73}.arkain-landing .btn-hero-secondary{color:var(--snow);-webkit-backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff8c}.arkain-landing .btn-hero-secondary:hover{color:var(--snow);background:#ffffff2e;border-color:#fffc;transform:translateY(-1px)}.arkain-landing .scroll-hint{z-index:2;font-family:var(--font-space-mono), monospace;letter-spacing:3px;color:var(--mist);text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:9px;animation:2s 1.5s both arkain-fadeIn;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.arkain-landing .scroll-line{background:linear-gradient(180deg, var(--mist), transparent);width:1px;height:48px;animation:2s infinite arkain-scrollPulse}@keyframes arkain-scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.6)}}@keyframes arkain-fadeIn{0%{opacity:0}to{opacity:1}}.arkain-landing .marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--deep);padding:14px 0;overflow:hidden}.arkain-landing .marquee-inner{white-space:nowrap;gap:0;width:max-content;animation:30s linear infinite arkain-marquee;display:flex}.arkain-landing .marquee-item{font-family:var(--font-space-mono), monospace;letter-spacing:3px;text-transform:uppercase;color:var(--mist);align-items:center;gap:36px;padding:0 36px;font-size:10px;display:flex}.arkain-landing .marquee-item:after{content:"◆";color:var(--pink);font-size:6px}@keyframes arkain-marquee{to{transform:translate(-50%)}}.arkain-landing section{padding:120px 0}.arkain-landing .wrap{max-width:1080px;margin:0 auto;padding:0 40px}.arkain-landing .wrap-sm{max-width:720px;margin:0 auto;padding:0 40px}.arkain-landing .section-label{font-family:var(--font-space-mono), monospace;letter-spacing:4px;text-transform:uppercase;color:var(--pink);align-items:center;gap:12px;margin-bottom:20px;font-size:10px;display:flex}.arkain-landing .section-label:before{content:"";background:var(--pink);width:24px;height:1px}.arkain-landing .concept{background:var(--void)}.arkain-landing .concept-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.arkain-landing .concept-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-1px;color:var(--snow);margin-bottom:28px;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.1}.arkain-landing .concept-headline .pink{color:var(--pink)}.arkain-landing .concept-body{color:var(--mist);margin-bottom:20px;font-size:16px;line-height:1.8}.arkain-landing .concept-body strong{color:var(--snow);font-weight:500}.arkain-landing .concept-questions{border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:0;display:flex;overflow:hidden}.arkain-landing .cq{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:18px 22px;transition:background .15s;display:flex}.arkain-landing .cq:last-child{border-bottom:none}.arkain-landing .cq:hover{background:#e6007a0a}.arkain-landing .cq-mark{font-family:var(--font-unbounded), sans-serif;color:var(--pink);flex-shrink:0;margin-top:2px;font-size:20px;line-height:1}.arkain-landing .cq-text{color:#f5f5f0a6;font-size:15px;line-height:1.5}.arkain-landing .how{background:var(--deep)}.arkain-landing .how-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-1px;text-align:center;margin-bottom:72px;font-size:clamp(28px,3.5vw,44px);font-weight:700}.arkain-landing .how-headline span{color:var(--pink)}.arkain-landing .flow-steps{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:0;display:flex;position:relative}.arkain-landing .flow-step{text-align:center;flex:0 0 180px;position:relative}.arkain-landing .flow-step-connector{background:linear-gradient(90deg, var(--pink), var(--violet));opacity:.35;height:1px;position:absolute;top:32px;left:calc(50% + 44px);right:calc(44px - 50%)}.arkain-landing .flow-step:last-child .flow-step-connector{display:none}.arkain-landing .flow-icon{z-index:1;background:#e6007a14;border:1px solid #e6007a33;border-radius:4px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:26px;transition:all .2s;display:flex;position:relative}.arkain-landing .flow-step:hover .flow-icon{border-color:var(--pink);background:#e6007a29;transform:translateY(-4px);box-shadow:0 8px 28px #e6007a40}.arkain-landing .flow-name{font-family:var(--font-unbounded), sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--snow);margin-bottom:8px;font-size:11px;font-weight:600}.arkain-landing .flow-desc{color:var(--mist);padding:0 8px;font-size:12px;line-height:1.55}.arkain-landing .data-art{background:var(--void)}.arkain-landing .da-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.arkain-landing .da-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-1px;color:var(--snow);margin-bottom:16px;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.15}.arkain-landing .da-headline span{color:var(--pink)}.arkain-landing .da-sub{color:var(--mist);margin-bottom:36px;font-size:15px;line-height:1.7}.arkain-landing .da-rows{flex-direction:column;gap:0;display:flex}.arkain-landing .da-row{border-bottom:1px solid var(--line);grid-template-columns:160px 24px 1fr;align-items:center;gap:0;padding:14px 0;display:grid}.arkain-landing .da-row:last-child{border-bottom:none}.arkain-landing .da-data{font-family:var(--font-space-mono), monospace;color:var(--snow);letter-spacing:.3px;font-size:11px;font-weight:700}.arkain-landing .da-arrow{color:var(--pink);text-align:center;font-size:12px}.arkain-landing .da-visual{color:var(--mist);padding-left:12px;font-size:13px}.arkain-landing .da-canvas-wrap{box-shadow:0 0 0 1px var(--line), 0 32px 80px #0009;aspect-ratio:1;border-radius:4px;position:relative;overflow:hidden}.arkain-landing .da-canvas-wrap canvas,.arkain-landing .da-canvas-wrap img{object-fit:cover;width:100%;height:100%;display:block}.arkain-landing .da-canvas-caption{font-family:var(--font-space-mono), monospace;color:#f5f5f04d;letter-spacing:1px;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.arkain-landing .features{background:var(--navy)}.arkain-landing .features-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-1px;text-align:center;margin-bottom:64px;font-size:clamp(26px,3vw,40px);font-weight:700}.arkain-landing .features-headline span{color:var(--pink)}.arkain-landing .feat-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.arkain-landing .feat-card{background:var(--navy);z-index:0;padding:36px 32px;transition:background .18s,transform .18s,box-shadow .18s;position:relative}.arkain-landing .feat-card:hover{z-index:1;background:#e6007a0a;transform:translateY(-2px);box-shadow:0 12px 32px #00000059}.arkain-landing .feat-icon{margin-bottom:20px;font-size:28px;display:block}.arkain-landing .feat-title{font-family:var(--font-unbounded), sans-serif;color:var(--snow);letter-spacing:-.3px;margin-bottom:10px;font-size:15px;font-weight:600}.arkain-landing .feat-body{color:var(--mist);font-size:14px;line-height:1.65}.arkain-landing .manifesto{background:radial-gradient(ellipse 60% 45% at 50% 30%, #7c3aed24 0%, transparent 70%), var(--void);text-align:center}.arkain-landing .manifesto-pre{font-family:var(--font-space-mono), monospace;letter-spacing:4px;text-transform:uppercase;color:var(--pink);margin-bottom:32px;font-size:10px}.arkain-landing .manifesto-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-2px;color:var(--snow);max-width:780px;margin:0 auto 32px;font-size:clamp(32px,5vw,68px);font-weight:900;line-height:1}.arkain-landing .manifesto-headline .pink{color:var(--pink)}.arkain-landing .manifesto-body{color:var(--mist);max-width:560px;margin:0 auto 56px;font-size:17px;line-height:1.8}.arkain-landing .chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:64px;display:flex}.arkain-landing .chain-step{font-family:var(--font-unbounded), sans-serif;letter-spacing:1px;color:var(--mist);border:1px solid var(--line);white-space:nowrap;border-radius:2px;padding:10px 18px;font-size:11px;font-weight:600;transition:all .18s}.arkain-landing .chain-step:hover{color:var(--snow);border-color:#fff3;transform:translateY(-2px)}.arkain-landing .chain-arrow{color:#e6007a66;padding:0 4px;font-size:12px}.arkain-landing .gallery{background:var(--deep);overflow:hidden}.arkain-landing .gallery-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-1px;text-align:center;margin-bottom:16px;font-size:clamp(24px,3vw,38px);font-weight:700}.arkain-landing .gallery-sub{text-align:center;color:var(--mist);margin-bottom:52px;font-size:15px}.arkain-landing .gallery-grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.arkain-landing .gallery-cell{aspect-ratio:1;background:var(--void);transition:transform .2s;position:relative;overflow:hidden}.arkain-landing .gallery-cell:hover{z-index:2;transform:scale(1.02)}.arkain-landing .gallery-cell canvas,.arkain-landing .gallery-cell img{object-fit:cover;width:100%;height:100%;display:block}.arkain-landing .gallery-cell .gallery-skeleton{background:linear-gradient(100deg, var(--void) 40%, #ffffff0a 50%, var(--void) 60%);background-size:200% 100%;animation:1.6s ease-in-out infinite gallery-shimmer;position:absolute;inset:0}@keyframes gallery-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.arkain-landing .gallery-theme{font-family:var(--font-space-mono), monospace;letter-spacing:1.5px;color:#f5f5f04d;text-transform:uppercase;font-size:8px;position:absolute;top:8px;right:10px}.arkain-landing .cta-section{background:var(--pink);text-align:center;padding:100px 0}.arkain-landing .cta-headline{font-family:var(--font-unbounded), sans-serif;letter-spacing:-1.5px;color:#fff;margin-bottom:16px;font-size:clamp(28px,4.5vw,58px);font-weight:900;line-height:1}.arkain-landing .cta-sub{color:#ffffffbf;margin-bottom:44px;font-size:17px}.arkain-landing .btn-cta-white{font-family:var(--font-unbounded), sans-serif;letter-spacing:1px;color:var(--pink);background:#fff;border-radius:4px;align-items:center;gap:9px;padding:16px 40px;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 0 #fff0}.arkain-landing .btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 12px 36px #0003}.arkain-landing .btn-cta-outline{font-family:var(--font-unbounded), sans-serif;letter-spacing:1px;color:#fff;background:0 0;border:1.5px solid #ffffff80;border-radius:4px;align-items:center;gap:8px;padding:15px 28px;font-size:12px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.arkain-landing .btn-cta-outline:hover{border-color:#fff;transform:translateY(-1px)}.arkain-landing .cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.arkain-landing footer{background:var(--void);border-top:1px solid var(--line);padding:48px 0}.arkain-landing .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.arkain-landing .footer-logo{font-family:var(--font-unbounded), sans-serif;letter-spacing:2px;color:var(--snow);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.arkain-landing .footer-logo-dot{background:var(--pink);width:6px;height:6px;box-shadow:0 0 8px var(--pink);border-radius:50%}.arkain-landing .footer-note{font-family:var(--font-space-mono), monospace;letter-spacing:1px;color:var(--mist);font-size:10px}.arkain-landing .footer-links{font-family:var(--font-space-mono), monospace;letter-spacing:1px;align-items:center;gap:16px;font-size:10px;display:flex}.arkain-landing .footer-links a{color:var(--mist);text-decoration:none;transition:color .15s}.arkain-landing .footer-links a:hover{color:var(--pink)}.arkain-landing .how-made{background:var(--deep)}.arkain-landing .how-made-intro{font-family:var(--font-unbounded), sans-serif;letter-spacing:-.5px;color:var(--snow);text-align:center;max-width:640px;margin:0 auto 16px;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.35}.arkain-landing .how-made-body{color:var(--mist);text-align:center;max-width:560px;margin:0 auto 40px;font-size:16px;line-height:1.7}.arkain-landing .how-made-list{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.arkain-landing .how-made-item{background:var(--deep);flex-direction:column;gap:6px;padding:20px 18px;display:flex}.arkain-landing .how-made-signal{font-family:var(--font-space-mono), monospace;letter-spacing:1px;text-transform:uppercase;color:var(--pink);font-size:10px}.arkain-landing .how-made-visual{color:var(--snow);font-size:14px;line-height:1.4}.arkain-landing .how-made-privacy{font-family:var(--font-space-mono), monospace;letter-spacing:.3px;color:var(--mist);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.arkain-landing .how-made-methodology-link{text-align:center;font-family:var(--font-space-mono), monospace;letter-spacing:.5px;color:var(--pink);margin-top:14px;font-size:11px;text-decoration:none;display:block}.arkain-landing .how-made-methodology-link:hover{text-decoration:underline}@media (max-width:900px){.arkain-landing .concept-grid,.arkain-landing .da-grid{grid-template-columns:1fr;gap:48px}.arkain-landing .flow-steps{flex-wrap:wrap;gap:32px}.arkain-landing .flow-step{flex:0 0 140px}.arkain-landing .feat-grid{grid-template-columns:1fr 1fr}.arkain-landing .gallery-grid{grid-template-columns:repeat(2,1fr)}.arkain-landing .nav-links{display:none}.arkain-landing .how-made-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.arkain-landing .hero-eyebrow{letter-spacing:1.5px;white-space:nowrap;gap:8px;font-size:10px}.arkain-landing .hero-eyebrow:before,.arkain-landing .hero-eyebrow:after{display:none}.arkain-landing .wrap,.arkain-landing .wrap-sm{padding:0 20px}.arkain-landing section{padding:80px 0}.arkain-landing .feat-grid{grid-template-columns:1fr}.arkain-landing .gallery-grid{grid-template-columns:repeat(2,1fr)}.arkain-landing .flow-steps{gap:24px}.arkain-landing .flow-step{flex:0 0 120px}.arkain-landing .hero-title{letter-spacing:-1px}.arkain-landing .how-made-list{grid-template-columns:1fr}}