@import url('./fonts/fonts.css');
:root{color-scheme:dark;--bg:#080c17;--panel:#101725;--text:#f1f4ff;--muted:#a0abc0;--blue:#5289ff;--line:#ffffff14;font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:radial-gradient(ellipse 75% 700px at 75% 8%,#183b762e,transparent 75%),radial-gradient(ellipse 55% 550px at 0% 38%,#15305e21,transparent 70%),var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #a0c9ff;outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1420px;margin-inline:auto;padding-inline:56px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:#183b76;z-index:20}.skip:focus{top:15px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',system-ui,sans-serif;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand b{font-weight:500;color:#8eafff;margin-left:-4px}.brand-mark{display:grid;place-items:center;width:39px;height:43px;border-radius:11px;background:linear-gradient(140deg,#225ac6,#133375);border:1px solid #5783d18a;box-shadow:0 0 30px #3a78fd15;margin-right:3px}.brand-mark svg{width:26px;height:26px}.site-header nav{display:flex;gap:35px;font-size:13px;color:#a9b3c9}.site-header a:hover{color:#fff}.header-cta{display:flex;gap:20px;align-items:center;font-size:12px;border:1px solid #60708b63;border-radius:9px;padding:12px 16px;background:linear-gradient(135deg,#1c2b43,#101725);transition:border-color .2s}.header-cta:hover{border-color:#7aa9ff}.header-cta svg{width:17px;height:17px}
.hero{display:grid;grid-template-columns:.9fr 1.25fr;gap:35px;align-items:center;padding-top:65px;padding-bottom:94px;min-height:690px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:2px;font-size:10px;font-weight:600;color:#92b5ef}.signal{display:inline-block;width:6px;height:6px;flex:none;background:#69a6ff;border-radius:50%;box-shadow:0 0 12px #3d91ff66}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.08;font-weight:650;letter-spacing:-3.6px;margin:25px 0 24px}h1>span{background:linear-gradient(110deg,#d0e4ff,#79abff 60%,#5e7dff);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:15px;line-height:1.85;max-width:390px;color:var(--muted)}.hero-actions{display:flex;gap:21px;align-items:center;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #89b4ff66;border-radius:9px;padding:16px 20px;font-size:13px;font-weight:600;min-height:48px;transition:box-shadow .2s,background .2s}.primary{background:linear-gradient(115deg,#407ff4,#3157cf);box-shadow:0 4px 28px #2b62db27,inset 0 1px #ffffff24}.primary:hover{background:linear-gradient(115deg,#5692ff,#4267e2);box-shadow:0 4px 34px #3979fa3a}.button svg{width:17px;height:17px}.text-link{font-size:12px;color:#bbc8e0;display:inline-flex;align-items:center;gap:12px}.text-link:hover{color:#fff}.text-link svg{width:18px}.hero-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#77869f;margin-top:19px}.tiny-cube{font-size:17px;color:#7396cf}
.showcase{min-width:0;background:linear-gradient(145deg,#1b2943aa,#0e1523);border:1px solid #748fc933;border-radius:20px;box-shadow:0 36px 70px #0006,0 0 90px #2244a220;position:relative;padding:0 0 3px}.showcase:before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#83b0ffa6,transparent)}.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px}.house-name{display:flex;gap:11px;align-items:center}.mini-icon{width:34px;height:34px;background:#a3c4ff0c;display:grid;place-items:center;border:1px solid #8098c624;border-radius:10px;color:#a1b9df}.mini-icon svg{width:17px;height:17px}.house-name strong{font-size:13px;letter-spacing:.2px;font-weight:550;display:block}.house-name div>span{display:block;font-size:9px;color:#8799b7;margin-top:4px}.preview-badge{font-size:7px;letter-spacing:1.4px;color:#8bacdd;border:1px solid #79a5ed2b;border-radius:20px;padding:6px 9px;white-space:nowrap}.house-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:#101d41;border-block:1px solid #758fc318}.house-visual>img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.87) saturate(.78);transition:filter .65s;mask-image:linear-gradient(0deg,#000 96%,#000e);-webkit-mask-image:linear-gradient(0deg,#000 96%,#000e)}.showcase.is-night .house-visual>img{filter:brightness(.43) saturate(.7)}.image-caption{position:absolute;bottom:16px;left:18px;display:flex;align-items:center;gap:8px;background:#090e1ccb;border:1px solid #bdcfff20;backdrop-filter:blur(12px);border-radius:20px;padding:8px 12px;font-size:9px;color:#c8d5ec;pointer-events:none}.image-caption .signal{width:4px;height:4px}.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 17px 8px}.floor-switch{display:flex;gap:3px;padding:4px;border:1px solid #7484b01f;background:#080f1e;border-radius:10px}.floor-switch button{background:none;border:1px solid transparent;border-radius:7px;padding:9px 12px;font-size:10px;white-space:nowrap;color:#99abc5;transition:background .2s,color .2s}.floor-switch button[aria-pressed=true]{color:#eaf2ff;background:linear-gradient(130deg,#284b83,#1f3660);border-color:#4976b46b;box-shadow:0 2px 7px #0004}.floor-switch button:hover{color:#fff}.day-switch{border:1px solid #7686a62e;background:#c0d5ff07;border-radius:9px;display:flex;align-items:center;gap:7px;padding:11px;font-size:10px;color:#aebfdb}.day-switch svg{width:14px;height:14px}.day-switch[aria-pressed=true]{background:#29457b80;border-color:#5f80c4}.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 24px 14px;color:#6f829f;font-size:9px}.showcase-footer a{color:#a4bfe8;padding:5px}.showcase-footer svg{width:18px;height:18px}
.intro-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:26px;padding-bottom:26px;position:relative;color:#a9b6cc}.intro-strip:before,.intro-strip:after{content:'';position:absolute;left:56px;right:56px;height:1px;background:var(--line);top:0}.intro-strip:after{top:auto;bottom:0}.intro-strip>span{font-size:8px;letter-spacing:1.5px;color:#687e9c}.intro-strip>div{display:flex;align-items:center;gap:11px;font-size:11px}.intro-strip svg{width:17px;height:17px;color:#6e96d6}
.experience{padding-top:106px;padding-bottom:40px;scroll-margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:39px}h2{font-size:clamp(28px,3.4vw,47px);line-height:1.2;letter-spacing:-1.7px;font-weight:550;margin-top:20px}h2 span{color:#8c9bb4}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{overflow:hidden;border:1px solid #93b4ef1b;border-radius:15px;background:linear-gradient(130deg,#151f3152,#0d1321);display:flex;flex-direction:column}.feature-art{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#29487c55,transparent 70%);border-bottom:1px solid #758fb117}.art-tag{position:absolute;bottom:17px;font-size:7px;letter-spacing:1.6px;color:#8ea6cd}.art-tag b{margin-inline:12px;color:#668ed5}.mini-plan{width:150px;height:110px;transform:perspective(400px) rotateX(45deg) rotateZ(-25deg);display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:1fr 1fr;gap:5px;border:2px solid #799eda;background:#1a2c4d;padding:7px;box-shadow:-7px 8px 0 #152543,0 20px 30px #0005;margin-top:-23px;position:relative}.mini-plan i{display:block;border:1px solid #8eb1ef80;background:#4b77b52b}.mini-plan i:nth-child(2){grid-row:span 2}.mini-plan i:nth-child(4){display:none}.mini-plan>span{font-size:6px;letter-spacing:1px;position:absolute;right:12px;top:47px;color:#afc7eb}.scene-example{z-index:1;display:flex;align-items:center;gap:10px;background:linear-gradient(110deg,#272d3d,#162034);border:1px solid #d0c0a145;border-radius:12px;padding:15px 13px;box-shadow:0 8px 35px #0006;margin-top:-10px;width:86%;max-width:300px}.lamp-icon{width:34px;height:34px;border-radius:10px;background:#e3b778;color:#47361c;display:grid;place-items:center;box-shadow:0 0 20px #ffbf4b2b}.lamp-icon svg{width:19px;height:19px}.scene-example strong{font-size:10px;font-weight:550}.scene-example small{font-size:8px;color:#9eacc0;display:block;margin-top:5px}.sample-switch{margin-left:auto;width:26px;height:16px;border-radius:10px;background:#3e77d6;padding:3px}.sample-switch:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:white;margin-left:10px}.scene-orbit{position:absolute;width:240px;height:240px;border:1px solid #6886b717;border-radius:50%}.radar{position:absolute;width:160px;height:160px;border:1px solid #6e98df20;border-radius:50%;top:-10px;display:grid;place-items:center}.radar i{position:absolute;inset:23px;border:1px solid #6e98df30;border-radius:50%}.radar i:nth-child(2){inset:45px}.radar span{display:grid;place-items:center;background:#224578;border:1px solid #93bbfa5a;color:#bcd6ff;width:43px;height:43px;border-radius:13px;box-shadow:0 0 32px #5091ff29}.radar svg{width:24px;height:24px}.replay-line{height:20px;display:flex;gap:8px;align-items:center;position:absolute;bottom:36px}.replay-line b{width:24px;height:3px;border-radius:2px;background:#395782}.replay-line b:nth-child(4){height:12px;width:2px;background:#a3c5ff;box-shadow:0 0 12px #5a9bff}.feature-copy{padding:26px;display:flex;flex-direction:column;flex:1}.feature-number{font-size:8px;letter-spacing:1.6px;color:#7097d6}h3{font-size:17px;line-height:1.5;letter-spacing:-.35px;font-weight:550;margin:13px 0 11px}.feature-copy p{font-size:12px;line-height:1.85;color:#96a5bf;margin-bottom:24px}.feature-copy>a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#b6cff6;margin-top:auto}.feature-copy>a:hover{color:#fff}.feature-copy svg{width:15px;height:15px}.demo-note{font-size:10px;line-height:1.8;color:#6e819f;text-align:center;margin:21px 0}
.how{padding-top:66px;padding-bottom:100px}.how .section-heading{align-items:center}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:27px 0 0;margin:0;border-top:1px solid var(--line)}.steps li>span{font-family:'Manrope',sans-serif;font-size:25px;letter-spacing:-1px;color:#425b85;font-weight:500}.steps h3{font-size:14px;margin-top:15px}.steps p{font-size:12px;line-height:1.8;color:#8f9fb9;max-width:280px}.closing{text-align:center;padding-top:62px;padding-bottom:66px;position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #799bda1a;background:radial-gradient(ellipse at 50% 100%,#1e3e7d44,transparent 70%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:44px;margin:18px 0 28px;letter-spacing:-1.8px}.closing>span{display:block;margin-top:16px;font-size:9px;color:#7a91b4}.closing-glow{position:absolute;inset:auto 25% -140px;height:240px;border-radius:50%;background:#1b56d12e;filter:blur(60px);z-index:-1}.site-footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#6c809e;font-size:10px}.site-footer .brand{font-size:17px;color:#d9e6f9;gap:7px;letter-spacing:-.5px}.site-footer .brand svg{width:22px;height:22px;color:#799bcf}.site-footer>a:last-child{color:#9bb1d3}
@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:120px;min-height:760px}}
@media(max-width:1150px){.wrap{padding-inline:32px}.hero{grid-template-columns:.9fr 1.1fr;gap:28px;padding-top:48px;padding-bottom:65px;min-height:590px}h1{font-size:52px;letter-spacing:-2.8px}.hero-copy>p{font-size:13px}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding-inline:15px;gap:12px}.hero-actions .text-link{font-size:11px}.showcase-top{padding:16px}.preview-badge{display:none}.floor-switch button{font-size:9px;padding:8px}.showcase-controls{padding:12px 12px 6px;gap:7px}.day-switch{padding:10px 8px}.intro-strip:before,.intro-strip:after{left:32px;right:32px}.intro-strip>span{display:none}.feature-copy{padding:22px}.scene-example{padding:12px 9px;gap:7px}.scene-example small{font-size:7px}.sample-switch{display:none}.section-heading>p{max-width:300px}}
@media(max-width:820px){.site-header{height:86px}.site-header nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:35px;padding-bottom:55px;gap:40px}.hero-copy .eyebrow,.hero-actions,.hero-note{justify-content:center}h1{font-size:62px;letter-spacing:-3px;margin-top:23px}h1 br:nth-of-type(2){display:none}h1>span:before{content:' '}.hero-copy>p{font-size:14px;max-width:470px;margin:auto}.hero-actions{margin-top:25px}.showcase{max-width:650px;width:100%;margin-inline:auto;text-align:left}.showcase-top{padding:19px 21px}.preview-badge{display:block}.showcase-controls{padding:16px 19px 8px}.floor-switch button{font-size:11px;padding:10px 15px}.day-switch{padding:11px}.intro-strip{gap:16px}.intro-strip>div{font-size:10px;gap:8px}.intro-strip svg{width:15px}.experience{padding-top:68px}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:260px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:17px}.feature-card{display:grid;grid-template-columns:.8fr 1fr}.feature-art{height:100%;min-height:210px;border-bottom:0;border-right:1px solid var(--line)}.feature-copy{padding:26px}.feature-copy p{margin-bottom:20px}.scene-example{gap:8px}.sample-switch{display:block}.radar{top:15px}.replay-line{bottom:50px}.art-tag{bottom:25px}.how{padding-top:45px;padding-bottom:60px}.how .section-heading{display:block}.how .text-link{margin-top:20px}.steps{gap:25px}.steps p{font-size:11px}.site-footer>span{display:none}.closing h2{font-size:38px}}
@media(max-width:520px){.wrap{padding-inline:20px}.site-header{height:78px;gap:12px}.brand{font-size:21px;gap:8px}.brand-mark{width:32px;height:36px;border-radius:9px}.brand-mark svg{width:23px;height:23px}.header-cta{font-size:10px;padding:10px 12px;gap:10px}.header-cta svg{width:14px}.hero{padding-top:32px;gap:35px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:46px;line-height:1.13;letter-spacing:-2.4px;margin:20px 0}h1 br:nth-of-type(2){display:block}h1>span:before{content:''}.hero-copy>p{font-size:13px;max-width:310px;line-height:1.8}.desktop-break{display:none}.hero-actions .button{font-size:12px;min-height:47px;padding-inline:19px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:9px;margin-top:17px}.showcase{border-radius:14px}.showcase-top{padding:14px}.house-name{gap:8px}.house-name strong{font-size:12px}.house-name div>span{font-size:8px}.mini-icon{width:29px;height:29px}.preview-badge{font-size:6px;letter-spacing:.7px;padding:5px 6px}.showcase-controls{padding:11px 9px 5px;gap:5px}.floor-switch{gap:0;padding:3px;border-radius:8px}.floor-switch button{font-size:9px;padding:9px 8px}.day-switch{padding:10px 8px;font-size:9px;gap:5px}.day-switch svg{width:12px;height:12px}.image-caption{font-size:8px;padding:7px 9px;left:10px;bottom:10px}.showcase-footer{padding:5px 14px 10px;font-size:8px}.intro-strip{flex-wrap:wrap;justify-content:center;gap:16px 20px;padding-block:24px}.intro-strip:before,.intro-strip:after{left:20px;right:20px}.intro-strip>div{font-size:9px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{max-width:none;margin-top:20px;font-size:13px}.section-heading h2{font-size:34px;letter-spacing:-1.5px;margin-top:16px}.feature-card{display:flex}.feature-art{height:170px;min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.feature-copy{padding:25px}.feature-copy h3{font-size:18px}.feature-copy p{font-size:13px}.feature-copy>a{font-size:12px}.feature-number{font-size:9px}.scene-example{max-width:270px}.scene-example strong{font-size:11px}.scene-example small{font-size:8px}.art-tag{bottom:18px}.radar{top:-14px}.replay-line{bottom:35px}.demo-note{font-size:9px;text-align:left}.how{padding-top:32px}.steps{grid-template-columns:1fr;gap:25px}.steps li{position:relative;padding-left:45px}.steps li>span{position:absolute;top:7px;left:0;font-size:23px}.steps h3{font-size:15px;margin:7px 0 9px}.steps p{font-size:12px;max-width:none}.closing{padding-block:48px}.closing h2{font-size:33px;letter-spacing:-1.4px}.site-footer{min-height:95px}.site-footer>a:last-child{font-size:9px}}
@media(min-width:821px){.hero{padding-top:28px;padding-bottom:60px;min-height:0}.house-visual{width:100%;height:clamp(260px,48svh,410px);aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.site-footer{flex-wrap:wrap}.footer-legal{width:100%;display:flex;flex-wrap:wrap;gap:20px;padding-top:22px;border-top:1px solid #2a3c5a;margin-top:6px}.footer-legal a{font-size:11px;color:#9baecd}.footer-legal a:hover{color:#fff}