:root{--bg:#f7f6f1;--bg2:#efeee8;--bg3:#e8e7df;--surface:#fff;--text:#1a1a18;--text2:#4a4a45;--text3:#8a8a82;--accent:#00b894;--accent-dark:#00966e;--accent-light:#e0fbf3;--border:#1a1a181a;--border2:#1a1a180f;--nav-bg:#f7f6f1e0;--font-outfit-family:var(--font-outfit), "Outfit", sans-serif;--font-dm-serif-family:var(--font-dm-serif), "DM Serif Display", serif;--font-jetbrains-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace}[data-theme=dark]{--bg:#0f1117;--bg2:#161b26;--bg3:#1e2535;--surface:#1a2030;--text:#e8e6df;--text2:#e7e2d6;--text3:#666260;--accent:#00c8a0;--accent-dark:#00e6b8;--accent-light:#00281e;--border:#e8e6df1a;--border2:#e8e6df0d;--nav-bg:#0f1117e0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}html[data-text-size=small]{font-size:90%}html[data-text-size=normal]{font-size:100%}html[data-text-size=large]{font-size:110%}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{background:var(--accent);color:#fff;z-index:1000;font-weight:500;font-family:var(--font-outfit-family);border-radius:4px;padding:10px 20px;font-size:.875rem;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:20px}.skip-link:focus-visible{top:10px}body{font-family:var(--font-outfit-family);background:var(--bg);color:var(--text);max-width:100%;font-size:16px;line-height:1.7;transition:background .3s,color .3s;overflow-x:clip}main{background:var(--bg);min-height:100vh;transition:background .3s}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){#hero{min-height:auto;padding:100px 0 40px;overflow:visible}.hero-container{overflow:visible}.hero-title{margin-bottom:.75rem;font-size:clamp(1.8rem,8vw,2.2rem)}.hero-sub{margin-bottom:1.25rem;font-size:.9rem}.hero-actions{gap:.5rem;margin-bottom:1.5rem}.hero-grid,.about-grid,.exp-layout,.contact-grid,.projects-grid{grid-template-columns:1fr;gap:2rem}.about-photo-wrap{order:2;position:static;top:auto}.about-text{order:1}.hero-stats{flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem}.stat-num{font-size:1.5rem}.stat-label{font-size:.72rem}.exp-nav{gap:0;display:flex;position:static;overflow-x:auto}.exp-nav-item{border-left:none;border-bottom:2px solid var(--border);white-space:nowrap;border-radius:0;padding:8px 16px}.exp-nav-item.active{border-bottom-color:var(--accent)}}.intro-overlay{z-index:2000;background:#0f1117;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .6s ease-in-out;display:flex;position:fixed;top:0;left:0}.fade-out-intro{opacity:0;pointer-events:none}.intro-content{text-align:center}.intro-logo{font-family:var(--font-dm-serif-family);color:#e8e6df;letter-spacing:-.02em;opacity:0;font-size:clamp(2.5rem,6vw,4.5rem);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.intro-logo span{color:var(--accent)}.intro-logo.visible-name{opacity:1;transform:translateY(0)}.intro-subtext{font-family:var(--font-jetbrains-family);color:var(--accent);letter-spacing:.25em;text-transform:uppercase;opacity:0;margin-top:1rem;font-size:clamp(.9rem,2vw,1.25rem);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.intro-subtext.visible-sub{opacity:1;transform:translateY(0)}@keyframes brutalShadowPulseBorder{0%,to{box-shadow:6px 6px 0 var(--border)}50%{box-shadow:10px 10px 0 var(--border)}}@keyframes brutalShadowPulseAccent{0%,to{box-shadow:6px 6px 0 var(--accent)}50%{box-shadow:10px 10px 0 var(--accent)}}@keyframes brutalShadowPulseText{0%,to{box-shadow:6px 6px 0px var(--text)}50%{box-shadow:10px 10px 0px var(--text)}}@keyframes brutalBorderWalk{0%,to{border-radius:16px 14px}50%{border-radius:14px 16px}}.navbar{z-index:1000;border-bottom:none;justify-content:space-between;align-items:center;height:auto;padding:.75rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:none!important;background:0 0!important}@media (max-width:992px){.navbar{padding:.5rem 1.25rem}}@media (min-width:993px){.nav-hamburger{display:none!important}}.nav-logo{font-family:var(--font-dm-serif-family);letter-spacing:-.02em;white-space:nowrap;z-index:1001;mix-blend-mode:difference;flex-shrink:0;align-items:center;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex;position:fixed;top:.75rem;left:2rem;color:#fff!important}@media (max-width:992px){.nav-logo{position:absolute;top:.5rem;left:1.25rem}}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:.6rem;margin:0;padding:0;list-style:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex}@media (min-width:993px){.nav-links{position:absolute;left:50%;transform:translate(-50%)}}.navbar-scrolled .nav-links{opacity:0;visibility:hidden;pointer-events:none}@media (min-width:993px){.navbar-scrolled .nav-links{transform:translate(-50%,-10px)}}@media (max-width:992px){.navbar-scrolled .nav-links{transform:translateY(-10px)}}.nav-links a{color:var(--text2);letter-spacing:.01em;white-space:nowrap;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .25s}.nav-links a:hover,.nav-links a.nav-link-active{color:var(--accent)}.nav-links a.nav-link-cta{background:var(--surface);border:1px solid var(--accent);font-family:var(--font-outfit-family);letter-spacing:.01em;border-radius:50px;justify-content:center;align-items:center;padding:2px 14px;font-size:.78rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000000d;color:var(--accent)!important}.nav-links a.nav-link-cta:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #00b89440;color:#fff!important}.nav-links a.nav-link-cta.nav-link-active{background:var(--accent);color:#fff!important}.nav-links a.nav-link-cta.nav-link-active:after{display:none}.nav-right{z-index:1001;flex-shrink:0;align-items:center;gap:1rem;margin-left:auto;display:flex;position:relative}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-outfit-family);white-space:nowrap;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;transition:all .25s;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-cta{background:var(--accent);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-outfit-family);border:none;border-radius:6px;padding:8px 18px;text-decoration:none;transition:background .2s,transform .1s}.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}footer{background:var(--bg2);border-top:1px solid var(--border);padding:0}.footer-inner{max-width:1450px;margin:0 auto;padding:0 2rem}.footer-top{border-bottom:1px solid var(--border2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 0;display:flex}.footer-logo{font-family:var(--font-dm-serif-family);color:var(--text);letter-spacing:-.02em;font-size:1.1rem;text-decoration:none}.footer-logo span{color:var(--accent)}.footer-nav{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-nav a{color:var(--text3);font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--accent)}.footer-socials{gap:.625rem;display:flex}.footer-social-link{border:1px solid var(--border);width:36px;height:36px;color:var(--text3);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{border-color:var(--accent);color:var(--accent)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 0;display:flex}.footer-copy{color:var(--text3);font-size:.8125rem}.footer-badge{font-family:var(--font-jetbrains-family);color:var(--text3);letter-spacing:.05em;align-items:center;gap:6px;font-size:.7rem;display:flex}.footer-badge-dot{background:var(--accent);border-radius:0%;width:6px;height:6px;animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@media (max-width:768px){.footer-top{flex-direction:column;align-items:flex-start;gap:1.25rem}.footer-nav{gap:1rem}}.nav-dropdown{position:relative}.nav-dropdown-trigger{font-family:var(--font-outfit-family);color:var(--text2);background:var(--surface);border:1px solid var(--border);cursor:pointer;letter-spacing:.01em;border-radius:50px;align-items:center;gap:.35rem;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 2px 8px #0000000d}.nav-dropdown-trigger:hover{border-color:var(--accent);color:var(--accent);background:var(--bg2)}.dropdown-arrow{opacity:.7;font-size:.6rem;transition:transform .2s}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:12px;min-width:180px;margin-top:.4rem;padding:.4rem 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001f}.nav-dropdown-menu:before{content:"";background:0 0;width:calc(100% + 2rem);height:1rem;position:absolute;top:-1rem;left:-1rem}.nav-dropdown-menu li{margin:0;padding:0}.nav-dropdown-menu a{font-family:var(--font-outfit-family);color:var(--text);border-bottom:none;padding:.5rem 1.2rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.nav-link-active{background:var(--accent-light);color:var(--accent);padding-left:1.4rem}.nav-dropdown:hover .nav-dropdown-menu{display:block}@keyframes mermaidFlow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.mermaid-wrapper{justify-content:center;width:100%;margin:2rem 0;display:flex}.mermaid-container{border-radius:12px;padding:2rem 1.5rem;overflow-x:auto;box-shadow:0 4px 20px #0000004d;text-align:center!important;background:#0f172a!important;border:1px solid #334155!important;width:100%!important;display:block!important}.mermaid-container svg{max-width:100%!important;height:auto!important;margin:0 auto!important;display:block!important;overflow:visible!important}.mermaid-container p,.mermaid-container div,.mermaid-container span{margin:0!important;padding:0!important;line-height:1.35!important}.mermaid-container .cluster rect,.mermaid-container .cluster polygon,.mermaid-container .cluster path{fill:#0000!important;stroke:#0000!important}.mermaid-container text{font-family:var(--font-outfit-family),ui-sans-serif,system-ui,sans-serif!important}.mermaid-container .node{cursor:pointer;transform-origin:50%;transition:transform .2s!important}.mermaid-container .node:hover rect,.mermaid-container .node:hover circle,.mermaid-container .node:hover polygon,.mermaid-container .node:hover path{fill:#1e293b!important;stroke:#34d399!important;stroke-width:2.5px!important}.mermaid-container .node rect,.mermaid-container .node circle,.mermaid-container .node polygon,.mermaid-container .node path{fill:#1e293b!important;stroke:#00c8a0!important;stroke-width:2px!important;filter:none!important;transition:fill .2s,stroke .2s!important}.mermaid-container .node text,.mermaid-container .node tspan,.mermaid-container .node foreignObject,.mermaid-container .node foreignObject *{fill:#f8fafc!important;color:#f8fafc!important;font-size:17px!important;font-weight:500!important;overflow:visible!important}.mermaid-container .edgeLabel rect{fill:#1e293b!important;stroke:#00c8a0!important;stroke-width:1px!important;rx:6px!important;ry:6px!important}.mermaid-container .edgeLabel text,.mermaid-container .edgeLabel tspan{fill:#f8fafc!important;font-size:16px!important;font-weight:500!important}.mermaid-container .edgePath .path{stroke:#00c8a0!important;stroke-width:2.5px!important;stroke-dasharray:8 4!important;animation:1s linear infinite mermaidFlow!important}.mermaid-container marker path{fill:#00c8a0!important;stroke:#00c8a0!important}.mermaid-container .mindmap-node{cursor:pointer;transition:transform .2s!important}.mermaid-container .mindmap-node:hover rect,.mermaid-container .mindmap-node:hover polygon,.mermaid-container .mindmap-node:hover path,.mermaid-container .mindmap-node:hover circle{fill:#334155!important;stroke:#34d399!important}.mermaid-container .mindmap-node rect,.mermaid-container .mindmap-node polygon,.mermaid-container .mindmap-node path,.mermaid-container .mindmap-node circle{fill:#1e293b!important;stroke:#00c8a0!important;stroke-width:2px!important;rx:8px!important;ry:8px!important;filter:none!important}.mermaid-container .mindmap-node foreignObject,.mermaid-container .mindmap-node foreignObject *,.mermaid-container .mindmap-node .nodeLabel,.mermaid-container .mindmap-node p,.mermaid-container .mindmap-node span,.mermaid-container .mindmap-node div{color:#f8fafc!important;fill:#f8fafc!important;font-family:var(--font-outfit-family),ui-sans-serif,system-ui,sans-serif!important;text-align:center!important;text-shadow:none!important;font-size:17px!important;font-weight:500!important;overflow:visible!important}.mermaid-container .section-root circle,.mermaid-container .section-root rect,.mermaid-container .node-depth-0 circle,.mermaid-container .node-depth-0 rect,.mermaid-container .section--1 circle,.mermaid-container .section--1 rect{fill:#0f172a!important;stroke:#00e6b8!important;stroke-width:3px!important;filter:none!important}.mermaid-container .section-root foreignObject,.mermaid-container .section-root foreignObject *,.mermaid-container .section-root p,.mermaid-container .section-root span,.mermaid-container .section-root div,.mermaid-container .node-depth-0 foreignObject,.mermaid-container .node-depth-0 foreignObject *,.mermaid-container .node-depth-0 p,.mermaid-container .node-depth-0 span,.mermaid-container .node-depth-0 div,.mermaid-container .section--1 foreignObject,.mermaid-container .section--1 foreignObject *,.mermaid-container .section--1 p,.mermaid-container .section--1 span,.mermaid-container .section--1 div{color:#fff!important;fill:#fff!important;text-shadow:none!important;font-size:17px!important;font-weight:600!important;line-height:1.3!important;overflow:visible!important}.mermaid-container .node-depth-1 rect,.mermaid-container .node-depth-1 circle,.mermaid-container .node-depth-1 polygon,.mermaid-container .node-depth-1 path,.mermaid-container .section-0 rect,.mermaid-container .section-0 circle,.mermaid-container .section-0 polygon,.mermaid-container .section-0 path{fill:#1e293b!important;stroke:#00c8a0!important;stroke-width:2px!important;filter:none!important}.mermaid-container .node-depth-1 foreignObject *,.mermaid-container .node-depth-1 p,.mermaid-container .node-depth-1 span,.mermaid-container .node-depth-1 div,.mermaid-container .section-0 foreignObject *,.mermaid-container .section-0 p,.mermaid-container .section-0 span,.mermaid-container .section-0 div{color:#fff!important;fill:#fff!important;font-size:17px!important;font-weight:500!important;overflow:visible!important}.mermaid-container .mindmap-line,.mermaid-container path[class*=edge-depth],.mermaid-container path[class*=mindmap]{stroke:#00c8a0!important;stroke-width:2.5px!important;stroke-dasharray:6 3!important;animation:1.2s linear infinite mermaidFlow!important}@media (prefers-reduced-motion:reduce){.mermaid-container .edgePath .path,.mermaid-container .mindmap-line,.mermaid-container path[class*=edge-depth]{animation:none!important}}.scroll-circuit-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.scroll-circuit-container .scroll-circuit-svg{width:100%;height:100%;display:block}.glossary-missing{color:var(--text3);border-bottom:1px dashed var(--border);text-decoration:line-through}.cursor-dot{background-color:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:20px;height:20px;transition:width .2s,height .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cookie-banner{z-index:10000;background:var(--bg);border-top:2px solid var(--accent);width:100%;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000001a}.cookie-banner-content{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex}@media (min-width:768px){.cookie-banner-content{flex-direction:row}}.cookie-banner-content p{color:var(--text2);max-width:800px;margin:0;font-size:.95rem;line-height:1.5}.cookie-banner-actions{flex-shrink:0;gap:1rem;display:flex}.cookie-banner-actions button{padding:.5rem 1rem;font-size:.9rem}.glossary-hover{color:var(--accent);border-bottom:1px dashed var(--accent);cursor:help;transition:color .2s;display:inline-block;position:relative}.glossary-hover:hover{color:var(--accent-dark)}.glossary-tooltip{background-color:var(--surface);border:1px solid var(--border);width:max-content;max-width:320px;color:var(--text);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;border-radius:8px;margin-bottom:8px;padding:14px 16px;font-size:.85rem;line-height:1.5;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px #0000001f}@media (max-width:768px){.glossary-tooltip{width:calc(100vw - 32px);max-width:340px;margin-bottom:0;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 20px 40px #00000040}}.glossary-hover:hover .glossary-tooltip.visible,.glossary-hover:focus-within .glossary-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (max-width:768px){.glossary-hover:hover .glossary-tooltip.visible,.glossary-hover:focus-within .glossary-tooltip.visible{transform:translate(-50%,-50%)scale(1)}}h1 .glossary-hover,h2 .glossary-hover,h3 .glossary-hover,h4 .glossary-hover,h5 .glossary-hover,h6 .glossary-hover{color:inherit!important;cursor:default!important;pointer-events:none!important;border-bottom:none!important}h1 .glossary-hover .glossary-tooltip,h2 .glossary-hover .glossary-tooltip,h3 .glossary-hover .glossary-tooltip,h4 .glossary-hover .glossary-tooltip,h5 .glossary-hover .glossary-tooltip,h6 .glossary-hover .glossary-tooltip{display:none!important}.glossary-title{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:.78rem;font-weight:700;display:block}.glossary-content{font-family:var(--font-outfit-family),sans-serif;font-size:.84rem;line-height:1.55;color:var(--text2)!important;font-weight:400!important}.glossary-content p,.glossary-content span.glossary-p{margin:0 0 .5rem;color:var(--text2)!important;font-weight:400!important}.glossary-content p:last-child,.glossary-content span.glossary-p:last-child{margin-bottom:0}.glossary-content strong,.glossary-content b{color:var(--text)!important;font-weight:600!important}.glossary-content em,.glossary-content i{color:var(--accent);font-style:italic}.intro-canvas-container{background:0 0;width:100%;height:100%;position:relative}.intro-center-node{-webkit-backdrop-filter:blur(8px);text-align:center;box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#ffffff73;border:1px solid #00b89426;border-radius:0;width:calc(100vw - 32px);max-width:440px;padding:1rem 1.6rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}[data-theme=dark] .intro-center-node{background:#0f111773;border-color:#00c8a026}.intro-center-node:before,.intro-center-node:after{content:"";border-color:var(--accent);pointer-events:none;border-style:solid;width:6px;height:6px;position:absolute}.intro-center-node:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.intro-center-node:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.intro-center-node:hover{border-color:var(--accent);background:#ffffffa6}[data-theme=dark] .intro-center-node:hover{background:#0f111799}.intro-center-subtitle{font-family:var(--font-jetbrains-family);text-transform:uppercase;letter-spacing:.15em;color:var(--text3);margin-bottom:.4rem;font-size:.58rem;display:block}.intro-center-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:.5rem 0;font-size:1.15rem;font-style:italic;font-weight:400;line-height:1.35}.intro-center-cta{font-family:var(--font-jetbrains-family);color:var(--accent);letter-spacing:.1em;opacity:.85;margin-top:.6rem;font-size:.55rem;font-weight:600}.intro-satellite-tag{background:var(--surface);border:1px solid var(--border);font-family:var(--font-jetbrains-family);color:var(--text2);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:auto;padding:.4rem .8rem;font-size:.7rem;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-block;box-shadow:2px 2px #00000008}.intro-satellite-tag:hover{background:var(--bg2);border-color:var(--accent);color:var(--text);box-shadow:3px 3px 0 var(--accent);cursor:pointer;transform:scale(1.08)translate(-1px,-1px)}.intro-telemetry{font-family:var(--font-jetbrains-family);color:var(--text3);pointer-events:none;letter-spacing:.05em;opacity:.7;font-size:.62rem;line-height:1.5;position:absolute;top:15px;left:15px}.intro-telemetry-right{font-family:var(--font-jetbrains-family);color:var(--text3);pointer-events:none;text-align:right;letter-spacing:.05em;opacity:.7;font-size:.62rem;position:absolute;top:15px;right:15px}.comparison-container{grid-template-columns:1fr;gap:1.5rem;width:100%;margin:2.5rem 0;display:grid}@media (min-width:768px){.comparison-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.comparison-card{border:2px solid var(--border);background-color:var(--surface);box-shadow:4px 4px 0px var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.comparison-card:hover{border-color:var(--accent);box-shadow:6px 6px 0px var(--accent);transform:translate(-2px,-2px)}.comparison-card .comparison-feature-title{color:var(--accent);border-bottom:2px solid var(--border);font-size:1.4rem;font-weight:800;font-family:var(--font-outfit-family);padding-bottom:.75rem}.comparison-card .comparison-attributes-list{flex-direction:column;gap:1.1rem;display:flex}.comparison-card .comparison-attribute-item{flex-direction:column;gap:.3rem;display:flex}.comparison-card .comparison-attribute-item .attribute-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;font-family:var(--font-jetbrains-family);color:var(--text3)}.comparison-card .comparison-attribute-item .attribute-text{color:var(--text);font-size:.95rem;line-height:1.5}.onion-diagram-container{justify-content:center;align-items:center;width:100%;margin:3.5rem 0;display:flex}.onion-svg{filter:drop-shadow(0 12px 28px #0000000f);width:100%;max-width:580px;height:auto;overflow:visible}.onion-svg .onion-ring{stroke-width:2px;transition:stroke .3s,stroke-width .3s}.onion-svg .onion-ring.ring-0{fill:var(--surface-raised,#f0eae1);stroke:var(--border)}.onion-svg .onion-ring.ring-1{fill:var(--surface,#fff);stroke:var(--border)}.onion-svg .onion-ring.ring-2{fill:var(--bg,#faf7f2);stroke:var(--border)}.onion-svg .onion-core-circle{fill:var(--accent,#c84b31);stroke:var(--accent);filter:drop-shadow(0 4px 16px #c84b3159)}.onion-svg .onion-text{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:13.5px;font-weight:800}.onion-svg .onion-text.text-0{fill:var(--accent,#c84b31)}.onion-svg .onion-text.text-1{fill:var(--accent-warm,#2d4263)}.onion-svg .onion-text.text-2{fill:var(--text,#191919)}.onion-svg .onion-core-tag{font-family:var(--font-mono,monospace);letter-spacing:.14em;fill:#ffffffd9;font-size:10px;font-weight:800}.onion-svg .onion-core-title{font-family:var(--font-display,sans-serif);fill:#fff;font-size:13.5px;font-weight:800}@keyframes onion-reveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.onion-anim-inward .layer-node-0{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both onion-reveal}.onion-anim-inward .layer-node-1{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .35s both onion-reveal}.onion-anim-inward .layer-node-2{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .6s both onion-reveal}.onion-anim-inward .layer-node-core{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .85s both onion-reveal}.onion-anim-outward .layer-node-core{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both onion-reveal}.onion-anim-outward .layer-node-2{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .35s both onion-reveal}.onion-anim-outward .layer-node-1{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .6s both onion-reveal}.onion-anim-outward .layer-node-0{transform-origin:300px 300px;animation:.6s cubic-bezier(.16,1,.3,1) .85s both onion-reveal}@media (prefers-reduced-motion:reduce){.layer-node-0,.layer-node-1,.layer-node-2,.layer-node-core{opacity:1!important;animation:none!important;transform:none!important}}.faq-accordion-container{background-color:#0000;border:none;margin:2.5rem 0;padding:0}.faq-accordion-container .faq-header{border-bottom:2px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem}.faq-accordion-container .faq-header .faq-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.faq-accordion-container .faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-accordion-container .faq-item{border:1px solid var(--border);background-color:var(--surface);border-radius:4px;transition:border-color .2s;overflow:hidden}.faq-accordion-container .faq-item:hover,.faq-accordion-container .faq-item.is-open{border-color:var(--accent)}.faq-accordion-container .faq-item .faq-question-btn{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.faq-accordion-container .faq-item .faq-question-btn .faq-question-text{flex:1;padding-right:1rem}.faq-accordion-container .faq-item .faq-question-btn .faq-toggle-icon{font-family:var(--font-jetbrains-family),monospace;color:var(--accent);font-size:1.25rem;font-weight:700;line-height:1}.faq-accordion-container .faq-item .faq-answer-content{color:var(--text2);border-top:1px dashed var(--border);margin-top:.25rem;padding:.75rem 1.25rem 1.25rem;font-size:.95rem;line-height:1.6}.faq-accordion-container .faq-item .faq-answer-content p{margin:0}.analogy-box{background-color:var(--bg2);border:1px solid var(--border);border-radius:4px;margin:1.5rem 0;padding:.75rem}@media (min-width:768px){.analogy-box{padding:1rem}}.analogy-box .analogy-body{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.analogy-box .analogy-body{grid-template-columns:1.25fr 1fr;align-items:center;gap:1.5rem;display:grid}}.analogy-box .analogy-text{color:var(--text2);font-size:.95rem;line-height:1.6}.analogy-box .analogy-text p{margin:0 0 .75rem}.analogy-box .analogy-text p:last-child{margin:0}.analogy-box .analogy-image{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.analogy-box .analogy-image img{object-fit:contain!important;width:100%!important;height:auto!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.bibliography-container{background-color:var(--bg2);border:1px solid var(--border);border-radius:4px;margin:2.5rem 0 1.5rem;padding:1rem 1.25rem}.bibliography-container .bibliography-heading{border-bottom:1px dashed var(--border);font-family:var(--font-dm-serif-family),serif;color:var(--text);padding-bottom:.4rem;font-size:1.15rem;font-weight:700;margin:0 0 .85rem!important}.bibliography-container .bibliography-list{flex-direction:column;gap:.6rem;display:flex;margin:0!important;padding-left:0!important;list-style:none!important}.bibliography-container .bibliography-item{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.5rem .6rem;transition:border-color .2s,transform .15s;margin:0!important}.bibliography-container .bibliography-item:hover{border-color:var(--accent);transform:translate(2px)}.bibliography-container .bibliography-item-content{flex-direction:column;gap:.25rem;display:flex}@media (min-width:640px){.bibliography-container .bibliography-item-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.bibliography-container .bibliography-title{font-family:var(--font-outfit-family),sans-serif;align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;display:inline-flex;color:var(--text)!important;text-decoration:none!important}.bibliography-container .bibliography-title:hover{color:var(--accent)!important}.bibliography-container .bibliography-title .external-link-icon{color:var(--accent);opacity:.8;flex-shrink:0}.bibliography-container .bibliography-meta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.bibliography-container .bibliography-source{font-family:var(--font-jetbrains-family),monospace;color:var(--text2);font-size:.72rem;font-weight:500}.bibliography-container .bibliography-year{font-family:var(--font-jetbrains-family),monospace;color:var(--text3);font-size:.7rem}.bibliography-container .bibliography-tag{font-family:var(--font-jetbrains-family),monospace;color:var(--accent-dark);background-color:var(--accent-light);text-transform:uppercase;letter-spacing:.05em;border:1px solid #00b89433;border-radius:2px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.intro-news-grid{grid-template-columns:1fr;gap:.6rem;margin:1.25rem 0 1.5rem;display:grid}@media (min-width:640px){.intro-news-grid{grid-template-columns:repeat(2,1fr)}}.intro-news-card{background-color:var(--bg2);border:1px solid var(--border);border-radius:4px;flex-direction:column;justify-content:space-between;gap:.35rem;padding:.75rem .85rem;transition:border-color .2s,transform .15s,background-color .2s;display:flex;text-decoration:none!important}.intro-news-card:hover{border-color:var(--accent);background-color:var(--surface);transform:translateY(-2px)}@media (min-width:640px){.intro-news-card.featured{grid-column:span 2}}.intro-news-card .news-tag{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;color:var(--accent-dark);letter-spacing:.05em;font-size:.68rem;font-weight:600}.intro-news-card .news-text{font-family:var(--font-outfit-family),sans-serif;font-size:.88rem;font-weight:500;line-height:1.45;color:var(--text)!important}.intro-news-card .news-source{font-family:var(--font-jetbrains-family),monospace;color:var(--text3);align-items:center;gap:.3rem;font-size:.72rem;display:inline-flex}.intro-news-card .news-source svg{color:var(--accent)}.ai-sample-card{background-color:var(--bg2);border:1px solid var(--border);border-radius:4px;margin:1.5rem 0;padding:1rem 1.15rem;position:relative}.ai-sample-card .ai-sample-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.ai-sample-card .ai-sample-header .ai-sample-label{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);font-size:.72rem;font-weight:600}.ai-sample-card .ai-sample-header .ai-sample-badge{font-family:var(--font-jetbrains-family),monospace;background-color:var(--surface);border:1px solid var(--border);color:var(--text3);border-radius:2px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.ai-sample-card .ai-sample-prose{color:var(--text2);font-size:.95rem;font-style:italic;line-height:1.6}.ai-sample-card .ai-sample-prose p{margin:.5rem 0!important}.comparison-grid{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0;display:grid}@media (min-width:768px){.comparison-grid{grid-template-columns:1fr 1fr}}.comparison-grid .comparison-column{background-color:var(--bg2);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.75rem;padding:1rem 1.15rem;display:flex}.comparison-grid .comparison-column.negative{border-top:3px solid #e74c3c}.comparison-grid .comparison-column.negative .comparison-badge{color:#e74c3c;background-color:#e74c3c14;border-color:#e74c3c40}.comparison-grid .comparison-column.positive{border-top:3px solid var(--accent)}.comparison-grid .comparison-column.positive .comparison-badge{color:var(--accent-dark);background-color:var(--accent-light);border-color:#00b8944d}.comparison-grid .comparison-column .comparison-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.comparison-grid .comparison-column .comparison-header .comparison-title{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-size:.78rem;font-weight:700}.comparison-grid .comparison-column .comparison-header .comparison-badge{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;border:1px solid;border-radius:2px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.comparison-grid .comparison-column .comparison-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.comparison-grid .comparison-column .comparison-list .comparison-item{color:var(--text2);align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.5;display:flex}.comparison-grid .comparison-column .comparison-list .comparison-item .status-bullet{font-family:var(--font-jetbrains-family),monospace;flex-shrink:0;font-size:.85rem;font-weight:700;line-height:1.4}.comparison-grid .comparison-column .comparison-list .comparison-item .status-bullet.cross{color:#e74c3c}.comparison-grid .comparison-column .comparison-list .comparison-item .status-bullet.check{color:var(--accent)}.comparison-grid .comparison-column .comparison-list .comparison-item strong{color:var(--text);font-weight:600}.guideline-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin:1.25rem 0 1.75rem;display:grid}.guideline-grid .guideline-card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.guideline-grid .guideline-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.guideline-grid .guideline-card .guideline-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.guideline-grid .guideline-card .guideline-title{font-family:var(--font-jetbrains-family),monospace;color:var(--text);letter-spacing:.02em;font-size:.82rem;font-weight:700}.guideline-grid .guideline-card .guideline-index{font-family:var(--font-jetbrains-family),monospace;color:var(--accent);background:#00c8a014;border:1px solid #00c8a033;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.guideline-grid .guideline-card .guideline-body{color:var(--text2);margin:0;font-size:.86rem;line-height:1.5}.guideline-grid .guideline-card .guideline-body strong{color:var(--text);font-weight:600}.back-to-sample{text-align:right;margin:1.25rem 0 2rem}.back-to-sample a{color:var(--text3);background:var(--bg2);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-to-sample a:hover{color:var(--accent);border-color:var(--accent);background:#00c8a00d;transform:translateY(-1px)}.insight-box{background:var(--bg2);border:1px solid var(--border);border-radius:4px;margin:1.5rem 0;padding:1rem 1.25rem}.insight-box .insight-label{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:inline-block}.insight-box p{color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.insight-box p strong{color:var(--text);font-weight:600}.golden-rule,.insight-box.gold{background:#d4af3712;border:1px solid #d4af3759;border-radius:4px;margin:1.5rem 0;padding:1.1rem 1.35rem;position:relative}.golden-rule .golden-label,.golden-rule .insight-label,.insight-box.gold .golden-label,.insight-box.gold .insight-label{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.08em;color:#9c7707;align-items:center;gap:.35rem;margin-bottom:.4rem;font-size:.75rem;font-weight:800;display:inline-flex}.golden-rule p,.insight-box.gold p{color:var(--text);margin:0;font-size:.96rem;font-weight:500;line-height:1.6}.golden-rule p strong,.insight-box.gold p strong{color:var(--text);font-weight:700}[data-theme=dark] .golden-rule,[data-theme=dark] .insight-box.gold{background:#f5c51814;border-color:#f5c5184d}[data-theme=dark] .golden-rule .golden-label,[data-theme=dark] .golden-rule .insight-label,[data-theme=dark] .insight-box.gold .golden-label,[data-theme=dark] .insight-box.gold .insight-label{color:#f5c518}.process-steps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;margin:1.5rem 0;display:grid}.process-steps-grid .process-step-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.5rem;padding:.95rem 1.1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.process-steps-grid .process-step-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #00000012}.process-steps-grid .process-step-card .process-step-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.process-steps-grid .process-step-card .process-step-num{font-family:var(--font-jetbrains-family),monospace;color:var(--accent);background:#00b8941a;border:1px solid #00b89440;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.process-steps-grid .process-step-card .process-step-title{font-family:var(--font-jetbrains-family),monospace;color:var(--text);font-size:.85rem;font-weight:600}.process-steps-grid .process-step-card .process-step-body{color:var(--text2);margin:0;font-size:.86rem;line-height:1.5}.process-steps-grid .process-step-card .process-step-body em{color:var(--text);font-style:italic}.blog-meta-grid,.knowledge-meta-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:.35rem;margin-bottom:.85rem;display:flex}.blog-meta-grid .meta-col,.knowledge-meta-grid .meta-col{flex-direction:column;gap:.3rem;display:flex;position:relative}.blog-meta-grid .meta-col.meta-col-editorial,.knowledge-meta-grid .meta-col.meta-col-editorial{flex:340px}.blog-meta-grid .meta-col.meta-col-disclosure,.knowledge-meta-grid .meta-col.meta-col-disclosure{flex:none}.blog-meta-grid .meta-line,.knowledge-meta-grid .meta-line{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.blog-meta-grid .meta-line.meta-line-right,.knowledge-meta-grid .meta-line.meta-line-right{justify-content:flex-start}@media (min-width:768px){.blog-meta-grid .meta-line.meta-line-right,.knowledge-meta-grid .meta-line.meta-line-right{justify-content:flex-end}}.blog-meta-grid .meta-badge,.knowledge-meta-grid .meta-badge{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--font-jetbrains-family),monospace;letter-spacing:.03em;white-space:nowrap;border-radius:0;align-items:center;gap:.28rem;padding:.15rem .4rem;font-size:.68rem;line-height:1.35;text-decoration:none;display:inline-flex}.blog-meta-grid .meta-badge .meta-label,.knowledge-meta-grid .meta-badge .meta-label{color:var(--text3);letter-spacing:.03em;font-size:.64rem;font-weight:500}.blog-meta-grid .meta-badge.meta-badge-ai,.knowledge-meta-grid .meta-badge.meta-badge-ai{cursor:pointer;color:var(--accent-dark);letter-spacing:.03em;background:#00b89414;border-color:#00b89459;font-weight:700;transition:all .18s}.blog-meta-grid .meta-badge.meta-badge-ai .meta-ai-indicator,.knowledge-meta-grid .meta-badge.meta-badge-ai .meta-ai-indicator{color:var(--accent);font-weight:800}.blog-meta-grid .meta-badge.meta-badge-ai .meta-info-trigger,.knowledge-meta-grid .meta-badge.meta-badge-ai .meta-info-trigger{color:var(--text3);opacity:.85;margin-left:.15rem;font-size:.62rem}.blog-meta-grid .meta-badge.meta-badge-ai:hover,.blog-meta-grid .meta-badge.meta-badge-ai.active,.knowledge-meta-grid .meta-badge.meta-badge-ai:hover,.knowledge-meta-grid .meta-badge.meta-badge-ai.active{border-color:var(--accent);background:#00b89429;transform:translateY(-1px);box-shadow:2px 2px #00b89440}.blog-meta-grid .meta-badge.meta-badge-ai:hover .meta-info-trigger,.blog-meta-grid .meta-badge.meta-badge-ai.active .meta-info-trigger,.knowledge-meta-grid .meta-badge.meta-badge-ai:hover .meta-info-trigger,.knowledge-meta-grid .meta-badge.meta-badge-ai.active .meta-info-trigger{color:var(--accent-dark);opacity:1}.blog-meta-grid .meta-badge.meta-badge-category,.knowledge-meta-grid .meta-badge.meta-badge-category{background:var(--accent);color:var(--bg);border-color:var(--accent);letter-spacing:.03em;font-weight:700}.blog-meta-grid .meta-ai-disclaimer-popover,.knowledge-meta-grid .meta-ai-disclaimer-popover{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:4px;width:min(390px,92vw);padding:.85rem 1rem;animation:.15s ease-out fadeInPopover;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}@media (max-width:767px){.blog-meta-grid .meta-ai-disclaimer-popover,.knowledge-meta-grid .meta-ai-disclaimer-popover{left:0;right:auto}}.blog-meta-grid .meta-ai-disclaimer-popover .disclaimer-header,.knowledge-meta-grid .meta-ai-disclaimer-popover .disclaimer-header{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.35rem;display:flex}.blog-meta-grid .meta-ai-disclaimer-popover .disclaimer-header .disclaimer-title,.knowledge-meta-grid .meta-ai-disclaimer-popover .disclaimer-header .disclaimer-title{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.68rem;font-weight:700}.blog-meta-grid .meta-ai-disclaimer-popover .disclaimer-header .disclaimer-close,.knowledge-meta-grid .meta-ai-disclaimer-popover .disclaimer-header .disclaimer-close{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.85rem;line-height:1;transition:color .15s}.blog-meta-grid .meta-ai-disclaimer-popover .disclaimer-header .disclaimer-close:hover,.knowledge-meta-grid .meta-ai-disclaimer-popover .disclaimer-header .disclaimer-close:hover{color:var(--text)}.blog-meta-grid .meta-ai-disclaimer-popover .disclaimer-body,.knowledge-meta-grid .meta-ai-disclaimer-popover .disclaimer-body{flex-direction:column;gap:.45rem;display:flex}.blog-meta-grid .meta-ai-disclaimer-popover .disclaimer-body p,.knowledge-meta-grid .meta-ai-disclaimer-popover .disclaimer-body p{font-family:var(--font-outfit-family),sans-serif;color:var(--text2);margin:0;font-size:.82rem;line-height:1.45}@keyframes fadeInPopover{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-ai,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-ai{color:var(--accent);background:#00c8a01f;border-color:#00c8a059}[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-ai .meta-ai-indicator,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-ai .meta-ai-indicator{color:var(--accent)}[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-ai:hover,[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-ai.active,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-ai:hover,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-ai.active{border-color:var(--accent);background:#00c8a033;box-shadow:2px 2px #00c8a04d}[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-ai:hover .meta-info-trigger,[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-ai.active .meta-info-trigger,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-ai:hover .meta-info-trigger,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-ai.active .meta-info-trigger{color:var(--accent)}[data-theme=dark] .blog-meta-grid .meta-badge.meta-badge-category,[data-theme=dark] .knowledge-meta-grid .meta-badge.meta-badge-category{background:var(--accent);color:#0f1117}[data-theme=dark] .blog-meta-grid .meta-ai-disclaimer-popover,[data-theme=dark] .knowledge-meta-grid .meta-ai-disclaimer-popover{background:var(--surface);border-color:var(--border);box-shadow:0 10px 30px #00000059}#hero{align-items:center;width:100%;min-height:100vh;padding-top:60px;display:flex;position:relative;overflow:hidden}.hero-canvas-bg{z-index:0;pointer-events:auto;position:absolute;inset:0}.hero-container{z-index:10;pointer-events:none;width:100%;max-width:1450px;margin:0 auto;padding:0 clamp(1.5rem,5vw,6rem);position:relative}.hero-grid{pointer-events:none;grid-template-columns:55fr 45fr;align-items:center;gap:2rem;width:100%;display:grid}@media (max-width:992px){#hero{align-items:flex-start;height:auto;min-height:auto;padding-top:90px;padding-bottom:2.5rem}.hero-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width:769px){#hero{align-items:center;height:100vh;min-height:100vh;padding-top:0;display:flex;overflow:hidden}.hero-container{box-sizing:border-box;z-index:1;align-items:center;width:100%;height:auto;padding-top:70px;display:flex;position:relative}.hero-grid{grid-template-columns:55fr 45fr;gap:4rem}.hero-left-col{opacity:1;min-width:0;max-height:none;overflow:visible;transform:none}}.hero-eyebrow{font-family:var(--font-jetbrains-family);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem}.hero-title{font-family:var(--font-dm-serif-family);letter-spacing:-.03em;color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,3.8vw,3rem);line-height:1.08}.hero-title em{color:var(--accent);font-style:italic}.hero-sub{color:var(--text2);max-width:440px;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.hero-left-col{z-index:20;pointer-events:auto;position:relative}.hero-actions{z-index:25;pointer-events:auto;flex-wrap:wrap;gap:.875rem;display:flex;position:relative}.hero-actions a,.hero-actions .btn-primary,.hero-actions .btn-secondary{z-index:30;pointer-events:auto;cursor:pointer;position:relative}.hero-stats{border-top:1px solid var(--border);gap:2.25rem;margin-top:2rem;padding-top:1.5rem;display:flex}@media (max-width:992px){.hero-stats{display:none}}.stat-num{font-family:var(--font-dm-serif-family);color:var(--text);font-size:1.75rem;line-height:1}.stat-num span{color:var(--accent)}.stat-label{color:var(--text3);margin-top:4px;font-size:.8rem;line-height:1.3}.hero-terminal{background:var(--bg2);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}.terminal-bar{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.t-dot{border-radius:50%;width:12px;height:12px}.t-dot.r{background:#ff5f57}.t-dot.y{background:#ffbd2e}.t-dot.g{background:#28ca42}.terminal-title{font-family:var(--font-jetbrains-family);color:var(--text3);margin-left:6px;font-size:.7rem}.terminal-body{font-family:var(--font-jetbrains-family);text-align:left;min-height:320px;padding:1.5rem;font-size:.8rem;line-height:1.8}.t-prompt{color:var(--accent)}.t-cmd{color:var(--text)}.t-out{color:var(--text2)}.t-accent{color:var(--accent)}.t-dim{color:var(--text3)}.t-line{display:block}.cursor{background:var(--accent);vertical-align:middle;width:8px;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.photo-placeholder{background:var(--bg3);border:2px dashed var(--border);width:200px;height:200px;color:var(--text3);text-align:center;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:.75rem;transition:border-color .2s;display:flex}.photo-placeholder:hover{border-color:var(--accent);color:var(--accent)}.photo-placeholder svg{opacity:.5;margin-bottom:8px}#photoInput,#photoInput2{display:none}.hero-canvas-overlay{z-index:50;background:var(--bg);pointer-events:none;position:fixed;overflow:hidden}.hero-canvas-wrap{opacity:var(--canvas-fade,1);position:absolute;inset:0}.hero-manifesto{pointer-events:none;position:absolute;inset:0}@keyframes manifesto-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.manifesto-word{opacity:min(clamp(0,(var(--words-show,0) - var(--word-delay,0))*10,1),clamp(0,1 - var(--art-show,0)*5,1));animation:manifesto-float var(--float-duration,4s) ease-in-out infinite var(--float-phase,0s);white-space:nowrap;position:absolute}.manifesto-word--mono{font-family:var(--font-jetbrains-family);letter-spacing:.12em;text-transform:uppercase;color:var(--text3);font-size:clamp(.65rem,1.1vw,.95rem);font-weight:600}.manifesto-word--serif{font-family:var(--font-dm-serif-family);color:var(--text2);font-size:clamp(1.4rem,2.4vw,2.2rem);font-style:italic}.manifesto-art{opacity:var(--art-show,0);transform:scale(calc(.94 + .06 * var(--art-show,0)));transform-origin:50%;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.manifesto-art-line1{font-family:var(--font-jetbrains-family);letter-spacing:.35em;text-transform:uppercase;color:var(--text3);margin-bottom:.5rem;font-size:clamp(1rem,2vw,1.4rem);font-weight:400;display:block}.manifesto-art-line2{font-family:var(--font-dm-serif-family);color:var(--text);letter-spacing:-.03em;font-size:clamp(3.5rem,9vw,8rem);font-style:italic;font-weight:400;line-height:.9;display:block}.manifesto-almost{opacity:clamp(0,(var(--art-show,0) - .42)*12,1);display:inline-block;position:relative}.manifesto-almost:after{content:"";background:var(--accent);height:.12em;width:calc(clamp(0,(var(--art-show,0) - .66)*15,1)*105%);border-radius:2px;position:absolute;top:48%;left:0;transform:translateY(-50%)}#about{padding-top:4rem;padding-bottom:4rem;position:relative;overflow:hidden}@media (max-width:768px){#about{padding-top:0}}#about .about-grid{z-index:2;grid-template-columns:1fr 1.6fr;align-items:start;gap:3.5rem;display:grid;position:relative}@media (max-width:992px){#about .about-grid{grid-template-columns:1fr;gap:2.5rem}}#about .about-grid .about-visual-column{flex-direction:column;gap:2rem;display:flex;position:sticky;top:100px}#about .about-grid .about-visual-column .avatar-unboxed-wrapper{width:100%;position:relative}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-reveal-wrapper{-webkit-user-select:none;user-select:none;width:100%;position:relative}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-grid-container{aspect-ratio:1;background:0 0;gap:1.5px;width:100%;display:grid;position:relative}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-tile{background:var(--bg3);will-change:transform,opacity;border-radius:0;width:100%;height:100%;position:relative;overflow:hidden}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-tile:hover{z-index:30!important}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-tile .mosaic-tile-image{filter:contrast(1.03)brightness(.99);background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-tile .mosaic-tile-image.avatar-layer{z-index:1}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-tile .mosaic-tile-image.sketch-layer{z-index:2}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-tile .mosaic-tile-solid{z-index:3;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-circuit-overlay{pointer-events:none;z-index:12;width:100%;height:100%;position:absolute;top:0;left:0}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-caption{font-family:var(--font-jetbrains-family);color:var(--text3);align-items:center;gap:8px;margin-top:14px;font-size:.75rem;display:flex}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .mosaic-caption .caption-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulseGlow}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .tag-details-box{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);text-align:left;opacity:0;pointer-events:none;z-index:25;background:#f7f6f1f0;padding:14px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:20px;left:20px;right:20px;transform:translateY(8px);box-shadow:0 10px 30px #00000014}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .tag-details-box.active{opacity:1;pointer-events:auto;border-color:var(--accent);transform:translateY(0)}#about .about-grid .about-visual-column .avatar-unboxed-wrapper .tag-details-box .tag-details-content{font-family:var(--font-jetbrains-family);color:var(--text)!important;margin:0!important;font-size:.8rem!important;line-height:1.45!important}#about .about-grid .about-visual-column .interactive-tags-wrapper{width:100%;position:relative}@media (max-width:768px){#about .about-grid .about-visual-column .interactive-tags-wrapper{display:none}}#about .about-grid .about-visual-column .interactive-tags-wrapper .about-tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}#about .about-grid .about-visual-column .interactive-tags-wrapper .about-tags .tag{color:var(--text2);font-size:.8125rem;font-weight:500;font-family:var(--font-jetbrains-family);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:1rem;outline:none;padding:6px 14px;text-decoration:none;transition:all .2s}#about .about-grid .about-visual-column .interactive-tags-wrapper .about-tags .tag:hover,#about .about-grid .about-visual-column .interactive-tags-wrapper .about-tags .tag.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}#about .about-grid .about-visual-column .interactive-tags-wrapper .tag-connector-svg{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}#about .about-grid .about-visual-column .interactive-tags-wrapper .tag-connector-svg line{stroke:var(--accent);stroke-width:1.5px}#about .about-grid .about-visual-column .interactive-tags-wrapper .tag-connector-svg circle{fill:var(--accent)}#about .about-grid .about-text p{color:var(--text2);text-align:left;margin-bottom:1.25rem;font-size:.85rem;line-height:1.7}#about .about-grid .about-text p:last-child{margin-bottom:0}@media (max-width:768px){#about .about-grid .about-text{margin-top:5rem}}#about .about-grid .about-text .about-art-statement{font-family:var(--font-dm-serif-family);border-left:2px solid var(--accent);margin-top:1.5rem;padding-left:1.2rem;font-size:1.2rem;font-style:italic;line-height:1.65;color:var(--text)!important;margin-bottom:2rem!important}#about .about-grid .about-text .highlight{color:var(--accent);font-weight:500}[data-theme=dark] #about .tag-details-box{background:#161b26f0;border-color:#e8e6df1f}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.pixel-transition-section{pointer-events:none;z-index:3;background:0 0;width:100%;height:100px;position:relative;overflow:hidden}@media (max-width:768px){.pixel-transition-section{display:none}}.pixel-transition-section .pixel-transition-grid{gap:2px;width:100%;height:100%;padding:0 1rem;display:grid}.pixel-transition-section .pixel-transition-grid .pixel-cell{width:100%;height:100%;transition:opacity .3s,transform .3s}.pixel-transition-section .pixel-transition-grid .pixel-cell.bg-cell{background-color:var(--bg3)}.pixel-transition-section .pixel-transition-grid .pixel-cell.light-cell{background-color:var(--surface)}.pixel-transition-section .pixel-transition-grid .pixel-cell.accent-cell{background-color:var(--accent)}.services-editorial-2026{background:var(--bg);width:100%;padding:2.5rem 0 0}.services-header-wrap{margin-bottom:1.75rem}.services-grid-fullbleed{box-sizing:border-box;border:none;grid-template-columns:repeat(3,1fr);gap:0;width:100%;display:grid}.service-cell-2026{box-sizing:border-box;cursor:pointer;border:none;height:260px;text-decoration:none;position:relative;overflow:hidden}.service-cell-2026:hover,.service-cell-2026:focus{text-decoration:none}@media (min-width:993px){.service-cell-2026:not(:nth-child(3n)){border-right:1px solid var(--border)}.service-cell-2026:nth-child(-n+3){border-bottom:1px solid var(--border)}}.service-cell-2026.fade-in{opacity:0;will-change:opacity,transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.service-cell-2026.fade-in.scroll-anim-top-left{transform:translate(-35px,-50px)}.service-cell-2026.fade-in.scroll-anim-top-center{transform:translateY(-60px)}.service-cell-2026.fade-in.scroll-anim-top-right{transform:translate(35px,-50px)}.service-cell-2026.fade-in.visible{opacity:1;transform:translate(0)!important}.service-bg-wrap{z-index:1;width:100%;height:100%;position:absolute;inset:0}.service-bg-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;transform:scale(1)}.service-bg-img-light{display:block}.service-bg-img-dark,:root[data-theme=dark] .service-bg-img-light{display:none}:root[data-theme=dark] .service-bg-img-dark{display:block}.service-cell-2026:hover .service-bg-img{transition:transform 6s cubic-bezier(.25,1,.5,1);transform:scale(1.22)}.service-gradient-top{pointer-events:none;z-index:2;background:linear-gradient(#f7f6f1eb 0%,#f7f6f1a6 45%,#f7f6f100 100%);height:55%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}:root[data-theme=dark] .service-gradient-top{background:linear-gradient(#0f1117f0 0%,#0f1117b3 45%,#0f111700 100%)}.service-gradient-bottom{pointer-events:none;z-index:2;background:linear-gradient(#f7f6f100 0%,#f7f6f1a6 55%,#f7f6f1eb 100%);height:50%;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}:root[data-theme=dark] .service-gradient-bottom{background:linear-gradient(#0f111700 0%,#0f1117b3 55%,#0f1117f0 100%)}.service-cell-initial{z-index:3;box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem 1.5rem;display:flex;position:relative}.service-initial-desc{color:var(--text2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:auto 0 0;font-size:.8rem;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.service-hover-panel{z-index:5;box-sizing:border-box;width:100%;height:100%;box-shadow:none;-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--text);opacity:0;pointer-events:none;background:linear-gradient(#f7f6f1f7 0%,#f7f6f1e0 45%,#f7f6f1f2 100%);border:none;outline:none;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(-5px)}:root[data-theme=dark] .service-hover-panel{color:var(--text);background:linear-gradient(#0f1117f5 0%,#0f1117e0 45%,#0f1117f0 100%)}.service-cell-2026:hover .service-hover-panel{opacity:1;pointer-events:auto;transform:translateY(-5px)}.service-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.service-cell-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:0;font-size:1.2rem;line-height:1.2}.pixel-matrix-inline{vertical-align:middle;align-items:center;display:inline-flex}.pixel-stream-group{will-change:transform;animation:6s linear infinite pixelStreamMove}.service-cell-2026:hover .pixel-stream-group{animation-duration:2s}@keyframes pixelStreamMove{0%{transform:translate(0)}to{transform:translate(72px)}}.service-hover-desc{color:var(--text);margin:0;font-size:.85rem;line-height:1.55}.service-tech-chips{flex-wrap:wrap;gap:6px;margin-top:.25rem;display:flex}.tech-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:20px;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.tech-chip.tech-chip-linked{cursor:pointer}.tech-chip.tech-chip-linked:hover{transform:translateY(-1px);border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-light)!important}.service-cell-2026:hover .tech-chip{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}@media (max-width:992px){.services-grid-fullbleed{grid-template-columns:repeat(2,1fr)}.service-cell-2026{border-bottom:none;border-right:none;height:240px}.service-cell-2026:not(:nth-child(2n)){border-right:1px solid var(--border)}.service-cell-2026:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--border)}}@media (max-width:640px){.services-grid-fullbleed{grid-template-columns:1fr}.service-cell-2026{height:230px;border-right:none!important}.service-cell-2026:not(:last-child){border-bottom:1px solid var(--border)}}@media (min-width:1800px){.services-grid-fullbleed{grid-template-columns:repeat(6,1fr)}.service-cell-2026{height:280px;border-bottom:none!important}.service-cell-2026:not(:last-child){border-right:1px solid var(--border)!important}}.service-landing{padding-bottom:6rem}.service-landing-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.service-landing-hero{box-sizing:border-box;align-items:center;width:100%;min-height:70vh;padding-top:90px;padding-bottom:3rem;display:flex;position:relative;overflow:hidden}.service-landing-hero .hero-container{pointer-events:auto}.service-landing-hero .hero-grid{pointer-events:auto;grid-template-columns:1fr}.service-landing-hero .hero-left-col{max-width:620px}@media (min-width:769px){.service-landing-hero{min-height:80vh;padding-top:70px}}.service-landing-hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.service-landing-hero-img{object-fit:cover;object-position:right center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.service-landing-hero-img-light{display:block}.service-landing-hero-img-dark,:root[data-theme=dark] .service-landing-hero-img-light{display:none}:root[data-theme=dark] .service-landing-hero-img-dark{display:block}.service-landing-hero-gradient{background:linear-gradient(to right, var(--bg) 15%, #f7f6f1a6 45%, #f7f6f100 75%);position:absolute;inset:0}:root[data-theme=dark] .service-landing-hero-gradient{background:linear-gradient(to right, var(--bg) 15%, #0f1117a6 45%, #0f111700 75%)}.service-landing-back{color:var(--text2);font-family:var(--font-jetbrains-family);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-block}.service-landing-back:hover{color:var(--accent)}.service-landing-techs{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1.75rem;display:flex}.service-landing-others{margin-top:3.5rem}.service-landing-others h2{font-family:var(--font-jetbrains-family);text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin:0 0 1.25rem;font-size:.85rem}.service-landing-others-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid}.service-landing-other-card{background:var(--bg);color:var(--text);align-items:center;gap:.75rem;padding:1.25rem;font-size:.9rem;text-decoration:none;transition:background .2s;display:flex}.service-landing-other-card svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.service-landing-other-card:hover{background:var(--surface)}#experience{background:var(--bg2);z-index:3}.ide-container{border:1px solid var(--border);background:var(--bg2);border-radius:0;height:520px;margin-top:1.5rem;display:flex;overflow:hidden}.ide-sidebar{border-right:1px solid var(--border);background:var(--bg3);-webkit-user-select:none;user-select:none;flex-direction:column;width:250px;padding:12px 0;display:flex}.ide-sidebar-title{font-family:var(--font-jetbrains-family);color:var(--text3);letter-spacing:.08em;padding:0 16px 12px;font-size:.65rem;font-weight:700}.ide-tree{flex-direction:column;display:flex}.ide-tree-node{font-family:var(--font-jetbrains-family);color:var(--text2);cursor:default;align-items:center;padding:6px 16px;font-size:.75rem;display:flex}.ide-chevron{color:var(--text3);opacity:.7;flex-shrink:0;margin-right:4px}.ide-folder-icon{color:var(--accent);fill:#00c8a01a;flex-shrink:0;margin-right:6px}.ide-file-icon{color:var(--text3);flex-shrink:0;margin-right:6px}.indent-1{padding-left:26px}.indent-2{padding-left:38px}.indent-3{padding-left:50px}.ide-tree-files{flex-direction:column;gap:2px;display:flex}.ide-tree-file{font-family:var(--font-jetbrains-family);color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;outline:none;align-items:center;width:100%;padding:6px 12px;font-size:.75rem;transition:all .15s;display:flex}.ide-tree-file:hover{background:var(--border2);color:var(--text)}.ide-tree-file.active{background:var(--border);color:var(--accent);font-weight:600}.ide-editor{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.ide-tabs-bar{background:var(--bg3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.ide-tabs-scrollable{scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.ide-tabs-scrollable::-webkit-scrollbar{display:none}.ide-actions{border-left:1px solid var(--border);align-items:center;height:100%;padding:0 12px;display:flex}.ide-action-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-family:var(--font-jetbrains-family);cursor:pointer;outline:none;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:600;transition:all .2s;display:flex}.ide-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.ide-action-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.ide-tab-preview-badge{font-family:var(--font-jetbrains-family);color:var(--accent);text-transform:uppercase;font-size:.6rem}.ide-preview-window{text-align:left;font-family:var(--font-outfit-family);color:var(--text);flex:1;padding:2rem;overflow-y:auto}.preview-h1{font-family:var(--font-dm-serif-family);color:var(--text);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.preview-h2{color:var(--accent);font-size:1.05rem;font-weight:600;font-family:var(--font-outfit-family);margin-bottom:1.25rem}.preview-period{color:var(--text3);font-size:.85rem;font-weight:400;font-family:var(--font-jetbrains-family)}.preview-desc{color:var(--text2);margin-bottom:1.5rem;font-size:.92rem;line-height:1.65}.preview-h3{font-family:var(--font-jetbrains-family);color:var(--text);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px dashed var(--border);margin-bottom:.75rem;padding-bottom:6px;font-size:.8rem;font-weight:700}.preview-list{margin-bottom:1rem;padding-left:1rem}.preview-list-item{color:var(--text2);margin-bottom:.6rem;font-size:.88rem;line-height:1.6;list-style-type:square}.ide-tab{border:none;border-right:1px solid var(--border);font-family:var(--font-jetbrains-family);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;outline:none;align-items:center;gap:8px;padding:10px 16px;font-size:.72rem;transition:background .15s,color .15s;display:flex}.ide-tab:hover{background:var(--border2);color:var(--text2)}.ide-tab.active{background:var(--surface);color:var(--accent);border-bottom:1px solid var(--surface);font-weight:600}.ide-tab-close{opacity:.5;font-size:.85rem;transition:opacity .15s}.ide-tab:hover .ide-tab-close{opacity:1}.ide-editor-body{flex:1;padding:1.25rem 0;display:flex;overflow:auto}.ide-gutter{border-right:1px solid var(--border2);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;width:48px;padding-right:14px;display:flex}.gutter-num{font-family:var(--font-jetbrains-family);color:var(--text3);opacity:.5;height:1.8rem;font-size:.75rem;line-height:1.8}.ide-code-window{font-family:var(--font-jetbrains-family);text-align:left;flex:1;margin:0;padding:0 20px;font-size:.78rem;overflow-x:auto}.p-bracket{color:var(--text);font-weight:500}.p-indent-line{white-space:pre-wrap;min-height:1.8rem;padding-left:20px;line-height:1.8}.p-indent-2-line{padding-left:40px;line-height:1.8}.bullet-string-line{white-space:pre-wrap;min-height:1.8rem}:root{--json-key:#0984e3;--json-string:#2b8a3e;--md-accent:#00b894}[data-theme=dark]{--json-key:#4fc1ff;--json-string:#ce9178;--md-accent:#00c8a0}.p-key{color:var(--json-key);font-weight:500}.p-string{color:var(--json-string)}.md-header{color:var(--json-key);margin-bottom:4px;font-size:.95rem;font-weight:700}.md-subheader{color:var(--text3);margin-bottom:6px;font-size:.8rem;font-weight:500}.md-text{color:var(--text2);white-space:pre-wrap;font-size:.8rem;line-height:1.6}.md-section{color:var(--md-accent);margin-top:10px;margin-bottom:4px;font-size:.88rem;font-weight:600}.md-list-item{gap:8px;margin-bottom:4px;padding-left:6px;line-height:1.5;display:flex}.md-list-bullet{color:var(--md-accent);font-weight:700}.md-list-text{color:var(--text2);white-space:pre-wrap;font-size:.8rem}@media (max-width:768px){.ide-container{flex-direction:column;height:auto;min-height:400px}.ide-sidebar{display:none}.ide-editor{height:520px}.ide-action-btn span{display:none}.ide-action-btn{padding:6px 8px}.ide-actions{padding:0 8px}.ide-tab{gap:4px;padding:8px 12px;font-size:.68rem}.ide-tab-preview-badge{display:none}.ide-preview-window{padding:1.25rem}.preview-h1{font-size:1.25rem;line-height:1.2}.preview-h2{margin-bottom:.75rem;font-size:.95rem;line-height:1.3}.preview-period{margin-top:4px;font-size:.75rem;display:block}.preview-desc{margin-bottom:1rem;font-size:.85rem;line-height:1.5}.preview-list-item{font-size:.8rem;line-height:1.5}.ide-code-window{padding:1.25rem;font-size:.75rem}}.experience-header-block{border-bottom:2px dashed var(--border);flex-direction:column;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}@media (min-width:768px){.experience-header-block{flex-direction:row;align-items:center;gap:3rem}}.experience-back-btn{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--text2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.experience-back-btn:hover{background:var(--text);color:var(--surface);box-shadow:4px 4px 0 var(--accent);transform:translateY(-4px)}.experience-back-btn svg{width:20px;height:20px}.experience-header-divider{display:none}@media (min-width:768px){.experience-header-divider{background:linear-gradient(to bottom, var(--accent), var(--text));perspective:1000px;width:4px;height:90px;transform-style:preserve-3d;flex-shrink:0;animation:4s linear infinite rotateDivider;display:block}}.experience-header-intro{flex-direction:column;flex:1;gap:.5rem;display:flex}.experience-subtitle{font-family:var(--font-dm-serif-family);color:var(--accent);margin:0;font-size:1.5rem}.experience-description{font-family:var(--font-outfit-family);color:var(--text2);max-width:none;margin:0;font-size:1.1rem;line-height:1.6}.timeline-container{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.brutalist-accordion{border:2px solid var(--border);background:var(--bg2);transition:box-shadow .2s,transform .15s cubic-bezier(.4,0,.2,1),border-color .2s;overflow:hidden}.brutalist-accordion:hover{box-shadow:4px 4px 0 var(--accent);border-color:var(--text1);transform:translate(-2px,-2px)}.brutalist-accordion:active{box-shadow:0px 0px 0 var(--accent);transition:transform 50ms,box-shadow 50ms;transform:translate(0)scale(.995)}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:4px solid #0000;grid-template-columns:100px 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem 2rem;transition:border-color .2s;display:grid}.brutalist-accordion.expanded .accordion-header{border-left-color:var(--accent)}.accordion-year{font-family:var(--font-jetbrains-family);color:var(--accent);white-space:nowrap;font-size:.95rem;font-weight:700;line-height:1.3}.accordion-title-wrap{flex-direction:column;gap:.3rem;display:flex}.accordion-logo{margin-bottom:.4rem}.accordion-logo img{object-fit:contain;width:auto;max-width:140px;height:28px}:root[data-theme=light] .accordion-logo img[src*=Capgemini],:root:not([data-theme=dark]) .accordion-logo img[src*=Capgemini],:root[data-theme=light] .accordion-logo img[src*=Logaritmia],:root:not([data-theme=dark]) .accordion-logo img[src*=Logaritmia],:root[data-theme=light] .accordion-logo img[src*=libelium],:root:not([data-theme=dark]) .accordion-logo img[src*=libelium],:root[data-theme=dark] .accordion-logo img[src*=avaibook]{filter:invert()}.accordion-company{color:var(--text1);margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.accordion-company a{color:var(--text1);text-decoration:none;transition:color .2s}.accordion-company a:hover{color:var(--accent)}.accordion-role{color:var(--text2);font-size:.9rem}.accordion-icon{color:var(--accent);border:1.5px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s,border-color .2s,background .2s;display:flex}.brutalist-accordion.expanded .accordion-icon{background:var(--accent);border-color:var(--accent);color:var(--bg)}.icon-v{transform-origin:50%;transition:transform .3s}.brutalist-accordion.expanded{background:var(--bg3);box-shadow:6px 6px 0 var(--accent);border-color:var(--text1);animation:4s ease-in-out infinite brutalShadowPulseAccent;transform:translate(-3px,-3px)}.brutalist-accordion.expanded .accordion-icon{transform:rotate(90deg)}.brutalist-accordion.expanded .icon-v{transform:scaleY(0)}.accordion-body{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.brutalist-accordion.expanded .accordion-body{grid-template-rows:1fr}.accordion-content-inner{border-top:2px dashed #0000;padding:0 1.5rem;transition:border-color .3s;overflow:hidden}.brutalist-accordion.expanded .accordion-content-inner{border-top-color:var(--border);padding-top:1.5rem;padding-bottom:1.5rem}.preview-markdown ul{margin-top:1rem;padding-left:0;list-style:none}.preview-markdown li{color:var(--text2);margin-bottom:.75rem;padding-left:1.5rem;line-height:1.6;position:relative}.preview-markdown li:before{content:">";color:var(--accent);font-family:var(--font-jetbrains-family);font-weight:700;position:absolute;left:0}.experience-summary-mode .preview-markdown ul{display:none}.experience-summary-mode .preview-markdown p{color:var(--text2);margin-bottom:0}@media (max-width:768px){.timeline-container{scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;gap:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;overflow-x:auto}.timeline-container::-webkit-scrollbar{display:none}.experience-full-page .timeline-container{scroll-snap-type:none;flex-direction:column;margin-left:0;margin-right:0;padding-bottom:0;padding-left:0;padding-right:0;overflow-x:visible}.brutalist-accordion{scroll-snap-align:center;flex-shrink:0;align-self:flex-start;width:75vw;min-width:75vw;max-width:320px}.experience-full-page .brutalist-accordion{align-self:stretch;width:100%;min-width:100%;max-width:none}.accordion-header{grid-template-columns:1fr auto;gap:1rem;padding:1.25rem}.accordion-year{grid-column:1/-1;margin-bottom:-.5rem;font-size:.9rem}.accordion-company{font-size:1.1rem}.brutalist-accordion.expanded{box-shadow:4px 4px 0 var(--accent);transform:translate(-2px,-2px)}}.unified-experience-section{background:0 0;max-width:100vw;height:400vh;position:relative;overflow:visible}.unified-experience-section .section-title{font-size:2.2rem;line-height:1.15}.unified-experience-section .experience-header-block{border-bottom:1px dashed var(--border);gap:1.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.unified-experience-section .experience-subtitle{font-size:1.05rem;line-height:1.3}.unified-experience-section .experience-description{font-size:.85rem;line-height:1.5}.experience-title-container{flex-shrink:0;align-items:center;gap:1.25rem;display:flex}.experience-header-btn{font-family:var(--font-jetbrains-family);letter-spacing:.05em;white-space:nowrap;border-radius:0;padding:6px 12px;font-size:.7rem;font-weight:700}.sticky-experience-frame{flex-direction:column;justify-content:space-evenly;width:100%;max-width:100vw;height:100vh;padding:1.5rem 0;display:flex;position:sticky;top:0;overflow:hidden}.floating-track-wrapper{width:100%;max-width:100vw;overflow-x:unset;padding:1.5rem 0 2rem;position:relative}.floating-cards-track{will-change:transform;align-items:flex-start;gap:2rem;padding-left:max(1.5rem,50vw - 600px + 1.5rem);padding-right:max(3rem,50vw - 600px + 3rem);display:flex}.floating-card-item{background:var(--surface);border:1px solid var(--border);width:300px;min-width:300px;height:auto;min-height:auto;color:inherit;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:flex-start;gap:.5rem;padding:1.1rem;text-decoration:none;transition:border-color .25s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000000a}.floating-card-item:hover{border-color:var(--accent);z-index:5;box-shadow:0 10px 28px #0000000a}.floating-card-item:hover .floating-card-techs{opacity:1;pointer-events:auto;transform:translateY(0)}.card-blueprint-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.floating-card-header{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:.35rem;display:flex;position:relative}.floating-company-name{font-family:var(--font-jetbrains-family);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:.64rem;font-weight:700;line-height:1.3}.floating-year-pill{font-family:var(--font-jetbrains-family);color:var(--accent);background:var(--accent-light);white-space:nowrap;border:1px solid #00b89440;border-radius:12px;padding:2px 8px;font-size:.62rem;font-weight:700}.floating-card-body{z-index:1;position:relative}.floating-card-logo{align-items:center;height:32px;margin-bottom:.6rem;display:flex}.floating-card-logo img{object-fit:contain;width:auto;max-width:140px;height:28px}:root[data-theme=light] .floating-card-logo img[src*=Capgemini],:root:not([data-theme=dark]) .floating-card-logo img[src*=Capgemini],:root[data-theme=light] .floating-card-logo img[src*=Logaritmia],:root:not([data-theme=dark]) .floating-card-logo img[src*=Logaritmia],:root[data-theme=light] .floating-card-logo img[src*=libelium],:root:not([data-theme=dark]) .floating-card-logo img[src*=libelium],:root[data-theme=dark] .floating-card-logo img[src*=avaibook]{filter:invert()}.floating-card-title{font-family:var(--font-dm-serif-family);color:var(--text);margin-bottom:.25rem;font-size:1.12rem;line-height:1.25}.floating-card-projects-list{flex-direction:column;gap:3px;margin:.25rem 0 .45rem;padding:0;list-style:none;display:flex}.floating-card-projects-list .project-list-item{font-family:var(--font-jetbrains-family);align-items:center;gap:5px;font-size:.68rem;line-height:1.35;display:flex}.floating-card-projects-list .project-list-item .project-plus-icon{color:var(--accent);font-size:.72rem;font-weight:700}.floating-card-projects-list .project-list-item .project-name-text{color:var(--text);font-weight:500}.floating-card-preview{font-family:var(--font-outfit-family);color:var(--text2);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.4rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.floating-card-techs{z-index:1;opacity:0;pointer-events:none;flex-wrap:wrap;gap:5px;margin-top:.5rem;transition:opacity .25s,transform .25s;display:flex;position:relative;transform:translateY(6px)}.floating-tech-chip{font-family:var(--font-jetbrains-family);color:var(--text2);background:var(--bg2);border:1px solid var(--border2);border-radius:0;padding:2px 6px;font-size:.62rem}@media (max-width:768px){.unified-experience-section{height:auto;padding:3rem 0}.sticky-experience-frame{height:auto;position:relative;top:auto;overflow:visible}.floating-track-wrapper{scroll-snap-type:x mandatory;scrollbar-width:none;padding:1.5rem 1rem;overflow-x:auto}.floating-track-wrapper::-webkit-scrollbar{display:none}.floating-cards-track{gap:1.25rem;padding-left:.5rem;padding-right:1.5rem;transform:none!important}.floating-card-item{scroll-snap-align:start;width:290px;min-width:290px;min-height:260px;transform:none!important}}@media (min-width:1800px){.unified-experience-section,.unified-experience-section.is-ultrawide{padding:5rem 0 7rem;display:block;overflow:visible;height:auto!important}.unified-experience-section .sticky-experience-frame,.unified-experience-section.is-ultrawide .sticky-experience-frame{padding:0;display:block;height:auto!important;position:relative!important;top:auto!important;overflow:visible!important}.unified-experience-section .container,.unified-experience-section.is-ultrawide .container{z-index:2;width:100%;margin-bottom:2.5rem;position:relative}.unified-experience-section .floating-track-wrapper,.unified-experience-section.is-ultrawide .floating-track-wrapper{width:100vw;margin-left:calc(50% - 50vw);padding:2rem 0 6rem;overflow:visible}.unified-experience-section .floating-cards-track,.unified-experience-section.is-ultrawide .floating-cards-track{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:1.5rem;width:100%;padding:2rem clamp(2rem,4vw,6rem);display:flex;transform:none!important}.unified-experience-section .floating-card-item,.unified-experience-section.is-ultrawide .floating-card-item{min-width:250px;max-width:330px;transform:translateY(var(--stagger-y,0px));flex:1 1 0;animation:.8s cubic-bezier(.16,1,.3,1) both ultrawideRandomEntrance}.unified-experience-section .floating-card-item:hover,.unified-experience-section.is-ultrawide .floating-card-item:hover{z-index:10;transform:translateY(calc(var(--stagger-y,0px) - 8px))!important}}@keyframes ultrawideRandomEntrance{0%{opacity:0;transform:translateY(calc(var(--stagger-y,0px) + 40px)) scale(.92)}to{opacity:1;transform:translateY(var(--stagger-y,0px)) scale(1)}}.experience-footer-action{text-align:center;justify-content:center;align-items:center;width:100%;margin-top:2.5rem;display:flex}#stack{background:var(--bg)}.stack-grid{display:flex;overflow-x:auto}.stack-interactive-layout{grid-template-columns:minmax(420px,500px) 1fr;align-items:start;gap:1.5rem;margin-top:1.5rem;display:grid}.stack-diagram-pane{background:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:flex-start;padding:1.5rem;display:flex}.stack-diagram-header{font-family:var(--font-jetbrains-family);color:var(--text3);letter-spacing:.08em;border-bottom:1px dashed var(--border);padding-bottom:8px;font-size:.65rem;font-weight:700}.arch-stack-svg{width:100%;height:auto;display:block}.arch-layer-group{cursor:pointer}.arch-layer-group rect{fill:var(--bg3);stroke:var(--border);stroke-width:1.5px;transition:all .25s}.arch-layer-group text{font-family:var(--font-jetbrains-family);fill:var(--text);pointer-events:none;font-size:10.5px;font-weight:700;transition:all .25s}.arch-layer-group:hover rect{fill:var(--accent-light);stroke:var(--accent)}.arch-layer-group:hover text{fill:var(--accent-dark)}.arch-layer-group.active rect{fill:var(--accent-light);stroke:var(--accent);stroke-width:2.5px}.arch-layer-group.active text{fill:var(--accent-dark);font-weight:700}.stack-diagram-footer{font-family:var(--font-jetbrains-family);color:var(--text3);margin-top:4px;font-size:.62rem}.stack-details-pane{background:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:flex-start;min-height:330px;padding:2.25rem;transition:all .25s;display:flex}.stack-details-title-row{border-bottom:1.5px solid var(--border);text-align:left;margin-bottom:1.5rem;padding-bottom:1.5rem}.stack-details-category-code{font-family:var(--font-jetbrains-family);color:var(--accent);margin-bottom:6px;font-size:.7rem;display:block}.stack-details-title{font-family:var(--font-dm-serif-family);color:var(--text);margin-bottom:6px;font-size:1.75rem}.stack-details-subtitle{color:var(--text2);font-size:.92rem;line-height:1.5}.stack-skills-matrix{text-align:left;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.matrix-skill-row{border-bottom:1px dashed var(--border2);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.skill-meta{justify-content:space-between;align-items:center;display:flex}.skill-name{color:var(--text);font-size:.85rem;font-weight:600}.skill-tag{font-family:var(--font-jetbrains-family);color:var(--text3);border:1.5px solid var(--border);padding:2px 6px;font-size:.65rem}.skill-gauge{gap:4px;display:flex}.gauge-segment{background:var(--border2);flex:1;height:4px}.gauge-segment.filled{background:var(--accent)}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.stack-mobile-select-container{flex-direction:column;gap:8px;width:100%;margin:1.5rem 0;display:flex}.stack-select-label{font-family:var(--font-jetbrains-family);color:var(--accent);letter-spacing:.05em;font-size:.72rem}.stack-select-wrapper{width:100%;position:relative}.stack-select-input{font-family:var(--font-jetbrains-family);color:var(--text);background:var(--bg2);border:1.5px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300a896' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 16px center;background-repeat:no-repeat;border-radius:6px;outline:none;width:100%;padding:12px 16px;font-size:.85rem;font-weight:500;transition:border-color .2s}.stack-select-input:focus{border-color:var(--accent)}.stack-mobile-layout{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}.mobile-stack-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1.5rem}}@media (max-width:992px){.stack-interactive-layout{grid-template-columns:1fr;gap:2rem}}@media (max-width:576px){.stack-skills-matrix{grid-template-columns:1fr;gap:1.25rem}}#projects{background:0 0}.projects-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);color:inherit;text-align:left;border-radius:0;flex-direction:column;justify-content:space-between;padding:2rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.project-card:hover{border-color:var(--accent);box-shadow:3px 3px 0px var(--accent);transform:translate(-3px,-3px)}.project-eyebrow{font-family:var(--font-jetbrains-family);color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.7rem}.project-name{font-family:var(--font-dm-serif-family);color:var(--text);margin-bottom:.5rem;font-size:1.4rem}.project-desc{color:var(--text2);font-size:.875rem;line-height:1.6}.project-techs{flex-wrap:wrap;gap:6px;margin-top:1rem;display:flex}.project-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.project-links{flex-direction:column;gap:.4rem;max-width:100%;margin:1rem 0;display:flex}.project-link-item{color:var(--accent);font-family:var(--font-jetbrains-family);align-items:center;gap:.4rem;max-width:100%;font-size:.78rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.project-link-item svg{flex-shrink:0}.project-link-item:hover{opacity:.8}.project-link-text{font-family:var(--font-jetbrains-family);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:100%;font-size:.78rem;display:inline-block;overflow:hidden}.stech{font-family:var(--font-jetbrains-family);background:var(--bg2);border:1px solid var(--border);color:var(--text2);border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:500;display:inline-block}.carousel-indicators-mobile{display:none}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.projects-carousel-mobile{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.5rem;padding:.5rem .25rem 1rem;display:flex!important;overflow-x:auto!important}.projects-carousel-mobile::-webkit-scrollbar{display:none}.projects-carousel-mobile .project-card{scroll-snap-align:center;flex-direction:column;justify-content:space-between;min-width:260px;max-width:320px;margin:0;display:flex;border:1.5px solid var(--border)!important;background:var(--surface)!important;border-radius:16px!important;flex:0 0 85%!important;padding:1.5rem!important;box-shadow:0 8px 24px #0000000f!important}.carousel-indicators-mobile{justify-content:center;align-items:center;gap:8px;margin-top:1rem;display:flex}.carousel-indicators-mobile .carousel-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.carousel-indicators-mobile .carousel-dot.active{background:var(--accent);border-radius:12px;width:26px}}#contact{background:var(--text);color:var(--bg)}#contact .section-label{color:var(--accent)}#contact .section-title{color:var(--bg)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin-top:1.5rem;display:grid}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;gap:3rem}}.contact-desc{color:#e8e6dfa6;text-align:left;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}[data-theme=dark] #contact{background:var(--bg3)}[data-theme=dark] #contact .section-title{color:var(--text)}[data-theme=dark] .contact-desc{color:var(--text2)}.contact-links{text-align:left;flex-direction:column;gap:1rem;display:flex}.contact-link{color:#e8e6dfa6;align-items:center;gap:12px;font-size:.95rem;text-decoration:none;transition:color .2s;display:flex}.contact-link svg{flex-shrink:0}@media (max-width:768px){.contact-link{word-break:break-all;align-items:flex-start}.contact-link svg{margin-top:4px}}[data-theme=dark] .contact-link{color:var(--text2)}.contact-link:hover{color:var(--accent)}.contact-link-icon{background:#e8e6df14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.contact-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.cf-label{color:#e8e6df80;margin-bottom:4px;font-size:.8rem;display:block}[data-theme=dark] .cf-label{color:var(--text3)}.cf-input,.cf-textarea{width:100%;color:var(--bg);font-family:var(--font-outfit-family);background:#e8e6df0f;border:1px solid #e8e6df26;border-radius:0;outline:none;padding:12px 16px;font-size:.9rem;transition:border-color .2s}[data-theme=dark] .cf-input,[data-theme=dark] .cf-textarea{color:var(--text);background:var(--bg2);border-color:var(--border)}.cf-input:focus,.cf-textarea:focus{border-color:var(--accent)}.cf-input::placeholder,.cf-textarea::placeholder{color:#e8e6df4d}[data-theme=dark] .cf-input::placeholder,[data-theme=dark] .cf-textarea::placeholder{color:var(--text3)}.cf-textarea{resize:vertical;min-height:120px}.cf-submit{background:var(--accent);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;font-family:var(--font-outfit-family);border:none;border-radius:0;align-self:flex-start;padding:14px 28px;transition:background .2s,transform .1s}.cf-submit:hover{background:var(--accent-dark);transform:translateY(-1px)}.projects-interactive-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1.25rem;margin-top:1.25rem;display:grid}@media (max-width:1024px){.projects-interactive-grid{grid-template-columns:1fr;gap:1.25rem}}.arch-unified-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;width:100%;padding:1.25rem;display:flex;overflow:hidden;box-shadow:0 4px 30px #00000008}.arch-chip-bar{border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;padding-bottom:1rem;display:flex}@media (min-width:768px){.arch-chip-bar{flex-direction:row;align-items:center;gap:2rem}}.arch-chip-group{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.arch-chip-group::-webkit-scrollbar{display:none}.arch-chip-group-label{font-family:var(--font-jetbrains-family);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;margin-right:.5rem;font-size:.58rem;font-weight:700}.arch-chip{background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-family:var(--font-jetbrains-family);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;outline:none;justify-content:center;align-items:center;padding:6px 12px;font-size:.65rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.arch-chip:hover{border-color:var(--accent);color:var(--text);background:var(--accent-light);transform:translateY(-1px)}.arch-chip.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:0 2px 8px #00b89426}.arch-unified-body{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (min-width:992px){.arch-unified-body{grid-template-columns:1.2fr .8fr}}.arch-diagram-pane{background:var(--bg2);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;min-height:260px;max-height:400px;padding:1.5rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.arch-diagram-pane{min-height:340px}}.arch-diagram-pane svg{width:100%;height:100%;max-height:320px}.arch-info-panel{flex-direction:column;gap:1rem;width:100%;display:flex}.arch-info-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;animation:.3s fadeIn;display:flex}.arch-info-tag{font-family:var(--font-jetbrains-family);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:700}.arch-info-title{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.25rem}.arch-info-desc{color:var(--text2);margin:0 0 .5rem;font-size:.8rem;line-height:1.45}.arch-info-link{background:var(--surface);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-jetbrains-family);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.68rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.arch-info-link:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00b89433}.arch-wizard-accordion{border:1px solid var(--border);background:var(--bg3);border-radius:12px;overflow:hidden}.arch-wizard-toggle{background:var(--surface);width:100%;color:var(--text);font-family:var(--font-heading);cursor:pointer;border:none;outline:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.arch-wizard-toggle:hover{background:var(--bg2)}.arch-wizard-chevron{color:var(--text3);transition:transform .3s cubic-bezier(.4,0,.2,1)}.arch-wizard-toggle.open{border-bottom:1px solid var(--border)}.arch-wizard-toggle.open .arch-wizard-chevron{color:var(--accent);transform:rotate(180deg)}.arch-wizard-body{padding:1rem;animation:.3s slideDown}.arch-wizard-body .wizard-card{box-shadow:none;background:0 0;border:none;min-height:auto;padding:0}.arch-wizard-body .wizard-body{padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ddd-bounded-context{stroke:var(--accent);stroke-dasharray:6 4;animation:4s linear infinite ddd-marching-ants}@keyframes ddd-marching-ants{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.ddd-pulse{animation:3s ease-in-out infinite ddd-pulse-glow}@keyframes ddd-pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;fill:var(--accent-light);transform:scale(1.15)}}.eda-event{fill:var(--accent);filter:drop-shadow(0 0 4px var(--accent));animation:4s linear infinite eda-flow-horizontal}.eda-event.delayed{animation-delay:2s}@keyframes eda-flow-horizontal{0%{cx:100px;cy:150px;opacity:0}10%{opacity:1}48%{cx:160px;cy:150px;opacity:1}50%{cx:160px;cy:150px;opacity:0}to{cx:160px;cy:150px;opacity:0}}.eda-event-vertical-up{fill:var(--accent-dark);filter:drop-shadow(0 0 4px var(--accent-dark));animation:4s linear infinite eda-flow-vertical-up}.eda-event-vertical-up.delayed{animation-delay:2s}@keyframes eda-flow-vertical-up{0%,48%{cx:240px;cy:150px;opacity:0}50%{opacity:1}95%{opacity:1}to{cx:300px;cy:72px;opacity:0}}.eda-event-vertical-down{fill:var(--accent-dark);filter:drop-shadow(0 0 4px var(--accent-dark));animation:4s linear infinite eda-flow-vertical-down}.eda-event-vertical-down.delayed{animation-delay:2s}@keyframes eda-flow-vertical-down{0%,48%{cx:240px;cy:150px;opacity:0}50%{opacity:1}95%{opacity:1}to{cx:300px;cy:222px;opacity:0}}.cqrs-path-write{stroke:var(--accent);stroke-dasharray:8 6;animation:30s linear infinite cqrs-dash-write}@keyframes cqrs-dash-write{to{stroke-dashoffset:-500px}}.cqrs-path-read{stroke:var(--accent-dark);stroke-dasharray:8 6;animation:30s linear infinite cqrs-dash-read}@keyframes cqrs-dash-read{to{stroke-dashoffset:500px}}.cqrs-pulse-node{animation:2s ease-in-out infinite cqrs-node-glow}@keyframes cqrs-node-glow{0%,to{r:6px;opacity:.6}50%{r:9px;opacity:1}}.cqrs-arrow-path{stroke-dasharray:10;animation:1.5s linear infinite cqrs-arrow-dash}@keyframes cqrs-arrow-dash{to{stroke-dashoffset:-20px}}.sandbox-body{height:320px;position:relative;overflow:hidden}.sandbox-svg{width:100%;height:100%;display:block}.sandbox-node-group{transition:transform .15s}.sandbox-node-group:hover{transform:scale(1.03)}.sandbox-hint{text-align:center;font-family:var(--font-jetbrains-family);color:var(--text3);pointer-events:none;background:linear-gradient(to top, var(--bg2) 70%, transparent);padding:8px 0;font-size:.65rem;position:absolute;bottom:12px;left:0;right:0}.sandbox-header-actions{align-items:center;display:flex}@keyframes sandbox-pulse{0%{r:3px;opacity:.8}50%{r:5px;opacity:1;fill:var(--accent)}to{r:3px;opacity:.8}}.wizard-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;height:100%;min-height:420px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.wizard-body{flex-direction:column;flex:1;justify-content:center;padding:1rem;display:flex}.wizard-step{flex-direction:column;height:100%;display:flex}.wizard-step.result{justify-content:flex-start;overflow-y:auto}.wizard-h3{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.35}.wizard-p{color:var(--text2);margin-bottom:.875rem;font-size:.78rem;line-height:1.4}.wizard-field{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.wizard-label{font-family:var(--font-jetbrains-family);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.wizard-input{box-sizing:border-box;background:var(--bg3);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:8px 12px;font-size:.85rem;transition:all .2s}.wizard-input:focus{border-color:var(--accent);outline:none}.wizard-progress-row{align-items:center;gap:10px;margin-bottom:.75rem;display:flex}.wizard-progress{font-family:var(--font-jetbrains-family);color:var(--accent);text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:.65rem}.wizard-progress-track{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.wizard-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.wizard-options{flex-direction:column;flex:1;justify-content:center;gap:6px;margin-bottom:1rem;display:flex}.wizard-options--4{grid-template-columns:1fr 1fr;gap:6px;display:grid}.wizard-opt-btn{text-align:left;background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;align-items:flex-start;padding:8px 10px;transition:all .2s;display:flex}.wizard-opt-btn strong{color:var(--text);margin-bottom:2px;font-size:.8rem}.wizard-opt-btn span{color:var(--text3);font-size:.68rem;line-height:1.25}.wizard-opt-btn:hover{border-color:var(--accent-dark);background:var(--bg3)}.wizard-opt-btn.active{border-color:var(--accent);background:var(--accent-light)}.wizard-nav-btns{justify-content:space-between;gap:10px;margin-top:auto;display:flex}.btn-wizard-action{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-wizard-action:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.btn-wizard-action:disabled{opacity:.5;cursor:not-allowed}.btn-wizard-sec{color:var(--text2);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:.8rem;transition:all .2s}.btn-wizard-sec:hover{color:var(--text);border-color:var(--text3)}.wizard-result-diagram{background:var(--bg2);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;height:190px;margin-bottom:1rem;display:flex;overflow:hidden}.mobile-bottom-nav,.mobile-rooms-popup,.mobile-menu,.mobile-menu-overlay{display:none}@media (max-width:992px){.nav-logo{z-index:1002;position:absolute;top:14px;left:1rem;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}.nav-links,.nav-hamburger{display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0006;display:block;position:fixed;inset:0}.mobile-bottom-nav{bottom:calc(1rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);z-index:1001;background:#f7f6f1d9;border-radius:26px;justify-content:space-around;align-items:center;gap:4px;width:calc(100% - 1.5rem);max-width:440px;height:50px;padding:4px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000026}.mobile-bottom-nav.nav-hidden{opacity:0;pointer-events:none;transform:translate(-50%,160%)!important}[data-theme=dark] .mobile-bottom-nav{border:1px solid var(--border);background:#0f1117d9;box-shadow:0 16px 40px #00000080}.mobile-bottom-tab{height:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;font-family:var(--font-outfit-family);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 5px #0000000d}.mobile-bottom-tab svg{width:14px;height:14px;transition:transform .2s,color .2s}.mobile-bottom-tab:hover,.mobile-bottom-tab.active{color:var(--accent);background:var(--accent-light);border-color:var(--accent);z-index:2;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #00b8942e}.mobile-bottom-tab:hover svg,.mobile-bottom-tab.active svg{color:var(--accent)}.mobile-bottom-tab:active{transform:scale(.95)}[data-theme=dark] .mobile-bottom-tab{background:var(--bg3);border:1px solid var(--border);color:var(--text)}[data-theme=dark] .mobile-bottom-tab:hover,[data-theme=dark] .mobile-bottom-tab.active{border-color:var(--accent);color:var(--accent);background:#00c8a02e;box-shadow:0 4px 14px #00c8a040}.mobile-menu{top:calc(70px + env(safe-area-inset-top,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1.5px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(24px);border-radius:24px;flex-direction:column;justify-content:space-between;width:auto;max-width:440px;max-height:none;margin:0 auto;padding:1.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:1rem;right:1rem;overflow-y:auto;transform:translateY(140%);box-shadow:0 24px 48px #0000004d}.mobile-menu.open{transform:translateY(0)}.mobile-nav-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-group-title{font-family:var(--font-jetbrains-family);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px dashed var(--border);margin-bottom:.5rem;padding-bottom:.4rem;font-size:.72rem;font-weight:700}.mobile-nav-link{color:var(--text);font-family:var(--font-outfit-family);border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav-link:hover,.mobile-nav-link.nav-link-active{background:var(--accent-light);color:var(--accent);font-weight:600}.mobile-menu-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.mobile-menu-footer .mobile-menu-toggles{flex:2;align-items:center;gap:.5rem;display:flex}.mobile-menu-footer .theme-toggle,.mobile-menu-footer .nav-cta{height:38px;font-size:.8rem;font-weight:600;font-family:var(--font-outfit-family);white-space:nowrap;box-sizing:border-box;border-radius:9999px;flex:1;justify-content:center;align-items:center;padding:0 .65rem;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-footer .theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text)}.mobile-menu-footer .theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu-footer .nav-cta{background:var(--accent);border:1px solid var(--accent);color:#fff;flex:1;margin-left:0}.mobile-menu-footer .nav-cta:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.mobile-rooms-popup{bottom:calc(92px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1.5px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(24px);border-radius:24px;width:auto;max-width:440px;margin:0 auto;padding:1.25rem;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block;position:fixed;left:1rem;right:1rem;transform:translateY(140%);box-shadow:0 24px 48px #0000004d}.mobile-rooms-popup.open{transform:translateY(0)}.rooms-popup-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.rooms-popup-title{font-family:var(--font-outfit-family);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.rooms-popup-close{background:var(--bg2);border:1px solid var(--border);width:28px;height:28px;color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.rooms-popup-close:hover{background:var(--accent-light);color:var(--accent)}.rooms-popup-grid{flex-direction:column;gap:.75rem;display:flex}.room-card-row{background:var(--bg2);border:1.5px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.room-card-row .room-row-icon{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.room-card-row .room-row-icon svg{color:var(--accent)}.room-card-row .room-row-text{flex-direction:column;gap:2px;display:flex}.room-card-row .room-row-title{font-family:var(--font-outfit-family);color:var(--text);font-size:.95rem;font-weight:700;transition:color .2s}.room-card-row .room-row-desc{color:var(--text2);font-size:.78rem}.room-card-row:hover,.room-card-row.active{border-color:var(--accent);background:var(--surface);transform:translate(4px);box-shadow:0 6px 16px #00000014}.room-card-row:hover .room-row-title,.room-card-row.active .room-row-title{color:var(--accent)}.room-card-row:hover .room-row-icon,.room-card-row.active .room-row-icon{transform:scale(1.15)}.navbar .nav-cta,.navbar .theme-toggle{display:none}}section{padding:3rem 0}.container{max-width:1450px;margin:0 auto;padding:0 2rem}.section-label{font-family:var(--font-jetbrains-family);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:500}.section-title{font-family:var(--font-dm-serif-family);color:var(--text);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.btn-primary{color:var(--accent);border:1px solid var(--accent);font-family:var(--font-jetbrains-family);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:8px;padding:11px 22px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn-primary:hover{background:var(--accent-light);box-shadow:3px 3px 0px var(--accent);transform:translate(-3px,-3px)}.btn-secondary{color:var(--text2);border:1px solid var(--border);font-family:var(--font-jetbrains-family);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:8px;padding:11px 22px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn-secondary:hover{color:var(--text);border-color:var(--text);box-shadow:3px 3px 0px var(--text);transform:translate(-3px,-3px)}.blog-layout-wrapper{grid-template-columns:1fr;grid-template-areas:"header""content";gap:2rem;max-width:1800px;margin:0 auto;padding:clamp(30px,10vh,60px) clamp(1rem,3vw,2rem) 4rem;display:grid}@media (min-width:992px){.blog-layout-wrapper{grid-template-columns:80px minmax(auto,1000px) 300px;grid-template-areas:"left header right""left content right";justify-content:center;gap:3rem}}@media (min-width:1592px){.blog-layout-wrapper{grid-template-columns:80px minmax(auto,1600px) 320px;grid-template-areas:"left header right""left content right";justify-content:center;gap:3rem}}.bento-blog-container{max-width:1800px;margin:0 auto;padding:4rem clamp(1rem,3vw,2rem) 2rem}.blog-article-content{grid-area:content;min-width:0}.blog-sidebar-left{flex-direction:row;grid-area:left;justify-content:flex-end;align-items:flex-start;min-width:0;display:flex}@media (max-width:991px){.blog-sidebar-left{z-index:50;width:calc(50vw - 2rem);margin-bottom:0;position:fixed;bottom:1.5rem;right:1.5rem}}.blog-sidebar-left .blog-back-nav{display:none}@media (min-width:992px){.blog-sidebar-left{z-index:10;flex-direction:column;align-self:start;align-items:center;height:max-content;margin-bottom:0;position:sticky;top:140px}.blog-sidebar-left .blog-back-nav{display:block}}.blog-sidebar-right{flex-direction:column;grid-area:right;min-width:0;margin-top:0;display:flex}@media (max-width:991px){.blog-sidebar-right{z-index:50;width:calc(50vw - 2rem);position:fixed;bottom:1.5rem;left:1.5rem}}@media (min-width:992px){.blog-sidebar-right{z-index:10;align-self:start;height:max-content;margin-top:0;position:sticky;top:140px}}.blog-article-content{box-shadow:10px 10px 0px var(--accent);border:2px solid var(--text);background-color:var(--surface);border-radius:16px;width:100%;padding:clamp(.5rem,1vw,1.5rem)}.blog-header-wrapper{border-bottom:2px solid var(--border);word-break:break-word;grid-area:header;min-width:0;padding-bottom:2rem}.blog-header-wrapper .blog-breadcrumbs{margin-bottom:1.5rem}.blog-header-wrapper .blog-breadcrumbs ol{font-size:.85rem;font-family:var(--font-outfit-family);color:var(--text2);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-header-wrapper .blog-breadcrumbs a{color:var(--text2);text-decoration:none;transition:color .2s}.blog-header-wrapper .blog-breadcrumbs a:hover{color:var(--accent)}.blog-header-wrapper .blog-breadcrumbs .separator{color:var(--border);font-size:.8rem}.blog-header-wrapper .blog-breadcrumbs li[aria-current=page]{color:var(--text);font-weight:500}.blog-header-wrapper .blog-title{font-family:var(--font-dm-serif-family);color:var(--text);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:clamp(1.75rem,3.5vw,3rem);font-weight:700;line-height:1.2}.blog-header-wrapper .blog-meta-row{font-family:var(--font-jetbrains-family);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.blog-prose{font-family:var(--font-outfit-family);color:var(--text2);font-size:clamp(.98rem,1vw,1.1rem);line-height:1.8}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{font-family:var(--font-dm-serif-family);color:var(--text);margin-top:1.5em;margin-bottom:.75em;font-weight:700;line-height:1.25}.blog-prose h1:first-child,.blog-prose h2:first-child,.blog-prose h3:first-child,.blog-prose h4:first-child,.blog-prose h5:first-child,.blog-prose h6:first-child{margin-top:0}.blog-prose h1{font-size:clamp(1.75rem,3.5vw,2.25rem)}.blog-prose h2{border-bottom:1.5px dashed var(--accent);padding-bottom:.5rem;font-size:clamp(1.35rem,2.5vw,1.75rem)}.blog-prose h3{font-size:clamp(1.15rem,1.8vw,1.35rem)}.blog-prose h4{font-size:clamp(1.05rem,1.2vw,1.15rem)}.blog-prose p{margin-top:1em;margin-bottom:1em}.blog-prose a{color:var(--accent);text-underline-offset:4px;font-weight:600;text-decoration:underline;transition:color .2s}.blog-prose a:hover{color:var(--text)}.blog-prose ul,.blog-prose ol{margin-top:1.5em;margin-bottom:1.5em;padding-left:1.5em}.blog-prose li{margin-top:.5em;margin-bottom:.5em}.blog-prose li.task-list-item{align-items:flex-start;gap:.5rem;margin-left:-1.2rem;list-style-type:none;display:flex}.blog-prose li.task-list-item input[type=checkbox]{accent-color:var(--accent);cursor:default;width:14px;height:14px;margin-top:.3em}.blog-prose blockquote{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:repeating-linear-gradient(-45deg,#f3f3f3,#efeee8 1rem,#ccc .9rem,#ddd 1.02rem);border:none;border-radius:0;margin:1.25em 0;padding:1rem 1.25rem;position:relative}.blog-prose blockquote:before{content:"";pointer-events:none;z-index:2;background:#e8e7df;width:16px;height:16px;position:absolute;top:0;right:0;box-shadow:-2px 2px 4px #00000026}.blog-prose blockquote{font-size:.95rem;font-style:normal;line-height:1.6;color:#4a4a45!important}.blog-prose blockquote p{margin:0 0 .4em;color:#4a4a45!important}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose blockquote strong{font-weight:600;color:#1a1a18!important}.blog-prose blockquote a{font-size:inherit;color:#00966e!important}.blog-prose code{font-family:var(--font-jetbrains-family);color:var(--accent);border:1px solid var(--border);background:#fff;border-radius:4px;padding:.2em .4em;font-size:.85em}.blog-prose .code-block-wrapper{border-radius:12px;margin:2em 0;position:relative}.blog-prose .code-block-wrapper .code-block-header-tools{z-index:10;align-items:center;gap:.4rem;display:flex;position:absolute;top:.5rem;right:.5rem}.blog-prose .code-block-wrapper .code-copy-btn,.blog-prose .code-block-wrapper .code-toggle-btn{opacity:.85;color:#e2e8f0;font-family:var(--font-jetbrains-family);cursor:pointer;background:#282828d9;border:1px solid #ffffff1a;border-radius:6px;padding:.25rem .6rem;font-size:.725rem;font-weight:600;transition:opacity .2s,background .2s,transform .15s;box-shadow:0 2px 4px #0003}.blog-prose .code-block-wrapper .code-copy-btn:hover,.blog-prose .code-block-wrapper .code-toggle-btn:hover{opacity:1;color:#fff;background:#3c3c3cf2}.blog-prose .code-block-wrapper .code-toggle-btn{color:#6ee7b7;background:#00966e40;border-color:#00966e66}.blog-prose .code-block-wrapper .code-toggle-btn:hover{color:#fff;background:#00966e73}.blog-prose .code-block-wrapper:hover .code-copy-btn,.blog-prose .code-block-wrapper:hover .code-toggle-btn{opacity:1}.blog-prose .code-block-wrapper pre{border:1px solid var(--border);border-radius:12px;margin:0;padding:1.25em;transition:max-height .3s;box-shadow:4px 4px #00000026;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;background:#121212!important}.blog-prose .code-block-wrapper pre code{color:#e2e8f0;box-shadow:none;background:0 0;border:none;padding:0;font-size:clamp(.78rem,1.1vw,.84rem);line-height:1.5;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important}.blog-prose .code-block-wrapper pre span[data-line]{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important}.blog-prose .code-block-wrapper.has-collapse.is-collapsed pre{max-height:210px;overflow:hidden}.blog-prose .code-block-wrapper.has-collapse.is-collapsed .code-collapse-gradient{cursor:pointer;z-index:5;background:linear-gradient(#12121200,#121212f2 70%,#121212);border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:flex-end;height:80px;padding-bottom:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.blog-prose .code-block-wrapper.has-collapse.is-collapsed .code-expand-trigger{font-family:var(--font-jetbrains-family);color:#fff;background-color:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:.35rem .85rem;font-size:.75rem;font-weight:700;transition:transform .15s,background .2s;box-shadow:0 4px 12px #0006}.blog-prose .code-block-wrapper.has-collapse.is-collapsed .code-expand-trigger:hover{background-color:#00805d;transform:translateY(-1px)}@media (max-width:640px){.blog-prose .code-block-wrapper{margin:1.25em 0}.blog-prose .code-block-wrapper pre{border-radius:8px;padding:1rem .85rem}.blog-prose .code-block-wrapper pre code{font-size:.76rem;line-height:1.45}.blog-prose .code-block-wrapper .code-block-header-tools{top:.4rem;right:.4rem}.blog-prose .code-block-wrapper .code-block-header-tools .code-copy-btn,.blog-prose .code-block-wrapper .code-block-header-tools .code-toggle-btn{opacity:1;padding:.2rem .45rem;font-size:.675rem}}.blog-prose img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;margin:2.5em auto;display:block}.blog-prose hr{border:0;border-top:1px solid var(--border);margin:1em 0}.blog-prose details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:.75rem 0;padding:0;transition:border-color .2s,background .2s;overflow:hidden}.blog-prose details:hover{border-color:var(--accent)}.blog-prose details[open]{border-color:var(--accent);background:var(--bg2)}.blog-prose details[open] summary{border-bottom:1px solid var(--border);color:var(--accent)}.blog-prose details[open] summary:after{content:"×";color:var(--accent)}.blog-prose details summary{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.925rem;list-style:none;transition:color .2s,background .2s;display:flex}.blog-prose details summary::-webkit-details-marker{display:none}.blog-prose details summary:after{content:"+";font-family:var(--font-jetbrains-family),monospace;color:var(--text3);flex-shrink:0;font-size:1.15rem;font-weight:400;transition:transform .2s,color .2s}.blog-prose details summary:hover,.blog-prose details summary:hover:after{color:var(--accent)}.blog-prose details summary strong{color:inherit;font-weight:600}.blog-prose details p,.blog-prose details div{color:var(--text2);margin:0;padding:.85rem 1.25rem;font-size:.9rem;line-height:1.65}.blog-prose table{border-collapse:collapse;border:1px solid var(--border);background-color:var(--bg2);border-radius:4px;width:100%;margin:1.5rem 0;font-size:.88rem;line-height:1.55;overflow:hidden}.blog-prose table thead{background-color:var(--surface);border-bottom:1px solid var(--border)}.blog-prose table thead th{font-family:var(--font-jetbrains-family),monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--text);text-align:left;border-right:1px solid var(--border);padding:.65rem .85rem;font-size:.78rem;font-weight:700}.blog-prose table thead th:last-child{border-right:none}.blog-prose table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s}.blog-prose table tbody tr:last-child{border-bottom:none}.blog-prose table tbody tr:hover{background-color:var(--surface)}.blog-prose table tbody tr td{color:var(--text2);border-right:1px solid var(--border);vertical-align:top;padding:.65rem .85rem}.blog-prose table tbody tr td:last-child{border-right:none}.blog-prose table tbody tr td strong{color:var(--text);font-weight:600}.blog-prose table tbody tr td em{color:var(--text3)}.mobile-modal-backdrop{display:none}@media (max-width:991px){.mobile-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;display:block;position:fixed;inset:0}}.mobile-modal-header{display:none}@media (max-width:991px){.mobile-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding-bottom:1rem;display:flex}.mobile-modal-header .mobile-modal-title{color:var(--text);letter-spacing:1px;font-size:1rem;font-weight:700}.mobile-modal-header .mobile-modal-close{appearance:none;color:var(--text2);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;display:flex;box-shadow:none!important;background-color:#0000!important;border:none!important}.mobile-modal-header .mobile-modal-close:hover{color:var(--text)}}.share-buttons-container{flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.main-share-btn{background:var(--surface);border:1px solid var(--border);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;gap:0;padding:0;display:flex;box-shadow:4px 4px #0000000d}.main-share-btn .share-text{display:none}@media (min-width:992px){.main-share-btn{box-shadow:none}}.share-buttons-dropdown{z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;margin-left:.5rem;padding:1rem;display:none;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 20px #0000001a}.share-buttons-dropdown.open{display:flex}@media (max-width:991px){.share-buttons-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;width:92%;max-width:380px;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}}.share-icons-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.blog-share-btn{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.blog-share-btn:hover{background:var(--text);color:var(--surface);box-shadow:4px 4px 0 var(--accent);transform:translateY(-4px)}.blog-share-btn svg{width:20px;height:20px}.blog-toc-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;height:100%;padding:.8rem 1.25rem;box-shadow:4px 4px #0000000d}.blog-toc-container .toc-title{color:var(--text);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}@media (max-width:991px){.blog-toc-container .toc-title{font-size:.72rem}}.blog-toc-container .toc-toggle-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:inherit}.blog-toc-container .toc-toggle-btn .toc-chevron{width:16px;height:16px;margin-left:auto;transition:transform .3s}.blog-toc-container .toc-toggle-btn[aria-expanded=true] .toc-chevron{transform:rotate(180deg)}@media (min-width:992px){.blog-toc-container .toc-toggle-btn{cursor:default;margin-bottom:1.2rem}.blog-toc-container .toc-toggle-btn .toc-chevron{display:none}}.blog-toc-container .toc-wrapper{flex-direction:column;display:flex;position:relative}.blog-toc-container .toc-wrapper.open{display:flex}@media (max-width:991px){.blog-toc-container .toc-wrapper:not(.open){display:none}}.blog-toc-container .toc-scroll-indicator{background:var(--surface-raised,var(--bg2));border:1px solid var(--border);width:100%;height:22px;color:var(--accent);cursor:pointer;z-index:10;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.4rem;transition:all .2s;display:flex}.blog-toc-container .toc-scroll-indicator.toc-scroll-down{margin-top:.4rem;margin-bottom:0}.blog-toc-container .toc-scroll-indicator:hover{background:var(--accent-light);border-color:var(--accent)}.blog-toc-container .toc-list{z-index:1000;flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:991px){.blog-toc-container .toc-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:92%;max-width:420px;max-height:85vh;padding:1.5rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}}@media (min-width:992px){.blog-toc-container .toc-list{scroll-behavior:smooth;max-height:50vh;margin-top:0;padding-right:4px;overflow-y:auto;display:flex!important}.blog-toc-container .toc-list::-webkit-scrollbar{width:3px}.blog-toc-container .toc-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}}.blog-toc-container .toc-link{color:var(--text2);border-left:2px solid #0000;align-items:baseline;gap:.35rem;margin-left:-.5rem;padding-left:.5rem;font-size:.78rem;line-height:1.45;text-decoration:none;transition:all .2s;display:flex}.blog-toc-container .toc-link .toc-number{font-family:var(--font-jetbrains-family),monospace;color:var(--accent);flex-shrink:0;font-size:.72rem;font-weight:700}.blog-toc-container .toc-link .toc-text{flex:1}.blog-toc-container .toc-link:hover{color:var(--accent);border-left-color:var(--accent);transform:translate(3px)}.blog-toc-container .toc-link.active{transform:translate(3px);color:var(--accent)!important;border-left-color:var(--accent)!important;font-weight:700!important}.blog-toc-container .toc-link.active .toc-text{color:var(--accent);font-weight:700}.bento-blog-header{border-bottom:2px solid var(--border);flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUpIndex;display:flex}@media (min-width:992px){.bento-blog-header{flex-direction:row;justify-content:space-between;align-items:center}}.header-split-container{flex-direction:column;flex:1;gap:1rem;display:flex}@media (min-width:768px){.header-split-container{flex-direction:row;align-items:center;gap:2rem}}.header-title-main{font-family:var(--font-dm-serif-family);color:var(--text);flex-shrink:0;margin:0;font-size:clamp(3.2rem,6vw,5rem);line-height:1.05}.header-title-main .title-highlight{color:var(--accent);cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative}.header-title-main .title-highlight:after{content:"";background:var(--accent-light);z-index:-1;transform-origin:0;width:100%;height:6px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;left:0;transform:scaleX(.4)}.header-title-main .title-highlight:hover{transform:scale(1.03)rotate(-1deg)}.header-title-main .title-highlight:hover:after{transform:scaleX(1)}.header-vertical-divider{display:none}@media (min-width:768px){.header-vertical-divider{background:linear-gradient(to bottom, var(--accent), var(--text));perspective:1000px;width:4px;height:70px;transform-style:preserve-3d;flex-shrink:0;animation:3.5s linear infinite rotateDivider;display:block}}.bento-blog-description{font-family:var(--font-outfit-family);color:var(--text2);max-width:none;margin:0;font-size:1.15rem;line-height:1.6;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUpIndex}@keyframes rotateDivider{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes fadeInUpIndex{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.blog-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.blog-filters .filter-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.blog-filters .filter-btn:hover,.blog-filters .filter-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.editorial-grid-brutal{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card-brutal{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-card-brutal:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:8px 8px #0000000d}.blog-card-image{aspect-ratio:16/9;border-bottom:1px solid var(--border);width:100%;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card-brutal:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.blog-card-meta{flex-wrap:wrap;gap:.5rem;display:flex}.blog-card-pill{background:var(--bg2);border:1px solid var(--border);font-size:.75rem;font-family:var(--font-jetbrains-family);text-transform:uppercase;color:var(--text2);border-radius:4px;padding:.25rem .5rem;font-weight:600}.blog-card-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:0;font-size:1.75rem;line-height:1.2}.blog-card-excerpt{color:var(--text2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.prompt-preview-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:2rem 0;overflow:hidden;box-shadow:0 4px 20px #0000000f}.prompt-preview-card .prompt-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.prompt-preview-card .prompt-badge{font-family:var(--font-jetbrains-family,monospace);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:.25rem .65rem;font-size:.725rem;font-weight:700}.prompt-preview-card.mode-slop .prompt-badge{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.prompt-preview-card.mode-guided .prompt-badge{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.prompt-preview-card .prompt-actions{align-items:center;gap:.5rem;display:flex}.prompt-preview-card .tab-btn{font-family:var(--font-outfit-family,sans-serif);color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.prompt-preview-card .tab-btn:hover{color:#0f172a;background-color:#0000000a}.prompt-preview-card .tab-btn.active{color:#00966e;background-color:#fff;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000a}.prompt-preview-card .run-prompt-btn{font-family:var(--font-jetbrains-family,monospace);color:#fff;cursor:pointer;background-color:#00966e;border:none;border-radius:6px;padding:.45rem .95rem;font-size:.775rem;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 2px 6px #00966e4d}.prompt-preview-card .run-prompt-btn:hover{background-color:#00805d;transform:translateY(-1px);box-shadow:0 4px 10px #00966e66}.prompt-preview-card .run-prompt-btn:active{transform:translateY(0)}.prompt-preview-card .prompt-input-box{color:#e2e8f0;font-family:var(--font-jetbrains-family,monospace);white-space:pre-wrap;word-break:break-word;background-color:#1a1a1a;border-bottom:1px solid #334155;padding:.85rem 1rem;font-size:.8rem;line-height:1.5}.prompt-preview-card .prompt-input-box .prompt-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.4rem;font-size:.7rem;font-weight:600}.prompt-preview-card .preview-area{background-color:#faf7f2;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:2rem 1.5rem;display:flex;position:relative}.prompt-preview-card .prompt-unlaunched-state{text-align:center;max-width:380px}.prompt-preview-card .prompt-unlaunched-state .unlaunched-icon{color:#64748b;width:48px;height:48px;font-family:var(--font-jetbrains-family,monospace);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto .85rem;font-size:1.25rem;font-weight:700;display:flex}.prompt-preview-card .prompt-unlaunched-state .unlaunched-title{font-family:var(--font-outfit-family,sans-serif);color:#1e293b;margin-bottom:.35rem;font-size:.95rem;font-weight:700}.prompt-preview-card .prompt-unlaunched-state .unlaunched-desc{font-family:var(--font-outfit-family,sans-serif);color:#64748b;font-size:.825rem;line-height:1.45}.prompt-preview-card .prompt-generating-box{text-align:center}.prompt-preview-card .prompt-generating-box .spinner-pulse{border:3px solid #cbd5e1;border-top-color:#00966e;border-radius:50%;width:32px;height:32px;margin:0 auto .75rem;animation:.6s linear infinite spinPulse}.prompt-preview-card .prompt-generating-box .generating-text{font-family:var(--font-jetbrains-family,monospace);color:#00966e;font-size:.825rem;font-weight:600}@keyframes spinPulse{to{transform:rotate(360deg)}}.prompt-preview-card .slop-variant-1{text-align:center;background-color:#fff;border:1px solid #f3f4f6;border-radius:1.25rem;width:100%;max-width:340px;padding:1.75rem;font-family:Arial,sans-serif;animation:.3s ease-out fadeInScale;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.prompt-preview-card .slop-variant-1 .slop-header-box{background-color:#e0e7ff;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem}.prompt-preview-card .slop-variant-1 .slop-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.prompt-preview-card .slop-variant-1 .slop-title{color:#111827;margin-top:.35rem;font-size:1.35rem;font-weight:700}.prompt-preview-card .slop-variant-1 .slop-desc{color:#6b7280;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.prompt-preview-card .slop-variant-1 .slop-specs{color:#4b5563;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;font-size:.825rem;display:flex}.prompt-preview-card .slop-variant-1 .slop-spec-row{justify-content:space-between;display:flex}.prompt-preview-card .slop-variant-1 .slop-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#9333ea);border:none;border-radius:9999px;width:100%;padding:.85rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .15s,opacity .2s;box-shadow:0 10px 15px -3px #4f46e54d}.prompt-preview-card .slop-variant-1 .slop-btn:hover{opacity:.95;transform:scale(1.02)}.prompt-preview-card .slop-variant-2{background:linear-gradient(135deg,#ecfeff,#cffaff);border:2px solid #a5f3fc;border-radius:1.5rem;width:100%;max-width:340px;padding:1.5rem;font-family:Arial,sans-serif;animation:.3s ease-out fadeInScale;box-shadow:0 15px 35px #06b6d426}.prompt-preview-card .slop-variant-2 .cyan-badge{color:#fff;text-transform:uppercase;background-color:#06b6d4;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.prompt-preview-card .slop-variant-2 .cyan-title{color:#0e7490;margin-bottom:.4rem;font-size:1.3rem;font-weight:800}.prompt-preview-card .slop-variant-2 .cyan-desc{color:#155e75;margin-bottom:1rem;font-size:.85rem;line-height:1.45}.prompt-preview-card .slop-variant-2 .cyan-specs{color:#0e7490;background:#fff9;border-radius:.75rem;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.75rem;font-size:.8rem;display:flex}.prompt-preview-card .slop-variant-2 .cyan-btn{color:#fff;cursor:pointer;background-color:#0891b2;border:none;border-radius:1rem;width:100%;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700;transition:transform .15s,background .2s;box-shadow:0 8px 20px #0891b24d}.prompt-preview-card .slop-variant-2 .cyan-btn:hover{background-color:#0e7490;transform:translateY(-2px)}.prompt-preview-card .slop-variant-3{color:#f8fafc;background-color:#0f172a;border:1px solid #334155;border-radius:1rem;width:100%;max-width:340px;padding:1.5rem;font-family:Arial,sans-serif;animation:.3s ease-out fadeInScale;box-shadow:0 20px 30px #0000004d}.prompt-preview-card .slop-variant-3 .dark-badge{color:#10b981;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.prompt-preview-card .slop-variant-3 .dark-title{color:#fff;margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.prompt-preview-card .slop-variant-3 .dark-desc{color:#94a3b8;margin-bottom:1rem;font-size:.85rem;line-height:1.45}.prompt-preview-card .slop-variant-3 .dark-specs{color:#cbd5e1;border-top:1px solid #334155;border-bottom:1px solid #334155;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.6rem 0;font-size:.8rem;display:flex}.prompt-preview-card .slop-variant-3 .dark-btn{color:#022c22;cursor:pointer;background-color:#10b981;border:none;border-radius:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.85rem;font-weight:800;transition:transform .15s,background .2s;box-shadow:0 4px 14px #10b98159}.prompt-preview-card .slop-variant-3 .dark-btn:hover{background-color:#34d399;transform:translateY(-1px)}.prompt-preview-card .card-style-guided{background-color:#fff;border:1px solid #1919191f;border-radius:4px;width:100%;max-width:340px;padding:1rem;animation:.3s ease-out fadeInScale;box-shadow:0 2px 8px #1919190a}.prompt-preview-card .card-style-guided .guided-eyebrow{font-family:var(--font-jetbrains-family,monospace);letter-spacing:.1em;color:#c84b31;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.prompt-preview-card .card-style-guided .guided-title{font-family:var(--font-dm-serif-family,serif);color:#191919;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.2}.prompt-preview-card .card-style-guided .guided-desc{font-family:var(--font-outfit-family,sans-serif);color:#686d76;margin-bottom:.85rem;font-size:.85rem;line-height:1.45}.prompt-preview-card .card-style-guided .guided-specs{border-top:1px dashed #1919191a;border-bottom:1px dashed #1919191a;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.prompt-preview-card .card-style-guided .guided-spec-row{font-family:var(--font-jetbrains-family,monospace);color:#191919;justify-content:space-between;font-size:.725rem;display:flex}.prompt-preview-card .card-style-guided .guided-spec-label{color:#686d76}.prompt-preview-card .card-style-guided .guided-btn{color:#fff;width:100%;font-family:var(--font-jetbrains-family,monospace);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background-color:#c84b31;border:1px solid #c84b31;border-radius:4px;padding:.65rem 1rem;font-size:.75rem;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 2px 4px #c84b3133}.prompt-preview-card .card-style-guided .guided-btn:hover{background-color:#2d4263;border-color:#2d4263;transform:translateY(-1px);box-shadow:0 4px 8px #2d426340}.prompt-preview-card .demo-click-feedback{font-family:var(--font-jetbrains-family,monospace);color:#1e40af;text-align:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:4px;margin-top:.75rem;padding:.3rem .6rem;font-size:.725rem}.prompt-preview-card .variant-indicator-tag{font-family:var(--font-jetbrains-family,monospace);color:#991b1b;text-align:center;background:#fee2e2;border:1px dashed #fca5a5;border-radius:4px;margin-top:.65rem;padding:.25rem .5rem;font-size:.675rem}.prompt-preview-card .code-container pre{color:#e2e8f0;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;background-color:#121212!important;border:none!important;border-radius:0!important;margin:0!important;padding:1rem!important;font-size:.78rem!important;line-height:1.5!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.prompt-preview-card .prompt-header{padding:.6rem .75rem}.prompt-preview-card .prompt-header .prompt-actions{justify-content:space-between;width:100%}.prompt-preview-card .prompt-header .prompt-actions .run-prompt-btn{text-align:center;justify-content:center;width:100%}}.library-layout{grid-template-columns:280px 1fr;align-items:flex-start;gap:2rem;transition:grid-template-columns .2s;display:grid}.library-layout.sidebar-collapsed{grid-template-columns:44px 1fr}.library-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.75rem;width:100%;max-height:calc(100vh - 70px);padding:1rem;transition:width .2s,padding .2s,opacity .2s;display:flex;position:sticky;top:50px;box-shadow:0 2px 10px #0000000f}.library-sidebar-header{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.library-sidebar-header .library-back-btn{flex:1;justify-content:center;min-width:0}.library-sidebar-inner{scrollbar-width:thin;scrollbar-color:var(--border) #0000;flex-direction:column;gap:1rem;min-width:0;margin:0 -.25rem 0 0;padding-left:.25rem;padding-right:4px;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%)}.library-sidebar-inner::-webkit-scrollbar{width:6px}.library-sidebar-inner::-webkit-scrollbar-track{background:0 0}.library-sidebar-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.library-sidebar-inner::-webkit-scrollbar-thumb:hover{background:var(--text-muted,var(--border))}.library-sidebar-toggle{border:1px solid var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex;position:static}.library-sidebar-toggle:hover{background:var(--accent,#e0a800);border-color:var(--accent,#e0a800);color:#1a1a1a}.library-sidebar.collapsed{width:44px;min-width:44px;padding:1rem .5rem}.library-sidebar.collapsed .library-sidebar-header{justify-content:center}.library-sidebar.collapsed .library-back-btn,.library-sidebar.collapsed .library-sidebar-inner{display:none}.library-sidebar-title{font-family:var(--font-jetbrains-family);text-transform:uppercase;border-bottom:1px solid var(--border);color:var(--text-muted,var(--text));letter-spacing:.04em;margin:0;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.library-search-wrapper{width:100%;position:relative}.library-search-input{width:100%;font-family:var(--font-outfit-family);color:var(--text);background:var(--bg);border:2px solid var(--text);border-radius:6px;padding:.5rem .75rem .5rem 2.25rem;font-size:.9rem;transition:all .2s}.library-search-input:focus{border-color:var(--accent);box-shadow:2px 2px 0px var(--accent);background:var(--surface);outline:none}.library-search-icon{color:var(--text2);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.library-sidebar-nav{flex-direction:column;gap:.4rem;display:flex}.library-nav-item{width:100%;color:var(--text2);font-family:var(--font-outfit-family);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.library-nav-item:hover{background:var(--bg2);color:var(--text)}.library-nav-item.active{background:var(--accent-light);color:var(--accent-dark);border-color:var(--accent);font-weight:600}.library-nav-count{font-family:var(--font-jetbrains-family);background:var(--bg2);border:1px solid var(--border);color:var(--text3);border-radius:10px;padding:1px 5px;font-size:.7rem}.library-nav-item.active .library-nav-count{background:var(--surface);border-color:var(--accent);color:var(--accent-dark)}.library-sidebar-stats{font-family:var(--font-jetbrains-family);color:var(--text3);text-transform:uppercase;border-top:1px solid var(--border);justify-content:space-between;padding-top:.75rem;font-size:.7rem;display:flex}.library-main-content{flex-direction:column;gap:2.5rem;display:flex}.library-shelf-section{padding:0;scroll-margin-top:90px}.library-shelf-header{background:var(--surface-alt);border:3px solid var(--text);box-shadow:6px 6px 0px var(--primary);border-radius:1rem;align-items:stretch;margin-bottom:2rem;padding:0;display:flex;overflow:hidden}.library-shelf-image{border-right:3px solid var(--text);background:var(--surface);flex:none;justify-content:center;align-items:center;min-width:150px;max-width:30%;display:flex}.library-shelf-image img{object-fit:cover;width:100%;height:100%}.library-shelf-info{flex-direction:column;flex:1;justify-content:center;padding:1rem 1.25rem;display:flex}.library-shelf-tag{font-family:var(--font-jetbrains-family);text-transform:uppercase;color:var(--accent-dark);background:var(--accent-light);border:1px solid var(--accent);border-radius:4px;margin-bottom:.25rem;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.library-shelf-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:0 0 .4rem;font-size:2rem;line-height:1.2}.library-shelf-desc{font-family:var(--font-outfit-family);color:var(--text2);margin:0;font-size:1rem;line-height:1.5}.library-grid-brutal{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.library-grid-brutal{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.library-grid-brutal{grid-template-columns:repeat(3,1fr)}}.library-card{background-color:var(--surface);background-image:radial-gradient(var(--border) 1px, transparent 0);border:2px solid var(--text);border-left:6px solid var(--accent);color:inherit;box-shadow:4px 4px 0px var(--text);background-size:14px 14px;border-radius:8px;flex-direction:column;min-height:170px;padding:.85rem;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.library-card:hover{box-shadow:6px 6px 0px var(--accent);transform:translate(-3px,-3px)}.library-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.library-card-num-badge{font-family:var(--font-jetbrains-family);color:var(--accent-dark);background:var(--accent-light);border:1.5px solid var(--accent);border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:700}.library-card-date{font-family:var(--font-jetbrains-family);color:var(--text3);font-size:.7rem}.library-card-content{flex-direction:column;flex:1;display:flex;padding:0!important}.library-card-title{font-family:var(--font-outfit-family);color:var(--text);margin:0 0 .4rem;font-size:1.15rem;font-weight:700;line-height:1.25;transition:color .2s}.library-card:hover .library-card-title{color:var(--accent-dark)}.library-card-excerpt{font-family:var(--font-outfit-family);color:var(--text2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.library-card-footer{font-family:var(--font-jetbrains-family);text-transform:uppercase;color:var(--text);align-items:center;gap:.25rem;margin-top:auto;font-size:.7rem;font-weight:700;display:inline-flex}.library-card-footer svg{transition:transform .2s}.library-card:hover .library-card-footer svg{transform:translate(3px)}.library-no-results{background:var(--surface);border:2px dashed var(--text);text-align:center;color:var(--text2);border-radius:12px;padding:2.5rem 1.5rem}.library-no-results h3{font-family:var(--font-dm-serif-family);color:var(--text);margin-bottom:.5rem;font-size:1.5rem}.library-no-results p{font-family:var(--font-outfit-family);margin-bottom:1.25rem;font-size:.95rem}.library-clear-btn{font-family:var(--font-jetbrains-family);text-transform:uppercase;background:var(--text);color:var(--surface);border:2px solid var(--text);cursor:pointer;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .2s}.library-clear-btn:hover{background:var(--surface);color:var(--text)}@media (max-width:1024px){.library-layout{grid-template-columns:1fr;gap:1.5rem}.library-sidebar{width:100%;box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0;position:relative;top:0}.library-sidebar-title,.library-search-wrapper,.library-sidebar-nav{display:none}.library-shelf-header{text-align:center;flex-direction:column}.library-shelf-image{border-right:none;border-bottom:3px solid var(--text);flex:0 0 120px;width:100%;max-width:100%;height:120px}.library-shelf-info{padding:1.5rem 1rem}}.library-units-grid{grid-template-columns:1fr;gap:2rem;margin-top:1.5rem;display:grid}@media (min-width:768px){.library-units-grid{grid-template-columns:repeat(2,1fr)}}.library-unit-card{background:var(--surface);border:2px solid var(--text);color:inherit;box-shadow:6px 6px 0px var(--text);cursor:pointer;border-radius:16px;flex-direction:column;padding:1.15rem;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);animation:6s ease-in-out infinite brutalShadowPulseText,8s ease-in-out infinite brutalBorderWalk;display:flex;position:relative}.library-unit-card:hover{box-shadow:10px 10px 0px var(--accent);transform:translate(-4px,-4px)}.library-unit-card-header{border-bottom:2px dashed var(--border);align-items:center;gap:1.25rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.library-unit-card-image{border:2px solid var(--text);background:var(--bg2);border-radius:10px;flex:0 0 70px;width:70px;height:70px;overflow:hidden}.library-unit-card-image img{object-fit:cover;width:100%;height:100%}.library-unit-card-tag{font-family:var(--font-jetbrains-family);text-transform:uppercase;color:var(--accent-dark);background:var(--accent-light);border:1px solid var(--accent);border-radius:4px;margin-bottom:.25rem;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.library-unit-card-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:0;font-size:1.6rem;line-height:1.2}.library-unit-card-desc{font-family:var(--font-outfit-family);color:var(--text2);flex:1;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.library-unit-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.library-unit-card-count{font-family:var(--font-jetbrains-family);color:var(--text2);background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:600}.library-unit-card-action{font-family:var(--font-jetbrains-family);text-transform:uppercase;color:var(--text);align-items:center;gap:.25rem;font-size:.8rem;font-weight:700;transition:color .2s;display:inline-flex}.library-unit-card:hover .library-unit-card-action{color:var(--accent-dark)}.library-unit-card-action svg{transition:transform .2s}.library-unit-card:hover .library-unit-card-action svg{transform:translate(3px)}.library-back-btn{background:var(--surface);border:2px solid var(--text);font-family:var(--font-jetbrains-family);text-transform:uppercase;color:var(--text);cursor:pointer;box-shadow:3px 3px 0px var(--text);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.library-back-btn:hover{box-shadow:5px 5px 0px var(--accent);background:var(--accent-light);color:var(--accent-dark);border-color:var(--accent);transform:translate(-2px,-2px)}.sidebar-lessons-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:4px 4px #0000000d}@media (max-width:991px){.sidebar-lessons-card{height:100%;margin-bottom:0;padding:.8rem 1rem}}.sidebar-lessons-card .sidebar-title-brutal{color:var(--text);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:.85rem;font-weight:700;display:flex}.sidebar-lessons-card .sidebar-title-brutal.toggle-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:0;padding:0;font-family:inherit}.sidebar-lessons-card .sidebar-title-brutal.toggle-btn .nav-chevron{width:16px;height:16px;margin-left:auto;transition:transform .3s}.sidebar-lessons-card .sidebar-title-brutal.toggle-btn[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}@media (min-width:992px){.sidebar-lessons-card .sidebar-title-brutal.toggle-btn{cursor:default;margin-bottom:.75rem}.sidebar-lessons-card .sidebar-title-brutal.toggle-btn .nav-chevron{display:none}}.sidebar-lessons-card .sidebar-lessons-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-lessons-card .sidebar-lessons-nav .sidebar-group-btn{text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;border-bottom:1px dashed #10b98133;justify-content:space-between;align-items:center;margin:.5rem 0 .35rem;padding:.4rem .4rem .25rem;font-family:inherit;font-size:.64rem;font-weight:750;transition:opacity .2s;display:flex}.sidebar-lessons-card .sidebar-lessons-nav .sidebar-group-btn:hover{opacity:.8}.sidebar-lessons-card .sidebar-lessons-nav .sidebar-group-btn .group-icon{transition:transform .2s}.sidebar-lessons-card .sidebar-lessons-nav .sidebar-group-btn .group-icon.collapsed{transform:rotate(-90deg)}.sidebar-lessons-card .sidebar-lessons-nav .sidebar-group:first-child .sidebar-group-btn{margin-top:.2rem}.sidebar-lessons-card .sidebar-lessons-nav .sidebar-group-items{flex-direction:column;gap:.5rem;display:flex}@media (max-width:991px){.sidebar-lessons-card .sidebar-lessons-nav{z-index:1000;display:none}.sidebar-lessons-card .sidebar-lessons-nav.open{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:92%;max-width:420px;max-height:85vh;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}}.sidebar-lessons-card .sidebar-lessons-nav .mobile-modal-header{display:none}@media (max-width:991px){.sidebar-lessons-card .sidebar-lessons-nav .mobile-modal-header{display:flex}}.sidebar-lessons-card .sidebar-lessons-nav .lesson-link{color:var(--text2);gap:.5rem;font-size:.75rem;line-height:1.4;text-decoration:none;transition:all .2s;display:flex}.sidebar-lessons-card .sidebar-lessons-nav .lesson-link .lesson-num{font-family:var(--font-jetbrains-family);opacity:.5;align-items:center;width:16px;margin-top:.15rem;font-size:.75rem;display:flex}.sidebar-lessons-card .sidebar-lessons-nav .lesson-link:hover{color:var(--accent);transform:translate(4px)}.sidebar-lessons-card .sidebar-lessons-nav .lesson-link.active{color:var(--accent-dark);font-weight:600}.sidebar-lessons-card .sidebar-lessons-nav .lesson-link.active .lesson-num{color:var(--accent);opacity:1}.catalog-wrapper{flex-direction:column;gap:2rem;display:flex}.catalog-intro-banner{background:var(--surface);border:3px solid var(--text);box-shadow:6px 6px 0px var(--primary);border-radius:1rem;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.catalog-intro-content{line-height:1.2}.catalog-intro-content h2{font-family:var(--font-heading);margin:0 0 .5rem;font-size:1.5rem}.catalog-intro-content p{color:var(--text-muted);margin:0;font-size:.85rem}.catalog-intro-btn{background:var(--text);color:var(--bg);white-space:nowrap;border-radius:.5rem;align-items:center;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.catalog-intro-btn:hover{box-shadow:4px 4px 0px var(--accent);transform:translate(-2px,-2px)}@media (max-width:768px){.catalog-intro-banner{text-align:center;flex-direction:column;padding:1.5rem}.catalog-intro-btn{justify-content:center;width:100%}}.library-sidebar-branch-articles{border-left:2px dashed var(--border);flex-direction:column;gap:.3rem;margin-top:.35rem;margin-left:.75rem;padding-left:.75rem;display:flex}.library-sidebar-article-link{font-family:var(--font-outfit-family);color:var(--text2);border-radius:4px;padding:.25rem .5rem;font-size:.85rem;line-height:1.3;text-decoration:none;transition:all .2s;display:block}.library-sidebar-article-link:hover{background:var(--bg2);color:var(--text);padding-left:.75rem}.library-sidebar-article-link.active{color:var(--accent-dark);background:var(--accent-light);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;padding-left:.5rem;font-weight:600}.sequential-nav{border-top:2px dashed var(--border);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.sequential-btn{background:var(--surface-alt);border:2px solid var(--text);max-width:48%;box-shadow:3px 3px 0px var(--text);border-radius:8px;flex-direction:column;flex:1;padding:.75rem 1rem;transition:all .2s;display:flex}.sequential-btn:hover{box-shadow:5px 5px 0px var(--accent);transform:translate(-2px,-2px)}.sequential-btn .seq-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.7rem;font-weight:700}.sequential-btn .seq-title{color:var(--text);font-size:.9rem;font-weight:700;line-height:1.2}.sequential-btn.next{text-align:right;align-items:flex-end}.knowledge-breadcrumbs{color:var(--text-muted);font-size:.85rem;font-family:var(--font-outfit-family);flex-wrap:wrap;align-items:center;margin-bottom:1rem;display:flex}.knowledge-breadcrumbs a{color:inherit;text-decoration:none;transition:color .2s}.knowledge-breadcrumbs a:hover{color:var(--accent)}.knowledge-breadcrumbs .divider{color:var(--border);margin:0 .5rem}.knowledge-breadcrumbs .current{color:var(--text);font-weight:600}.full-experience-page{padding-bottom:4rem;position:relative}.zigzag-timeline{flex-direction:column;gap:4rem;margin-top:3rem;display:flex;position:relative}.timeline-spine{background-color:var(--border);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.zigzag-item{z-index:1;grid-template-columns:1fr 40px 1fr;align-items:flex-start;gap:2rem;display:grid;position:relative}.zigzag-connector{justify-content:center;align-items:flex-start;padding-top:2rem;display:flex}.connector-dot{background-color:var(--bg);border:2px solid var(--accent);width:14px;height:14px;box-shadow:0 0 0 6px var(--bg);z-index:2;border-radius:50%}.zigzag-meta{background:var(--bg2);border:2px solid var(--border);box-shadow:6px 6px 0 var(--border);padding:2rem;animation:5s ease-in-out infinite brutalShadowPulseBorder}.zigzag-content{background:var(--surface);border:2px solid var(--border);border-left:6px solid var(--accent);box-shadow:6px 6px 0 var(--accent);padding:2rem;animation:5s ease-in-out infinite brutalShadowPulseAccent;position:relative;overflow:hidden}.floating-bg-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-logo{object-fit:contain;opacity:0;filter:grayscale();width:250px;height:250px;animation:25s ease-in-out infinite floatAndFade;position:absolute}:root[data-theme=light] .floating-logo,:root:not([data-theme=dark]) .floating-logo{filter:grayscale()invert()}@keyframes floatAndFade{0%{opacity:0;transform:translateY(20px)scale(.9)}20%{opacity:.04;transform:translateY(0)scale(1)}80%{opacity:.04;transform:translateY(-40px)scale(1.05)}to{opacity:0;transform:translateY(-60px)scale(.95)}}.float-1{width:300px;height:300px;animation-delay:0s;top:10%;left:5%}.float-2{width:200px;height:200px;animation-delay:-5s;top:30%;right:10%}.float-3{width:400px;height:400px;animation-delay:-12s;top:50%;left:15%}.float-4{width:250px;height:250px;animation-delay:-18s;top:70%;right:5%}.float-5{width:350px;height:350px;animation-delay:-2s;top:90%;left:10%}.zigzag-body{z-index:1;transition:max-height .4s;position:relative;overflow:hidden}.zigzag-body.collapsed{max-height:120px}.zigzag-body.expanded{max-height:2000px}.zigzag-body.collapsed:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface));pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.experience-tech-stack{border-top:1px dashed var(--border);margin-top:2rem;padding-top:1.5rem}.tech-stack-title{font-family:var(--font-jetbrains-family);color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem}.tech-icons-grid{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.tech-icon-bare{object-fit:contain;opacity:.8;width:auto;max-width:100px;height:36px;transition:opacity .2s,transform .2s}.tech-icon-bare:hover{opacity:1;transform:translateY(-2px)}.btn-read-more{color:var(--accent);font-family:var(--font-jetbrains-family);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.85rem;text-decoration:underline;transition:color .2s}.btn-read-more:hover{color:var(--text1)}.item-even .zigzag-meta{text-align:right;grid-area:1/1}.item-even .zigzag-connector{grid-area:1/2}.item-even .zigzag-content{grid-area:1/3}.item-even .zigzag-logo{justify-content:flex-end;display:flex}.item-odd .zigzag-content{grid-area:1/1}.item-odd .zigzag-connector{grid-area:1/2}.item-odd .zigzag-meta{text-align:left;grid-area:1/3}.item-odd .zigzag-content{border-left:1px solid var(--border);border-right:4px solid var(--accent)}.item-odd .zigzag-logo{justify-content:flex-start;display:flex}.zigzag-year{font-family:var(--font-jetbrains-family);color:var(--accent);margin-bottom:.5rem;font-size:1.1rem}.zigzag-logo img{object-fit:contain;max-width:150px;height:40px;margin-bottom:1rem}:root[data-theme=light] .zigzag-logo img[src*=Capgemini],:root:not([data-theme=dark]) .zigzag-logo img[src*=Capgemini],:root[data-theme=light] .zigzag-logo img[src*=Logaritmia],:root:not([data-theme=dark]) .zigzag-logo img[src*=Logaritmia],:root[data-theme=light] .zigzag-logo img[src*=libelium],:root:not([data-theme=dark]) .zigzag-logo img[src*=libelium],:root[data-theme=dark] .zigzag-logo img[src*=avaibook]{filter:invert()}.zigzag-company{margin:0 0 .5rem;font-size:1.4rem}.zigzag-company a{color:var(--text1);text-decoration:none}.zigzag-company a:hover{color:var(--accent)}.zigzag-role{color:var(--text2);font-size:1.1rem}@media (max-width:992px){.timeline-spine{left:20px;transform:none}.zigzag-item{flex-direction:column;gap:1.5rem;padding-left:50px;display:flex}.zigzag-connector{padding-top:0;position:absolute;top:2rem;left:13px}.zigzag-meta,.zigzag-content{text-align:left;width:100%}.item-even .zigzag-meta,.item-odd .zigzag-meta{text-align:left}.item-even .zigzag-logo,.item-odd .zigzag-logo{justify-content:flex-start}.item-odd .zigzag-content{border-right:2px solid var(--border);border-left:6px solid var(--accent)}.intro-canvas-container{width:100%;height:100%;position:relative}}@media (max-width:768px){.intro-canvas-container{width:100%;height:100%;position:absolute;top:20vh}}.knowledge-layout-wrapper{grid-template-columns:1fr;grid-template-areas:"header""content";gap:2rem;max-width:1800px;margin:0 auto;padding:4rem clamp(1rem,3vw,2rem);display:grid}@media (min-width:992px){.knowledge-layout-wrapper{grid-template-columns:80px minmax(auto,1000px) 300px;grid-template-areas:"left header right""left content right";justify-content:center}}@media (min-width:1400px){.knowledge-layout-wrapper{grid-template-columns:80px minmax(auto,1150px) 340px;gap:2.5rem}}@media (min-width:1800px){.knowledge-layout-wrapper{grid-template-columns:100px minmax(auto,1350px) 380px;gap:3.5rem;max-width:2200px}}.knowledge-article-content{min-width:0;box-shadow:10px 10px 0px var(--accent);border:2px solid var(--text);background-color:var(--surface);border-radius:16px;grid-area:content;width:100%;padding:clamp(1.5rem,2vw,2rem)}.knowledge-sidebar-left{flex-direction:row;grid-area:left;justify-content:flex-end;align-items:flex-start;min-width:0;display:flex}@media (max-width:991px){.knowledge-sidebar-left{z-index:50;width:calc(50vw - 2rem);margin-bottom:0;position:fixed;bottom:1.5rem;right:1.5rem}}.knowledge-sidebar-left .knowledge-back-nav{display:none}@media (min-width:992px){.knowledge-sidebar-left{z-index:10;flex-direction:column;align-self:start;align-items:center;height:max-content;margin-bottom:0;position:sticky;top:100px}.knowledge-sidebar-left .knowledge-back-nav{margin-bottom:1rem;display:block}}.knowledge-sidebar-right{flex-direction:column;grid-area:right;gap:2rem;min-width:0;display:flex}@media (max-width:991px){.knowledge-sidebar-right{z-index:50;flex-direction:row;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:1.5rem}.knowledge-sidebar-right .desktop-only-module-nav{display:none}}@media (min-width:992px){.knowledge-sidebar-right{z-index:10;align-self:start;height:max-content;max-height:calc(100vh - 100px);padding-right:1rem;position:sticky;top:100px;overflow-y:auto}.knowledge-sidebar-right::-webkit-scrollbar{width:4px}.knowledge-sidebar-right::-webkit-scrollbar-track{background:0 0}.knowledge-sidebar-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}}.knowledge-header-wrapper{border-bottom:2px solid var(--border);word-break:break-word;grid-area:header;min-width:0;padding-bottom:1rem}.knowledge-header-wrapper .knowledge-breadcrumbs{margin-bottom:1.5rem}.knowledge-header-wrapper .knowledge-breadcrumbs ol{font-size:.85rem;font-family:var(--font-outfit-family);color:var(--text2);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.knowledge-header-wrapper .knowledge-breadcrumbs a{color:var(--text2);text-decoration:none;transition:color .2s}.knowledge-header-wrapper .knowledge-breadcrumbs a:hover{color:var(--accent)}.knowledge-header-wrapper .knowledge-breadcrumbs .separator{color:var(--border);font-size:.8rem}.knowledge-header-wrapper .knowledge-breadcrumbs li[aria-current=page]{color:var(--text);font-weight:500}.knowledge-header-wrapper .knowledge-title{font-family:var(--font-dm-serif-family);color:var(--text);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:clamp(2rem,5vw,4.5rem);font-weight:700;line-height:1.15}.knowledge-header-wrapper .knowledge-meta-row{font-family:var(--font-jetbrains-family);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.mobile-only-module-nav{margin-bottom:2.5rem}@media (min-width:992px){.mobile-only-module-nav{display:none}}.pattern-layer-filter{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;margin-top:1.5rem;padding:3px;display:inline-flex}.pattern-layer-option{cursor:pointer;color:var(--text2);font:inherit;background:0 0;border:none;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;font-weight:700;transition:background .2s,color .2s}.pattern-layer-option.active{background:var(--accent);color:#fff}.pattern-layer-option:not(.active):hover{color:var(--text)}.pattern-catalog-accordion{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.pattern-group-block{border:2px solid var(--border);border-radius:1rem;transition:border-color .2s;overflow:hidden}.pattern-group-block.open{border-color:var(--accent)}.pattern-group-toggle{background:var(--surface);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;border:none;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.pattern-group-toggle-main{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.pattern-group-title{color:var(--text);font-size:1.25rem;font-weight:800}.pattern-group-description{opacity:.8;max-width:62ch;margin:0;font-size:.9rem;line-height:1.55}.pattern-group-count{color:var(--text2);background:var(--surface-alt);border-radius:999px;flex-shrink:0;padding:.15rem .6rem;font-size:.8rem;font-weight:700}.pattern-group-chevron{flex-shrink:0;transition:transform .2s}.open .pattern-group-chevron{transform:rotate(180deg)}.pattern-group-cards-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:.85rem;padding:1.25rem;display:grid}@media (min-width:640px){.pattern-group-cards-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.pattern-card-link{border-radius:.85rem;text-decoration:none;display:block}.pattern-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pattern-catalog-card{background:var(--surface);text-align:center;border:2px solid var(--border);border-radius:.85rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.45rem;min-height:150px;padding:1.1rem .75rem .85rem;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s,min-height .25s;display:flex;position:relative;overflow:hidden}.pattern-catalog-card.available{cursor:pointer}.pattern-catalog-card.available:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.pattern-catalog-card.disabled{opacity:.55;cursor:default}.pattern-catalog-card.usage-medium{background:var(--surface-alt)}.pattern-catalog-card.usage-low{background:0 0;border-style:dashed}.pattern-catalog-card .pattern-usage-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--text2);background:var(--surface-alt);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:.62rem;font-weight:700}.pattern-catalog-card .pattern-usage-tag.usage-high{color:#fff;background:var(--accent,#0f9d78)}.pattern-catalog-card .pattern-usage-tag.usage-medium{color:var(--text);background:var(--surface);border:1px solid var(--border)}.pattern-catalog-card .pattern-usage-tag.usage-low{color:var(--text-muted,var(--text2));border:1px solid var(--border);background:0 0}.pattern-catalog-card .pattern-card-icon-container{justify-content:center;align-items:center;width:100%;padding:.5rem 0;display:flex}.pattern-catalog-card .pattern-card-name{font-size:.92rem;font-weight:700;line-height:1.2}.pattern-catalog-card .pattern-card-name.available{color:var(--text)}.pattern-catalog-card .pattern-card-name.disabled{color:var(--text2)}.pattern-catalog-card .pattern-card-details{opacity:0;width:100%;max-height:0;transition:max-height .3s,opacity .2s,margin-top .3s;overflow:hidden}.pattern-catalog-card:hover .pattern-card-details,.pattern-catalog-card:focus-within .pattern-card-details{opacity:1;max-height:220px;margin-top:.2rem}.pattern-catalog-card .pattern-card-why{color:var(--text2);opacity:.9;margin:0;font-size:.76rem;line-height:1.4}.pattern-catalog-card .pattern-card-when{border-top:1px dashed var(--border);color:var(--text2);text-align:left;margin:.4rem 0 0;padding-top:.6rem;font-size:.74rem;line-height:1.45}.pattern-catalog-card .pattern-card-when strong{color:var(--text);font-weight:700}.ed-landing{overflow-x:hidden}.ed-section-inner{max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.ed-eyebrow{font-family:var(--font-jetbrains-family);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.ed-section-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:400;line-height:1.15}.ed-section-title em{color:var(--accent-dark);font-style:normal}.ed-section-sub{color:var(--text2);max-width:62ch;margin:0;font-size:1.05rem;line-height:1.65}.ed-section{padding:clamp(3.5rem,8vw,6rem) 0}.ed-audience-switch{background:var(--surface);border:1px solid var(--border);gap:.4rem;margin-bottom:1.5rem;padding:4px;display:inline-flex}.ed-audience-option{font:inherit;font-family:var(--font-jetbrains-family);letter-spacing:.04em;text-transform:uppercase;color:var(--text2);cursor:pointer;background:0 0;border:none;padding:.55rem 1rem;font-size:.75rem;font-weight:700;transition:background .2s,color .2s}.ed-audience-option.active{background:var(--accent);color:#fff}.ed-hero{background:radial-gradient(circle at 85% 15%, var(--accent-light), transparent 55%),var(--bg);padding:clamp(6rem,12vw,9rem) 0 clamp(3.5rem,8vw,6rem)}.ed-hero-inner{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (min-width:960px){.ed-hero-inner{grid-template-columns:1.1fr .9fr;gap:3rem}}.ed-hero-copy .ed-hero-title{font-family:var(--font-dm-serif-family);color:var(--text);margin:0 0 1.25rem;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:400;line-height:1.1}.ed-hero-copy .ed-hero-title em{color:var(--accent-dark);font-style:normal}.ed-hero-copy .ed-hero-sub{color:var(--text2);max-width:46ch;margin:0 0 2rem;font-size:1.1rem;line-height:1.65}.ed-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-medal-canvas{border:1px solid var(--border);width:100%;height:clamp(280px,40vw,420px);position:relative;overflow:hidden}.hero-medal-canvas--placeholder,.hero-medal-canvas--static{background:var(--bg2);justify-content:center;align-items:center;display:flex}.hero-medal-canvas--static svg{filter:drop-shadow(4px 4px 0 var(--border))}.hero-medal-canvas canvas{outline:none}.ed-vision{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2)}.ed-services-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem;display:grid}@media (min-width:720px){.ed-services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.ed-service-card{background:var(--surface);border:1px solid var(--border);padding:1.75rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.ed-service-card:hover{border-color:var(--accent);box-shadow:4px 4px 0 var(--accent);transform:translate(-3px,-3px)}.ed-service-badge{font-family:var(--font-jetbrains-family);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent);padding:.3rem .6rem;font-size:.68rem;font-weight:700;position:absolute;top:-1px;right:1.5rem}.ed-service-index{font-family:var(--font-jetbrains-family);color:var(--text2);opacity:.5;font-size:.85rem;font-weight:700;position:absolute;top:1.25rem;right:1.5rem}.ed-service-icon{color:#fff;background:var(--accent);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.ed-service-title{font-family:var(--font-outfit-family);color:var(--text);margin:0 0 .6rem;font-size:1.2rem;font-weight:800}.ed-service-desc{color:var(--text2);margin:0 0 1.1rem;font-size:.92rem;line-height:1.6}.ed-service-features{border-top:1px dashed var(--border);flex-direction:column;gap:.5rem;margin:0;padding:1rem 0 0;list-style:none;display:flex}.ed-service-features li{color:var(--text2);padding-left:1.35rem;font-size:.85rem;position:relative}.ed-service-features li:before{content:"×";color:var(--accent-dark);font-family:var(--font-jetbrains-family);font-weight:700;position:absolute;top:-.05em;left:0}.ed-cases-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem;display:grid}@media (min-width:640px){.ed-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.ed-cases-grid{grid-template-columns:repeat(3,1fr)}}.ed-case-card{background:var(--surface);border:1px solid var(--border);padding:1.5rem}.ed-case-kicker{font-family:var(--font-jetbrains-family);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);margin:0 0 .6rem;font-size:.7rem;font-weight:700}.ed-case-title{font-family:var(--font-outfit-family);color:var(--text);margin:0 0 .5rem;font-size:1.05rem;font-weight:800}.ed-case-desc{color:var(--text2);margin:0 0 1rem;font-size:.88rem;line-height:1.55}.ed-case-stats{border-top:1px dashed var(--border);gap:1rem;padding-top:1rem;display:flex}.ed-case-stat{flex-direction:column;gap:.15rem;display:flex}.ed-case-stat strong{font-family:var(--font-jetbrains-family);color:var(--text);font-size:1.1rem}.ed-case-stat span{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.ed-chatbot{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ed-chatbot-inner{grid-template-columns:1fr;align-items:start;gap:2.5rem;display:grid}@media (min-width:960px){.ed-chatbot-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:3rem}}.ed-chat-widget{background:var(--surface);border:1px solid var(--border);height:420px;box-shadow:6px 6px 0 var(--border);flex-direction:column;display:flex;overflow:hidden}.ed-chat-header{font-family:var(--font-jetbrains-family);color:var(--text);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.ed-chat-dot{background:var(--accent);flex-shrink:0;width:8px;height:8px}.ed-chat-body{flex-direction:column;flex:1;gap:.65rem;padding:1.1rem 1.1rem .5rem;display:flex;overflow-y:auto}.ed-chat-bubble{max-width:82%;padding:.65rem .9rem;font-size:.88rem;line-height:1.5}.ed-chat-bubble--bot{background:var(--bg2);color:var(--text);border:1px solid var(--border);align-self:flex-start}.ed-chat-bubble--user{background:var(--accent);color:#fff;align-self:flex-end}.ed-chat-bubble--typing{align-items:center;gap:4px;padding:.8rem 1rem;display:flex}.ed-chat-bubble--typing span{background:var(--text2);opacity:.6;width:6px;height:6px;animation:1.1s ease-in-out infinite ed-typing-blink}.ed-chat-bubble--typing span:nth-child(2){animation-delay:.15s}.ed-chat-bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes ed-typing-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.ed-chat-suggestions{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;max-height:160px;padding:.9rem 1.1rem 1.1rem;display:flex;overflow-y:auto}.ed-chat-suggestion{text-align:left;font:inherit;color:var(--accent-dark);border:1px solid var(--border);cursor:pointer;background:0 0;padding:.55rem .8rem;font-size:.82rem;font-weight:600;transition:border-color .2s,background .2s}.ed-chat-suggestion:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.ed-chat-suggestion:disabled{cursor:default;opacity:.6}.ed-chat-suggestions-empty{color:var(--text2);margin:0;font-size:.82rem}.ed-final-cta{text-align:center;background:var(--text)}.ed-final-cta-inner{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.ed-final-cta-inner .ed-section-title,.ed-final-cta-inner .ed-section-sub{color:var(--bg);max-width:52ch}.ed-final-cta-inner .ed-section-sub{opacity:.85}