.product-experience{background:var(--bg);color:var(--fg);--pd-radius:16px;--pd-space:clamp(56px,7vw,96px);--pd-ink:var(--linework-color);isolation:isolate}.pd-container{width:min(100% - 64px,1280px);margin-inline:auto}.product-experience h1,.product-experience h2,.product-experience h3{text-wrap:balance}.product-experience h2{letter-spacing:-.035em;max-width:24em;font-size:clamp(27px,3vw,40px);line-height:1.4}.product-experience h3{letter-spacing:-.02em;font-size:20px;line-height:1.5}.product-experience p{font-size:16px;line-height:1.95}.product-experience a,.product-experience button,.product-experience [id]{scroll-margin-top:32px}.pd-breadcrumb{color:var(--muted);align-items:center;gap:10px;min-height:48px;padding-block:28px 0;font-size:13px;display:inline-flex}.pd-breadcrumb:hover{color:var(--accent)}.pd-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:550px;padding-block:24px 48px;display:grid}.pd-hero-copy{min-width:0}.pd-series{color:var(--accent);letter-spacing:.08em;margin-bottom:24px;font-size:13px;display:block}.pd-hero h1{max-width:13em;margin:0;font-size:clamp(34px,3.8vw,56px);font-weight:600;line-height:1.28}.pd-hero-copy>p{max-width:30em;margin-top:24px;font-size:19px}.pd-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.product-experience .button{white-space:nowrap;border-radius:12px;gap:18px;min-height:48px}.pd-hero-visual{text-align:center;min-width:0;margin:0;position:relative}.pd-product-stage{isolation:isolate;background:radial-gradient(ellipse at 50% 58%,var(--glow),transparent 68%);place-items:center;min-height:460px;display:grid;position:relative}.pd-product-stage:before{content:"";border:1px solid color-mix(in srgb,var(--pd-ink) 24%,transparent);z-index:-1;border-radius:50%;position:absolute;inset:10% 7%;transform:rotate(-16deg)}.pd-product-stage:after{content:"";background:var(--shadow);filter:blur(14px);z-index:-1;border-radius:50%;height:16px;position:absolute;bottom:2%;left:14%;right:14%}.pd-product-image{object-fit:contain;width:100%;height:470px;filter:drop-shadow(0 20px 18px var(--shadow));display:block;position:relative}.pd-hero-visual figcaption,.pd-caption,.pd-media figcaption{color:var(--muted);margin-top:14px;font-size:12px!important;line-height:1.8!important}.pd-section-nav{border-block:1px solid var(--line);scrollbar-width:thin;white-space:nowrap;gap:32px;padding-block:20px;display:flex;overflow-x:auto}.pd-section-nav a{min-height:28px;color:var(--muted);align-items:center;font-size:14px;display:inline-flex;position:relative}:is(.pd-section-nav a:hover,.pd-section-nav a:focus-visible){color:var(--accent)}.pd-section-nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.pd-section-nav a:hover:after{transform:scaleX(1)}.pd-section-nav a:focus-visible:after{transform:scaleX(1)}.pd-overview{padding-block:var(--pd-space);grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr);align-items:center;gap:64px;display:grid}.pd-overview-copy>p{max-width:46em;margin-top:24px}.pd-detail-pair{grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;display:grid}.pd-detail-pair article{border-top:2px solid var(--line);padding-top:20px}.pd-detail-pair h3{margin-bottom:14px}.pd-detail-pair p{font-size:15px}.pd-overview-drawing{background:radial-gradient(ellipse,var(--glow),transparent 70%);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.pd-linework{width:100%;max-width:100%;height:340px;color:var(--pd-ink);display:block}.pd-linework .linework-ink{flood-color:var(--pd-ink)}.pd-overview-drawing>span{color:var(--muted);font-size:12px}.pd-block{border-top:1px solid var(--line);padding-block:64px}.pd-block-heading{max-width:880px}.pd-copy{gap:14px;margin-top:22px;display:grid}.pd-copy h3{margin-top:8px}.pd-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:32px;display:grid}.pd-feature-list article{align-items:flex-start;gap:20px;padding:24px 0;display:flex}.pd-feature-list article>svg{color:var(--pd-ink);flex-shrink:0;margin-top:3px}.pd-feature-list h3{font-size:20px;font-weight:500}.pd-feature-list p{margin-top:12px;font-size:15px}.pd-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 0;display:grid}.pd-specs>div{background:var(--panel2);border-radius:var(--pd-radius);min-width:0;padding:28px}.pd-specs>div:last-child:nth-child(odd){grid-column:1/-1}.pd-specs dt{color:var(--accent);margin-bottom:12px;font-size:13px}.pd-specs dd{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.85}.pd-drawing-section{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.pd-drawing-section .pd-linework{height:360px}.pd-media{min-width:0;margin:32px 0 0}.pd-media>a{border-radius:var(--pd-radius);background:var(--panel2);display:block;position:relative;overflow:hidden}.pd-media img{object-fit:contain;width:100%;height:auto;display:block}.pd-image-action{color:var(--fg);background:var(--panel2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.pd-media-error{background:var(--panel2);border-radius:var(--pd-radius);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;padding:24px;display:flex}.pd-scene{padding-block:var(--pd-space);border-top:1px solid var(--line)}.pd-scene>p{max-width:50em;margin-top:24px}.pd-scene .pd-media img{aspect-ratio:3/2;object-fit:cover}.pd-resources{padding-bottom:64px}.pd-resource{background:var(--panel2);border:1px solid var(--line);border-radius:var(--pd-radius);justify-content:space-between;align-items:center;gap:40px;margin-top:24px;padding:40px;display:flex}.pd-resource .pd-block-heading{max-width:760px}.pd-resource h2{font-size:28px}.pd-resource .pd-copy{margin-top:16px}.pd-resource .button{flex-shrink:0}.pd-workflow{border-top:1px solid var(--line);grid-template-columns:1fr;margin-bottom:56px;display:grid}.pd-workflow details{border-bottom:1px solid var(--line)}.pd-workflow summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:21px;list-style:none;display:flex}.pd-workflow summary::-webkit-details-marker{display:none}.pd-workflow summary svg{color:var(--pd-ink);flex-shrink:0;transition:transform .25s}.pd-workflow [open] summary svg{transform:rotate(180deg)}.pd-workflow details p{max-width:58em;padding-bottom:28px}.pd-workflow summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.pd-software-preview{border-top:1px solid var(--line);padding-block:64px}.pd-software-preview>p{max-width:52em;margin-top:20px}.pd-view-controls{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.pd-view-controls button{background:var(--panel);border:1px solid var(--line);min-height:48px;color:var(--muted);border-radius:12px;padding:12px 20px;font-size:14px}.pd-view-controls button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}.pd-screen-stage{border:1px solid var(--line);border-radius:var(--pd-radius);background:radial-gradient(ellipse at 50% 80%,var(--glow),transparent 72%),var(--panel);margin-top:28px;padding:24px}.pd-screen-stage .pd-screen{object-fit:contain;width:100%;height:580px}.pd-screen-stage .pd-media{margin:0}.pd-screen-stage .pd-media img{object-fit:contain;height:580px}.pd-demo{border-top:1px solid var(--line);padding-block:64px}.pd-demo>p{max-width:52em;margin-top:24px}.pd-demo-grid{grid-template-columns:1.25fr 1fr;gap:24px;margin-top:36px;display:grid}.pd-demo-grid article{background:var(--panel2);border-radius:var(--pd-radius);padding:32px}.pd-demo-grid article:first-child{background:linear-gradient(140deg,var(--tint),var(--panel));flex-direction:column;grid-row:span 2;justify-content:center;padding:48px;display:flex}.pd-demo-grid svg{color:var(--pd-ink);margin-bottom:24px}.pd-demo-grid h3{margin-bottom:14px}.pd-demo-grid p{font-size:15px}.pd-legacy{padding-block:32px}.pd-legacy .custom-block{margin:0}.pd-reverse .pd-hero-copy{order:2}.pd-reverse .pd-hero-visual{order:1}.pd-reverse .pd-product-stage:before{border-radius:var(--pd-radius);inset:7% 2%;transform:none}.pd-care .pd-product-stage:before{background:linear-gradient(150deg,var(--panel2),transparent);border-radius:48% 48% 16px 16px;inset:1% 6% 0;transform:none}.pd-wide .pd-hero{grid-template-columns:.85fr 1.25fr;gap:32px}.pd-wide .pd-product-stage:before{border-radius:var(--pd-radius);inset:15% 0 0;transform:none}.pd-navigation .pd-hero{grid-template-columns:1.15fr 1fr}.pd-navigation .pd-hero h1{font-size:clamp(32px,3.5vw,50px)}.pd-software .pd-hero,.pd-platform .pd-hero{grid-template-columns:.8fr 1.2fr;gap:32px}.pd-software .pd-overview,.pd-editorial .pd-overview,.pd-platform .pd-overview{max-width:1040px;display:block}.pd-software .pd-product-stage:before,.pd-editorial .pd-product-stage:before,.pd-platform .pd-product-stage:before{display:none}.pd-editorial .pd-hero{grid-template-columns:.8fr 1.2fr}.pd-editorial .pd-screen-stage{background:var(--panel)}.pd-platform .pd-hero{min-height:590px}.pd-platform .pd-product-image{height:500px}.pd-product-naotiaokong-cloud .pd-hero{grid-template-columns:.7fr 1.3fr}.pd-product-naotiaokong-cloud .pd-hero h1{max-width:8em}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pd-media img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.pd-media a:hover img{transform:scale(1.02)}.pd-detail-pair article{transition:border-color .25s}.pd-detail-pair article:hover{border-color:var(--accent)}}@media (prefers-reduced-motion:no-preference){.pd-screen-stage{animation:.35s ease-out pd-screen-in}@keyframes pd-screen-in{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (min-width:1700px){.pd-container{max-width:1400px}.pd-hero{min-height:650px}.pd-product-image{height:540px}}@media (max-width:1024px){.pd-container{width:calc(100% - 48px)}.pd-hero{gap:24px;min-height:490px}.pd-product-stage{min-height:380px}.pd-product-image,.pd-platform .pd-product-image{height:400px}.pd-overview{grid-template-columns:1.4fr .6fr;gap:32px}.pd-detail-pair{gap:24px}.pd-resource{flex-direction:column;align-items:flex-start;padding:32px}.pd-screen-stage .pd-screen,.pd-screen-stage .pd-media img{height:460px}.pd-drawing-section{gap:32px}}@media (max-width:767px){.pd-container{width:calc(100% - 40px)}.pd-breadcrumb{padding-top:20px;font-size:12px}.product-experience .pd-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding-block:28px 36px}.pd-hero h1,.pd-navigation .pd-hero h1{max-width:15em;font-size:clamp(30px,7.5vw,42px)}.pd-series{margin-bottom:16px}.pd-hero-copy>p{margin-top:20px;font-size:17px}.pd-actions{margin-top:24px}.pd-reverse .pd-hero-copy,.pd-reverse .pd-hero-visual{order:initial}.pd-product-stage{min-height:0}.pd-product-image,.pd-platform .pd-product-image{height:360px}.pd-hero-visual figcaption{margin-top:8px}.pd-section-nav{gap:24px;padding-block:16px}.pd-section-nav a{min-height:32px;font-size:13px}.pd-overview{grid-template-columns:1fr;gap:24px;padding-block:56px}.pd-detail-pair{grid-template-columns:1fr;gap:24px;margin-top:28px}.pd-overview-drawing{width:100%;max-width:360px;margin:auto}.pd-linework{height:260px}.pd-block,.pd-software-preview,.pd-demo,.pd-scene{padding-block:40px}.pd-block-heading{max-width:100%}.pd-copy{margin-top:20px}.pd-feature-list{grid-template-columns:1fr;gap:0;margin-top:20px}.pd-feature-list article{padding:18px 0}.pd-feature-list h3{font-size:18px}.pd-specs{grid-template-columns:1fr;gap:16px;margin-top:24px}.pd-specs>div{padding:24px}.pd-specs dd{font-size:16px}.pd-drawing-section{grid-template-columns:1fr;gap:24px}.pd-drawing-section .pd-linework{height:280px}.pd-resource{gap:24px;padding:28px 24px}.pd-resource h2{font-size:25px}.pd-resource .button{width:100%}.pd-resources{padding-bottom:40px}.pd-media{margin-top:24px}.pd-screen-stage{padding:12px}.pd-screen-stage .pd-screen,.pd-screen-stage .pd-media img{height:340px}.pd-view-controls button{flex:1;min-width:0}.pd-demo-grid{grid-template-columns:1fr;gap:16px}.pd-demo-grid article,.pd-demo-grid article:first-child{grid-row:auto;padding:28px}.pd-demo-grid svg{margin-bottom:16px}.pd-workflow summary{padding-block:20px;font-size:18px}.pd-workflow details p{font-size:15px}.pd-workflow{margin-bottom:32px}}@media (max-width:479px){.pd-actions{grid-template-columns:1fr;width:100%;display:grid}.pd-product-image,.pd-platform .pd-product-image{height:310px}.pd-wide .pd-product-image{height:300px}.pd-screen-stage .pd-screen,.pd-screen-stage .pd-media img{height:270px}.pd-view-controls{flex-direction:column}.pd-view-controls button{width:100%}.product-experience h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.product-experience *{transition:none!important;animation:none!important}.product-experience .button:hover,.product-experience .button:active{transform:none}}