/* ARYSBAY premium preview — original CSS artwork, no external images/fonts */
:root{
--bg:#050b0e;--panel:#07161a;--panel-2:#09191c;--edge:#1c393b;--text:#f5f7f1;--muted:#a2b5ae;
--acid:#82fd60;--cyan:#55e4ef;--gold:#e7bd76;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
h1,h2,h3,p{margin:0} .skip{position:absolute;left:-9999px;background:#fff;color:#000;padding:12px;z-index:20}.skip:focus{left:12px;top:12px}
.site-header{height:80px;position:relative;z-index:10;display:flex;align-items:center;gap:35px;padding:0 clamp(18px,5vw,82px);background:#030b0d;border-bottom:1px solid #1b2b2f;box-shadow:0 0 50px #0007}
.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;line-height:1}
.brand-mark{font-size:2.5rem;letter-spacing:-.19em;font-weight:900;font-style:italic;color:#fbffff;position:relative;width:55px;display:inline-block;transform:skew(-9deg)}
.slash-mark{position:absolute;width:37px;height:5px;background:var(--acid);left:15px;top:26px;transform:rotate(-12deg);box-shadow:0 0 13px #85f867a8}
.brand-word{font-size:1.25rem;font-weight:850;letter-spacing:.22em}
.brand-mini{display:block;font-size:.46rem;font-weight:650;letter-spacing:.33em;color:#b8c9c9;margin-top:7px}
.menu{display:flex;gap:4px;margin:auto;align-items:center}
.menu a{font-size:.82rem;font-weight:660;color:#d7dfdd;padding:12px 15px;border:1px solid transparent;border-radius:12px;white-space:nowrap;transition:.2s ease}
.menu a:hover,.menu a.is-current{border-color:#315941;color:var(--acid);background:#0a1d19}
.nav-right{display:flex;align-items:center;gap:22px}
.lang{display:flex;gap:11px;align-items:center;font-size:.76rem;font-weight:800}
.lang a{color:#b1b8b6}.lang a[aria-current=page]{color:var(--acid)}.lang span{color:#475e56}
.header-cta{display:inline-flex;gap:15px;align-items:center;border:1px solid #579c55;border-radius:13px;padding:12px 18px;font-size:.81rem;font-weight:750;color:#f4fbf5}
.header-cta:hover{background:#12341f}
.hero{min-height:690px;position:relative;isolation:isolate;overflow:hidden;background:
 radial-gradient(ellipse at 72% 27%,#12607942 0%,transparent 42%),
 radial-gradient(ellipse at 87% 55%,#3da35025,transparent 35%),
 linear-gradient(102deg,#040d10 6%,#061922 57%,#031219 100%)}
.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#b7edfcb3 .75px,transparent 1px),radial-gradient(#c4f2db90 .6px,transparent 1px);background-size:67px 67px,109px 109px;background-position:0 0,39px 56px;opacity:.43}
.hero:after{content:"";pointer-events:none;position:absolute;width:680px;height:680px;right:-18%;top:-47%;border:2px solid #5ffb6830;border-radius:50%;box-shadow:0 0 100px #6fff6034,0 0 200px #6fff6020;transform:rotate(-21deg)}
.hero-content{position:relative;z-index:4;margin:0 auto;padding:83px clamp(18px,5vw,82px) 165px;max-width:1600px}
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#b7cbbf;letter-spacing:.28em;font-size:.7rem;font-weight:750;margin-bottom:28px}
.pulse{display:block;width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px #8efa7630,0 0 18px var(--acid)}
h1{font-size:clamp(4.6rem,9.5vw,10.8rem);line-height:.94;letter-spacing:-.095em;font-weight:850;position:relative;max-width:900px;text-shadow:0 6px 50px #0008}
h1>span{color:var(--acid)}
.hero-lead{font-size:clamp(1.48rem,3.05vw,2.65rem);font-weight:670;line-height:1.22;letter-spacing:-.055em;max-width:910px;margin:21px 0 18px;position:relative;text-shadow:0 2px 14px #000}
.hero-lead span,h2 em{font-style:normal;color:var(--acid)}
.hero-description{max-width:630px;font-size:clamp(.97rem,1.26vw,1.15rem);line-height:1.68;color:#d2e1dc;text-shadow:0 2px 10px #000}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.btn{border-radius:30px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:750;font-size:.88rem;min-height:50px;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn b{font-size:1.15rem}.btn-primary{background:var(--acid);color:#041208;box-shadow:0 9px 40px #6fe6532c}
.btn-primary span{font-size:.8rem}.btn-outline{border:1px solid #7cdc80;color:#f4fff4;background:#0b1614b0;backdrop-filter:blur(10px)}
.btn-outline:hover{background:#103e2d}
.hero-note{font-size:.73rem;color:#a9bdbe;margin-top:24px;max-width:580px;line-height:1.5}
.planet-wrap{position:absolute;right:-115px;top:13px;height:635px;width:735px;z-index:1;pointer-events:none}
.orbital{width:100%;height:100%;position:relative}.earth{position:absolute;top:0;right:0;width:100%;height:100%;filter:drop-shadow(0 0 30px #1fa8cf75);opacity:.86}
.planet-aura{position:absolute;width:550px;height:550px;border-radius:50%;right:95px;top:40px;background:radial-gradient(circle,#1be0c31e 0%,#26b6dc1e 30%,#126cf01a 52%,transparent 65%);filter:blur(20px)}
.ring{position:absolute;border:2px solid #55f48a4d;border-radius:50%;width:685px;height:256px;right:22px;top:192px;transform:rotate(-27deg)}
.ring-two{border-color:#29a8f93c;transform:rotate(29deg);height:205px;top:213px}
.ring-three{border-color:#81fb6533;transform:rotate(-67deg);width:500px;height:450px;right:123px;top:90px}
.mountains{position:absolute;bottom:23px;left:0;width:100%;height:276px;z-index:2;opacity:.88;pointer-events:none}
.hero-bottom{position:absolute;z-index:4;bottom:0;left:clamp(18px,5vw,82px);right:clamp(18px,5vw,82px);border-top:1px solid #44707878;padding:15px 0 18px;display:flex;justify-content:space-between;gap:20px;font-size:.57rem;letter-spacing:.19em;color:#adcbcb}
.section-shell{padding:100px clamp(18px,5vw,82px);max-width:1700px;margin:auto}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}
.section-label{color:var(--acid);font-size:.71rem;letter-spacing:.25em;font-weight:800;margin-bottom:18px}
h2{font-size:clamp(2.65rem,5.4vw,5.55rem);letter-spacing:-.07em;line-height:1.01;font-weight:770}
.section-heading>p{max-width:380px;line-height:1.65;color:var(--muted);font-size:.95rem;margin-bottom:7px}
.projects{background:radial-gradient(ellipse at 48% -10%,#164d4754,transparent 54%);max-width:none}
.projects>.section-heading,.projects>.projects-grid,.projects>.fineprint,.projects>.stats{max-width:1500px;margin-left:auto;margin-right:auto}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.project{background:linear-gradient(160deg,#0d282e,#071416);border:1px solid #305057;border-radius:18px;min-width:0;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.project:hover{transform:translateY(-5px);border-color:#5ccf82;box-shadow:0 14px 45px #0007}
.project-art{height:165px;position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 75%,#2b666b 0%,#091c28 43%,#061016 100%)}
.project-art:before{content:"";position:absolute;inset:-150px;background:repeating-conic-gradient(from 35deg,#7ce7e20c 0deg 8deg,transparent 8deg 24deg);opacity:.8}
.project-art:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,#07191aeb);z-index:3}
.project-gridline{position:absolute;inset:0;background-image:linear-gradient(#77d8c617 1px,transparent 1px),linear-gradient(90deg,#77d8c617 1px,transparent 1px);background-size:24px 24px;transform:perspective(250px) rotateX(43deg) scale(1.25);opacity:.7}
.art-symbol{font-size:7.2rem;line-height:1;color:#89ffd4;text-shadow:0 0 18px #55fbd1a0,0 0 55px #4cddcb90;z-index:2;font-weight:400}
.art-orbit{position:absolute;border:1px solid #6ceacf7a;width:280px;height:110px;border-radius:50%;transform:rotate(-29deg);z-index:1}
.art-orbit-two{transform:rotate(39deg);width:220px;height:145px;border-color:#5a9dc36e}
.project--desk .project-art{background:radial-gradient(circle at 42% 65%,#6e493b,#211c23 52%,#0b1317)}
.project--desk .art-symbol{color:#ffd7b8;text-shadow:0 0 35px #ffc18b80}
.project--library .project-art{background:radial-gradient(circle at 50% 70%,#16566c,#071d25 56%,#071215)}
.project--space .project-art{background:radial-gradient(circle at 60% 75%,#27519d,#112c4a 50%,#050e18)}
.project--space .art-symbol{color:#68cafa;text-shadow:0 0 35px #55aafcaa}
.project--lab .project-art{background:radial-gradient(circle at 50% 72%,#246b3b,#09241f 50%,#071412)}
.project--lab .art-symbol{color:#9aff97;text-shadow:0 0 35px #73f85892}
.project--chronicle .project-art{background:radial-gradient(circle at 50% 70%,#6c5e39,#292d27 50%,#111815)}
.project--chronicle .art-symbol{color:#f7db9d;text-shadow:0 0 35px #e9c26da2}
.project-info{padding:20px 23px 22px;display:flex;flex-direction:column;min-height:225px}
.project-code{font-size:.6rem;letter-spacing:.14em;color:#7dea9b;font-weight:780}
.project-info h3{font-size:clamp(1.6rem,2.25vw,2.15rem);letter-spacing:-.055em;margin:11px 0 9px}
.project-info p{font-size:.88rem;line-height:1.6;color:#c0d2cd;min-height:55px}
.project-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3d6261;padding-top:13px;margin-top:auto;color:#9df8a5;font-size:.75rem;font-weight:780;gap:12px}
.project-action span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #5bca71;border-radius:50%;font-size:1rem;flex-shrink:0}
.fineprint{color:#8daca4;font-size:.77rem;line-height:1.6;margin-top:20px;margin-bottom:25px}
.stats{border-top:1px solid #2c4a49;border-bottom:1px solid #2c4a49;display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;padding:24px 0;gap:10px}
.stat{display:flex;align-items:baseline;gap:12px;border-right:1px solid #294844;padding:0 18px}
.stat:first-child{padding-left:0}.stat:last-child{border-right:0}
.stat strong{font-size:2.5rem;color:var(--acid);line-height:1;font-weight:830;letter-spacing:-.07em}
.stat span{font-size:1rem;font-weight:740}.stat small{font-size:.65rem;color:#8aa99f}
.principles{padding-top:88px;padding-bottom:108px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step{padding:26px;border-top:1px solid #417165;background:linear-gradient(180deg,#0d201caa,transparent);min-height:210px}
.step>span{color:var(--acid);font-size:.9rem;letter-spacing:.16em}.step h3{margin:45px 0 12px;font-size:1.65rem;letter-spacing:-.055em}
.step p{color:#aebfba;font-size:.93rem;line-height:1.62}
.founder{display:grid;grid-template-columns:48% 52%;gap:0;padding:0;margin:0 auto 85px;max-width:1500px;border:1px solid #2b625a;border-radius:24px;overflow:hidden;min-height:405px;background:radial-gradient(ellipse at 90% 110%,#165a45a0,transparent 45%),#071719}
.founder-landscape{position:relative;min-height:410px;overflow:hidden;background:linear-gradient(180deg,#182d43 0%,#44555f 46%,#837156 63%,#0b2b25 100%)}
.founder-landscape:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 64% 35%,transparent 0 10%,#05101470 65%,#020d0fb0 100%)}
.landscape-sun{position:absolute;width:180px;height:180px;border-radius:50%;top:22%;left:52%;background:radial-gradient(circle,#fff0c0 0%,#ffcb83 24%,#f4af5b9e 43%,transparent 71%);filter:blur(8px)}
.landscape-ridge{position:absolute;bottom:0;left:-15%;width:145%;height:65%;display:block;clip-path:polygon(0 70%,14% 48%,26% 62%,40% 18%,51% 45%,60% 28%,73% 55%,83% 19%,100% 63%,100% 100%,0 100%)}
.landscape-ridge-a{background:#1b3635;transform:translateY(5%)}.landscape-ridge-b{background:#0b2528;transform:scaleX(1.15) translateY(31%)}.landscape-ridge-c{background:#081719;transform:scaleX(-1) translateY(51%)}
.founder-sigil{font-size:17rem;letter-spacing:-.13em;font-weight:850;font-style:italic;color:#f1faf3a1;position:absolute;z-index:2;bottom:-60px;left:14%;text-shadow:0 0 45px #7cead382}
.founder-copy{padding:50px clamp(24px,4vw,75px)}
.founder-copy h2{font-size:clamp(2.5rem,4.2vw,4.7rem);margin-bottom:25px}
.founder-copy>p:not(.section-label){font-size:.96rem;line-height:1.7;color:#c0d1cb;margin-bottom:15px}
.founder-button{margin-top:12px}
footer{padding:26px clamp(18px,5vw,82px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #254244;font-size:.75rem;color:#97b0aa}
.footer-brand{font-size:1.15rem;letter-spacing:.17em;font-weight:900;color:#f4f8f1}
.footer-brand span{color:var(--acid)}
.preview-note{max-width:1600px;margin:auto;padding:0 20px 26px;text-align:center;color:#617d79;font-size:.63rem}
@media(max-width:1240px){
.menu a{padding:11px 8px}.site-header{gap:16px}.nav-right{gap:12px}
.hero-content{padding-top:100px}.planet-wrap{right:-240px;opacity:.83}
.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1000px){
.menu{display:none}.nav-right{margin-left:auto}.hero-content{padding-top:88px}
.planet-wrap{right:-295px;opacity:.56}.hero-description{max-width:560px}
.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{flex-wrap:wrap;gap:5px}.stat small{width:100%}
.founder{margin-left:18px;margin-right:18px}.founder-copy{padding:35px}
}
@media(max-width:680px){
.site-header{height:72px;padding:0 17px;gap:10px}.brand{gap:5px}.brand-mark{font-size:2rem;width:40px}
.slash-mark{width:27px;left:10px;top:20px;height:4px}.brand-word{font-size:.85rem;letter-spacing:.12em}.brand-mini{font-size:.33rem;letter-spacing:.11em}.header-cta{display:none}
.hero{min-height:700px}.hero-content{padding:72px 18px 225px}
.eyebrow{font-size:.54rem;letter-spacing:.14em;margin-bottom:20px}
h1{font-size:clamp(3.5rem,13.6vw,6rem);overflow-wrap:break-word}
.hero-lead{font-size:clamp(1.48rem,5.7vw,2.3rem);line-height:1.21;max-width:100%;margin:20px 0 15px}
.hero-description{font-size:.93rem;max-width:100%;line-height:1.65}.hero-note{font-size:.68rem;max-width:360px}
.actions{gap:9px;margin-top:25px}.btn{padding:13px 15px;font-size:.76rem;min-height:47px}
.planet-wrap{right:-215px;top:346px;width:600px;height:600px;opacity:.47}
.mountains{height:170px;bottom:12px}.hero-bottom{bottom:0;left:18px;right:18px;font-size:.45rem;letter-spacing:.09em}
.hero-bottom span:nth-child(2){display:none}
.section-shell{padding:75px 18px}.section-heading{display:block;margin-bottom:29px}
h2{font-size:clamp(2.5rem,9vw,3.7rem)}.section-heading>p{margin-top:17px;font-size:.92rem}
.projects-grid{grid-template-columns:1fr;gap:13px}.project-art{height:165px}.project-info{min-height:210px}
.project-info h3{font-size:2rem}.stats{grid-template-columns:1fr;gap:0}
.stat{padding:16px 0;border-right:0;border-bottom:1px solid #294844}.stat:last-child{border:0}
.stat small{width:auto}.principles{padding-top:65px}.steps{grid-template-columns:1fr;gap:10px}.step{min-height:0}
.step h3{margin-top:28px}.founder{grid-template-columns:1fr;margin:0 18px 55px;min-height:0}
.founder-landscape{min-height:260px}.founder-copy{padding:32px 23px 37px}.founder-copy h2{font-size:2.8rem}
footer{padding:24px 18px;flex-wrap:wrap}.footer-brand{flex-basis:100%}.preview-note{text-align:left;padding-bottom:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.project{transition:none}.btn:hover,.project:hover{transform:none}}