
:root{color-scheme:dark;--bg:#0d0918;--panel:#151022;--line:#ffffff16;--muted:#aaa3ba;--lavender:#c4b5fd;--violet:#7c3aed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#faf8ff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:#0d0918ed;backdrop-filter:blur(16px)}.nav{max-width:1180px;margin:auto;min-height:77px;display:flex;align-items:center;gap:55px;padding:0 26px}.logo{font-size:19px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:11px}.mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:25px;letter-spacing:-2px;background:linear-gradient(135deg,#bda4fa,#3b5bdb);box-shadow:0 0 25px #bb39ff30}.navlinks{display:flex;gap:28px;font-size:13px;color:#c1b9d0}.navlinks a:hover{color:white}.nav .button{margin-left:auto;padding:12px 19px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:18px 28px;border:1px solid #ffffff0c;border-radius:10px;background:linear-gradient(110deg,#9b77ed,#6047df);box-shadow:0 0 30px #7358e64d;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 40px #7358e680}.button.secondary{background:#130d21;box-shadow:none;border-color:#ffffff15;font-weight:400}.hero{text-align:center;position:relative;padding:55px 24px 0;isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;z-index:-1;inset:-150px -20% 0;background:radial-gradient(ellipse at 17% 28%,#6540ac55,transparent 42%),radial-gradient(ellipse at 82% 36%,#294ec65c,transparent 43%)}.badge{display:inline-flex;align-items:center;gap:10px;font-family:monospace;font-size:10px;letter-spacing:1.6px;color:#d6c7df;border:1px solid #ffffff18;border-radius:30px;padding:10px 15px;background:#ffffff04}.dot{width:6px;height:6px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 10px #c4b5fd}h1{font-size:clamp(43px,6.6vw,83px);line-height:1.08;letter-spacing:-4px;max-width:1150px;margin:31px auto 23px;font-weight:750}.gradient{background:linear-gradient(95deg,#c4b5fd 5%,#9165ed 57%,#6597f5);color:transparent;background-clip:text;-webkit-background-clip:text}.lead{font-size:18px;line-height:1.65;color:#bbb0ce;max-width:580px;margin:0 auto}.actions{display:flex;gap:13px;justify-content:center;margin:29px 0 20px}.micro{color:#9e90ae;font-family:monospace;font-size:11px}.micro b{color:#b6d3c9;font-weight:400}.pillars{display:flex;justify-content:center;gap:48px;padding:30px 0 34px;color:#bbb2ca;font-size:12px}.pillars span{display:flex;align-items:center;gap:9px}.pillars i{color:#b06bed;font-style:normal;font-size:17px}.visual{max-width:1030px;margin:0 auto;text-align:left;background:#100c1b;border:1px solid #ffffff20;border-radius:15px 15px 0 0;box-shadow:0 -5px 70px #b939e515;overflow:hidden}.windowbar{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-family:monospace;color:#8f829f;font-size:10px}.lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#ffffff25}.lights i:first-child{background:#b9a3f5}.concept{font-size:9px;letter-spacing:1px}.visualbody{display:grid;grid-template-columns:180px 1fr;min-height:310px}.sidebar{border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;gap:10px}.sidebar small{font-size:9px;letter-spacing:1.3px;color:#84778f;margin:0 10px 10px}.switch{border:1px solid transparent;background:none;color:#a79bb7;text-align:left;padding:12px;border-radius:7px;cursor:pointer;font-size:12px}.switch[aria-pressed=true]{background:#aa3feb15;border-color:#b946f530;color:#e1b5ff}.canvas{padding:26px 32px}.canvashead{display:flex;align-items:center;justify-content:space-between;gap:15px}.canvas h3{font-size:16px;font-weight:500;margin:0}.tag{font-family:monospace;font-size:9px;letter-spacing:1px;color:#ac87c7}.flow{display:flex;align-items:center;justify-content:center;margin:32px 0 27px;gap:20px}.node{border:1px solid #ffffff19;border-radius:12px;background:#191225;padding:19px 15px;text-align:center;min-width:115px;font-size:11px;color:#c8bdd8}.node strong{display:block;font-size:24px;color:#dab0ff;margin-bottom:10px}.node.center{border-color:#bd52ef65;background:linear-gradient(135deg,#452c8555,#253e7d55);box-shadow:0 0 30px #aa3ce61a}.connector{height:1px;width:40px;background:linear-gradient(90deg,#7655ae,#7395ed);position:relative}.connector:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#a9a0fa}.canvas p{font-size:12px;line-height:1.7;color:#9688a6;margin:0;max-width:570px}.themes{max-width:1080px;margin:auto;padding:35px 24px 45px;text-align:center}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a58bb8}.themeitems{display:flex;justify-content:center;gap:65px;margin-top:25px;font-size:18px;font-weight:600;color:#bcb2ca}.section{max-width:1130px;margin:auto;padding:75px 26px}.section h2{font-size:clamp(32px,4.2vw,51px);letter-spacing:-2px;line-height:1.1;margin:18px 0}.sectionintro{color:var(--muted);line-height:1.7;max-width:560px;font-size:15px}.sectiontop{text-align:center}.sectiontop .sectionintro{margin:0 auto 40px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#1a1533,#110d1c);border-radius:16px;padding:32px;overflow:hidden}.cardnum{font-family:monospace;color:#81718e;font-size:11px}.cardart{height:145px;display:grid;place-items:center;margin:5px 0 23px;position:relative}.rings{width:105px;height:105px;border:1px solid #c04fed80;border-radius:50%;box-shadow:0 0 0 23px #a94be30b,0 0 0 24px #b34ce522,0 0 0 47px #a94be307,0 0 0 48px #b34ce514;display:grid;place-items:center;font-size:43px;color:#b6a2fa}.neural{display:flex;align-items:center;gap:18px}.neural span{width:45px;height:45px;border-radius:10px;display:grid;place-items:center;border:1px solid #b44de24d;color:#d27bef;background:#9233b21a}.neural span:nth-child(2){width:70px;height:70px;font-size:36px;box-shadow:0 0 40px #a436d528}.card h3{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin:15px 0}.card p{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px}.card .eyebrow{color:#c4b5fd}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}.about h2{margin-top:0}.about p{color:var(--muted);font-size:16px;line-height:1.8;margin-top:0}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:16px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#bca4f3}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);line-height:1.8;max-width:720px}.closing{text-align:center;padding:80px 25px 90px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#344fb340,transparent 70%)}.closing h2{font-size:clamp(35px,4.9vw,62px);line-height:1.1;letter-spacing:-2px;margin:20px 0 30px}footer{max-width:1130px;margin:auto;padding:40px 26px 25px;display:flex;justify-content:space-between;align-items:start;gap:25px}footer p{color:#897b99;font-size:12px;line-height:1.8}footer nav{display:flex;gap:24px;color:#b6a9c5;font-size:12px}.copyright{max-width:1078px;margin:0 auto;padding:23px 0;border-top:1px solid var(--line);color:#796b88;font-family:monospace;font-size:10px}.skip{position:absolute;left:12px;top:-100px;background:#6047df;padding:15px;z-index:10}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c4b5fd;outline-offset:5px}@media(max-width:760px){.nav{padding:0 20px;min-height:70px;gap:15px}.logo{font-size:15px}.navlinks{display:none}.nav .button{font-size:11px;padding:10px 12px}.hero{padding-top:42px}h1{letter-spacing:-2px;font-size:clamp(39px,8.5vw,63px)}.lead{font-size:16px}.badge{font-size:8px;letter-spacing:1px}.actions .button{font-size:12px;padding:16px 18px}.pillars{gap:20px;font-size:10px;flex-wrap:wrap}.visualbody{grid-template-columns:1fr}.sidebar{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:5px}.sidebar small{display:none}.switch{font-size:11px;padding:10px}.canvas{padding:22px 16px}.canvashead{align-items:start}.tag{font-size:8px}.flow{gap:8px;margin:27px 0}.node{min-width:0;flex:1;padding:16px 7px;font-size:9px}.node strong{font-size:21px}.connector{width:16px;flex-shrink:0}.canvas p{font-size:11px}.themeitems{gap:20px;font-size:12px;flex-wrap:wrap}.section{padding:50px 22px}.cards{grid-template-columns:1fr}.card{padding:27px}.about{grid-template-columns:1fr;gap:15px}.section h2{letter-spacing:-1.3px}footer{flex-direction:column}.copyright{margin:0 22px}.concept{font-size:8px}summary{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.brand-logo{display:block;width:196px;height:auto}.nav .logo{flex-shrink:0}footer .brand-logo{width:220px}@media(max-width:760px){.nav .brand-logo{width:155px}.nav .button{padding:10px;font-size:10px}}
.explorer-emblem{display:block;width:38px;height:39px;margin:0 auto 10px;object-fit:contain}
.nav{gap:38px}.navlinks a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:8px;text-decoration-color:#a78bfa}.pagehero{padding-bottom:55px}.pagehero h1{font-size:clamp(42px,6vw,72px)}.textlink{display:inline-block;color:#d5c7ff;font-size:14px;margin-top:16px;text-decoration:underline;text-underline-offset:5px}.card ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps .card{padding:26px}.steps h3{font-size:21px}.values{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.values span{padding:12px 16px;border:1px solid var(--line);border-radius:8px;color:#c9bfdb;font-size:14px}.contact-email{font-size:clamp(22px,4vw,38px);letter-spacing:-1px;overflow-wrap:anywhere}.contact-card{max-width:790px;margin:0 auto}.contact-card p{max-width:none}.about .textlink{font-size:16px}.hero .lead{max-width:670px}.closing .lead{margin-bottom:24px}.mobile-menu{display:none}footer nav{flex-wrap:wrap}
@media(max-width:760px){.nav{flex-wrap:wrap;gap:16px;padding:16px 20px}.navlinks{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;padding:4px 0 5px;font-size:13px}.nav .button{margin-left:auto}.steps{grid-template-columns:1fr}.pagehero{padding-bottom:35px}.actions{flex-wrap:wrap}.brand-logo{max-width:100%}.section.about{gap:24px}.contact-card{padding:25px}html{scroll-padding-top:135px}}

/* Readable body copy, labels and controls across all pages. */
:root{--muted:#c4bdd2}
body{font-size:17px;line-height:1.65}
.navlinks{font-size:16px;color:#d6cfe2;gap:24px}
.button,.nav .button{font-size:16px;line-height:1.4;min-height:46px}
.button{background:linear-gradient(110deg,#7550c6,#5440c4)}
.lead{font-size:20px;line-height:1.7;color:#d0c7df}
.sectionintro,.about p,.card p,.card ul,details p{font-size:18px;line-height:1.75}
.card p{max-width:48ch}
.card h3,.steps h3{line-height:1.3}
.badge,.eyebrow,.card .eyebrow,.cardnum{font-size:13px;line-height:1.6;letter-spacing:1.3px;color:#cbb7e4}
.micro{font-size:14px;line-height:1.7;color:#c4b8d1}
.pillars{font-size:16px;color:#d0c6df;flex-wrap:wrap}
.themeitems{color:#d0c6df}
.textlink,.about .textlink,footer nav{font-size:17px;line-height:1.6}
.values span{font-size:17px}
summary{font-size:19px;line-height:1.5}
footer p{font-size:16px;color:#beb3cc}
footer nav{color:#d0c6df}
.copyright{font-size:13px;line-height:1.7;color:#b6a9c5;padding-inline:22px}
.visualbody{grid-template-columns:210px minmax(0,1fr)}
.windowbar,.concept,.sidebar small,.tag{font-size:12px;line-height:1.6;color:#c7b6d5;letter-spacing:.7px}
.windowbar{flex-wrap:wrap;gap:12px}
.switch{font-size:15px;line-height:1.5;min-height:46px;color:#c7bdd7}
.canvas h3{font-size:19px;line-height:1.4}
.canvas p{font-size:16px;line-height:1.75;color:#c4b8d2}
.canvashead{flex-wrap:wrap}
.node{font-size:14px;line-height:1.45;min-width:0;flex:1;overflow-wrap:break-word}
.flow{gap:12px}.connector{width:24px;flex-shrink:0}
@media(max-width:900px){.nav{gap:22px}.navlinks{gap:17px}.visualbody{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:12px}.sidebar small{display:none}}
@media(max-width:760px){
.nav{gap:12px}.nav .button{font-size:15px;padding:11px 14px}.navlinks{font-size:16px;gap:12px}
.lead{font-size:19px}.actions .button{font-size:16px;padding:15px 20px}
.badge,.eyebrow,.card .eyebrow,.cardnum{font-size:13px;letter-spacing:.8px}.badge{max-width:100%;text-align:left}
.pillars{font-size:15px;gap:18px}.themeitems{font-size:17px;gap:20px}
.switch{font-size:15px;padding:11px}.canvas p{font-size:16px}.canvas{padding:24px 18px}
.tag,.concept{font-size:12px}.node{font-size:14px;padding:16px 8px}.flow{gap:7px}.connector{width:12px}
summary{font-size:18px}.card p,.card ul,.about p,.sectionintro,details p{font-size:18px}
}
@media(max-width:380px){.nav .brand-logo{width:140px}.flow{flex-direction:column}.node{width:100%}.connector{width:1px;height:20px}.connector:after{top:auto;bottom:0;right:-2px}.pillars{gap:12px}}
