.si-hero{padding:74px 0 64px;overflow:hidden}.si-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:68px;align-items:center}.si-hero h1{max-width:770px;margin:12px 0 0;font-size:clamp(3.2rem,6vw,6.8rem);line-height:.91;letter-spacing:-.065em;font-weight:620}.si-hero .lede{max-width:690px}.si-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.si-proof span{border:1px solid var(--border);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:720;letter-spacing:.045em;text-transform:uppercase;color:var(--muted-foreground);background:color-mix(in srgb,var(--background) 86%,transparent)}
.si-hero-visual{position:relative;min-height:590px;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,#5597ff 13%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#607cff 6%),var(--background));box-shadow:0 34px 80px rgba(15,23,42,.08)}.si-hero-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,black 24%,black 75%,transparent);pointer-events:none}.si-orbit{position:absolute;border:1px solid color-mix(in srgb,#619dff 35%,transparent);border-radius:50%;transform:rotate(-22deg)}.si-orbit-a{width:510px;height:180px;left:-80px;top:102px}.si-orbit-b{width:390px;height:120px;left:32px;top:152px}.si-cloud{position:absolute;inset:0;z-index:2}.si-cloud i,.si-demo-cloud i{position:absolute;width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--foreground) 56%,#3d84ff 44%);opacity:.58;box-shadow:0 0 7px color-mix(in srgb,#488cff 45%,transparent)}.si-plan{position:absolute;z-index:3;width:74%;right:2%;bottom:5%;filter:drop-shadow(0 18px 24px rgba(15,23,42,.11))}.si-plan-outline{fill:none;stroke:color-mix(in srgb,var(--foreground) 82%,#548cff 18%);stroke-width:5;stroke-linejoin:round}.si-room{stroke:color-mix(in srgb,#3f80ff 72%,var(--foreground));stroke-width:1.2}.room-1{fill:rgba(70,135,255,.15)}.room-2{fill:rgba(70,135,255,.24)}.room-3{fill:rgba(70,135,255,.1)}.room-4{fill:rgba(70,135,255,.18)}.si-wall{fill:none;stroke:color-mix(in srgb,var(--foreground) 68%,#548cff 32%);stroke-width:3}.si-room-labels text{font-size:12px;letter-spacing:.08em;text-anchor:middle;fill:var(--foreground);font-weight:720}.si-room-labels text:nth-child(even){font-size:18px;letter-spacing:-.02em}.si-hero-metric{position:absolute;z-index:5;left:24px;bottom:24px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px;background:color-mix(in srgb,var(--background) 85%,transparent);backdrop-filter:blur(14px);display:grid;min-width:178px}.si-hero-metric span,.si-hero-metric small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.si-hero-metric strong{font-size:28px;letter-spacing:-.04em;margin:2px 0 3px}
.si-section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:60px;align-items:end;margin-bottom:42px}.si-section-head h2,.si-output-grid h2,.si-next h2{margin:8px 0 0;font-size:clamp(2.2rem,4.3vw,4.6rem);line-height:.98;letter-spacing:-.055em;font-weight:620}.si-section-head>p{max-width:520px;margin:0;color:var(--muted-foreground);font-size:14px;line-height:1.65}
.si-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:20px;overflow:hidden}.si-flow article{position:relative;min-height:270px;padding:22px;border-right:1px solid var(--border);background:var(--surface)}.si-flow article:last-child{border-right:0}.si-flow article>span{font-size:11px;color:var(--muted-foreground)}.si-flow h3{font-size:18px;margin:17px 0 7px}.si-flow p{font-size:12px;line-height:1.55;color:var(--muted-foreground);margin:0}.si-flow-icon{height:74px;margin-top:25px;position:relative}.cloud-icon:before,.cloud-icon:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,var(--foreground) 0 1.5px,transparent 2px);background-size:11px 11px;opacity:.65}.cloud-icon:before{width:110px;height:58px;left:0;top:8px;transform:skewX(-14deg)}.cloud-icon:after{width:80px;height:48px;left:35px;top:0;opacity:.32}.slice-icon:before{content:"";position:absolute;width:120px;height:62px;left:0;top:7px;border:1px solid var(--border);transform:skewY(-10deg)}.slice-icon:after{content:"";position:absolute;width:138px;left:-7px;top:37px;border-top:2px solid #5188ef;box-shadow:0 0 12px rgba(81,136,239,.45)}.polygon-icon:before{content:"";position:absolute;width:104px;height:58px;left:4px;top:6px;border:2px solid var(--foreground);clip-path:polygon(0 0,67% 0,67% 22%,100% 22%,100% 100%,40% 100%,40% 72%,0 72%)}.data-icon:before{content:"01  15.2 m²\A 02  31.4 m²\A 03   6.1 m²";white-space:pre;position:absolute;left:0;top:0;font:600 11px/2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--foreground);border-left:2px solid #5188ef;padding-left:12px}
.si-demo-section{background:color-mix(in srgb,var(--surface) 48%,var(--background))}.si-app{display:grid;grid-template-columns:270px 1fr;min-height:680px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:var(--background);box-shadow:0 25px 70px rgba(15,23,42,.08)}.si-controls{padding:18px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:18px}.si-control-block{padding-bottom:18px;border-bottom:1px solid var(--border)}.si-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:10px;font-weight:760;letter-spacing:.085em;text-transform:uppercase;color:var(--muted-foreground)}.si-label output{color:var(--foreground)}.si-upload,.si-sample{width:100%;border:1px dashed var(--border);background:transparent;border-radius:11px;padding:11px;text-align:left;color:var(--foreground);display:flex;gap:10px;align-items:center;cursor:pointer}.si-upload:hover{border-color:color-mix(in srgb,#5188ef 65%,var(--border))}.si-upload-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,#5188ef 12%,transparent);font-size:19px}.si-upload strong,.si-sample strong{display:block;font-size:11px}.si-upload small,.si-sample small{font-size:9px;color:var(--muted-foreground)}.si-sample{margin-top:7px;border-style:solid}.si-sample.is-active{border-color:color-mix(in srgb,#5188ef 55%,var(--border));background:color-mix(in srgb,#5188ef 6%,var(--surface))}.si-dot{width:7px;height:7px;border-radius:50%;background:#5188ef;box-shadow:0 0 0 4px rgba(81,136,239,.12)}input[type=range]{width:100%;accent-color:#5188ef}.si-segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.si-segmented button{border:0;background:transparent;border-radius:5px;padding:7px 4px;color:var(--muted-foreground);font:600 9px inherit;cursor:pointer}.si-segmented button.is-active{background:var(--background);color:var(--foreground);box-shadow:0 1px 4px rgba(15,23,42,.08)}.si-summary dl{margin:0}.si-summary dl div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.si-summary dt{color:var(--muted-foreground)}.si-summary dd{margin:0;font-weight:720}.si-export{margin-top:auto;width:100%;justify-content:center;font-size:10px}
.si-stage{min-width:0;display:grid;grid-template-rows:48px 1fr 40px}.si-stage-top,.si-stage-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);font-size:10px;color:var(--muted-foreground)}.si-stage-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38a169;margin-right:6px}.si-stage-bottom{border-bottom:0;border-top:1px solid var(--border);justify-content:flex-start;gap:24px}.si-stage-canvas{position:relative;overflow:hidden;min-height:590px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,#5188ef 5%,transparent),transparent 42%),var(--background)}.si-grid-floor{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--border) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 45%,transparent) 1px,transparent 1px);background-size:32px 32px;transform:perspective(700px) rotateX(8deg) scale(1.15);opacity:.55}.si-demo-plan{position:absolute;inset:5% 5%;width:90%;height:90%;z-index:3}.si-demo-plan .room path{stroke:#4f87ee;stroke-width:1.5;fill:rgba(79,135,238,.12);transition:fill .18s,opacity .18s;cursor:pointer}.si-demo-plan .room:hover path,.si-demo-plan .room.is-active path{fill:rgba(79,135,238,.26)}.si-demo-plan text{text-anchor:middle;fill:var(--foreground);font-size:12px;font-weight:760;letter-spacing:.08em;pointer-events:none}.si-demo-plan text.area{font-size:20px;letter-spacing:-.025em}.wall-line{fill:none;stroke:var(--foreground);stroke-width:5;stroke-linejoin:round;pointer-events:none}.si-demo-cloud{position:absolute;inset:0;z-index:2;transition:opacity .25s}.si-stage[data-view="analysis"] .si-demo-cloud{opacity:.18}.si-stage[data-view="cloud"] .si-demo-cloud{opacity:1}.si-stage[data-view="cloud"] .si-demo-plan{opacity:.23}.si-stage[data-view="data"] .si-demo-plan,.si-stage[data-view="data"] .si-demo-cloud,.si-stage[data-view="data"] .si-grid-floor{opacity:0}.si-data-view{position:absolute;z-index:5;inset:0;padding:36px;opacity:0;pointer-events:none;transition:opacity .2s}.si-stage[data-view="data"] .si-data-view{opacity:1;pointer-events:auto}.si-data-view table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);font-size:12px}.si-data-view th,.si-data-view td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--border)}.si-data-view th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.si-data-view td span{font-size:10px}.si-room-popover{position:absolute;z-index:8;right:18px;bottom:18px;min-width:205px;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--background) 88%,transparent);backdrop-filter:blur(15px);box-shadow:0 15px 35px rgba(15,23,42,.12)}.si-room-popover small,.si-room-popover strong,.si-room-popover span{display:block}.si-room-popover small{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-foreground)}.si-room-popover strong{font-size:17px;margin:3px 0 7px}.si-room-popover span{font-size:10px;color:var(--muted-foreground)}.si-room-popover b{color:var(--foreground)}
.si-output-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:80px;align-items:start}.si-output-grid .lede{font-size:15px}.si-output-list{border-top:1px solid var(--border)}.si-output-list article{display:grid;grid-template-columns:42px 150px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.si-output-list span{font-size:10px;color:var(--muted-foreground)}.si-output-list h3{font-size:14px;margin:0}.si-output-list p{font-size:11px;color:var(--muted-foreground);margin:0}.si-output-list em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground)}.si-next{background:var(--surface)}.si-next .shell{max-width:980px;margin-left:auto;margin-right:auto}.si-next p:not(.eyebrow){max-width:760px;color:var(--muted-foreground);line-height:1.65}.si-next .button-row{margin-top:28px}
@media(max-width:980px){.si-hero-grid{grid-template-columns:1fr;gap:40px}.si-hero-visual{min-height:520px}.si-flow{grid-template-columns:repeat(2,1fr)}.si-flow article:nth-child(2){border-right:0}.si-flow article:nth-child(-n+2){border-bottom:1px solid var(--border)}.si-app{grid-template-columns:220px 1fr}.si-output-grid{grid-template-columns:1fr;gap:44px}}
@media(max-width:720px){.si-hero{padding:54px 0 44px}.si-hero h1{font-size:clamp(3rem,15vw,5.2rem)}.si-hero-visual{min-height:410px;border-radius:18px}.si-plan{width:90%;right:-8%;bottom:5%}.si-hero-metric{left:14px;bottom:14px}.si-section-head{grid-template-columns:1fr;gap:20px}.si-flow{grid-template-columns:1fr}.si-flow article{border-right:0;border-bottom:1px solid var(--border)!important;min-height:220px}.si-flow article:last-child{border-bottom:0!important}.si-app{grid-template-columns:1fr}.si-controls{border-right:0;border-bottom:1px solid var(--border)}.si-summary,.si-export{display:none}.si-stage-canvas{min-height:430px}.si-stage-bottom{gap:12px;overflow:auto}.si-output-list article{grid-template-columns:32px 1fr}.si-output-list p,.si-output-list em{grid-column:2}.si-data-view{padding:12px;overflow:auto}.si-data-view table{min-width:520px}}