@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.block{display:block}.flex{display:flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}:root{--bg:#09090b;--text-main:#fafafa;--text-muted:#a1a1aa;--accent:#10b981;--border:#27272a;--surface:#18181b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.7;display:flex;overflow-x:hidden}textarea{resize:none!important;overflow:hidden!important}::-webkit-resizer{display:none!important}.noise{opacity:.03;pointer-events:none;z-index:50;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.hidden-honey{visibility:hidden!important;opacity:0!important;display:none!important}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-yellow{color:#facc15}.text-danger{color:#ef4444}.mb-1-5{margin-bottom:1.5rem}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes bar-grow-up{to{transform:scaleY(1)}}@keyframes fade-in{to{opacity:1}}@keyframes pulse-dot{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.btn-primary{color:#000;cursor:pointer;text-align:center;background-color:#10b981;border:none;border-radius:6px;padding:14px 24px;font-weight:700;transition:transform .2s,background-color .2s;display:inline-block}.btn-primary:hover{background-color:#059669;transform:translateY(-2px)}.btn-secondary{color:#fff;cursor:pointer;text-align:center;background-color:#0000;border:1px solid #4b5563;border-radius:6px;padding:14px 24px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-block}.btn-secondary:hover{background-color:#ffffff0d;border-color:#9ca3af}.btn-submit{background:var(--accent);color:#000;cursor:pointer;text-align:center;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:1rem 2rem;font-family:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-submit:hover{background:#059669;transform:translateY(-2px)}.btn-danger-outline{color:#ef4444;background:0 0;border-color:#ef4444;width:100%;display:block}.btn-cancel-outline{width:100%;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;margin-top:1rem;padding:.5rem;font-size:.9rem}.btn-collab-primary{color:#000;text-align:center;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:all .2s}.btn-collab-primary:hover{background-color:#059669;transform:translateY(-2px)}.btn-collab-secondary{color:#f3f4f6;text-align:center;cursor:pointer;background-color:#0000;border:1px solid #4b5563;border-radius:6px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:all .2s}.btn-collab-secondary:hover{background-color:#ffffff08;border-color:#9ca3af}.main-header{z-index:100;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem 5vw;display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:-.05em;-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:10px;font-size:1.5rem;font-weight:900;display:flex}.logo span{color:var(--accent)}.logo img{pointer-events:none;user-drag:none;width:auto;height:60px}.system-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent);background:#18181ba6;border-radius:8px;gap:.5rem;padding:.4rem;display:flex;box-shadow:0 0 15px #10b98180,0 10px 30px -10px #000000e6}.system-nav a{color:var(--text-muted);border-radius:4px;align-items:center;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.system-nav a:hover{color:var(--text-main);background:#10b9811a}.menu-toggle{display:none}.hero{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:none;min-height:75vh;margin:0;padding:8rem max(5vw,50vw - 600px) 4rem;display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#18181b 0%,#09090b00 100%);position:absolute;inset:0}.hero-content{flex-direction:column;justify-content:center;display:flex}.badges-container{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.badge{color:var(--accent);background:#10b9811a;border:1px solid #10b98133;border-radius:999px;padding:.25rem .75rem;font-family:monospace;font-size:.875rem}.badge.free{color:#facc15;background:#facc151a;border-color:#facc1533}.hero-services-pill{letter-spacing:1.5px;color:#d1d5db;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;display:inline-flex}.pill-dot{color:#10b981;margin:0 .2rem;font-size:1.2rem;font-weight:900;line-height:0}.hero h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:1.1}.hero p{color:var(--text-muted);max-width:600px;font-size:clamp(1rem,1.5vw,1.2rem)}.reveal-text{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp;display:inline-block;transform:translateY(20px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:1.4s}.hero-visual{perspective:1000px;width:100%;position:relative}.mockup-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#18181bd9;border-radius:12px;width:100%;max-width:800px;margin-left:auto;padding:1.8rem;transition:transform .5s,border-color .3s;overflow:hidden;transform:rotateY(-15deg)rotateX(10deg);box-shadow:0 30px 60px -15px #000c}.mockup-container:hover{border-color:#10b98180;transform:rotateY(-5deg)rotateX(5deg)}.mockup-header{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.mockup-dot:first-child{background:#ef4444}.mockup-dot:nth-child(2){background:#eab308}.mockup-dot:nth-child(3){background:#10b981}.mockup-body{flex-direction:column;display:flex}.mockup-title{color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-family:monospace;font-size:.85rem}.mockup-value{color:var(--text-main);align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;line-height:1;display:flex}.trend{color:var(--bg);background:var(--accent);border-radius:6px;padding:.3rem .6rem;font-size:1rem;font-weight:700}.mockup-chart{border-bottom:1px solid var(--border);align-items:stretch;gap:15px;height:180px;margin-top:2rem;padding-bottom:0;display:flex}.bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-val{color:var(--text-muted);opacity:0;margin-bottom:8px;font-family:monospace;font-size:.8rem;animation:.5s ease-out forwards fade-in}.bar-val.active-val{color:var(--accent);font-weight:700}.bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.mockup-bar{transform-origin:bottom;background:#3f3f46;border-radius:4px 4px 0 0;width:100%;animation:1s cubic-bezier(.4,0,.2,1) forwards bar-grow-up;transform:scaleY(0)}.mockup-bar.active{background:var(--accent);box-shadow:0 0 20px #10b9814d}.bar-label{color:var(--text-muted);margin-top:8px;margin-bottom:10px;font-family:monospace;font-size:.75rem}.mockup-source{color:#3f3f46;text-align:right;letter-spacing:.5px;-webkit-user-select:none;user-select:none;margin-top:10px;font-family:monospace;font-size:.65rem}.workflow-mockup{background:#0d0d0d;border:1px solid #222;border-radius:12px;width:100%;max-width:420px;margin:0 auto;font-family:monospace;overflow:hidden;box-shadow:0 20px 40px #00000080}.mockup-top-bar{background:#161616;border-bottom:1px solid #222;align-items:center;gap:15px;padding:10px 15px;display:flex}.mock-dots{gap:6px;display:flex}.mock-dots span{background:#333;border-radius:50%;width:12px;height:12px}.mock-dots span:first-child{background:#ef4444}.mock-dots span:nth-child(2){background:#eab308}.mock-dots span:nth-child(3){background:#22c55e}.workflow-container{flex-direction:column;align-items:center;padding:24px;display:flex}.workflow-step{color:#e5e7eb;z-index:2;background:#161616;border:1px solid #333;border-radius:8px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:.9rem;transition:transform .3s,border-color .3s;display:flex;position:relative}.workflow-step:hover{border-color:#10b981;transform:translateY(-2px)}.step-icon{color:#9ca3af;background:#222;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-highlight{background:linear-gradient(145deg,#161616,#10b9810d);border-color:#10b98166;box-shadow:0 0 20px #10b9811a}.ai-highlight .step-icon{color:#10b981;background:#10b98126}.success-step{background:#10b9810d;border-color:#10b9814d;font-weight:700}.success-step .step-icon{color:#10b981}.workflow-connector{background:linear-gradient(#333,#10b981);width:2px;height:24px;position:relative}.workflow-connector:after{content:"↓";color:#10b981;background:#0d0d0d;padding:2px;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-container{width:100%;max-width:1200px;margin:0 auto;padding:5rem 5vw}.section-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:1rem;font-size:2.5rem;font-weight:700}.section-title-centered{text-align:center;margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.section-tech-stack{padding-top:4rem;padding-bottom:0}.section-faq{padding-top:2rem;padding-bottom:2rem}.section-faq .section-title-centered{margin-bottom:3rem}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;transition:transform .3s,border-color .3s}.module-card:hover{border-color:var(--text-muted);transform:translateY(-5px)}.module-icon{color:var(--accent);margin-bottom:1rem;font-family:monospace;font-size:1.2rem}.module-card h3{color:var(--text-main);margin-bottom:1rem;font-size:1.3rem}.module-card p{color:var(--text-muted);font-size:.95rem}.module-card.custom{background:linear-gradient(145deg, var(--surface) 0%, #10b9810d 100%);border-color:#10b98166}.module-card.highlight-yellow{background:linear-gradient(145deg, var(--surface) 0%, #facc150d 100%);border-color:#facc1566}.module-card.highlight-yellow:hover{border-color:#facc15}.module-card.highlight-yellow .module-icon{color:#facc15}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.example-card{background:#161616;border:1px solid #333;border-radius:12px;flex-direction:column;padding:2rem;transition:transform .3s,border-color .3s;display:flex}.example-card:hover{border-color:#10b981;transform:translateY(-5px)}.example-icon{background:#10b9811a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;display:flex}.example-card h3{color:#f3f4f6;margin-bottom:1rem;font-size:1.2rem;line-height:1.4}.example-card p{color:#9ca3af;flex-grow:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.example-effect{color:#d1d5db;background:#10b9810d;border-left:3px solid #10b981;border-radius:8px;padding:1rem;font-size:.9rem;line-height:1.5}.example-effect strong{color:#10b981}.timeline{padding-left:3rem;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(to bottom, var(--border), var(--border) 10px, transparent 10px, transparent 20px);width:2px;position:absolute;top:0;bottom:0;left:7px}.node{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:2rem;padding:2rem;transition:border-color .3s;position:relative}.node:hover{border-color:#3f3f46}.node.active{border-color:var(--accent)}.node:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:16px;height:16px;transition:box-shadow .3s,background .3s;position:absolute;top:2.5rem;left:-3rem;transform:translate(-50%);box-shadow:0 0 15px #10b98166}.node.active:before{background:var(--accent);box-shadow:0 0 25px #10b981cc}.node-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.node-title-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.node h3{font-size:1.5rem}.tech-stack{color:var(--text-muted);border:1px solid var(--border);background:#000;border-radius:4px;padding:.4rem .8rem;font-family:monospace;font-size:.85rem}.toggle-icon{color:var(--text-muted);justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.node:hover .toggle-icon{color:var(--accent)}.node.active .toggle-icon{color:var(--accent);transform:rotate(180deg)}.node-content-wrapper{opacity:.5;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .4s;display:grid}.node.active .node-content-wrapper{opacity:1;grid-template-rows:1fr}.node-content{overflow:hidden}.process-flex-container,.node-content-inner{flex-wrap:wrap;align-items:flex-start;gap:2rem;padding-top:1.5rem;display:flex}.process-text-col{flex-direction:column;flex:350px;display:flex}.process-term-col{flex:300px;width:100%;height:100%}.node-desc{color:var(--text-muted);line-height:1.6}.process-effect-box{color:#d1d5db;background:#10b9810d;border-left:3px solid #10b981;border-radius:4px;margin-top:1.5rem;padding:14px 16px;font-size:.95rem;line-height:1.5}.process-effect-box strong{color:#10b981}.code-block{color:#10b981;border:1px solid var(--border);white-space:pre-wrap;background:#000;border-radius:6px;flex-direction:column;justify-content:center;height:100%;margin:0;padding:1.5rem;font-family:monospace;font-size:.85rem;display:flex;overflow-x:auto}.pricing-info{color:#facc15;margin-bottom:2rem;font-family:monospace;font-size:.9rem}.collaboration-grid,.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3.5rem;display:grid}.collab-card,.pricing-card{background:#161616;border:1px solid #333;border-radius:12px;flex-direction:column;padding:2.5rem 2rem;transition:transform .3s,border-color .3s;display:flex}.collab-card:hover,.pricing-card:hover{border-color:#555;transform:translateY(-5px)}.collab-card.highlight{background:linear-gradient(#161616 0%,#10b98108 100%);border-color:#10b98166}.collab-card.highlight:hover{border-color:#10b981}.collab-header{border-bottom:1px solid #222;margin-bottom:1.5rem;padding-bottom:1.5rem}.collab-title{color:#f3f4f6;margin-bottom:.5rem;font-size:1.25rem}.collab-price{color:#10b981;font-size:2rem;font-weight:700}.collab-price-sub{color:#9ca3af;margin-top:.4rem;font-size:.85rem}.collab-features,.features-list{flex-grow:1;margin:0 0 2rem;padding:0;list-style:none}.collab-features li,.features-list li{color:#d1d5db;margin-bottom:1rem;padding-left:1.5rem;font-size:.95rem;line-height:1.4;position:relative}.collab-features li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.features-list li:before{content:">"}.collab-summary{color:#d1d5db;background:#10b9810d;border-left:2px solid #10b981;border-radius:6px;margin-bottom:1.5rem;padding:1rem;font-size:.85rem;line-height:1.5}.pricing-guarantee{border-left:3px solid var(--accent);text-align:center;background:#10b9810d;border-radius:8px;margin-top:3rem;padding:2rem}.pricing-guarantee h3{color:var(--text-main);margin-bottom:1rem}.pricing-guarantee p{color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.8}.branze-container{width:100%;max-width:1200px;margin:0 auto;padding:5rem 5vw}.branze-header-wrapper{text-align:center;margin-bottom:3rem}.branze-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.branze-card{border-radius:12px;flex:320px;max-width:400px;padding:2rem;transition:all .4s}.branze-card.active-branch{background:linear-gradient(145deg,#0a0a0a,#161616);border:1px solid #333;border-bottom:3px solid #10b981;text-decoration:none;display:block}.branze-card.active-branch:hover{transform:translateY(-5px);box-shadow:0 10px 30px #10b9811a}.branze-card.disabled-branch{color:#4b5563;text-align:center;background:0 0;border:1px dashed #333;justify-content:center;align-items:center;min-height:200px;display:flex}.branch-tag{color:#10b981;letter-spacing:1px;margin-bottom:1rem;font-family:monospace;font-size:.8rem}.branch-title{color:#fff;margin-bottom:1rem;font-size:1.5rem}.branch-desc{color:#9ca3af;font-size:.95rem;line-height:1.6}.branch-link-pulse{color:#10b981;cursor:pointer;background:#10b9811a;border:none;border-radius:8px;align-items:center;margin-top:20px;padding:10px 20px;font-weight:700;transition:all .3s;animation:2s infinite pulse-green;display:flex}.branch-link-pulse:hover{background:#10b98133;transform:scale(1.05)}.tech-stack-slider{white-space:nowrap;background:0 0;border:none;width:100%;margin-bottom:2rem;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-track{animation:25s linear infinite scrollTech;display:inline-block}.tech-item{color:var(--text-muted,#888);cursor:default;margin:0 2rem;font-family:monospace;font-size:1.3rem;font-weight:600;transition:color .3s,text-shadow .3s;display:inline-block}.tech-item:hover{color:var(--accent,#0f8);text-shadow:0 0 8px #0f86}@keyframes scrollTech{0%{transform:translate(0)}to{transform:translate(-50%)}}.faq-accordion{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;transition:border-color .3s,background .3s;overflow:hidden}.faq-item.active{border-color:var(--accent,#0f8);background:#00ff8805}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.faq-header h3{color:#fff;margin:0;font-size:1.1rem;font-weight:500}.faq-arrow{color:var(--accent,#0f8);font-family:monospace;transition:transform .3s}.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-content{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-item.active .faq-content{grid-template-rows:1fr}.faq-content-inner{overflow:hidden}.faq-body{color:#aaa;padding:0 1.5rem 1.5rem;line-height:1.6}.cta-footer-box{background:linear-gradient(145deg,#161616,#10b9810d);border:1px solid #333;border-radius:12px;max-width:800px;margin:0 auto;padding:3.5rem 2rem;box-shadow:0 10px 30px #0003}.site-footer{border-top:1px solid var(--border);background:#000;margin-top:auto;padding:4rem 5vw 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.footer-col h4{color:var(--text-main);align-items:center;margin-bottom:1.5rem;font-family:monospace;font-size:1.1rem;display:flex}.footer-col h4:before{content:"//";color:var(--accent);margin-right:.5rem}.footer-col p{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.footer-col a{color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;margin-bottom:.8rem;font-family:monospace;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.footer-col a:hover{color:var(--accent)}.contact-item{color:#fafafa;margin-top:1rem}.contact-item-light{color:#fafafa}.location-item{margin-top:1rem}.footer-bottom{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:3rem auto 0;padding-top:1.5rem;display:flex}.footer-bottom p{color:var(--text-muted);font-size:.8rem}.system-status{color:var(--text-muted);align-items:center;gap:.5rem;font-family:monospace;font-size:.8rem;display:flex}.status-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite pulse-dot}.fab-container{z-index:9999;transition:transform .3s ease-in-out;position:fixed;bottom:2rem;right:2rem}.fab-container.is-hidden{transform:translateY(150%)}.fab{white-space:nowrap;cursor:pointer;color:var(--accent);border:1px solid var(--accent);letter-spacing:1px;text-transform:uppercase;background:#10b9811a;border-radius:4px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000080}.fab:hover{background:var(--accent);color:#000;transform:translateY(-2px);box-shadow:0 0 20px #10b98199}.icon-arrow-up{font-size:1.2rem}.chatbot-fab-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:9998;background:#18181bd9;border:1px solid #ef4444;border-left:none;border-radius:0 8px 8px 0;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;transition:all .3s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:5px 0 15px #00000080}.chatbot-fab-left:hover{background:#18181b;padding-left:1rem}.chatbot-fab-left .tf-label{font-family:monospace;font-size:1rem;font-weight:700}.chatbot-fab-left .mature-label{color:#ef4444;background:#ef44441a;border-radius:4px;padding:.2rem;font-family:monospace;font-size:.75rem;font-weight:700}.bot-logo{border-radius:4px;width:28px;height:auto;margin-bottom:2px}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;z-index:10000;background:#000c;justify-content:center;align-items:center;width:100%;height:100dvh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-terminal{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;padding:2rem;transition:all .3s;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000080}.contact-terminal{max-width:500px}.doc-terminal{flex-direction:column;max-width:800px;max-height:85vh;display:flex}.modal-overlay.active .modal-terminal{transform:translateY(0)}.terminal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;display:flex}.terminal-title{color:var(--text-muted);font-family:monospace}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem}.terminal-info{color:#facc15;background:#facc150d;border-left:3px solid #facc15;border-radius:6px;margin-bottom:2rem;padding:1rem 1.2rem;font-family:inherit;font-size:.95rem;line-height:1.5}.modal-content-scroll{color:var(--text-muted);padding-right:1rem;font-size:.9rem;line-height:1.8;overflow-y:auto}.modal-content-scroll::-webkit-scrollbar{width:8px}.modal-content-scroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.modal-content-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-content-scroll h3{color:var(--text-main);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem}.modal-content-scroll p{margin-bottom:1rem}.modal-content-scroll ul{margin-bottom:1rem;padding-left:1.5rem}.modal-content-scroll code{color:var(--text-main);background:#ffffff1a;border-radius:4px;padding:.1rem .3rem;font-family:monospace}.input-group{margin-bottom:1.5rem}.input-group label{color:#e5e7eb;margin-bottom:.5rem;font-family:inherit;font-size:.9rem;font-weight:500;display:block}.input-group input,.input-group textarea{color:#fafafa;background:#ffffff08;border:1px solid #333;border-radius:8px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-group input::placeholder,.input-group textarea::placeholder{color:#52525b}.input-group input:focus,.input-group textarea:focus{background:#10b98105;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.chat-terminal{flex-direction:column;max-width:800px;min-height:600px;padding:2.5rem;display:flex}.chat-header{margin-bottom:2rem}.chat-header .terminal-title{color:#10b981;font-size:1.4rem}.chat-header .close-btn{font-size:2rem}.chat-warning-box{margin-bottom:2rem;padding:1.5rem;font-size:1.1rem}.chat-init-box{margin-bottom:3rem;font-size:1.1rem}.chat-code-block{margin-top:1rem;padding:2rem;font-size:1rem}.chat-start-btn{padding:1.5rem;font-size:1.2rem;transition:background .2s}.chat-start-btn:hover{background:#ef44441a}.chat-active-area{flex-direction:column;flex-grow:1;height:450px;display:flex}.chat-messages{color:#d1d5db;flex-direction:column;flex-grow:1;gap:1rem;padding:1.5rem;font-family:monospace;font-size:1.1rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.chat-input-bar{border-top:1px solid var(--border);background:var(--surface);padding:1rem;display:flex}.chat-input-bar input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;padding:.5rem;font-family:monospace;font-size:1.1rem}.chat-input-bar button{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:4px;padding:0 1rem;font-family:monospace;font-weight:700;transition:all .2s}.chat-input-bar button:hover{background:#ef44441a}.toast{color:#fff;z-index:100000;opacity:0;visibility:hidden;background:#09090b;border:1px solid #00bfa5;border-radius:6px;padding:1rem 1.5rem;font-family:monospace;font-size:.9rem;transition:all .3s;position:fixed;top:25px;right:25px;transform:translateY(-20px);box-shadow:0 4px 12px #00000080}.toast.show{opacity:1;visibility:visible;transform:translateY(0)}.alert-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:110000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100dvh;transition:all .2s;display:flex;position:fixed;top:0;left:0}.alert-overlay.show{opacity:1;visibility:visible}.alert-box{text-align:left;background:#09090b;border:1px solid #f55;border-radius:6px;width:90%;max-width:420px;padding:1.5rem 2rem;font-family:monospace;box-shadow:0 0 20px #ff555526}.alert-header{color:#f55;border-bottom:1px dashed #ff55554d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}#alertMessage{color:#e4e4e7;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}#closeAlertBtn{color:#000;cursor:pointer;background:#f55;border:none;border-radius:4px;width:100%;padding:.6rem 1.5rem;font-family:monospace;font-weight:700;transition:all .2s}#closeAlertBtn:hover{background:#f33;box-shadow:0 0 10px #ff333380}.portfolio-section{min-height:100vh}.portfolio-heading{max-width:1100px;margin:0 auto 2.5rem}.portfolio-kicker{color:var(--accent);letter-spacing:.14em;margin:5rem 0 .75rem;font-family:monospace;font-size:.8rem}.portfolio-title{color:var(--text-main);letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.portfolio-subtitle{color:var(--text-muted);margin:0;font-family:monospace;font-size:.9rem}.portfolio-projects-list{flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;display:flex}.portfolio-project{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:520px minmax(0,1fr);transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;overflow:hidden}.portfolio-project:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 24px #00ff8814}.portfolio-project-image{aspect-ratio:16/9;border-right:1px solid var(--border);background:#111;width:100%;position:relative;overflow:hidden}.portfolio-project-image img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .35s;display:block;position:absolute;inset:0}.portfolio-project:hover .portfolio-project-image img{transform:scale(1.035)}.portfolio-project-content{flex-direction:column;align-items:flex-start;min-width:0;padding:1.15rem 1.6rem;display:flex}.portfolio-project-category{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .45rem;font-family:monospace;font-size:.74rem}.portfolio-project-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .8rem;font-size:1.45rem;font-weight:800}.portfolio-project-section{margin-bottom:.65rem}.portfolio-project-section h3{color:var(--accent);letter-spacing:.12em;margin:0 0 .2rem;font-family:monospace;font-size:.68rem}.portfolio-project-section p{color:var(--text-muted);white-space:pre-line;margin:0;font-size:.88rem;line-height:1.4}.portfolio-project-link{border:1px solid var(--accent);color:var(--accent);letter-spacing:.06em;border-radius:4px;margin-top:.2rem;padding:.55rem .8rem;font-family:monospace;font-size:.76rem;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.portfolio-project-link:hover{color:#07110c;background:var(--accent)}.portfolio-msg-error,.portfolio-msg-empty{max-width:1100px;margin:0 auto;padding:1.5rem 0;font-family:monospace;font-size:.9rem}.portfolio-msg-error{color:#ff4a4a}.portfolio-msg-empty{color:#666;font-style:italic}.portfolio-footer{padding:2rem 5vw}.portfolio-footer .footer-bottom{border-top:none;justify-content:center;margin-top:0}@media (max-width:992px){.hero{text-align:center;grid-template-columns:1fr;gap:2rem;padding-top:150px}.hero-content{align-items:center}.badges-container{justify-content:center}.hero-visual{perspective:none;margin-top:2rem}.mockup-container{max-width:100%;margin:0 auto;transform:none}.mockup-container:hover{transform:none}.portfolio-project{display:block}.portfolio-project-image{aspect-ratio:16/9;border-right:none;border-bottom:1px solid var(--border);width:100%}.portfolio-project-content{padding:1.25rem}}@media (max-width:768px){.main-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;padding:1.2rem 5vw}.logo img{height:48px}.hero{padding-top:118px;padding-left:5vw;padding-right:5vw}.menu-toggle{cursor:pointer;background:#18181bd1;border:1px solid #10b981b3;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;display:flex;box-shadow:0 0 14px #10b9811f}.menu-toggle span{background:var(--accent);border-radius:999px;width:18px;height:2px;margin:0 auto;transition:transform .2s,opacity .2s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.system-nav{opacity:0;visibility:hidden;pointer-events:none;background:#121215f7;border-radius:12px;flex-direction:column;gap:.2rem;width:auto;max-width:none;padding:.45rem;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% - .25rem);left:5vw;right:5vw;transform:translateY(-8px);box-shadow:0 16px 32px #0000006b}.system-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.system-nav a{text-align:center;background:0 0;border:none;border-radius:7px;justify-content:center;min-height:42px;padding:.65rem 1rem;font-size:.88rem}.hero-services-pill{flex-wrap:wrap;justify-content:center;border-radius:20px!important;width:auto!important;padding:.6rem 1rem!important;font-size:.7rem!important;line-height:1.6!important}.pill-dot{margin:0 .3rem;font-size:1rem;display:inline-block!important}.hero h1{word-break:break-word;font-size:clamp(2rem,9vw,2.5rem);line-height:1.1}.cta-group{flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:2rem auto 0;display:flex!important}.cta-group .btn-primary,.cta-group .btn-secondary{width:100%}.fab-container{width:auto;max-width:none;bottom:1.5rem;left:auto;right:1rem;transform:none}.fab-container.is-hidden{pointer-events:none;opacity:0!important;transform:translateY(150%)!important}.fab{justify-content:center;width:auto;padding:.8rem 1rem;font-size:.75rem}.chatbot-fab-left{border-radius:0 8px 8px 0;padding:.6rem .3rem;top:50%;bottom:auto;transform:translateY(-50%)}.bot-logo{width:22px}.chatbot-fab-left .mature-label{padding:2px;font-size:.6rem}.node-content-inner{grid-template-columns:1fr}.modal-terminal{width:95%;padding:1.5rem}.modal-terminal.contact-terminal{max-height:90vh!important;padding:1.2rem!important;overflow-y:auto!important}.contact-terminal .terminal-info{margin-bottom:1rem!important;padding:.6rem .8rem!important;font-size:.8rem!important}.contact-terminal .input-group{margin-bottom:.8rem!important}.contact-terminal .input-group label{margin-bottom:.2rem!important;font-size:.8rem!important}.contact-terminal .input-group input,.contact-terminal .input-group textarea{padding:.5rem .6rem!important;font-size:.9rem!important}.contact-terminal .btn-submit{margin-top:.2rem!important;padding:.8rem 1rem!important;font-size:.95rem!important}.terminal-info{font-size:.8rem}.modal-overlay{padding:.75rem}.chat-terminal{width:min(100%,420px);min-height:0;max-height:calc(100dvh - 1.5rem);margin:0;padding:1rem;overflow-y:auto}.chat-header{margin-bottom:.8rem;padding-bottom:.8rem}.chat-header .terminal-title{font-size:.95rem;line-height:1.35}.chat-header .close-btn{padding:.2rem;font-size:1.35rem;line-height:1}.chat-warning-box{margin-bottom:.85rem;padding:.8rem;font-size:.78rem;line-height:1.45}.chat-init-box{margin-bottom:.9rem;font-size:.82rem;line-height:1.5}.chat-code-block{margin-top:.45rem;padding:.75rem;font-size:.68rem;line-height:1.55;overflow-x:auto}.chat-start-btn{color:#ef4444;cursor:pointer;background:#ef44440a;border:1px solid #ef4444;border-radius:6px;width:100%;margin-top:.25rem;padding:.85rem 1rem;font-family:monospace;font-size:.88rem;font-weight:700}.chat-active-area{height:min(64dvh,520px);min-height:0}.chat-messages{gap:.7rem;padding:.85rem;font-size:.82rem}.chat-input-bar{padding:.45rem}.chat-input-bar input{min-width:0;font-size:.85rem}}@media (max-width:620px){.portfolio-kicker{margin-top:4rem}.portfolio-project-title{font-size:1.3rem}.portfolio-project-content{padding:1.1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}