html,body{color:#fff;background:#1f2b38;margin:0;padding:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden;}body:before{content:"";pointer-events:none;-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000),linear-gradient(#0000,#000 20% 80%,#0000);background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:75px 75px;position:fixed;inset:0;mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000),linear-gradient(#0000,#000 40% 60%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}canvas{display:block}#hero{pointer-events:none;flex-direction:column;height:40vh;display:flex;position:relative}.heroContent{z-index:3;pointer-events:auto;letter-spacing:-.5px;flex-direction:column;flex:1;justify-content:flex-start;max-width:80vw;padding-left:15vw;font-family:Manrope,sans-serif;font-weight:700;display:flex;position:relative}.heroContent h1{margin:0;font-size:clamp(26px,4vw,48px);line-height:1.05}.heroContent p{color:#c9d3df;max-width:750px;margin:clamp(12px,1.5vw,20px) 0 0;font-size:clamp(14px,1.4vw,20px);font-weight:400;line-height:1.5}.buttons{margin-top:clamp(20px,3vw,40px);display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:10px 35px;font-size:17px;transition:all .25s}button:hover{transform:translateY(-1px)}.primaryButton{margin-left:.5vw;margin-top:.5v2;color:#fff;background:linear-gradient(#84d4ffd9,#1d2c3ffc);border:2px solid #345168b3;border-radius:16px;justify-content:center;align-items:center;padding:clamp(10px,1vw,14px) clamp(24px,2.5vw,38px);font-size:clamp(13px,1.1vw,16px);font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;display:inline-flex;box-shadow:inset 0 1px #fff3,inset 0 -8px 16px #00000026,0 8px 18px #00000040}.primaryButton:hover{background:linear-gradient(#9be1fff2,#1d2c3ff2);border-color:#88d2ff;transform:translateY(-3px)scale(1.03);box-shadow:inset 0 1px #ffffff4d,0 0 26px #6aaeff59,0 12px 28px #0000004d}nav{pointer-events:auto;justify-content:space-between;align-items:center;height:80px;padding:0 60px;display:flex}.logo{align-items:center;margin-top:clamp(10px,2vw,25px);display:flex}.logo img{width:auto;height:clamp(60px,8vw,100px);display:block}.workflowLogo{align-items:center;margin:0;display:flex}.workflowLogo img{width:auto;height:clamp(60px,7vw,90px);display:block;transform:translateY(-15%)}.links{gap:40px;display:flex}.links a{color:#fff;opacity:.85;font-size:16px;text-decoration:none;transition:all .25s}.links a:hover{opacity:1;color:#fff}#scene{z-index:2;-webkit-mask-composite:source-in;width:100vw;height:min(75vh,100vw);margin:-15vh 0 2vh;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%),linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%),linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.scrollZone{z-index:10;width:15vw;position:absolute;top:0;bottom:0}.scrollZone.left{background:#0f17200d;left:0}.scrollZone.right{background:#0f17200d;right:0}#scene canvas{width:100%;height:100%;position:absolute;inset:0}#bottomPanel{color:#fff;z-index:1000;gap:2px;height:25vh;padding:2px;display:none;position:absolute;bottom:0;left:0;right:0}#objectPanel{background:#31404fe6;border:2px solid #26313d;border-radius:10px;flex-direction:column;flex:1;display:none;overflow:hidden}#objectTable{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}#objectTable th,#objectTable td{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-align:center;border:1px solid #4d6277;max-width:10vw;padding:3px 6px;font-size:14px;overflow:hidden}#objectTable tbody tr.selected{background:#4b6175;border:2px solid #a3f57f}.panelHeader{background:#26313d;border-bottom:1px solid #4d6277;height:22px;padding:6px 10px;font-size:15px;font-weight:700}#objectTableScroll{flex:1;overflow:auto}#objectTable th{color:#fff;background:#26313d;position:sticky;top:0}#propertyPanel{transform-origin:100% 0;opacity:1;color:#fff;z-index:1000;background:#31404fe6;border:2px solid #26313d;border-radius:10px;flex-direction:column;width:clamp(220px,20vw,560px);transition:transform .25s,opacity .25s;display:flex;position:absolute;top:3vh;bottom:5vh;right:1vw;transform:scale(1)}#propertyPanel.hidden{opacity:0;pointer-events:none;transform:scale(0)}#propertyContent{flex:1;padding:4px;overflow-y:auto}.propertySet{border:1px solid #4d6277;border-radius:6px;margin-bottom:4px;overflow:hidden}.propertySetTitle{background:#26313d;padding:4px 8px;font-size:clamp(11px,1vw,14px)}.propertyRow{border-top:1px solid #3d4f61;justify-content:space-between;gap:10px;padding:4px 8px;font-size:clamp(11px,1vw,14px);display:flex}.propertyName{color:#b9c7d5}.propertyValue{text-align:right;word-break:break-word}.objectHeader{align-items:center;display:flex}.viewerToggle{z-index:1000;background:#2f3946;border-radius:8px;display:flex;position:absolute;bottom:2vh;left:50%;overflow:hidden;transform:translate(-50%)}.viewerToggle button{color:#d8dde5;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:1px auto;padding:4px 18px;font-size:12px;font-weight:600;transition:all .15s}.viewerToggle button.active{color:#fff;background:#579;padding:4px 1.25vw}#workflow{color:#fff;background-color:#4d6277;padding:5vh 1vw 10vh}.workflowLayout{flex-wrap:wrap;justify-content:center;align-items:center;gap:8vw;display:flex}.workflowTitle{text-align:center;width:100%;margin:0 auto 4vh}.workflowTitle h2{letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif;font-size:32px;font-weight:700}.workflowContainer{grid-template-columns:clamp(150px,18vw,250px) minmax(220px,1fr) clamp(150px,14vw,220px);align-items:center;gap:clamp(20px,4vw,70px);width:100%;max-width:1000px;display:grid;position:relative}.workflowLines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.workflowLines path{fill:none;stroke:#76b7ff;stroke-width:3px;stroke-linecap:round}.workflowSide{z-index:1;width:100%;height:clamp(280px,30vw,420px);position:relative}.workflowBubble{z-index:1;text-align:center;background:radial-gradient(circle at top,#5476b3,#000);border:2px solid #6aaeff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(75px,9vw,120px);height:clamp(75px,9vw,120px);transition:all .25s;display:flex;position:absolute;box-shadow:0 0 35px #5a8cff1f}.ifc43,.im4{background:radial-gradient(circle at top,#6254b3,#000);border:3px solid #6aaeff;width:clamp(90px,11vw,150px);height:clamp(90px,11vw,150px)}.workflowBubble:hover{transform:translateY(-5px)scale(1.04);box-shadow:0 0 50px #78b4ff59}.workflowBubble .icon{margin-bottom:2px;font-size:20px}.workflowBubble h4{margin:1px 0;font-size:clamp(11px,1.2vw,16px)}.bubbleIcon{stroke-width:2px;width:clamp(24px,3vw,36px);height:clamp(24px,3vw,36px);margin-bottom:clamp(5px,1vw,12px)}.editorArea{z-index:1;justify-content:center;align-items:center;min-width:300px;display:flex;position:relative}.editorCircle{z-index:1;background:radial-gradient(circle at 50% 20%,#6ecde1 0%,#21415c 45%,#080d12 100%);border:4px solid #7ac3ffd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(300px,22vw,390px);height:clamp(300px,22vw,390px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #ffffff1f,inset 0 -20px 35px #00000047,0 0 70px #5aaaff38}@media (width<=800px){.editorCircle{width:320px;height:320px}}.editorCircle:before{content:"";filter:blur(18px);pointer-events:none;background:#ffffff14;border-radius:50%;width:70%;height:60px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.editorCircle h2{letter-spacing:-.5px;letter-spacing:4px;color:#fff;text-shadow:0 2px 12px #00000059;margin:20px 0;font-family:Manrope,sans-serif;font-size:20px;font-weight:700}.editorModules{flex-direction:column;gap:clamp(3px,.25vw,5px);width:60%;display:flex}.editorModule{color:#fff;background:linear-gradient(#84d4ff61,#304868eb);border:2px solid #ffffff29;border-radius:16px;align-items:center;gap:clamp(4px,1vw,16px);padding:clamp(4px,.25vw,8px) clamp(6px,1.2vw,16px);text-decoration:none;transition:all .25s;display:flex;box-shadow:inset 0 1px #ffffff2e,inset 0 -8px 14px #00000026,0 6px 14px #00000038}.editorModule:hover{border-color:#8fd7ff;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff47,0 0 18px #78beff4d}.moduleIcon{stroke-width:2px;flex-shrink:0;width:clamp(18px,2.2vw,30px);height:clamp(18px,2.2vw,30px)}.editorModule span{font-size:clamp(11px,1vw,15px);font-weight:600;display:block}.editorModule small{color:#c6dff3;margin-top:2px;font-size:clamp(9px,.8vw,12px);display:block}.workflowDescription{flex-direction:column;gap:12px;width:clamp(220px,20vw,380px);max-width:100%;display:flex}@media (width<=1400px){.workflowDescription{flex-direction:row;gap:12px;width:100%}.workflowFeature{flex:1}}.workflowFeature{background:#34475c;border:2px solid #7ad7ff40;border-radius:20px;align-items:flex-start;gap:clamp(8px,1vw,18px);padding:clamp(12px,1.5vw,24px);transition:all .25s;display:flex}.workflowFeature:hover{border-color:#6aaeff;transform:translateY(-4px);box-shadow:0 0 30px #6aaeff26}.workflowFeatureIcon{flex-shrink:0;font-size:clamp(22px,2.2vw,34px)}.workflowFeature h4{color:#fff;margin:0 0 6px;font-size:clamp(13px,1.1vw,16px)}.workflowFeature p{color:#b9c7d5;margin:0;font-size:clamp(11px,.9vw,14px);line-height:1.5}@media (width<=600px){#workflow{display:none}}.gt{color:#02afff;top:-2vh;left:12vw}.xlsx{color:#2ac532;top:5vh;left:2.5vw}.xml{color:#d0d957;top:18vh;left:9vw}.ifc{color:#c94fd4;top:32.5vh;left:0}.ifc43{color:#c94fd4;top:5vh;left:2vw}.im4{color:#d0d957;top:25vh;left:5vw}#features{color:#fff;background:#1f2937;padding:clamp(40px,5vw,80px) clamp(5%,8vw,8%)}#features h2{letter-spacing:-.5px;text-align:center;margin-top:0;font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,38px);font-weight:700}.sectionIntro{text-align:center;color:#c9d3df;max-width:700px;margin:0 auto clamp(40px,5vw,70px);font-size:clamp(14px,1.4vw,18px);line-height:1.7}.featureGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(15px,2vw,30px);display:grid}.featureCard{background:#2b3646;border:1px solid #ffffff14;border-radius:20px;padding:clamp(10px,2.5vw,30px);transition:all .25s}.featureCard:hover{border-color:#6aaeff;transform:translateY(-6px);box-shadow:0 15px 40px #00000040}.featureIcon{margin-bottom:clamp(10px,1.5vw,20px);font-size:clamp(24px,3vw,42px)}.featureCard h3{color:#fff;margin-bottom:clamp(10px,1.3vw,18px);font-size:clamp(14px,1.5vw,20px)}.featureCard ul{color:#c9d3df;margin:0;padding-left:24px;font-size:clamp(12px,1vw,16px);line-height:1.7}.featureCard li{margin-bottom:4px}@media (width<=900px){#features{padding:10px 6%}#features h2{font-size:20px}.featureGrid{grid-template-columns:1fr;justify-items:center}.featureCard{width:100%;max-width:500px}}#try{color:#fff;background:#273547;padding:120px 8%}#try h2{text-align:center;margin-bottom:20px;font-size:42px}.tryViewer{border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:1500px;margin:60px auto 40px;overflow:hidden;box-shadow:0 20px 60px #00000059}.viewerFrame{z-index:3;border:none;width:100%;height:85vh;display:block}.tryFeatures{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.tryFeatures div{color:#d8e2ec;background:#2f4053;border:1px solid #ffffff14;border-radius:999px;padding:14px 22px;font-size:16px;font-weight:500}@media (width<=900px){#try{padding:80px 6%}#try h2{font-size:34px}.viewerFrame{height:60vh}.tryFeatures{flex-direction:column;align-items:center}}.demoModal{z-index:5000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a121bbf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.demoModal.active{display:flex}.demoForm{background:#263746;border:1px solid #7ac3ff40;border-radius:20px;width:min(90vw,520px);padding:clamp(25px,4vw,40px);position:relative;box-shadow:0 25px 70px #00000073}.demoForm h2{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,32px)}.demoForm p{color:#b9c7d5;margin:0 0 25px;line-height:1.5}.demoForm form{flex-direction:column;gap:12px;display:flex}.demoForm input,.demoForm textarea{box-sizing:border-box;color:#fff;background:#1f2b38;border:1px solid #ffffff26;border-radius:10px;width:100%;padding:13px 15px;font-family:Inter,sans-serif;font-size:14px}.demoForm textarea{resize:vertical}.demoForm input::placeholder,.demoForm textarea::placeholder{color:#8494a5}.demoForm input:focus,.demoForm textarea:focus{border-color:#6aaeff;outline:none}.demoSubmit{color:#fff;cursor:pointer;background:linear-gradient(#84d4ffcc,#1d2c3ffc);border:none;border-radius:12px;margin-top:8px;padding:13px 25px;font-size:15px;font-weight:600}.demoClose{color:#b9c7d5;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;position:absolute;top:12px;right:15px}.copyright{color:#fff;text-align:center;margin:0;padding:16px 0;font-size:14px}