:root{--bg:#07100d;--panel:#0e1815;--panel2:#13201c;--ink:#f3f7f2;--muted:#98aaa2;--line:rgba(255,255,255,.1);--lime:#b9f55b;--green:#3be69b;--amber:#ffbd59;--red:#ff6b6b;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font)}button,a{font:inherit}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}.ambient-a{width:520px;height:520px;background:var(--green);left:-180px;top:-200px}.ambient-b{width:520px;height:520px;background:#628bff;right:-200px;bottom:-240px}.demo-header{height:72px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(7,16,13,.78);backdrop-filter:blur(18px)}.demo-brand{display:flex;align-items:center;gap:18px;color:var(--ink);text-decoration:none}.demo-brand img{width:136px;filter:brightness(0) invert(1)}.demo-brand span{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.demo-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:rgba(255,255,255,.04)}.demo-progress i{display:block;height:100%;width:11.11%;background:var(--lime);transition:width .7s cubic-bezier(.2,.8,.2,1)}.header-actions{display:flex;gap:10px}.icon-button,.ghost-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;height:38px;padding:0 16px;cursor:pointer}.icon-button{width:38px;padding:0}.scene{position:absolute;inset:72px 0 0;opacity:0;visibility:hidden;transform:translateY(18px) scale(.99);transition:opacity .7s,transform .8s,visibility .7s}.scene.active{opacity:1;visibility:visible;transform:none}.scene-inner{max-width:1280px;height:100%;margin:auto;padding:50px 70px 88px;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:11px;letter-spacing:.18em;color:var(--lime);font-weight:700;margin:0 0 28px}.intro-scene{text-align:center;align-items:center}.intro-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(860px,100%);margin-bottom:52px}.intro-numbers span{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:14px;color:var(--muted);border-radius:12px;opacity:0;transform:translateY(12px);animation:rise .5s forwards}.intro-numbers span:nth-child(2){animation-delay:.12s}.intro-numbers span:nth-child(3){animation-delay:.24s}.intro-numbers span:nth-child(4){animation-delay:.36s}.intro-numbers span:nth-child(5){animation-delay:.48s}.intro-numbers span:nth-child(6){animation-delay:.6s}.intro-scene h1,.philosophy h2,.project-heading h2,.dashboard-heading h2,.recommendation-heading h2,.integration-copy h2,.final-scene h2{font-family:var(--display);font-size:clamp(42px,5.7vw,84px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:600}.intro-scene h1 em,.project-heading em,.dashboard-heading em,.integration-copy em{font-style:normal;color:var(--lime)}.brand-reveal{margin-top:55px;display:flex;flex-direction:column;gap:12px;align-items:center;opacity:0;animation:fade 1s 1.1s forwards}.brand-reveal img{width:240px;filter:brightness(0) invert(1)}.brand-reveal span{color:var(--muted);font-size:14px;letter-spacing:.08em}.philosophy{align-items:center;text-align:center}.phrase-stage{height:230px;position:relative;width:100%}.phrase{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(18px);transition:.8s}.phrase.active{opacity:1;transform:none}.phrase strong{color:var(--lime);font-weight:600}.closing-line{color:var(--muted);font-size:18px}.conversation-scene{align-items:center;flex-direction:row;gap:70px}.ai-orb{width:210px;height:210px;flex:none;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#e9ffc4, var(--lime) 20%,#2f7c58 55%,#0b1713 70%);box-shadow:0 0 100px rgba(185,245,91,.2)}.ai-orb i,.ai-orb b{position:absolute;inset:-18px;border:1px solid rgba(185,245,91,.35);border-radius:50%;animation:orbit 9s linear infinite}.ai-orb b{inset:-40px;animation-duration:14s;animation-direction:reverse}.conversation-card{width:min(760px,100%);padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,34,29,.96),rgba(9,18,15,.96));border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.32)}.conversation-top,.ui-top{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:var(--muted)}.conversation-top small{margin-left:auto}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 12px var(--green)}.typed-conversation{min-height:260px;padding:30px 0;font-family:var(--display);font-size:27px;line-height:1.45;white-space:pre-line}.typed-conversation strong{color:var(--lime)}.action-button,.primary-button{border:0;background:var(--lime);color:#07100d;padding:15px 21px;border-radius:999px;font-weight:700;cursor:pointer}.hidden{opacity:0;pointer-events:none}.project-heading,.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.project-heading h2,.dashboard-heading h2{font-size:clamp(38px,4.4vw,64px)}.risk-number{text-align:right}.risk-number strong{display:block;font:700 72px var(--display);color:var(--red)}.risk-number span{color:var(--muted)}.dependency-canvas{height:440px;position:relative;margin-top:35px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(59,230,155,.06),transparent 45%),rgba(255,255,255,.018);overflow:hidden}.dependency-canvas svg{width:100%;height:100%}.path{fill:none;stroke-width:2}.path.muted{stroke:rgba(255,255,255,.12);stroke-dasharray:6 8}.path.critical{stroke:var(--red);filter:drop-shadow(0 0 7px rgba(255,107,107,.7));stroke-dasharray:8 9;animation:dash 12s linear infinite}.dep-node{position:absolute;transform:translate(-50%,-50%);padding:13px 16px;min-width:130px;border:1px solid var(--line);border-radius:13px;background:#14211d;box-shadow:0 12px 30px rgba(0,0,0,.3)}.dep-node b,.dep-node span,.dep-node small{display:block}.dep-node span{font-size:12px;margin:5px 0}.dep-node small{font-size:10px;color:var(--muted)}.dep-node.ok{border-color:rgba(59,230,155,.35)}.dep-node.critical{border-color:var(--red);box-shadow:0 0 35px rgba(255,107,107,.17);animation:pulse 2s infinite}.n1{left:9.5%;top:50%}.n2{left:35%;top:21%}.n3{left:47%;top:50%}.n4{left:68%;top:50%}.n5{left:90%;top:50%}.evidence-pop{position:absolute;left:35%;bottom:20px;width:380px;padding:18px;border-left:3px solid var(--red);background:rgba(20,27,24,.96);box-shadow:0 20px 50px rgba(0,0,0,.35)}.evidence-pop small{color:var(--red);letter-spacing:.12em}.evidence-pop b{display:block;margin:8px 0}.evidence-pop p,.evidence-pop span{color:var(--muted);font-size:12px}.working-scene{flex-direction:row;align-items:center;gap:80px}.working-copy{width:35%}.working-copy h2{font:600 clamp(70px,10vw,130px) var(--display);letter-spacing:-.07em;margin:0;color:var(--lime)}.working-copy p:last-child{color:var(--muted);line-height:1.7}.work-terminal{width:65%;border:1px solid var(--line);background:#0b1411;border-radius:20px;overflow:hidden}.terminal-top{height:54px;padding:0 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;color:var(--muted)}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#3b4a44}.terminal-top b{margin-left:10px}.work-list{padding:22px 28px}.work-list div{height:46px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted);opacity:.4;transition:.4s}.work-list div.active{opacity:1;color:var(--ink)}.work-list div.done:before{content:'✓';color:var(--green);margin-right:10px}.work-list i{margin-left:auto;width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}.work-list div.done i{border:0;animation:none}.done-message{padding:18px 28px;background:rgba(185,245,91,.08);color:var(--lime);opacity:0}.done-message.visible{opacity:1}.portfolio-score{width:260px}.portfolio-score span{font-size:11px;color:var(--muted)}.portfolio-score strong{font:700 64px var(--display);display:block}.portfolio-score i{height:5px;display:block;background:rgba(255,255,255,.08);border-radius:10px}.portfolio-score b{width:92%;height:100%;display:block;background:var(--lime);border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:35px 0 18px}.metric-grid article{padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px}.metric-grid small{color:var(--muted);font-size:10px}.metric-grid strong{font:700 30px var(--display);display:block;margin:12px 0}.metric-grid s{color:var(--muted);margin-right:12px}.metric-grid span{font-size:11px;color:var(--green)}.portfolio-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.portfolio-table>div{display:grid;grid-template-columns:1.4fr .8fr .8fr .7fr 1fr;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px}.portfolio-table .table-head{font-size:9px;letter-spacing:.12em;color:var(--muted);background:rgba(255,255,255,.025)}.portfolio-table button,.recommendation-grid button{justify-self:start;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 11px;border-radius:8px}.bad{color:var(--red)}.good{color:var(--green)}.recommendation-heading{text-align:center;max-width:780px;margin:0 auto 34px}.recommendation-heading h2{font-size:clamp(44px,5vw,72px)}.recommendation-heading p:last-child{color:var(--muted)}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommendation-grid article{padding:26px;min-height:340px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.recommendation-grid article.featured{border-color:rgba(185,245,91,.55);background:linear-gradient(145deg,rgba(185,245,91,.12),rgba(255,255,255,.02));transform:translateY(-12px)}.recommendation-grid article>span{font-size:10px;color:var(--lime);letter-spacing:.14em}.recommendation-grid h3{font:600 25px/1.15 var(--display);margin:18px 0}.recommendation-grid p{color:var(--muted);line-height:1.6}.recommendation-grid div{margin-top:auto}.recommendation-grid div b{font:700 30px var(--display);display:block}.recommendation-grid div small{color:var(--muted)}.recommendation-grid button{margin-top:20px;cursor:pointer}.integration-scene{flex-direction:row;align-items:center;gap:60px}.integration-copy{width:40%}.integration-copy h2{font-size:clamp(40px,5vw,68px)}.integration-copy p:last-child{color:var(--muted);line-height:1.7}.integration-map{width:60%;height:540px;position:relative}.integration-map svg{width:100%;height:100%}.integration-map line{stroke:rgba(185,245,91,.22);stroke-width:1.5;stroke-dasharray:5 7;animation:dash 15s linear infinite}.tool,.central-orb{position:absolute;z-index:2;transform:translate(-50%,-50%)}.tool{border:1px solid var(--line);background:#101b17;padding:12px 16px;border-radius:10px;font-size:12px}.t1{left:17%;top:17%}.t2{left:50%;top:10%}.t3{left:83%;top:17%}.t4{left:90%;top:50%}.t5{left:83%;top:84%}.t6{left:50%;top:90%}.t7{left:17%;top:84%}.t8{left:10%;top:50%}.central-orb{left:50%;top:50%;width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(185,245,91,.18),rgba(10,20,16,.95) 65%);border:1px solid rgba(185,245,91,.35);box-shadow:0 0 70px rgba(185,245,91,.12)}.central-orb img{width:130px;filter:brightness(0) invert(1)}.central-orb span{font-size:10px;color:var(--muted);margin-top:10px}.final-scene{align-items:center;text-align:center}.final-scene h2{font-size:clamp(42px,5.5vw,76px)}.final-question,.final-answer{width:min(720px,100%);text-align:left;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:24px}.final-question{background:rgba(255,255,255,.025)}.final-answer{background:rgba(185,245,91,.08);display:flex;gap:12px}.final-question span{color:var(--muted);font-size:11px}.final-question p,.final-answer p{margin:6px 0;font-size:19px}.final-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.final-actions a{color:var(--muted);text-decoration:none}.final-scene>small{margin-top:18px;color:var(--muted)}.scene-nav{position:fixed;z-index:31;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:8px;border:1px solid var(--line);border-radius:999px;background:rgba(8,17,14,.88);backdrop-filter:blur(15px)}.scene-nav button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--ink);cursor:pointer}.scene-nav span{font-size:11px;color:var(--muted)}.scene-nav b{color:var(--ink)}.lead-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.lead-modal.open{opacity:1;visibility:visible}.lead-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}.lead-card{position:relative;width:min(620px,calc(100% - 30px));max-height:90vh;overflow:auto;background:#f5f7f3;color:#101513;border-radius:22px;padding:34px}.lead-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px}.lead-card h2{font:700 34px var(--display);letter-spacing:-.04em;margin:8px 0}.lead-card>p{color:#66706b}.lead-card form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-card label{font-size:12px;font-weight:600}.lead-card label:last-of-type{grid-column:1/-1}.lead-card input,.lead-card select,.lead-card textarea{width:100%;margin-top:7px;border:1px solid #d6dbd4;background:#fff;border-radius:10px;padding:12px;font:inherit}.lead-card .primary-button{grid-column:1/-1;width:max-content}.lead-card #formMessage{grid-column:1/-1;font-size:12px;color:#44644f}@keyframes rise{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes pulse{50%{box-shadow:0 0 55px rgba(255,107,107,.35)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.demo-header{padding:0 18px}.demo-brand span,.icon-button{display:none}.scene-inner{padding:34px 22px 82px;overflow:auto;justify-content:flex-start}.intro-numbers{grid-template-columns:repeat(2,1fr);margin-top:25px}.conversation-scene,.working-scene,.integration-scene{flex-direction:column;gap:30px}.ai-orb{width:110px;height:110px;margin-top:35px}.conversation-card,.work-terminal,.integration-copy,.integration-map,.working-copy{width:100%}.typed-conversation{font-size:20px;min-height:240px}.project-heading,.dashboard-heading{align-items:flex-start;flex-direction:column}.risk-number{text-align:left}.dependency-canvas{min-height:520px}.evidence-pop{left:15px;right:15px;bottom:15px;width:auto}.dep-node{min-width:105px;padding:10px}.n1{left:12%;top:28%}.n2{left:38%;top:17%}.n3{left:50%;top:42%}.n4{left:72%;top:42%}.n5{left:88%;top:28%}.metric-grid{grid-template-columns:repeat(2,1fr)}.portfolio-table{overflow:auto}.portfolio-table>div{min-width:740px}.recommendation-grid{grid-template-columns:1fr}.recommendation-grid article.featured{transform:none}.integration-map{height:470px}.final-scene{padding-top:35px}.lead-card form{grid-template-columns:1fr}.lead-card label:last-of-type,.lead-card .primary-button,.lead-card #formMessage{grid-column:auto}}@media(max-height:720px) and (min-width:901px){.scene-inner{padding-top:24px;padding-bottom:70px}.intro-numbers{margin-bottom:25px}.intro-scene h1{font-size:54px}.brand-reveal{margin-top:30px}.dependency-canvas{height:360px}.metric-grid{margin:20px 0 12px}.recommendation-grid article{min-height:300px;padding:20px}.integration-map{height:450px}}