/* A calmer headline, clear reading order and a little light in the dark. */
#top.hero{min-height:clamp(510px,43cqw,620px);height:auto;max-height:none;background:var(--bg)}
#top .hero-copy{padding-top:6.6cqw;padding-bottom:5.2cqw}
#top .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;color:#c9cca5}
#top .eyebrow:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#d7dfa2;box-shadow:0 0 16px #d7dfa266}
#top h1,html[lang=sq] #top h1{font-size:clamp(32px,4.35cqw,62px);line-height:1.14;letter-spacing:-.055em;max-width:53cqw;margin:26px 0 27px;font-weight:300}
#top h1 em{color:#d7dfa2;font-size:1.06em;font-style:normal;text-shadow:0 0 45px #d7dfa20b}
#top .statement,html[lang=sq] #top .statement{max-width:38cqw;font-size:clamp(15px,1.35cqw,19px);line-height:1.65;letter-spacing:-.02em;margin:0;color:#d3d5ca}
#top .description,html[lang=sq] #top .description{max-width:37cqw;font-size:clamp(12px,1cqw,14px);line-height:1.8;margin:17px 0 0;color:#999f94;letter-spacing:0}
#top .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:29px}
#top .hero-actions .discover,#top .hero-actions .official-hero-call{margin:0;min-height:44px;padding:10px 0;font-size:13px;line-height:1.4;gap:20px;align-items:center}
#top .hero-actions .discover{border-bottom-color:#d7dfa2;color:#d7dfa2}
#top .hero-actions .official-hero-call{font-size:12px;color:#c6c7b9;border-bottom-color:#858c674d}
#top .hero-actions .link-arrow{width:17px;height:17px;transition:transform .3s ease}
#top .hero-actions .discover:hover .link-arrow{transform:translate(3px,-3px)}
#top .hero-actions :focus-visible{outline:1px solid #d7dfa2;outline-offset:6px}
#top .hero-threads{opacity:.42}
#top .hero-threads path:first-child{stroke:#d7dfa2;stroke-width:.8;stroke-dasharray:110 1050;animation:hero-light 12s linear infinite;opacity:.75}
#top .hero-threads path:nth-child(2){stroke:#a6d6c5;opacity:.23}
#top .hero-threads path:nth-child(3){stroke:#e5c3a5;opacity:.18}
#top .founder-caption{font-size:8px;letter-spacing:.17em}
#top .founder-caption span{font-size:20px}
@keyframes hero-light{from{stroke-dashoffset:1160}to{stroke-dashoffset:0}}
@media(max-width:640px){
 #top.hero{min-height:0}
 #top .hero-copy{padding-top:30px;padding-bottom:28px}
 #top .eyebrow{font-size:8px;letter-spacing:.17em;gap:9px}
 #top h1,html[lang=sq] #top h1{max-width:100%;font-size:clamp(24px,6.7cqw,38px);line-height:1.22;letter-spacing:-.045em;margin:22px 0 26px}
 #top h1 em{font-size:1.12em}
 #top .statement,html[lang=sq] #top .statement{width:52%;max-width:none;font-size:13px;line-height:1.65;letter-spacing:-.01em;margin:0}
 #top .description,html[lang=sq] #top .description{width:52%;max-width:none;font-size:11px;line-height:1.75;margin-top:14px}
 #top .hero-art.hero-portrait{inset:139px -6% 78px 47%;opacity:1}
 #top .hero-portrait img{object-position:50% 8%}
 #top .hero-art.hero-portrait:after{background:linear-gradient(90deg,var(--bg),transparent 20%,transparent 86%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 24%,transparent 87%,var(--bg))}
 #top .hero-actions{gap:18px;margin-top:27px;flex-wrap:wrap;position:relative;z-index:2}
 #top .hero-actions .discover,#top .hero-actions .official-hero-call{font-size:11px;min-height:44px;gap:11px}
 #top .hero-actions .link-arrow{width:14px;height:14px}
 #top .founder-caption{right:5.5%;bottom:90px;font-size:6px;letter-spacing:.09em;max-width:39%}
 #top .founder-caption span{font-size:15px;margin-bottom:4px}
 #top .hero-threads{inset:120px -10% 35px 28%;width:85%;height:calc(100% - 155px);opacity:.3}
}
@media(prefers-reduced-motion:reduce){#top .hero-threads path,#top .hero-actions .link-arrow{animation:none!important;transition:none!important}#top .hero-threads path:first-child{stroke-dasharray:none;opacity:.25}}