:root{--red:#d32442;--deep:#b91533;--ink:#18243c;--muted:#606d80;--line:#dde4ee;--soft:#f1f4f9;--radius:26px}body{background:#fbfcff}em{font-style:normal;color:var(--red)}.wrap{width:min(1240px,calc(100% - 64px))}.topline{background:#18243c;font-size:12px;padding:8px 18px}header{box-shadow:0 8px 36px #15243a07;background:#ffffffed}.nav-wrap{gap:22px;height:88px}.nav-wrap nav{gap:19px}.nav-wrap nav a{font-size:13px;white-space:nowrap}.nav-wrap>.btn{padding:13px 18px;font-size:12px}.logo{color:#18243c}.btn{box-shadow:0 6px 0 #a8162d,0 12px 26px #cc234323;transition:transform .2s,box-shadow .2s;border-radius:13px}.btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 #a8162d,0 17px 30px #cc23432b}.btn.ghost{box-shadow:0 5px 0 #e0e7f0,0 12px 24px #18243c0a;background:white;border:1px solid #d5dde8;color:#26334d}.btn.white{box-shadow:0 5px 0 #eed6dd}.section{padding:96px 0}.section.soft{background:linear-gradient(140deg,#f0f4fa,#f9fbff)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#e9effa 0,transparent 54%),linear-gradient(135deg,#fff 5%,#f6f7fc 80%)}.hero:before,.inner-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#1d356e06 1px,transparent 1px),linear-gradient(90deg,#1d356e06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero .hero-grid{position:relative;grid-template-columns:1fr 1.04fr;gap:36px;padding:55px 0 80px;align-items:center}.hero h1{font-size:clamp(43px,4.9vw,69px);line-height:1.06;letter-spacing:-.057em;margin-bottom:26px}.hero h1 em:after{display:none}.hero p{font-size:18px;max-width:550px;line-height:1.85}.hero .eyebrow,.inner-hero .eyebrow{letter-spacing:.09em}.hero .actions{gap:16px;margin:30px 0}.mini-trust{flex-wrap:wrap}.mini-trust span{background:#fff;border:1px solid #dce4ef;padding:7px 11px;border-radius:30px;box-shadow:0 4px 0 #e7edf4;font-size:11px}.brand-band{background:white;border-block:1px solid #e1e7ef}.brand-band img{filter:none;opacity:.9}.inner-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 45%,#e5edfa,transparent 55%),#f6f8fc;padding:35px 0 66px}.inner-hero .wrap{position:relative}.inner-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:46px;align-items:center}.inner-hero h1{font-size:clamp(37px,4.2vw,59px);margin-top:20px}.inner-hero p{max-width:620px;font-size:17px}.breadcrumb{font-size:12px;color:#657187;margin:0 0 25px}.spatial-stage{position:relative;min-width:0;min-height:540px;background:radial-gradient(ellipse at 50% 40%,#e6edf9,#f1f4fba8 68%,transparent 70%);border-radius:42px;isolation:isolate}.inner-hero .spatial-stage{min-height:410px}.spatial-kicker{position:absolute;top:18px;left:24px;color:#536683;font-size:11px;letter-spacing:.09em;text-transform:uppercase;z-index:5}.scene-slot{position:relative;overflow:hidden;isolation:isolate;pointer-events:none}.scene-large{height:530px;width:100%}.inner-hero .scene-large{height:405px}.scene-mini{height:150px;width:100%;max-width:100%;margin:0 0 12px}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.spatial-ready>.scene-fallback{opacity:0}.fallback-cube{position:relative;width:92px;height:92px;background:linear-gradient(135deg,#f15b73,#cc183c);transform:rotateX(25deg) rotateY(-32deg) rotateZ(-15deg);border-radius:22px;box-shadow:18px 18px 0 #9a1331,35px 38px 45px #24385a30}.scene-large .fallback-cube{width:175px;height:175px;border-radius:35px;box-shadow:30px 28px 0 #9a1331,50px 65px 80px #24385a30}.fallback-cube i{position:absolute;width:18px;height:18px;background:#fff9;border-radius:6px;left:20%;top:20%}.fallback-cube i:nth-child(2){left:56%;top:20%}.fallback-cube i:nth-child(3){left:20%;top:56%;width:51%}.fallback-orbit{position:absolute;width:75%;height:70%;border:2px solid #adbddb;border-radius:50%;transform:rotate(-20deg)}.scene-mini .fallback-orbit{width:145px;height:100px}.fallback-dot{position:absolute;width:18px;height:18px;background:#233b68;border-radius:50%;right:18%;top:24%;box-shadow:3px 6px 0 #142245}.spatial-label{position:absolute;left:22px;right:22px;bottom:39px;border:1px solid #d4e0ef;background:#ffffffed;backdrop-filter:blur(10px);padding:14px 17px;border-radius:16px;font-size:13px;font-weight:700;box-shadow:0 8px 0 #d5deeb77,0 18px 35px #2544680d;z-index:5;display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:9px;height:9px;flex:none;border-radius:50%;background:#d32442;box-shadow:0 0 0 5px #d3244210}.spatial-tags{position:absolute;top:55px;left:24px;display:flex;gap:7px;z-index:5}.spatial-tags span{padding:5px 9px;background:#fff9;border:1px solid #d9e3f1;border-radius:20px;font-size:10px;color:#596a84}.scene-controls{position:absolute;bottom:0;right:22px;z-index:6;display:flex;gap:7px}.scene-controls button{width:33px;height:30px;background:#fff;border:1px solid #d1dce9;border-radius:9px;color:#2a3c5c;font-size:20px;line-height:1}.scene-controls button:hover{background:#e9eff7}.scene-controls button:focus-visible{outline-offset:2px}.no-spatial .scene-controls{display:none}#rfr360-spatial-canvas{position:fixed;inset:0;pointer-events:none;z-index:4;width:100%;height:100%}.drawer-open #rfr360-spatial-canvas,.drawer-open .motion-switch{visibility:hidden}.motion-switch{position:fixed;bottom:16px;right:20px;z-index:35;border:1px solid #d4ddea;border-radius:30px;background:#fffffff2;color:#53627a;font-size:11px;padding:9px 14px;box-shadow:0 4px 18px #23334f13}.motion-switch:before{content:'â';margin-right:7px;color:var(--red)}.no-spatial .motion-switch{display:none}.feature,.content-card,.price-card,.journey-card,.delivery-strip article,.related-card,.scenario-card,.platform{position:relative;background:#fff;border:1px solid #dde5f0;border-radius:25px;box-shadow:0 7px 0 #e3eaf4,0 22px 45px #1a2f5009;transition:transform .3s,box-shadow .3s,border-color .3s;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:auto}.feature:hover,.content-card:hover,.related-card:hover,.module-mini:hover,.platform:hover{border-color:#bfcee5;box-shadow:0 10px 0 #d8e2ef,0 30px 50px #1a2f5012}.content-card .eyebrow{font-size:11px}.content-card .scene-mini{height:155px}.feature .scene-mini{height:140px;margin:-8px 0 14px}.feature .number{font-size:11px}.price-card.featured{background:linear-gradient(145deg,#d32442,#b71838);box-shadow:0 9px 0 #8f142c,0 22px 40px #c5214026}.module-grid{grid-template-columns:repeat(4,1fr);gap:20px}.module-mini{display:grid;grid-template-columns:25px 1fr 18px;gap:8px;padding:12px 18px 22px;border:1px solid #dce4ef;border-radius:20px;box-shadow:0 6px 0 #e3ebf4,0 15px 30px #1a2f5008;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s,box-shadow .3s}.module-mini .scene-mini{grid-column:1/-1;height:110px;margin:0}.module-mini strong{font-size:12px}.module-mini>span{position:relative}.module-detail-link{margin-top:20px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.related-card{padding:20px 28px 30px;display:block}.related-card>span{font-size:11px;color:var(--red);font-weight:700}.related-card h3{font-size:23px;margin-top:14px}.related-card b{font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.scenario-card{padding:40px}.scenario-card p{line-height:1.85}.spatial-visual{position:relative;overflow:visible!important;padding-top:115px}.spatial-visual>.scene-mini{position:absolute;left:0;right:0;top:-10px;height:140px;z-index:1}.visual.photo img{border-radius:24px;box-shadow:0 9px 0 #e0e7ef,0 30px 40px #22385618}.dashboard{box-shadow:0 10px 0 #d8e2ef,0 30px 60px #22385618;transform:perspective(1000px) rotateY(-5deg) rotateX(4deg);background:white}.live-experience{background:radial-gradient(ellipse at 25% 55%,#e8eef9,transparent 65%),#fff;position:relative}.live-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}.live-heading h2{font-size:clamp(34px,4vw,53px);line-height:1.08;margin-bottom:0}.live-heading p{margin-bottom:0;font-size:16px}.live-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:50px;align-items:center}.live-layout .spatial-stage{min-height:480px}.live-layout .scene-large{height:460px}.live-story{padding:18px 0}.demo-label{color:#677992;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.live-tabs{display:flex;gap:6px;padding:7px;background:#eef2f8;border:1px solid #dfe7f0;border-radius:15px;margin:15px 0 30px}.live-tabs button{flex:1;border:0;background:transparent;border-radius:10px;padding:12px 8px;color:#637087;font-size:12px;font-weight:700;white-space:nowrap}.live-tabs button[aria-selected=true]{background:white;color:#ca2443;box-shadow:0 3px 0 #dce5f0,0 5px 18px #18395710}.live-tabs button:focus-visible{outline-offset:0}.live-story h3{font-size:29px;margin:10px 0 17px}.live-step{color:#cf2846;letter-spacing:.13em;font-size:11px;font-weight:800}.live-story [role=tabpanel]{min-height:295px}.live-story [role=tabpanel][hidden]{display:none}.live-story .checklist li{font-size:13px}.scope-note{font-size:11px;color:#738197;max-width:950px;line-height:1.8;margin:35px auto 0;text-align:center}.section-head p{max-width:760px}.delivery-strip .scene-mini{height:100px}.red-panel{background:linear-gradient(130deg,#18243c,#243c65 75%,#762743);box-shadow:0 10px 0 #132034,0 28px 55px #18243c1c}.red-panel .badge{background:#ffffff14;border:1px solid #ffffff30}.red-panel .agent-flow>div{background:#ffffff0a;border-color:#ffffff25}.cta{background:linear-gradient(130deg,#f1f5fb,#fff0f3);border-top:1px solid #e0e7f2}.cta h2{font-size:clamp(30px,3.5vw,43px)}footer{background:#17243a;color:#f4f6fa}footer p,footer a,footer .footer-bottom{color:#b4c1d5}footer .logo{color:#fff}footer .footer-bottom{border-color:#ffffff15}.footer-main a:hover{color:#fff}.footer-bottom{padding-bottom:65px}.platform{padding:28px}.platform img{height:48px;object-fit:contain}.journey-card .scene-mini{height:120px}.audience-grid .content-card{padding:28px}.content-grid{gap:26px}.price-card>.scene-mini{flex:none}.split{gap:65px}.features{gap:26px}.role-panel{border:1px solid #dce4ef;box-shadow:0 10px 0 #e0e7f0,0 28px 40px #24385a10;border-radius:24px}.usecase{border-radius:14px;background:#f4f7fc;border:1px solid #e3eaf5}.contact-grid a,.contact-grid article{box-shadow:0 8px 0 #e1e9f2,0 24px 40px #253d6210}.drawer-heading{background:linear-gradient(135deg,#162742,#35496d)}.mobile-drawer{background:#f9fbff}.drawer-nav a{background:white;border:1px solid #dce5f2;border-radius:15px;margin-bottom:10px;box-shadow:0 4px 0 #e2eaf4}.drawer-heading h2{color:white}.drawer-nav a strong{color:#243656}.drawer-close{background:#fff2;color:white}.drawer-bottom{color:#657993}
@media(max-width:1100px){.nav-wrap nav,.nav-wrap>.btn{display:none}.menu-btn{display:inline-flex}.inner-grid{gap:25px}.hero .hero-grid{gap:20px}.spatial-stage{min-height:460px}.scene-large{height:450px}.module-grid{grid-template-columns:repeat(3,1fr)}.live-heading{gap:35px}.live-layout{gap:30px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-hero .scene-large{height:350px}.inner-hero .spatial-stage{min-height:365px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav-wrap{height:74px}.topline{font-size:10px;line-height:1.6}.topline a{display:inline-block}.section{padding:65px 0}.hero .hero-grid,.inner-grid,.live-layout,.live-heading,.detail-grid{grid-template-columns:1fr;gap:30px}.hero .hero-grid{padding:40px 0 60px}.hero h1{font-size:clamp(38px,9.8vw,57px)}.hero p{font-size:16px}.hero .actions{gap:13px}.spatial-stage{min-height:410px;max-width:560px;width:100%;margin:auto}.scene-large{height:405px}.spatial-label{font-size:11px;left:12px;right:12px;bottom:37px;padding:13px 11px}.spatial-kicker{left:16px;top:15px;font-size:9px}.spatial-tags{left:16px;top:43px}.spatial-tags span{font-size:9px}.scene-controls{right:12px}.inner-hero{padding:24px 0 45px}.inner-hero h1{font-size:38px}.inner-hero .scene-large{height:330px}.inner-hero .spatial-stage{min-height:350px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-mini{padding:8px 12px 19px;grid-template-columns:20px 1fr}.module-mini .scene-mini{height:115px}.module-mini .arrow{display:none}.module-mini strong{font-size:11px}.related-grid,.content-grid{grid-template-columns:1fr}.live-heading{gap:18px;margin-bottom:20px}.live-heading h2{font-size:38px}.live-layout .spatial-stage{min-height:350px}.live-layout .scene-large{height:345px}.live-story{padding:0}.live-tabs{gap:2px}.live-tabs button{font-size:11px;padding:10px 6px}.live-story [role=tabpanel]{min-height:300px}.live-story h3{font-size:27px}.scope-note{text-align:left;font-size:10px}.feature,.content-card{padding:25px}.feature .scene-mini,.content-card .scene-mini{height:155px}.scenario-card{padding:28px}.split{gap:38px}.spatial-visual{padding-top:105px}.dashboard{transform:perspective(1000px) rotateY(-3deg) rotateX(2deg)}.motion-switch{bottom:12px;right:12px;font-size:10px;padding:7px 11px}.footer-main{gap:26px}.mini-trust{gap:7px}.hero .mini-trust span{font-size:10px}.brand-band .wrap{gap:20px}.related-card{padding:18px 24px 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.feature,.content-card,.price-card,.journey-card,.delivery-strip article,.related-card,.module-mini,.platform{transition:none;transform:none!important}.scene-fallback{transition:none}}
.spatial-stage{isolation:auto}

/* Mobile drawer card spacing */
.mobile-drawer .drawer-nav{gap:12px}.mobile-drawer .drawer-nav a{padding:16px 18px;margin-bottom:0;gap:14px;align-items:center}.mobile-drawer .drawer-nav a>span:first-child{flex:1;min-width:0;background:transparent}.mobile-drawer .drawer-nav strong{font-size:15px;line-height:1.4;letter-spacing:-.015em;white-space:normal;overflow-wrap:anywhere}.mobile-drawer .drawer-nav small{font-size:12px;line-height:1.55;margin-top:5px;white-space:normal;overflow-wrap:anywhere}.mobile-drawer .drawer-nav a>span:last-child{flex:0 0 29px;margin-left:2px}.mobile-drawer .drawer-body{padding-top:18px;padding-bottom:25px}@media(max-width:360px){.mobile-drawer .drawer-body{padding-inline:16px}.mobile-drawer .drawer-nav a{padding:15px 16px;gap:10px}.mobile-drawer .drawer-nav strong{font-size:14px}}
