/*
Theme Name: Precogniz Immersive Lab
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Description: Scroll-driven 3D homepage and interactive AI tools.
*/

:root{--bg:#080b13;--panel:#111724;--ink:#ecf2ff;--muted:#9caac1;--lime:#c5f769;--violet:#9e87ff;--line:#253044}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;z-index:99;background:#111;padding:12px}.container{max-width:1280px;margin:auto;padding:0 40px}.top{height:86px;border-bottom:1px solid var(--line);background:#080b13ed;position:relative;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:21px;font-weight:850;letter-spacing:2px}.brand i{font-style:normal;color:var(--lime)}.navlinks{display:flex;gap:28px;font-size:13px;color:#b1bed0;align-items:center}.navlinks a:hover,.navlinks a.active{color:var(--lime)}.nav-cta{border:1px solid #526143;padding:9px 17px;border-radius:6px;color:var(--lime)!important}.mobile-toggle{display:none}.eyebrow{font:11px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:var(--lime)}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:10px}h1,h2,h3{line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(48px,6.7vw,88px);font-weight:650;margin:23px 0}h2{font-size:clamp(32px,4vw,49px);font-weight:600;margin:14px 0 24px}h3{font-size:24px;letter-spacing:-.6px;margin:15px 0}p{color:var(--muted)}.intro{max-width:540px;font-size:17px}.btn{border:0;border-radius:6px;display:inline-flex;align-items:center;gap:24px;background:var(--lime);color:#15210a;padding:14px 23px;font-size:13px;font-weight:750}.btn:hover{background:#dcff9f;transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--ink);border:1px solid #3c485b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-scroll{height:225vh;position:relative}.hero-sticky{position:sticky;top:0;min-height:720px;height:100vh;max-height:1100px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 76% 42%,#22244366,transparent 48%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;width:100%;gap:36px}.hero-copy{position:relative;z-index:5}.hero-copy h1 em{font-style:normal;color:var(--lime)}.subnote{font-size:11px;color:#8b9aaf;margin-top:20px}.visual{height:500px;position:relative;perspective:1100px;display:flex;justify-content:center;align-items:center}.machine{width:300px;height:300px;position:relative;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-36deg);will-change:transform}.plate{position:absolute;inset:0;border:1px solid #8698c580;border-radius:30px;transform-style:preserve-3d;background:linear-gradient(135deg,#2f3c56eb,#111b30f5);box-shadow:inset 0 0 35px #8499d52b,0 20px 30px #0006;display:grid;place-items:center;will-change:transform}.plate:after{content:'';position:absolute;inset:17px;border:1px solid #7789a64d;border-radius:18px;background:repeating-linear-gradient(0deg,transparent 0 28px,#8190b012 29px 30px)}.plate.topplate{background:linear-gradient(140deg,#c8fd7b,#779839);border-color:#d6ffa8}.chip{position:relative;z-index:2;background:#101721;border:2px solid #c5f769;box-shadow:0 0 50px #c5f76960;width:115px;height:115px;border-radius:17px;display:grid;place-items:center;font-size:36px;font-weight:800;color:var(--lime)}.circuit{width:170px;height:170px;border:1px dashed #adb4ff;border-radius:50%;display:grid;place-items:center;font:13px monospace;color:#c7cfff}.orbital{position:absolute;border:1px solid #60728d33;border-radius:50%;width:480px;height:180px;transform:rotate(-25deg);bottom:60px}.float-label{position:absolute;font:10px monospace;color:#bbc5d8;border:1px solid #40516a;background:#0e1523c9;padding:8px 12px;border-radius:4px;z-index:8}.float-label.one{top:60px;right:0}.float-label.two{bottom:65px;left:0}.phase{position:absolute;bottom:30px;left:40px;right:40px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#8390a8}.scroll-track{position:absolute;bottom:0;left:0;height:3px;background:var(--lime);width:0}.strip{display:flex;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line);font:11px monospace;color:#91a0b7;gap:16px;flex-wrap:wrap}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:30px}.section-head p{max-width:390px;font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{border:1px solid var(--line);background:linear-gradient(155deg,#182030,#0e1420);border-radius:14px;padding:26px;transition:transform .25s,border-color .25s;display:flex;flex-direction:column;min-height:365px}.tool-card:hover{transform:translateY(-7px);border-color:#829464}.tool-card p{font-size:14px;flex:1}.tool-card .link{color:var(--lime);font-size:13px;margin-top:20px}.card-meta{display:flex;justify-content:space-between;font:10px monospace;color:#9caac1}.tool-icon{height:105px;display:flex;align-items:center;font-size:43px;color:var(--lime);letter-spacing:-3px}.mini-bars{display:flex;align-items:end;gap:8px;height:65px}.mini-bars b{width:26px;background:linear-gradient(var(--lime),#405525);border-radius:5px 5px 0 0}.mini-bars b:nth-child(1){height:24px}.mini-bars b:nth-child(2){height:42px}.mini-bars b:nth-child(3){height:65px}.pipeline-icon{display:flex;gap:9px;align-items:center}.pipeline-icon b{width:39px;height:39px;border:1px solid var(--violet);border-radius:9px;transform:rotate(-12deg);box-shadow:5px 5px #7860df22}.feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);align-items:center}.feature-panel{background:#151b29;padding:35px;border:1px solid #334059;border-radius:16px}.feature-row{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;color:#a7b4c9;font-size:14px}.feature-row b{color:var(--lime)}.tag{display:inline-block;border:1px solid #3d485e;padding:4px 10px;border-radius:30px;font:10px monospace;color:#b5c2d5}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-card{border-top:1px solid #40516a;padding-top:24px}.guide-card h3{font-size:22px}.guide-card p{font-size:14px}.closing{padding:55px;background:linear-gradient(120deg,#242d1e,#161c2a);border:1px solid #49533c;border-radius:16px;margin-bottom:80px;display:flex;align-items:center;justify-content:space-between;gap:35px}.closing h2{font-size:36px;max-width:650px}.footer{padding:48px 0 24px;border-top:1px solid var(--line)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a:not(.brand){display:block;color:#9caac1;font-size:13px;margin:10px 0}.footer p{font-size:13px;max-width:330px}.foot-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;font:10px monospace;color:#76859c}.page-head{padding:65px 0 40px}.page-head h1{font-size:clamp(38px,5vw,64px)}.page-head p{max-width:700px}.workspace{display:grid;grid-template-columns:330px 1fr;gap:25px;margin-bottom:45px;align-items:start}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:26px}.panel h3{font-size:21px;margin-top:0}.field{display:block;font-size:12px;font-weight:650;color:#c1cce0;margin:20px 0}.field input:not([type=range]),.field select,.field textarea{display:block;width:100%;background:#090e19;color:#e3ecfc;border:1px solid #40506a;border-radius:6px;padding:11px;margin-top:8px}.field input[type=range]{display:block;width:100%;accent-color:var(--lime);margin-top:12px}.field output{float:right;color:var(--lime)}.field small{display:block;color:#8595ac;font-weight:400;margin-top:5px}.sim-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.stage{padding:20px 10px;text-align:center;border:1px solid #37445a;border-radius:10px;font-size:12px;background:#0b1120;transition:all .25s}.stage.active{border-color:var(--lime);box-shadow:0 0 25px #c5f76920;color:var(--lime);transform:translateY(-5px)}.stage span{display:block;font-size:26px;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{padding:18px;background:#0b111d;border-radius:8px}.metric b{display:block;font-size:26px;color:var(--lime)}.metric span{font-size:11px;color:#95a4ba}.progress{height:5px;background:#29334a;border-radius:8px;overflow:hidden;margin:25px 0}.progress i{display:block;background:var(--lime);width:0;height:100%;transition:width .25s}.status{font:12px monospace;color:#b1bdd0;min-height:40px}.muted{font-size:12px;color:#899ab2}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.explain-grid h3{font-size:21px}.explain-grid p,.prose p,.prose li{font-size:16px;line-height:1.9}.prose{max-width:800px;margin:auto;padding:40px 0 80px}.prose h2{font-size:30px;margin-top:40px}.prose h3{font-size:23px;margin-top:32px}.prose li{color:var(--muted);margin:12px 0}.prose a{color:var(--lime);text-decoration:underline}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose td,.prose th{text-align:left;border-bottom:1px solid var(--line);padding:14px}.prompt-output{white-space:pre-wrap;color:#ccd7e8;font:14px/1.9 ui-monospace,monospace;min-height:300px}.notice{border-left:3px solid var(--lime);padding:12px 18px;background:#c5f76909;font-size:13px}.searchbox{background:#111a2b;border:1px solid #3d4b63;color:white;border-radius:7px;padding:13px;width:100%;max-width:500px;margin:15px 0 30px}.hidden{display:none!important}.pcz{margin-bottom:60px}.motion-toggle{position:absolute;right:40px;top:20px;z-index:10;background:#111929;border:1px solid #374157;color:#b8c5d8;font:10px monospace;padding:7px 10px;border-radius:4px}@media(max-width:900px){.container{padding:0 24px}.hero-grid{grid-template-columns:1fr 1fr;gap:0}h1{font-size:55px}.machine{width:210px;height:210px}.visual{height:420px}.orbital{width:300px}.tool-grid,.learn-grid{gap:15px}.tool-card{padding:20px}.workspace{grid-template-columns:280px 1fr}.metrics{grid-template-columns:1fr}.metric b{font-size:22px}.feature{gap:30px}}@media(max-width:680px){.top{height:auto;min-height:75px}.nav{min-height:75px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:15px}.mobile-toggle{display:block;background:none;border:1px solid #465166;color:white;padding:5px 10px;border-radius:5px}.navlinks{display:none;width:100%;gap:15px;flex-wrap:wrap}.navlinks.open{display:flex}.hero-scroll{height:190vh}.hero-sticky{min-height:700px;max-height:none}.hero-grid{grid-template-columns:1fr;padding-top:30px}.hero-copy h1{font-size:48px;margin:14px 0}.intro{font-size:14px}.actions{margin-top:20px}.visual{height:290px}.machine{width:175px;height:175px}.chip{width:75px;height:75px;font-size:25px}.circuit{width:100px;height:100px;font-size:10px}.float-label.one{top:20px;right:20px}.float-label.two{bottom:10px;left:15px}.phase{left:24px;right:24px;bottom:16px;font-size:8px}.orbital{bottom:25px}.motion-toggle{right:20px;top:8px}.subnote{display:none}.tool-grid,.learn-grid,.feature,.workspace,.explain-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-head,.closing{display:block}.tool-card{min-height:290px}.tool-icon{height:80px}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.closing{padding:28px}.sim-stages{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.page-head{padding-top:40px}.foot-bottom{gap:20px}.prose{padding-top:10px}.panel{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scroll{height:auto}.hero-sticky{position:relative;min-height:800px}}

.article-toc{border:1px solid var(--line);border-radius:10px;padding:22px;margin:25px 0}.article-toc a,.article-next a{display:block;font-size:14px;margin:10px 0}.meta-line{font-size:12px!important}.article-next{border-top:1px solid var(--line);margin-top:38px;padding-top:22px}.more-guides{margin-top:35px;row-gap:45px}.prose table{display:block;overflow-x:auto}.prose h2{scroll-margin-top:25px}

.prose img{max-width:100%;height:auto}.prose h1{font-size:48px}.search-form{margin:20px 0}.search-field{padding:12px;background:#111724;color:white;border:1px solid #40506a}.search-submit{padding:12px;border:0;background:#c5f769}.admin-bar .hero-sticky{top:32px}