
/* Matterport-inspired Dianying Digital portal */
body.home-mp{margin:0;color:#171717;background:#fff;font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}.home-mp *{box-sizing:border-box}.home-mp img{display:block}.home-mp .shell{width:min(1280px,100% - 64px)}.home-header{height:72px;background:#fff;border-bottom:1px solid #e8e8e8}.home-header .brand strong{font-size:18px;letter-spacing:.1em}.home-header .brand-mark{width:20px;height:20px}.home-header .desktop-nav{gap:31px}.home-header .desktop-nav>a,.home-header .nav-button{font-size:13px;font-weight:600}.home-header .nav-button span{margin-left:5px;color:#777}.home-header .nav-actions{gap:20px}.home-contact{color:#171717;font-size:13px;font-weight:600;text-decoration:none}.home-nav-cta{border-radius:999px;padding:12px 22px}.home-popover{top:26px;width:290px;border:0;border-radius:2px;padding:10px;box-shadow:0 20px 45px #0002}.home-popover a{border-bottom:1px solid #ecece8;padding:14px}.home-popover a:last-child{border-bottom:0}.home-popover small{font-size:12px}.home-notice{color:#fff;background:#f62e59;padding:13px 0;font-size:13px}.home-notice .shell{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.home-notice a{color:#fff;font-weight:700;text-underline-offset:3px}.home-carousel{height:620px;position:relative;overflow:hidden;background:#111}.home-slide{opacity:0;visibility:hidden;position:absolute;inset:0;transition:opacity .7s ease,visibility .7s ease}.home-slide.is-active{opacity:1;visibility:visible}.home-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}.home-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808a8 0%,#0808087e 47%,#08080838 100%),linear-gradient(0deg,#0007 0%,transparent 45%)}.home-slide-content{color:#fff;position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 110px}.home-slide-label{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.home-accent-line{display:block;width:56px;height:6px;background:#ff2e58;margin:21px 0 14px}.home-slide h1,.home-slide h2{max-width:1040px;margin:0;font-family:inherit;font-size:clamp(42px,4.5vw,68px);font-weight:300;line-height:1.14;letter-spacing:-.045em}.home-slide h1 strong,.home-slide h2 strong{font-weight:800}.home-slide p{max-width:780px;margin:20px auto 20px;color:#f2f2f2;font-size:15px;line-height:1.72}.home-slide-points{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 22px}.home-slide-points span{padding:7px 12px;border:1px solid #ffffff52;border-radius:999px;color:#f7f7f7;background:#0c0c0c55;font-size:12px;line-height:1}.home-hero-actions{display:flex;gap:14px}.home-slide .btn{min-width:148px;border-radius:3px;padding:14px 22px;font-size:14px}.home-btn-light{color:#171717;background:#fff;border-color:#fff}.home-btn-outline{color:#fff;background:#16161682;border-color:#fff}.home-btn-dark{color:#fff;background:#171717;border-color:#171717}.home-carousel-arrow{z-index:4;position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border:0;border-radius:50%;color:#fff;background:#00000038;font-size:36px;font-weight:200;line-height:42px;cursor:pointer;transition:background .2s}.home-carousel-arrow:hover{background:#00000088}.home-carousel-prev{left:34px}.home-carousel-next{right:34px}.home-carousel-dots{z-index:4;position:absolute;left:50%;bottom:27px;display:flex;gap:8px;transform:translateX(-50%)}.home-carousel-dots button{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:#ffffff55;cursor:pointer}.home-carousel-dots button[aria-current=true]{background:#fff}.home-audiences{padding:72px 0 92px}.home-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:31px}.home-section-heading>span,.home-kicker{color:#f62e59;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.home-section-heading h2{margin:0;font-size:clamp(29px,3vw,44px);font-weight:500;letter-spacing:-.035em}.home-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-audience-card{min-height:340px;padding:30px 26px;color:#1c1c1c;background:#f2f2ef;text-decoration:none;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.home-audience-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #00000010}.home-card-icon{width:66px;height:66px;margin-bottom:30px}.home-card-icon svg{width:100%;height:100%;fill:none;stroke:#1a1a1a;stroke-width:2}.home-card-icon svg circle:last-child{stroke:#f62e59}.home-audience-card h3{margin:0 0 15px;font-size:21px}.home-audience-card p{color:#686865;font-size:14px;line-height:1.75}.home-audience-card>span{margin-top:auto;padding-top:26px;font-size:13px;font-weight:750}.home-capabilities{padding:92px 0 105px;color:#fff;background:#171717}.home-section-heading-light h2{color:#fff}.home-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border-top:1px solid #ffffff2e}.home-capability-grid>div{min-height:218px;padding:28px 26px;border-right:1px solid #ffffff2e}.home-capability-grid>div:first-child{padding-left:0}.home-capability-grid>div:last-child{border-right:0}.home-capability-grid b{color:#ff3a61;font:700 11px DM Mono,monospace}.home-capability-grid h3{margin:42px 0 13px;font-size:18px}.home-capability-grid p{color:#b9b9b6;font-size:13px;line-height:1.75}.home-proof-product{padding:104px 0;background:#fff}.home-proof-grid{display:grid;grid-template-columns:56% 44%;align-items:stretch}.home-proof-visual{min-height:500px;position:relative;overflow:hidden}.home-proof-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.home-proof-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b 0%,transparent 58%)}.home-proof-overlay{z-index:1;position:absolute;left:30px;right:30px;bottom:28px;color:#fff}.home-proof-overlay span{display:block;margin-bottom:9px;color:#ff4770;font:700 11px DM Mono,monospace;letter-spacing:.12em}.home-proof-overlay b{font-size:24px}.home-proof-copy{padding:56px 0 50px 62px;display:flex;flex-direction:column;justify-content:center}.home-proof-copy h2{margin:18px 0 24px;font-size:clamp(31px,3.1vw,48px);font-weight:550;line-height:1.25;letter-spacing:-.04em}.home-proof-copy p{color:#666663;margin:0 0 16px;font-size:14px;line-height:1.85}.home-proof-links{display:flex;gap:25px;margin-top:18px}.home-proof-links a{color:#171717;font-size:13px;font-weight:750;text-underline-offset:5px}.home-neutrality{padding:94px 0 102px;background:#efefec}.home-neutrality-intro{max-width:860px}.home-neutrality-intro h2{margin:17px 0 16px;font-size:clamp(34px,3.5vw,52px);font-weight:550;letter-spacing:-.04em}.home-neutrality-intro>p{max-width:700px;color:#656562;font-size:15px;line-height:1.8}.home-neutrality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;background:#d6d6d1}.home-neutrality-grid>div{min-height:245px;padding:27px 24px;background:#fff}.home-neutrality-grid span{color:#f62e59;font:700 11px DM Mono,monospace}.home-neutrality-grid h3{margin:43px 0 13px;font-size:18px}.home-neutrality-grid p{color:#676764;font-size:13px;line-height:1.75}.home-resources{padding:96px 0 108px}.home-resource-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.home-resource-grid>a{min-height:320px;padding:31px;text-decoration:none}.home-resource-grid span{display:block;margin-bottom:24px;font-size:10px;font-weight:800;letter-spacing:.14em}.home-resource-grid h3{margin:0;font-size:24px;line-height:1.4}.home-resource-grid b{display:block;margin-top:auto;font-size:13px}.home-resource-feature{color:#fff;background:#151515;display:grid;grid-template-columns:58% 42%;gap:20px}.home-resource-feature>div:first-child{display:flex;flex-direction:column}.home-resource-feature span{color:#ff3d66}.home-api-art{align-self:center;display:flex;flex-direction:column;gap:14px}.home-api-art i{display:block;padding:15px 14px;border:1px solid #ffffff28;color:#eee;background:#ffffff0b;font:12px DM Mono,monospace;font-style:normal}.home-resource-small{display:flex;flex-direction:column;color:#171717;background:#efefec}.home-resource-space{color:#fff!important;background:#e53050!important}.home-resource-small p{margin:16px 0;color:#6a6a67;font-size:13px;line-height:1.7}.home-resource-space p{color:#ffe5eb}.home-about{padding:105px 0;color:#fff;background:#20201f}.home-about-grid{display:grid;grid-template-columns:28% 72%;gap:40px}.home-about-grid h2{max-width:850px;margin:0 0 25px;font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.2;letter-spacing:-.045em}.home-about-grid p{max-width:780px;color:#bcbcb8;margin:0 0 14px;font-size:15px;line-height:1.85}.home-about-grid .btn{margin-top:25px;background:#fff;color:#171717;border-color:#fff}.home-final-cta{padding:78px 0;color:#fff;background:#f62e59}.home-final-cta .shell{display:grid;grid-template-columns:1fr 2fr auto;gap:35px;align-items:center}.home-final-cta span{font-size:10px;font-weight:800;letter-spacing:.14em}.home-final-cta h2{margin:0;font-size:clamp(31px,3vw,44px);font-weight:600;letter-spacing:-.035em}.home-final-cta .shell>div{display:flex;gap:12px}.home-final-cta .btn{min-width:172px}.home-footer{padding:70px 0 25px}.home-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px}.home-footer-brand p{max-width:390px}.home-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.home-footer-grid b{margin-bottom:7px;font-size:12px}.home-footer-grid a{color:#bdbdb8;font-size:12px;text-decoration:none}.home-footer-grid a:hover{color:#fff}.home-legal{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid #ffffff22;color:#6f6f6c;font-size:10px}

@media (max-width:1000px){.home-header .desktop-nav{gap:18px}.home-header .desktop-nav>a,.home-header .nav-button{font-size:12px}.home-contact{display:none}.home-audience-grid,.home-neutrality-grid{grid-template-columns:1fr 1fr}.home-resource-grid{grid-template-columns:1fr 1fr}.home-resource-feature{grid-column:1/-1}.home-final-cta .shell{grid-template-columns:1fr}.home-footer-grid{grid-template-columns:2fr 1fr 1fr}.home-footer-grid>div:last-child{grid-column:2}.home-proof-copy{padding-left:40px}}

@media (max-width:800px){.home-mp .shell{width:min(100% - 34px,1280px)}.home-header{height:64px}.home-header .nav-actions .login{display:inline-flex}.home-nav-cta{padding:10px 16px}.home-notice{padding:10px 0;font-size:11px;line-height:1.5}.home-notice .shell{display:block}.home-notice a{display:block;margin-top:3px}.home-carousel{height:650px}.home-slide-content{padding:42px 32px}.home-slide-label{font-size:9px}.home-accent-line{width:42px;height:4px;margin:17px 0 13px}.home-slide h1,.home-slide h2{font-size:clamp(38px,11vw,52px);line-height:1.12}.home-slide p{font-size:14px;line-height:1.7}.home-hero-actions{width:100%;flex-direction:column;align-items:center}.home-slide .btn{width:min(260px,100%)}.home-carousel-arrow{display:none}.home-section-heading{display:block}.home-section-heading>span{display:block;margin-bottom:13px}.home-section-heading h2{font-size:31px}.home-audiences,.home-resources{padding:65px 0}.home-audience-grid,.home-neutrality-grid,.home-resource-grid{grid-template-columns:1fr}.home-audience-card{min-height:285px}.home-capabilities{padding:70px 0}.home-capability-grid{grid-template-columns:1fr 1fr}.home-capability-grid>div{min-height:205px;padding:23px 16px!important;border-bottom:1px solid #ffffff2e}.home-proof-product{padding:70px 0}.home-proof-grid{grid-template-columns:1fr}.home-proof-visual{min-height:360px}.home-proof-copy{padding:42px 0 0}.home-neutrality{padding:70px 0}.home-neutrality-grid>div{min-height:215px}.home-resource-feature{grid-column:auto;grid-template-columns:1fr}.home-resource-grid>a{min-height:290px}.home-api-art{display:none}.home-about{padding:75px 0}.home-about-grid{grid-template-columns:1fr;gap:24px}.home-final-cta .shell{display:block}.home-final-cta h2{margin:16px 0 28px}.home-final-cta .shell>div{flex-direction:column}.home-final-cta .btn{width:100%}.home-footer-grid{grid-template-columns:1fr 1fr;gap:40px 20px}.home-footer-brand{grid-column:1/-1}.home-footer-grid>div:last-child{grid-column:auto}.home-legal{display:block;line-height:2}.home-legal span{display:block}}

@media (max-width:480px){.home-header .brand strong{font-size:16px}.home-header .nav-actions{gap:8px}.home-header .nav-actions .login{font-size:12px}.home-nav-cta{padding:9px 12px;font-size:12px}.home-carousel{height:620px}.home-slide-content{padding:35px 22px}.home-slide h1,.home-slide h2{font-size:37px}.home-audience-grid{gap:10px}.home-capability-grid{grid-template-columns:1fr}.home-capability-grid>div{min-height:auto}.home-proof-visual{min-height:290px}.home-footer-grid{grid-template-columns:1fr}.home-footer-grid>div:last-child{grid-column:auto}}

@media (prefers-reduced-motion:reduce){.home-slide,.home-audience-card,.btn{transition:none!important}}

.home-resource-intro{max-width:860px;margin:0 0 42px}.home-resource-intro h2{margin:17px 0 16px;font-size:clamp(34px,3.5vw,52px);font-weight:500;line-height:1.18;letter-spacing:-.04em}.home-resource-intro p{max-width:760px;margin:0;color:#656562;font-size:14px;line-height:1.8}.home-resource-feature p{max-width:520px;margin:17px 0 24px;color:#bcbcb8;font-size:13px;line-height:1.75}.home-resource-feature h3,.home-resource-small h3{letter-spacing:-.02em}

@media (max-width:800px){.home-resource-intro{margin-bottom:34px}.home-resource-intro h2{font-size:clamp(31px,9vw,42px)}.home-resource-feature p{margin-bottom:22px}}

.home-about-grid .home-about-statement{max-width:820px;margin:28px 0 5px;color:#fff;font-size:clamp(18px,1.65vw,24px);font-weight:650;line-height:1.55;letter-spacing:-.02em}

@media (max-width:800px){.home-about-grid .home-about-statement{margin-top:24px;font-size:19px}}

.home-final-cta .shell>.home-final-copy{display:block}.home-final-copy h2{line-height:1.18}.home-final-copy p{margin:14px 0 0;color:#ffe6ec;font-size:13px;line-height:1.75}.home-final-cta .shell>.home-final-actions{display:flex;gap:12px}

@media (max-width:800px){.home-final-copy p{margin-bottom:26px;font-size:12px}.home-final-cta .shell>.home-final-actions{flex-direction:column}}

/* Core vision: deliberate two-line statement with a clear reading rhythm. */
.home-capabilities .home-section-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.25fr);gap:48px;align-items:start}
.home-capability-title{max-width:900px;font-size:clamp(38px,4vw,58px)!important;font-weight:500!important;line-height:1.18;letter-spacing:-.045em!important}
.home-capability-title span{display:block}
.home-capability-title span+span{margin-top:.12em}

@media (max-width:800px){.home-capabilities .home-section-heading{display:block}.home-capability-title{font-size:clamp(31px,8.5vw,42px)!important;line-height:1.22}.home-capability-title span+span{margin-top:.16em}}

.home-about-grid{grid-template-columns:minmax(0,28%) minmax(0,1fr)}

/* Keep the Space Studio value statement on one line at the same type size as the API slide. */
.home-slide .home-space-slide-title{max-width:none}
.home-space-slide-title strong{white-space:nowrap}

@media (max-width:800px){.home-about-grid{grid-template-columns:1fr}}

@media (max-width:1100px){.home-space-slide-title strong{white-space:normal}}

@media (max-width:480px){.home-slide h1,.home-slide h2{font-size:34px;letter-spacing:-.055em}.home-slide-content{padding-left:18px;padding-right:18px}}

/* Device and capture catalogue */
.device-hero{padding:132px 0 92px;color:#fff;background:#171717}.device-hero h1{max-width:820px;margin:18px 0 18px;font-size:clamp(52px,6vw,86px);font-weight:500;letter-spacing:-.06em;line-height:1}.device-hero p{max-width:660px;margin:0;color:#c4c4c0;font-size:16px;line-height:1.85}.device-catalog{padding:88px 0 104px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7d7d2}.device-card{min-height:274px;padding:29px;color:#171717;background:#f3f3f0;text-decoration:none;display:flex;flex-direction:column;transition:background .22s,color .22s,transform .22s}.device-card span{color:#f62e59;font:700 11px DM Mono,monospace}.device-card h2{margin:48px 0 12px;font-size:25px;letter-spacing:-.035em}.device-card p{max-width:245px;margin:0;color:#6c6c68;font-size:13px;line-height:1.75}.device-card b{margin-top:auto;padding-top:24px;font-size:13px}.device-card-accessory{background:#ff315a;color:#fff}.device-card-accessory span,.device-card-accessory p{color:#fff}.device-card:hover{color:#fff;background:#171717;transform:translateY(-4px)}.device-card:hover p,.device-card:hover span{color:#fff}.device-note{padding:34px 0;background:#efefec}.device-note .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.device-note span{color:#686865;font-size:13px}.device-note .btn{border-radius:2px;white-space:nowrap}

/* Phone capture guide: verified capture principles translated into a practical Pointcosm workflow. */
.phone-guide{scroll-margin-top:72px;border-top:1px solid #deded9;background:#fff}.phone-guide-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:80px;padding:104px 0 64px;align-items:end}.phone-guide-head h2{margin:20px 0 0;font-size:clamp(44px,5vw,72px);font-weight:520;line-height:1.06;letter-spacing:-.055em}.phone-guide-summary p{margin:0;color:#62625f;font-size:15px;line-height:1.9}.phone-guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.phone-guide-tags span{padding:8px 12px;border:1px solid #d9d7d3;border-radius:999px;color:#575754;background:#f7f7f4;font-size:11px}.phone-preflight{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9d9d4;border-bottom:1px solid #d9d9d4}.phone-preflight>div{min-height:232px;padding:28px 24px;border-right:1px solid #d9d9d4}.phone-preflight>div:first-child{padding-left:0}.phone-preflight>div:last-child{border-right:0}.phone-preflight b{display:block;color:#f62e59;font:700 11px DM Mono,monospace}.phone-preflight strong{display:block;margin:42px 0 13px;font-size:18px}.phone-preflight p{margin:0;color:#6a6a66;font-size:12px;line-height:1.8}.phone-route-section{margin-top:104px;padding:100px 0 110px;color:#fff;background:#171717}.phone-route-heading{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:48px;align-items:start}.phone-route-heading>span{color:#ff3a61;font-size:11px;font-weight:800;letter-spacing:.14em}.phone-route-heading h3{margin:0;font-size:clamp(32px,3.7vw,52px);font-weight:500;line-height:1.16;letter-spacing:-.045em}.phone-route-heading p{margin:3px 0 0;color:#b9b9b5;font-size:13px;line-height:1.85}.phone-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:64px}.phone-route-card{min-width:0;padding:28px;background:#222220;border:1px solid #ffffff18}.phone-route-visual{height:220px;margin:-4px -4px 30px;background:#1b1b1a;overflow:hidden}.phone-route-visual svg{width:100%;height:100%;fill:none;stroke:#72726f;stroke-width:1.5}.phone-route-visual .phone-route-accent{stroke:#ff3a61;stroke-width:3;stroke-dasharray:8 8}.phone-route-visual circle{fill:#ff3a61;stroke:none}.phone-route-visual .phone-route-arrow{stroke:#ff3a61;stroke-width:3}.phone-route-card>span{color:#ff3a61;font:700 10px DM Mono,monospace;letter-spacing:.13em}.phone-route-card h4{margin:16px 0 22px;font-size:22px}.phone-route-card ol{margin:0;padding:0;list-style:none;counter-reset:route}.phone-route-card li{counter-increment:route;display:grid;grid-template-columns:28px 1fr;gap:8px;padding:11px 0;border-top:1px solid #ffffff14;color:#c8c8c4;font-size:12px;line-height:1.65}.phone-route-card li:before{content:"0" counter(route);color:#747470;font:700 10px DM Mono,monospace}.phone-capture-steps{padding:108px 0 116px}.phone-capture-steps>header{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:42px}.phone-capture-steps>header span{color:#f62e59;font-size:11px;font-weight:800;letter-spacing:.14em}.phone-capture-steps>header h3{margin:0;font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-.045em}.phone-step-list{margin:0;padding:0;border-top:1px solid #d7d7d2;list-style:none}.phone-step-list>li{display:grid;grid-template-columns:1fr 2fr;min-height:126px;border-bottom:1px solid #d7d7d2;align-items:center}.phone-step-list>li>b{color:#f62e59;font:700 11px DM Mono,monospace}.phone-step-list>li>div{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:center}.phone-step-list h4{margin:0;font-size:20px}.phone-step-list p{max-width:700px;margin:0;color:#666662;font-size:13px;line-height:1.8}.phone-quality-section{padding:104px 0;background:#f1f1ee}.phone-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d4d4cf}.phone-quality-copy,.phone-risk-panel{padding:46px;background:#fff}.phone-quality-copy>span,.phone-risk-panel>span{color:#f62e59;font-size:10px;font-weight:800;letter-spacing:.14em}.phone-quality-copy h3{max-width:480px;margin:20px 0 36px;font-size:clamp(32px,3.4vw,47px);font-weight:500;line-height:1.18;letter-spacing:-.04em}.phone-quality-copy ul{margin:0;padding:0;list-style:none}.phone-quality-copy li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:14px 0;border-top:1px solid #e1e1dd;color:#62625f;font-size:13px;line-height:1.65}.phone-quality-copy li i{color:#f62e59;font-style:normal;font-weight:800}.phone-quality-copy li b{color:#171717}.phone-risk-panel>div{padding:20px 0;border-top:1px solid #e1e1dd}.phone-risk-panel>div:first-of-type{margin-top:37px}.phone-risk-panel b{font-size:17px}.phone-risk-panel p{margin:8px 0 0;color:#686864;font-size:12px;line-height:1.75}.phone-guide-cta{padding:72px 0;color:#fff;background:#f62e59}.phone-guide-cta .shell{display:grid;grid-template-columns:1.25fr 1fr auto;gap:54px;align-items:center}.phone-guide-cta span{font-size:10px;font-weight:800;letter-spacing:.15em}.phone-guide-cta h3{margin:14px 0 0;font-size:clamp(30px,3vw,43px);font-weight:550;line-height:1.18;letter-spacing:-.035em}.phone-guide-cta p{margin:0;color:#fff;font-size:13px;line-height:1.8}.phone-guide-cta .shell>div:last-child{display:flex;gap:10px}.phone-guide-cta .btn{min-width:154px;border-radius:2px;text-align:center}

@media (max-width:1000px){.phone-guide-head{grid-template-columns:1fr;gap:34px}.phone-preflight{grid-template-columns:1fr 1fr}.phone-preflight>div:nth-child(2){border-right:0}.phone-preflight>div:nth-child(-n+2){border-bottom:1px solid #d9d9d4}.phone-preflight>div:first-child,.phone-preflight>div:nth-child(3){padding-left:24px}.phone-route-heading{grid-template-columns:1fr}.phone-capture-steps>header,.phone-step-list>li{grid-template-columns:.55fr 2fr}.phone-guide-cta .shell{grid-template-columns:1fr 1fr}.phone-guide-cta .shell>div:last-child{grid-column:1/-1}}

@media (max-width:800px){.device-hero{padding:100px 0 72px}.device-grid{grid-template-columns:1fr 1fr}.device-catalog{padding:65px 0 75px}.device-note .shell{align-items:flex-start;flex-direction:column}.device-note .btn{width:100%}.phone-guide-head{padding:76px 0 48px}.phone-route-section{margin-top:75px;padding:72px 0}.phone-route-grid,.phone-quality-grid{grid-template-columns:1fr}.phone-capture-steps{padding:76px 0}.phone-capture-steps>header{display:block}.phone-capture-steps>header span{display:block;margin-bottom:15px}.phone-step-list>li{grid-template-columns:44px 1fr;padding:25px 0}.phone-step-list>li>div{grid-template-columns:1fr;gap:10px}.phone-quality-copy,.phone-risk-panel{padding:34px 25px}.phone-guide-cta .shell{display:block}.phone-guide-cta p{margin:24px 0}.phone-guide-cta .shell>div:last-child{flex-direction:column}.phone-guide-cta .btn{width:100%}}

@media (max-width:480px){.device-hero{padding:84px 0 62px}.device-hero h1{font-size:52px}.device-grid{grid-template-columns:1fr}.device-card{min-height:225px}.device-card h2{margin-top:35px}.phone-preflight{grid-template-columns:1fr}.phone-preflight>div{min-height:auto!important;padding:25px 0!important;border-right:0;border-bottom:1px solid #d9d9d4}.phone-preflight strong{margin-top:24px}.phone-route-card{padding:18px}.phone-route-visual{height:175px}.phone-route-heading h3{font-size:32px}.phone-capture-steps>header h3{font-size:33px}.phone-step-list>li{grid-template-columns:34px 1fr}.phone-quality-copy h3{font-size:32px}}

@media (min-width:801px){.home-slide p{max-width:720px;margin:22px auto 27px;font-size:16px;line-height:1.75}}

.home-header .login,.home-contact-trigger{color:#171717;font:600 13px Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1;text-decoration:none}.home-contact-menu{position:relative}.home-contact-trigger{cursor:pointer;padding:10px 0;border:0;background:transparent}.home-contact-trigger:hover,.home-contact-menu.is-open .home-contact-trigger{color:#f62e59}.home-contact-card{z-index:80;position:absolute;top:calc(100% + 17px);right:0;width:390px;padding:24px;color:#171717;background:#fff;border:1px solid #e5e2e4;box-shadow:0 24px 60px #16121726}.home-contact-card:before{content:"";position:absolute;top:-8px;right:22px;width:14px;height:14px;background:#fff;border-left:1px solid #e5e2e4;border-top:1px solid #e5e2e4;transform:rotate(45deg)}.home-contact-card-head{display:flex;align-items:center;justify-content:space-between}.home-contact-card-head span{color:#957dad;font-size:10px;font-weight:800;letter-spacing:.16em}.home-contact-card-head button{cursor:pointer;width:28px;height:28px;padding:0;border:0;border-radius:50%;color:#777;background:#f2f0f2;font-size:18px;line-height:28px}.home-contact-card h3{margin:18px 0 8px;font-size:22px;letter-spacing:-.03em}.home-contact-card>p{margin:0 0 18px;color:#737074;font-size:12px;line-height:1.7}.home-contact-details{border-top:1px solid #ece9ec}.home-contact-item{position:relative;display:grid;grid-template-columns:76px 1fr;align-items:center;min-height:53px;padding:11px 34px 11px 0;border-bottom:1px solid #ece9ec;color:#171717;text-decoration:none}.home-contact-item>span{color:#888489;font-size:11px}.home-contact-item>b{font-size:13px;font-weight:650;letter-spacing:.005em}.home-contact-item i{position:absolute;right:3px;top:50%;color:#957dad;font-size:15px;font-style:normal;transform:translateY(-50%)}a.home-contact-item:hover b{color:#957dad}@media(max-width:1000px){.home-contact-menu{display:none}}

/* Portal navigation: products are grouped by how customers use them. */
.home-header .home-popover-capabilities{left:50%;width:650px;padding:18px;transform:translateX(-50%)}
.home-header .product-menu:hover .home-popover-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0}
.home-header .home-popover-group{min-width:0;padding:0 12px}
.home-header .home-popover-group+.home-popover-group{border-left:1px solid #e9e7e8;padding-left:24px}
.home-header .home-popover-group-label{display:block;padding:5px 14px 9px;color:#d92828;font-size:10px;font-weight:800;letter-spacing:.15em}
.home-header .home-popover-group a:last-child{border-bottom:0}
.home-header .home-popover-devices{width:340px}

/* Shared device guides: one information system, device-specific guidance. */
.device-guide-block{scroll-margin-top:72px;padding:112px 0;background:#f7f7f4;color:#171717}
.device-guide-dark{background:#171717;color:#fff}
.device-guide-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:84px;align-items:end;margin-bottom:64px}
.device-guide-head h2{max-width:760px;margin:20px 0 0;font-size:clamp(45px,5vw,68px);font-weight:520;line-height:1.07;letter-spacing:-.055em}
.device-guide-intro p{margin:0;color:#666662;font-size:14px;line-height:1.9}
.device-guide-dark .device-guide-intro p{color:#b9b9b5}
.device-guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.device-guide-tags span{padding:8px 12px;border:1px solid #d8d6d2;border-radius:999px;color:#595956;background:#fff;font-size:11px}
.device-guide-dark .device-guide-tags span{border-color:#ffffff24;color:#cdcdc9;background:#ffffff08}
.device-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d5d5d0;border:1px solid #d5d5d0}
.device-guide-dark .device-guide-grid{background:#ffffff1c;border-color:#ffffff1c}
.device-guide-panel{min-width:0;padding:42px 40px;background:#fff}
.device-guide-dark .device-guide-panel{background:#20201f}
.device-guide-panel>span{color:#f62e59;font:700 10px DM Mono,monospace;letter-spacing:.14em}
.device-guide-panel h3{max-width:560px;margin:20px 0 32px;font-size:clamp(27px,2.5vw,36px);font-weight:540;line-height:1.2;letter-spacing:-.035em}
.device-guide-panel dl{margin:0}
.device-guide-panel dl>div{display:grid;grid-template-columns:82px 1fr;gap:22px;padding:18px 0;border-top:1px solid #e1e1dc}
.device-guide-dark .device-guide-panel dl>div{border-color:#ffffff17}
.device-guide-panel dt{font-size:13px;font-weight:700}
.device-guide-panel dd{margin:0;color:#666662;font-size:12px;line-height:1.8}
.device-guide-dark .device-guide-panel dd{color:#b8b8b4}
.device-guide-panel ol{margin:0;padding:0;list-style:none}
.device-guide-panel li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:17px 0;border-top:1px solid #e1e1dc}
.device-guide-dark .device-guide-panel li{border-color:#ffffff17}
.device-guide-panel li>b{color:#f62e59;font:700 10px DM Mono,monospace}
.device-guide-panel li strong{display:block;margin-bottom:7px;font-size:14px}
.device-guide-panel li p{margin:0;color:#686864;font-size:12px;line-height:1.75}
.device-guide-dark .device-guide-panel li p{color:#b8b8b4}
.device-guide-band{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid #d5d5d0;border-bottom:1px solid #d5d5d0}
.device-guide-dark .device-guide-band{border-color:#ffffff20}
.device-guide-band>div{min-height:170px;padding:28px 30px;border-right:1px solid #d5d5d0}
.device-guide-dark .device-guide-band>div{border-color:#ffffff20}
.device-guide-band>div:first-child{padding-left:0}
.device-guide-band>div:last-child{border-right:0}
.device-guide-band b{font-size:16px}
.device-guide-band p{margin:15px 0 0;color:#666662;font-size:12px;line-height:1.8}
.device-guide-dark .device-guide-band p{color:#b8b8b4}
.device-guide-actions{display:flex;justify-content:flex-end;margin-top:30px}
.device-guide-actions .btn{border-radius:2px}
.device-accessories{background:#f62e59;color:#fff}
.device-accessories .home-kicker,.device-accessories .device-guide-intro p{color:#fff}
.device-accessories .device-guide-tags span{border-color:#ffffff52;color:#fff;background:#ffffff12}
.device-accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff52;border:1px solid #ffffff52}
.device-accessory-grid article{min-height:282px;padding:32px 30px;background:#f62e59;display:flex;flex-direction:column}
.device-accessory-grid article>span{color:#fff;font:700 10px DM Mono,monospace}
.device-accessory-grid h3{margin:42px 0 14px;font-size:23px}
.device-accessory-grid p{margin:0;color:#fff;font-size:12px;line-height:1.8}
.device-accessory-grid b{margin-top:auto;padding-top:24px;color:#fff;font-size:11px}
.device-accessory-note{display:grid;grid-template-columns:.85fr 1.6fr;gap:60px;margin-top:54px;padding-top:30px;border-top:1px solid #ffffff66}
.device-accessory-note b{font-size:18px;line-height:1.5}
.device-accessory-note p{margin:0;color:#fff;font-size:12px;line-height:1.85}

@media (max-width:1000px){
  .device-guide-head{grid-template-columns:1fr;gap:32px}
  .device-guide-grid{grid-template-columns:1fr}
  .device-accessory-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:800px){
  .device-guide-block{padding:76px 0}
  .device-guide-head{margin-bottom:42px}
  .device-guide-head h2{font-size:clamp(39px,10vw,54px)}
  .device-guide-panel{padding:32px 25px}
  .device-guide-band{grid-template-columns:1fr}
  .device-guide-band>div{min-height:auto;padding:26px 0;border-right:0;border-bottom:1px solid #d5d5d0}
  .device-guide-dark .device-guide-band>div{border-color:#ffffff20}
  .device-guide-band>div:last-child{border-bottom:0}
  .device-accessory-grid{grid-template-columns:1fr}
  .device-accessory-grid article{min-height:238px}
  .device-accessory-note{grid-template-columns:1fr;gap:20px}
}
@media (max-width:480px){
  .device-guide-head h2{font-size:40px}
  .device-guide-panel dl>div{grid-template-columns:1fr;gap:7px}
  .device-guide-actions .btn{width:100%;text-align:center}
}

.device-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid #dfdfda;color:#777772;font-size:12px}
.device-detail-nav a{color:#171717;font-weight:700;text-decoration:none;transition:color .2s ease}
.device-detail-nav a:hover{color:#f62e59}
.device-detail-nav span{font-weight:600}
.device-detail-note{margin-top:0}

@media (max-width:800px){
  .device-detail-nav{padding-top:20px;padding-bottom:20px}
}

/* Pointcosm API → Space Studio: one continuous spatial workflow. */
.home-proof-visual>img{
  object-position:center;
  filter:saturate(.86) contrast(1.04) brightness(.96);
}
.home-proof-copy h2{
  font-size:clamp(31px,2.65vw,42px);
  line-height:1.3;
  letter-spacing:-.045em;
}
.home-proof-copy p em{
  font-style:italic;
}
@media (max-width:800px){
  .home-proof-copy h2{font-size:clamp(30px,8.6vw,39px);line-height:1.3}
  .home-proof-overlay b{font-size:20px;line-height:1.35}
}

/* Pointcosm API × Space Studio: an open spatial workflow, shown without image captions. */
.home-proof-product .shell{
  width:min(1500px,calc(100% - 64px));
}
.home-proof-grid{
  grid-template-columns:50% 50%;
}
.home-proof-visual>img{
  object-position:center;
  filter:saturate(.8) contrast(1.025) brightness(.99);
}
.home-proof-visual:after{
  background:linear-gradient(0deg,rgba(23,18,28,.1),transparent 36%);
}
.home-proof-copy{
  padding:56px 0 50px 58px;
}
.home-proof-copy .home-proof-title{
  font-size:clamp(29px,1.65vw,33px);
  line-height:1.36;
  letter-spacing:-.045em;
}
.home-proof-title>span{
  display:block;
  white-space:nowrap;
}
.home-proof-title strong{
  font-weight:650;
}
.home-proof-pointcosm{
  color:#957dad;
}
.home-proof-space{
  color:#9b8067;
}
.home-audiences .home-section-heading h2.home-audience-title{
  font-size:clamp(27px,2.55vw,38px);
  line-height:1.22;
  letter-spacing:-.035em;
}
.home-audience-title em{
  font-style:italic;
  font-weight:650;
  letter-spacing:-.045em;
}

/* Audience cards: one icon system, four restrained category accents. */
.home-audience-card{
  --card-accent:#8068a8;
  --card-accent-strong:#5d477d;
  --card-tint:#f3eff8;
  --card-line:#ded5eb;
  --card-shadow:rgba(93,71,125,.12);
  position:relative;
  overflow:hidden;
  padding:28px 26px 26px;
  border:1px solid #e4e3de;
  border-radius:24px;
  background:linear-gradient(180deg,var(--card-tint) 0,#fff 34%);
  box-shadow:0 14px 36px rgba(18,18,18,.045);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.home-audience-card::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,var(--card-accent) 0,var(--card-accent) 28%,transparent 78%);
  opacity:.74;
}
.home-audience-api{
  --card-accent:#8068a8;
  --card-accent-strong:#5d477d;
  --card-tint:#f3eff8;
  --card-line:#ded5eb;
  --card-shadow:rgba(93,71,125,.13);
}
.home-audience-creator{
  --card-accent:#4f7fa3;
  --card-accent-strong:#315d7a;
  --card-tint:#edf4f7;
  --card-line:#d3e1e8;
  --card-shadow:rgba(49,93,122,.13);
}
.home-audience-studio{
  --card-accent:#a88748;
  --card-accent-strong:#6f5522;
  --card-tint:#f8f3e7;
  --card-line:#e9dcc0;
  --card-shadow:rgba(111,85,34,.13);
}
.home-audience-partner{
  --card-accent:#c45a6b;
  --card-accent-strong:#8f3d4a;
  --card-tint:#faeff1;
  --card-line:#edcfd5;
  --card-shadow:rgba(143,61,74,.13);
}
.home-card-icon{
  position:relative;
  display:grid;
  width:64px;
  height:64px;
  margin-bottom:36px;
  place-items:center;
  color:var(--card-accent);
  border:1px solid var(--card-line);
  border-radius:18px;
  background:linear-gradient(145deg,#fff 0,var(--card-tint) 100%);
  box-shadow:0 10px 24px var(--card-shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.home-card-icon::before{
  content:"";
  width:30px;
  height:30px;
  background:currentColor;
  -webkit-mask:var(--home-card-icon) center / contain no-repeat;
  mask:var(--home-card-icon) center / contain no-repeat;
}
.home-icon-api{--home-card-icon:url("/assets/icons/braces.svg")}
.home-icon-creator{--home-card-icon:url("/assets/icons/cloud-upload.svg")}
.home-icon-studio{--home-card-icon:url("/assets/icons/space-studio.svg")}
.home-icon-partner{--home-card-icon:url("/assets/icons/handshake.svg")}
.home-audience-card h3{
  margin-bottom:16px;
  color:#1c1c1c;
}
.home-audience-card .home-audience-copy{
  display:flex;
  margin:0;
  flex-direction:column;
  gap:8px;
}
.home-audience-card .home-audience-copy strong{
  color:var(--card-accent-strong);
  font-weight:750;
}
.home-audience-card .home-audience-copy span{
  color:#777773;
}
.home-audience-card>span{
  margin-top:auto;
  padding-top:22px;
  color:var(--card-accent-strong);
  border-top:1px solid var(--card-line);
}
.home-audience-card:hover{
  border-color:var(--card-line);
  box-shadow:0 20px 42px var(--card-shadow);
}
.home-audience-card:hover .home-card-icon{
  transform:translateY(-2px) scale(1.035);
  box-shadow:0 14px 30px var(--card-shadow);
}
.home-audience-card:focus-visible{
  outline:2px solid var(--card-accent);
  outline-offset:4px;
}
@media (max-width:1000px){
  .home-proof-product .shell{width:min(1280px,calc(100% - 34px))}
  .home-proof-grid{grid-template-columns:1fr}
  .home-proof-copy{padding:42px 0 0}
  .home-proof-title>span{white-space:normal}
}
@media (max-width:800px){
  .home-audiences .home-section-heading h2.home-audience-title{font-size:26px}
  .home-audience-card{min-height:300px;padding:24px 22px}
  .home-card-icon{width:58px;height:58px;margin-bottom:28px;border-radius:16px}
  .home-card-icon::before{width:27px;height:27px}
}

/* Homepage navigation layout: wide brand-left / menu-right alignment. */
@media (min-width:1001px){
  .home-header .shell.nav{
    width:min(1880px,calc(100% - 96px));
    justify-content:flex-start;
    gap:0;
  }
  .home-header .desktop-nav{
    margin-left:auto;
    gap:clamp(28px,2.5vw,46px);
  }
  .home-header .nav-actions{
    margin-left:clamp(24px,2.2vw,40px);
    gap:0;
  }
  .home-header .home-contact-trigger{
    padding:10px 18px;
    border:1px solid #e2e2dc;
    border-radius:999px;
    background:transparent;
  }
}

/* Interaction pass: accessibility, audience intent, contact actions and capability ownership. */
.home-skip-link{
  position:fixed;
  z-index:999;
  top:10px;
  left:18px;
  padding:11px 16px;
  border-radius:999px;
  color:#fff;
  background:#171717;
  box-shadow:0 8px 26px rgba(0,0,0,.2);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transform:translateY(-150%);
  transition:transform .18s ease;
}
.home-skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:0}

.home-contact-card-head button{
  width:40px;
  height:40px;
  line-height:40px;
}
.home-contact-action-row{
  grid-template-columns:minmax(0,1fr) 40px;
  gap:8px;
  padding:0;
}
.home-contact-primary{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  min-height:53px;
  color:#171717;
  text-decoration:none;
}
.home-contact-primary>span{color:#706c71;font-size:11px}
.home-contact-primary>b{overflow-wrap:anywhere;font-size:13px;font-weight:650;letter-spacing:.005em}
.home-contact-primary:hover b{color:#765b91}
.home-contact-copy{
  width:40px;
  height:40px;
  padding:0;
  display:grid;
  place-items:center;
  align-self:center;
  border:1px solid #e4e0e5;
  border-radius:50%;
  color:#765b91;
  background:#f6f3f7;
  cursor:pointer;
}
.home-contact-copy:hover{border-color:#cfc4d7;background:#eee8f1}
.home-contact-copy:focus-visible{outline:2px solid #765b91;outline-offset:2px}

.home-section-heading .home-section-label{
  margin:0;
  color:#dc2852;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.14em;
}

.home-audience-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.home-audience-card-head .home-card-icon{margin-bottom:0}
.home-audience-intent{
  margin:7px 0 0;
  padding:6px 9px;
  border:1px solid var(--card-line);
  border-radius:999px;
  color:var(--card-accent-strong);
  background:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.04em;
  white-space:nowrap;
}

.home-capability-owner{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-left:12px;
  color:#b9b9bf;
  font:650 10px/1.2 "DM Mono",monospace;
  letter-spacing:.06em;
  text-decoration:none;
}
.home-capability-owner:hover{color:#fff}
.home-capability-owner:focus-visible{outline:2px solid #ff4a70;outline-offset:4px}
.home-capability-grid h3{margin-top:28px}

@media (max-width:1000px){
  .home-contact-menu{display:none}
}

@media (max-width:800px){
  .home-audience-intent{margin-top:5px;font-size:10px}
  .home-capability-owner{margin-left:9px}
}

@media (min-width:1001px){
  .home-header .desktop-nav>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
  }
  .home-header .desktop-nav>a,
  .home-header .nav-button,
  .home-header .home-contact-trigger,
  .home-header .login,
  .home-header .home-nav-cta{min-height:44px}
}
