/* epp.nrw | intentionally independent, readable and framework-free. */
:root{color-scheme:dark;--bg:#071117;--bg2:#09161e;--panel:#0e1b24;--panel2:#111f29;--border:#22313d;--border2:#294353;--ink:#eef6f9;--muted:#9fb0bf;--muted2:#778f9d;--cyan:#26cfeb;--cyan2:#55deef;--warm:#f4bf66;--green:#68e6aa;--radius:16px;--max:1180px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;letter-spacing:-.01em;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 15% 3%,rgba(28,88,109,.095),transparent 38%);pointer-events:none;z-index:-1}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::selection{background:#145263;color:white}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%}img{display:block}p{margin:0 0 1em}strong{font-weight:700;color:#f4fbff}h1,h2,h3{line-height:1.13;letter-spacing:-.048em;font-weight:750;margin:0}h1{font-size:clamp(3.8rem,6.6vw,6.8rem)}h2{font-size:clamp(2.05rem,3.6vw,3.4rem)}h3{font-size:1.35rem}main{display:block}.container{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:14px;top:-90px;z-index:200;background:var(--cyan);color:#001119;padding:12px 18px;border-radius:6px}.skip-link:focus{top:14px}.icon{flex-shrink:0}.mono,.eyebrow,.brand-mark,.keyhint,.tiny-codes,.route,.tags,.tech-pill,.code-window,.easter,.hero-hint,.term-answer,.terminal-card{font-family:var(--mono)}.muted{color:var(--muted2)}.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--cyan);line-height:1.5}.eyebrow.warm{color:var(--warm)}.text-gradient{color:var(--cyan2)}.sun-text{color:var(--warm)}.accent-period{color:var(--cyan)}.cyan-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan)}
/* Header and navigation */
.site-header{position:sticky;top:0;z-index:80;background:rgba(5,13,19,.89);border-bottom:1px solid rgba(65,94,110,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:-.055em}.brand-mark{font-size:25px;line-height:1;letter-spacing:-.12em;color:var(--cyan);font-weight:400}.brand-mark b{font-weight:400;color:var(--cyan)}.brand-dot{color:var(--cyan)}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2.25vw,35px);margin-left:auto}.nav-link{font-size:14px;color:#adbfca;padding:29px 0 27px;position:relative;transition:color .2s}.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-link.active,.nav-link:hover{color:white}.nav-link.active::after,.nav-link:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:6px}.icon-button{height:38px;min-width:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a9becb;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color .2s,border-color .2s,background .2s}.icon-button:hover{color:var(--cyan);background:#112630;border-color:#2f5865}.keyhint{font-size:11px;color:#5e818f}.nav-toggle{display:none}.mobile-nav{display:none}
/* Shared typography and components */
.section{padding:96px 0;border-bottom:1px solid rgba(71,100,113,.14)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:34px}.section-heading h2{margin-top:18px}.section-heading>p{width:min(390px,100%);color:var(--muted);font-size:15px;margin:0 0 5px}.button-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:11px 20px;border-radius:8px;border:1px solid transparent;font-weight:700;letter-spacing:-.01em;font-size:14px;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(125deg,#1ae0fb,#12b9de);color:#021820;box-shadow:0 6px 35px rgba(15,207,231,.17)}.button.primary:hover{box-shadow:0 8px 36px rgba(15,207,231,.31);background:linear-gradient(125deg,#72eeff,#23d2ec)}.button.secondary{border-color:#4d6271;background:#0d1c25;color:#e3f0f7}.button.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.button.soft{background:#5d471f;color:#fff2d5;border-color:#8d6830}.button.soft:hover{background:#826029}.text-link{color:var(--cyan);font-weight:700;display:inline-flex;gap:12px;align-items:center;font-size:14px;transition:gap .2s}.text-link:hover{gap:18px}.circle-arrow{border:1px solid rgba(47,190,215,.7);border-radius:50%;width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan);transition:background .2s,transform .2s}.reveal{transition:transform .65s ease,opacity .65s ease}.js-ready .reveal:not(.is-visible){opacity:0;transform:translateY(14px)}.is-visible{opacity:1;transform:none}
/* Home hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 31%,#0d2a3d 0,transparent 55%),linear-gradient(125deg,#071117,#0a1520 70%,#060e14)}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#72afc5 .45px,transparent .45px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 24%,#000 100%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:18px;align-items:center;min-height:680px}.hero-copy{padding:79px 0 55px;position:relative;z-index:2}.pretitle{margin-bottom:25px;color:#b2c4d2}.hero-copy h1{white-space:nowrap;margin-bottom:14px;line-height:1.04;font-size:clamp(4.2rem,6.5vw,6.95rem)}.hero-copy h1 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:clamp(1.3rem,1.9vw,1.75rem);color:#f3faff;font-weight:650;line-height:1.4;letter-spacing:-.03em;margin-bottom:22px}.hero-intro{max-width:490px;color:#adbdc8;font-size:16px;margin-bottom:32px}.highlight-line{color:#d5e4e9}.hero-hint{display:flex;align-items:center;gap:16px;margin-top:65px;font-size:10px;letter-spacing:.03em;color:#76909e;white-space:nowrap}.hint-rule{height:1px;width:46px;background:var(--cyan)}.hero-visual{min-width:0;position:relative;height:560px;align-self:center;display:flex;align-items:center;justify-content:center}.hero-visual img{width:115%;max-width:none;filter:saturate(1.08);opacity:.96;transform:translateX(12px);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 95%,transparent 100%)}.terminal-card{position:absolute;top:53%;left:18%;right:-2%;max-width:390px;padding:0;border:1px solid #44606f;background:rgba(3,13,20,.91);box-shadow:0 22px 80px rgba(0,0,0,.4);border-radius:11px;overflow:hidden;transform:translateY(-16%);backdrop-filter:blur(12px);font-size:12px;letter-spacing:0}.terminal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #21343e;color:#6e8997;font-size:11px}.lights{display:flex;gap:6px;align-items:center}.lights i{width:7px;height:7px;border-radius:50%;background:#cf7773}.lights i:nth-child(2){background:#d2b25c}.lights i:nth-child(3){background:#69bd9a}.terminal-lines{padding:17px 20px 16px}.terminal-lines p{margin:0 0 6px;color:#c6dfe8}.term-prompt{color:var(--cyan)}.term-answer{color:#8d9eaa;padding-left:15px;font-size:11px;line-height:1.55}.term-green{color:var(--green)}.caret{display:inline-block;width:6px;height:13px;background:var(--cyan);vertical-align:middle;animation:blink 1.2s steps(2,start) infinite}.hero-bottomline{display:flex;justify-content:space-between;padding:0 0 20px;color:#698998;font-size:10px;letter-spacing:.15em}.down-arrow{color:var(--cyan);font-size:15px;margin-left:10px}@keyframes blink{to{opacity:0}}
/* About + features */
.about{background:linear-gradient(145deg,#0c1921,#0a141b)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.about h2{margin-top:18px;max-width:550px}.about-copy{color:#b4c3cf;font-size:16px}.about-copy p:last-of-type{margin-bottom:22px}.tiny-codes{display:flex;flex-wrap:wrap;gap:8px}.tiny-codes span{font-size:10px;letter-spacing:.09em;padding:5px 10px;border:1px solid #29414e;color:#7c9eaf;border-radius:3px}.focus-section{background:#071117}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{min-height:278px;position:relative;background:linear-gradient(140deg,#11212b,#0a151d);border:1px solid #263c4b;border-radius:12px;padding:28px 25px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s,background .3s,transform .3s}.feature-card:hover{border-color:#2bb5ce;transform:translateY(-4px);background:#122731}.feature-icon{color:var(--cyan);margin-bottom:22px}.feature-card h3{font-size:28px;margin-bottom:9px}.feature-card p{font-size:14px;color:#9cb0bd;max-width:300px;line-height:1.65;margin-bottom:30px}.feature-card .route{position:absolute;top:32px;right:23px;color:#3fbcda;font-size:12px}.feature-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:10px}.tags{font-size:10px;color:#668aa1;letter-spacing:.05em}.feature-card:hover .circle-arrow,.project-card:hover .circle-arrow{background:#0b7286;transform:translateX(3px)}
/* Projects */
.projects-section{background:linear-gradient(#0a141c,#0c1922)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{position:relative;min-height:345px;display:flex;flex-direction:column;border:1px solid #26404f;background:#0b1821;border-radius:12px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.project-card:hover{transform:translateY(-4px);border-color:#288dac;box-shadow:0 18px 50px #0004}.project-art{min-height:132px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-art::before{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse at 52% 65%,rgba(28,180,216,.2),transparent 50%)}.project-art .art-symbol{position:relative;z-index:1;color:var(--cyan);filter:drop-shadow(0 0 15px #078e9d4a)}.art-rings span{position:absolute;top:50%;left:50%;border:1px solid #1e5768;transform:translate(-50%,-50%) rotate(-22deg);border-radius:20px;width:160px;height:100px;opacity:.58}.art-rings span:nth-child(2){width:245px;height:150px;opacity:.32}.art-rings span:nth-child(3){width:370px;height:215px;opacity:.14}.visual-rack .project-art{background:linear-gradient(140deg,#0a2632,#06151d)}.visual-security .project-art{background:linear-gradient(140deg,#12263b,#06151d)}.visual-network .project-art{background:linear-gradient(140deg,#102637,#07191c)}.visual-audio .project-art{background:linear-gradient(140deg,#242133,#081519)}.visual-video .project-art{background:linear-gradient(140deg,#1e1b35,#07151f)}.visual-web .project-art{background:linear-gradient(140deg,#113047,#07151f)}.project-info{padding:23px 24px 26px;flex:1;display:flex;flex-direction:column}.project-info .eyebrow{color:#799fb2;font-size:9px;letter-spacing:.09em}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.project-title-row h3{font-size:21px}.project-card p{font-size:14px;color:#a1b3c0;line-height:1.62;margin-bottom:0}.section-action{text-align:right;margin-top:23px}.large-grid .project-card{min-height:365px}
/* Stack overview + mind preview */
.stack-preview{padding:80px 0;background:#071319}.stack-highlight{border:1px solid #274455;border-radius:16px;background:radial-gradient(ellipse at 75% 40%,rgba(14,82,102,.22),transparent 60%),linear-gradient(130deg,#0a1923,#10222c);padding:55px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.stack-highlight h2{margin:18px 0}.stack-highlight p{color:var(--muted);max-width:400px;margin-bottom:25px}.pill-cloud{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.tech-pill{display:inline-flex;gap:9px;align-items:center;padding:13px 16px;border:1px solid #2d4b5a;background:#112833;border-radius:7px;color:#c3d9e4;font-size:12px;transition:border-color .2s,transform .2s}.tech-pill:hover{transform:translateY(-2px);border-color:#38bad2}.tech-node{width:7px;height:7px;background:var(--cyan);border-radius:2px;box-shadow:0 0 13px #1bcde5a2}.mind-preview{padding-top:78px;padding-bottom:78px}.mind-highlight{border:1px solid #3b3940;min-height:350px;border-radius:16px;background:radial-gradient(circle at 8% 50%,#3c3024a8,transparent 40%),linear-gradient(120deg,#151a20,#0b1720 66%);display:grid;grid-template-columns:170px 1fr .6fr;gap:33px;align-items:center;overflow:hidden;padding:50px 35px}.mind-sun{align-self:center;position:relative}.mind-sun::before{content:"";position:absolute;inset:5%;background:#c88c3b44;filter:blur(45px)}.sunflower{position:relative;width:100%;overflow:visible}.sun-large{transform:rotate(-7deg);filter:drop-shadow(0 16px 34px #a8722b35)}.mind-copy h2{margin:16px 0}.mind-copy p{color:#b9bdc0;max-width:555px;margin-bottom:20px;font-size:15px}.mind-highlight blockquote{border-left:1px solid #68553c;padding-left:27px;color:#dbbf96;font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1.55;margin:0}.contact-strip{background:#0c1820;padding:78px 0}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-cta h2{margin:14px 0 7px}.contact-cta p{margin:0;color:var(--muted)}
/* Subpage page hero */
.page-hero{background:radial-gradient(ellipse at 83% 38%,rgba(11,70,97,.23),transparent 45%),linear-gradient(160deg,#071017,#0a1822);border-bottom:1px solid #243440;position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background-image:linear-gradient(#587a871f 1px,transparent 1px),linear-gradient(90deg,#587a871f 1px,transparent 1px);background-size:36px 36px}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:510px;padding:66px 0}.page-hero h1{font-size:clamp(3.7rem,5.8vw,6.4rem);margin:17px 0 24px}.page-hero p{font-size:17px;color:#bbcad3;max-width:520px;margin-bottom:26px}.page-hero .page-visual{min-width:0;min-height:310px;position:relative;display:flex;align-items:center}.abstract-image,.lab-hero-art,.stack-hero-art,.contact-hero-art{height:350px;width:100%;position:relative;border-radius:16px;border:1px solid #224558;overflow:hidden;background:radial-gradient(circle at 75% 40%,#104963,transparent 35%),radial-gradient(circle at 28% 70%,#174055,transparent 45%),#09151d}.project-hero-art{display:flex;align-items:center;justify-content:center}.big-wire{color:#28b3d344;transform:rotate(-15deg)}.art-tag{position:absolute;top:20px;left:20px;border:1px solid #335e6a;padding:6px 11px;color:#9dc7d2;font:11px var(--mono);border-radius:4px}.visual-stat{position:absolute;bottom:22px;right:22px;padding:16px 20px;background:#091821dc;border:1px solid #2f5364;border-radius:10px;display:flex;gap:15px;align-items:center}.visual-stat span{color:#4dbfda;writing-mode:vertical-lr;font-size:10px}.visual-stat strong{font:700 22px/1.4 var(--mono);letter-spacing:.02em;color:#bfd9e7}.lab-hero-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 60%,#13475b,transparent 45%),#07161e}.lab-prompt{position:relative;z-index:1;background:#071217e8;border:1px solid #3a6172;border-radius:11px;padding:23px;font:13px/2 var(--mono);color:#d2e0e7;box-shadow:0 24px 70px #0007;transform:rotate(-2deg)}.lab-prompt strong{color:var(--cyan);font-weight:500}.lab-prompt .term-green{color:var(--green)}.orbit{position:absolute;border:1px dashed #2f71845e;border-radius:50%;aspect-ratio:1}.orbit-a{width:220px}.orbit-b{width:380px}.orbit-c{width:580px}.stack-hero-art{display:flex;align-items:center;justify-content:center}.stack-orbit{height:185px;width:185px;border-radius:33px;display:flex;align-items:center;justify-content:center;background:#0b3243;transform:rotate(-12deg);color:var(--cyan);border:1px solid #3391a7;box-shadow:0 0 90px #157da640;z-index:2}.stack-orbit-layer{position:absolute;border:1px solid #23566c;transform:rotate(28deg);width:260px;height:260px;border-radius:25px}.layer-two{width:365px;height:365px;transform:rotate(-18deg);opacity:.48}.stack-symbol{font:18px var(--mono);color:#58b9c5;position:absolute}.code-a{top:42px;right:45px}.code-b{bottom:40px;left:65px}.code-c{bottom:50px;right:46px}.contact-hero-art{display:flex;align-items:center;justify-content:center}.contact-circuit{position:relative;z-index:2;color:var(--cyan);filter:drop-shadow(0 0 20px #059ecb88)}.contact-hero-art::before,.contact-hero-art::after{content:"";position:absolute;inset:20px;border:1px solid #28566a;border-radius:50%;transform:rotate(-28deg) scaleX(1.4)}.contact-hero-art::after{inset:60px;transform:rotate(28deg) scaleX(1.5)}.contact-signal{position:absolute;bottom:25px;color:#73afc1;font-size:11px;letter-spacing:.14em}.page-hero.mind-hero{background:radial-gradient(ellipse at 86% 35%,#41301a50,transparent 40%),linear-gradient(130deg,#081118,#151c1f)}.page-hero.mind-hero h1{font-size:clamp(3.35rem,5.3vw,6.2rem)}.flower-scene{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:360px;overflow:visible}.flower-halo{position:absolute;width:300px;height:300px;border-radius:50%;background:#ab752b34;filter:blur(58px);right:10%;top:5%}.flower-big{width:250px;transform:rotate(-6deg);margin-left:25%;filter:drop-shadow(0 8px 25px #af701c6b)}.flower-scene .quote{position:absolute;left:0;bottom:20px;font:italic 24px/1.5 Georgia,serif;color:#efd29e;border-left:2px solid #d49c50;padding-left:20px}
/* Lab specifics */
.lab-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-step{border-top:2px solid #206c80;padding:26px 14px 0 0}.workflow-number{color:var(--cyan);font:13px var(--mono)}.workflow-step h3{margin:12px 0 11px}.workflow-step p{font-size:14px;color:var(--muted)}.wide-panel{padding:50px;display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;border:1px solid #294656;border-radius:16px;background:linear-gradient(140deg,#0c1c25,#112934)}.wide-panel h2{margin:18px 0}.wide-panel p{color:var(--muted);max-width:445px}.phase-line{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.phase-line>div{padding-top:30px;border-top:1px solid #326b7b;position:relative;display:flex;flex-direction:column;gap:8px}.phase-line>div::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--cyan);position:absolute;left:0;top:-5px;box-shadow:0 0 15px #1ac8e761}.phase-line span{font:11px var(--mono);color:var(--cyan)}.phase-line b{font-size:15px}.phase-line small{font-size:12px;color:var(--muted);max-width:120px}.code-window{border:1px solid #355a6a;background:#07141b;border-radius:12px;overflow:hidden}.code-window-body{padding:23px;display:grid;gap:15px}.code-window-body>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.code-window-body code{font-size:13px;color:var(--cyan)}.code-comment{font-size:12px;color:#8b9eab}
/* Mind educational content */
.mind-intro{display:grid;grid-template-columns:.28fr 1fr 1fr;gap:37px;align-items:start}.mind-intro h2{font-size:clamp(2rem,3vw,3.1rem)}.mind-intro p{color:var(--muted);font-size:16px}.mind-intro .eyebrow{margin-top:12px}.mind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mind-topic{position:relative;min-height:310px;background:linear-gradient(140deg,#0f1f28,#0c1821);border:1px solid #28404d;border-radius:12px;padding:29px 23px}.mind-topic-icon{color:var(--cyan);margin-bottom:30px}.mind-topic .eyebrow{position:absolute;right:22px;top:32px;color:#547f91}.mind-topic h3{margin-bottom:14px}.mind-topic p{font-size:14px;color:var(--muted);line-height:1.7}.myth-section{background:#0b171f}.myth-list{display:grid;gap:12px}.myth-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #2c404b;border-radius:10px;overflow:hidden}.myth-part,.truth-part{padding:27px 30px;background:#111a21}.truth-part{border-left:1px solid #2b454e;background:#0e2229}.myth-label,.truth-label{display:flex;align-items:center;color:#f08f8f;letter-spacing:.12em;font:700 11px var(--mono)}.truth-label{color:#4de4b8}.myth-row p{margin:10px 0 0;font-size:15px;color:#dde9ee}.mind-end{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:48px;border:1px solid #4a3e2f;border-radius:16px;background:linear-gradient(120deg,#211e1b,#0b1920)}.mind-end h2{margin:18px 0}.mind-end p{color:#bfbfc0}.flower-small{width:80px;float:right;margin-right:30px}
/* Stack and contact */
.stack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stack-card{min-height:176px;padding:25px;border:1px solid #263e4b;background:linear-gradient(140deg,#0f202a,#0b1921);border-radius:12px;position:relative;transition:border-color .2s}.stack-card:hover{border-color:#2195a9}.stack-card h3{margin:17px 0 8px}.stack-card p{color:var(--muted);font-size:13px;margin:0}.stack-dot{width:6px;height:6px;border:1px solid var(--cyan);border-radius:50%;position:absolute;right:20px;top:25px}.principles{display:grid;gap:14px}.principles div{display:flex;gap:15px;align-items:center;border-bottom:1px solid #2c4450;padding-bottom:13px;color:#bed0da}.principles svg{color:var(--cyan)}.contact-info-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.email-card,.privacy-card{padding:43px;border-radius:14px;border:1px solid #315463;background:linear-gradient(125deg,#102936,#0c1b25)}.email-card h2{font-size:clamp(2rem,4vw,3.9rem);margin:25px 0 15px;overflow-wrap:anywhere}.email-card h2 span{color:var(--cyan)}.email-card p,.privacy-card p{color:var(--muted);margin-bottom:24px}.privacy-card{background:#0d1c24}.privacy-icon{color:var(--cyan);margin-bottom:20px}.privacy-card h3{margin:14px 0}.privacy-card small{font-size:12px}.contact-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.contact-topic{background:#0e1b24;border:1px solid #294250;border-radius:12px;padding:26px}.contact-topic svg{color:var(--cyan);margin-bottom:22px}.contact-topic h3{font-size:19px;margin-bottom:11px}.contact-topic p{font-size:14px;color:var(--muted);margin:0}
/* Footer and legal */
.site-footer{background:#070f15;border-top:1px solid #233541;padding-top:46px}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:26px;padding-bottom:40px;align-items:start}.footer-brand p{font-size:12px;color:#8b9eae;line-height:1.6;margin:12px 0 0}.footer-contact{display:flex;align-items:flex-start;gap:13px;padding-top:10px}.footer-contact>svg{color:#a8bfcb}.footer-contact a{font-size:14px;color:#e5f0f4}.footer-contact a:hover{color:var(--cyan)}.footer-contact small{display:block;font-size:12px;color:var(--muted2);margin-top:5px}.footer-philosophy{padding-top:6px}.footer-philosophy p{font:12px/1.8 var(--mono);color:#9fbdcb;margin:9px 0 0}.easter{border:1px dashed #345368;border-radius:7px;padding:13px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#78b8d1}.easter span{font-weight:800;color:var(--cyan)}.easter small{color:#93aebc;line-height:1.35;flex:1}.easter:hover{border-color:var(--cyan)}.footer-bottom{border-top:1px solid #21313b;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:#8094a4}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--cyan)}.compact-page-hero>.container{padding:65px 0}.compact-page-hero h1{font-size:clamp(2.7rem,4.5vw,5rem)}.compact-page-hero p{max-width:650px}.legal-content{max-width:870px}.legal-content h2{font-size:2rem;margin:42px 0 15px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:1.2rem;margin:26px 0 10px}.legal-content p{color:#b6c7ce}.legal-content a{color:var(--cyan);text-decoration:underline}.notfound>.container{padding:100px 0;min-height:70vh}.notfound h1{font-size:clamp(7rem,17vw,16rem);line-height:1}.notfound h2{margin:20px 0}.notfound-command{margin-top:50px;padding:18px;background:#0d222a;border:1px solid #284b58;border-radius:10px;width:max-content;max-width:100%;font-size:13px;color:#86d4e5}
/* Command navigation */
.command-dialog{border:none;border-radius:14px;background:transparent;padding:0;color:var(--ink);width:min(530px,calc(100% - 28px));max-height:80vh;box-shadow:0 40px 130px #000b}.command-dialog::backdrop{background:#020609c4;backdrop-filter:blur(7px)}.command-wrap{border:1px solid #376474;border-radius:14px;background:#0d1d27;overflow:hidden}.command-heading{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243e4b}.command-heading>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.command-heading svg{color:var(--cyan)}.command-dialog input{display:block;width:100%;background:#09171f;color:white;border:0;border-bottom:1px solid #243e4b;outline:none;padding:19px 21px;font:15px var(--sans)}.command-results{padding:10px;max-height:320px;overflow:auto}.cmd-option{display:flex;align-items:center;gap:13px;padding:13px;border-radius:9px;color:#d5e5ec}.cmd-option svg{color:var(--cyan)}.cmd-option small{margin-left:auto;font:11px var(--mono);color:#6c9aaa}.cmd-option:hover,.cmd-option:focus{background:#1d3c4b}.command-empty{color:var(--muted);padding:15px}.command-tip{display:flex;justify-content:space-between;gap:9px;padding:12px 18px;border-top:1px solid #243e4b;color:#6f8997;font-size:11px}
/* Responsive */
@media(max-width:1060px){.container{width:min(calc(100% - 48px),var(--max))}.header-inner{gap:13px}.desktop-nav{gap:17px}.nav-link{font-size:13px}.brand{font-size:20px}.hero-grid{grid-template-columns:1fr .86fr;min-height:610px}.hero-copy h1{font-size:clamp(3.8rem,6vw,5rem)}.hero-visual{height:530px}.terminal-card{left:8%;right:-7%}.mind-highlight{grid-template-columns:130px 1fr;gap:25px}.mind-highlight blockquote{grid-column:2;margin:0}.stack-highlight{gap:30px;padding:40px}.project-grid{gap:12px}.project-info{padding:20px}.mind-grid{grid-template-columns:repeat(2,1fr)}.mind-topic{min-height:260px}.footer-top{grid-template-columns:1fr 1fr}.page-hero-grid{gap:35px}.stack-grid,.contact-topic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.desktop-nav{display:none}.nav-toggle{display:inline-flex}.header-inner{min-height:70px}.mobile-nav:not([hidden]){display:grid;padding:12px 24px 20px;background:#08171e;border-top:1px solid #223b49}.mobile-nav .nav-link{padding:12px 8px;border-bottom:1px solid #1d3541}.mobile-nav .nav-link.active{color:var(--cyan)}.mobile-nav .nav-link::after{display:none}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{width:100%;padding:80px 0 25px}.hero-copy h1{font-size:clamp(3.8rem,10vw,6rem)}.hero-visual{width:100%;height:auto;min-height:430px;max-width:650px;align-self:center}.hero-visual img{width:110%;transform:none}.terminal-card{top:47%;left:25%;right:4%;max-width:390px}.hero-hint{margin-top:45px}.hero-bottomline{padding-top:12px}.section{padding:72px 0}.section-heading{display:block}.section-heading>p{margin-top:15px}.about-grid{grid-template-columns:1fr;gap:20px}.feature-grid,.project-grid,.lab-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-highlight{grid-template-columns:1fr}.pill-cloud{max-width:650px}.mind-highlight{grid-template-columns:95px 1fr;gap:18px;padding:30px}.mind-highlight blockquote{font-size:18px}.page-hero-grid{grid-template-columns:1fr;gap:15px;padding:60px 0}.page-hero-grid .page-visual{min-height:260px}.page-hero-grid>.page-visual>div{max-width:650px;height:300px}.mind-intro{grid-template-columns:1fr 1fr}.mind-intro .eyebrow{grid-column:1/-1}.workflow-grid,.contact-topic-grid,.stack-grid{grid-template-columns:repeat(2,1fr)}.wide-panel{grid-template-columns:1fr;gap:38px}.contact-info-grid{grid-template-columns:1fr}.mind-end{gap:40px}}
@media(max-width:560px){.container{width:min(calc(100% - 36px),var(--max))}.header-inner{min-height:64px}.brand{font-size:20px}.keyhint{display:none}.hero-copy{padding-top:65px}.pretitle{font-size:9px;letter-spacing:.08em}.hero-copy h1{font-size:clamp(3.3rem,12vw,4.9rem)}.hero-lead{font-size:1.26rem}.hero-intro{font-size:15px}.hero-hint{white-space:normal;font-size:9px;margin-top:38px}.hero-visual{min-height:335px;height:335px;overflow:visible}.hero-visual img{width:130%;max-width:none}.terminal-card{top:54%;left:13%;right:-1%;width:auto;max-width:340px;transform:translateY(-20%);font-size:10px}.terminal-lines{padding:10px 14px}.terminal-lines p{margin-bottom:3px}.term-answer{font-size:10px}.hero-bottomline span:last-child{display:none}.section{padding:57px 0}.section-heading h2,.about h2{font-size:2.4rem}.feature-grid,.project-grid,.lab-topic-grid,.mind-grid,.stack-grid,.contact-topic-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.project-card{min-height:310px}.project-art{min-height:115px}.stack-highlight{padding:28px;gap:20px}.tech-pill{padding:10px 12px}.mind-highlight{grid-template-columns:1fr;padding:28px;gap:8px}.mind-sun{width:75px}.mind-highlight blockquote{grid-column:auto;padding-left:15px}.contact-cta{display:block}.contact-cta .button{margin-top:27px}.page-hero-grid{padding:55px 0 40px}.page-hero h1{font-size:clamp(3.2rem,10vw,4.9rem)}.page-hero p{font-size:15px}.page-hero-grid .page-visual{min-height:260px}.page-hero-grid>.page-visual>div{height:260px}.flower-scene .flower-big{width:185px}.flower-scene .quote{font-size:17px}.mind-intro{grid-template-columns:1fr;gap:18px}.mind-intro .eyebrow{grid-column:auto}.mind-topic{min-height:230px}.myth-row{grid-template-columns:1fr}.truth-part{border-left:0;border-top:1px solid #2b454e}.myth-part,.truth-part{padding:20px}.mind-end{grid-template-columns:1fr;gap:20px;padding:26px}.workflow-grid{grid-template-columns:1fr 1fr;gap:26px}.wide-panel{padding:27px}.phase-line{grid-template-columns:1fr 1fr;gap:20px}.phase-line>div{padding-top:18px}.email-card,.privacy-card{padding:27px}.email-card h2{font-size:clamp(1.95rem,7.6vw,3.5rem)}.footer-top{grid-template-columns:1fr;gap:23px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:12px}.footer-links{order:3;width:100%;flex-wrap:wrap;gap:17px}.command-tip .mono{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
