/* Full-bleed editorial sections; color follows the section, not individual cards. */
@property --nav-fold{syntax:'<number>';inherits:true;initial-value:0}
@property --nav-inset{syntax:'<length>';inherits:true;initial-value:0px}
.navigation{transition:--nav-fold .42s cubic-bezier(.22,1,.36,1),--nav-inset .42s cubic-bezier(.22,1,.36,1),color .2s ease}
.navigation nav a,.navigation nav a.nav-download,.navigation nav a:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.navigation{transition:none}}
body{padding-top:88px}
.navigation{--nav-fold:0;--nav-light:0;--nav-ink:#ebf1fa;--nav-inset:0px;position:fixed!important;z-index:40;left:var(--nav-inset);top:calc(var(--nav-fold) * 16px);width:calc(100% - var(--nav-inset) * 2);height:calc(88px - var(--nav-fold) * 26px);padding:0 calc(4.5vw - var(--nav-fold) * (4.5vw - 24px));border-radius:calc(var(--nav-fold) * 40px);border:0;background:transparent!important;box-shadow:0 12px 30px rgb(0 8 24 / calc(var(--nav-fold) * .12)),0 2px 6px rgb(0 8 24 / calc(var(--nav-fold) * .06));color:var(--nav-ink);isolation:isolate;overflow:clip;backdrop-filter:blur(calc(var(--nav-fold) * 24px)) saturate(145%);-webkit-backdrop-filter:blur(calc(var(--nav-fold) * 24px)) saturate(145%)}
.navigation:before,.navigation:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none}
.navigation:before{background:linear-gradient(135deg,#809ac31a,#283e6529 45%,#111e3733);opacity:var(--nav-fold);border:1px solid #e0ecff16;box-shadow:inset 0 1px 0 #e6f1ff24,inset 0 -1px 0 #07132412}
.navigation:after{background:linear-gradient(120deg,#f7faff75,#e3edfb61);opacity:calc(var(--nav-light) * var(--nav-fold));transition:opacity .12s linear;box-shadow:inset 0 1px #ffffff55,inset 0 -1px #acbed41a;border:1px solid #f8fbff33}
.navigation{backdrop-filter:blur(calc(var(--nav-fold) * 16px)) saturate(calc(100% + var(--nav-fold) * 25%));-webkit-backdrop-filter:blur(calc(var(--nav-fold) * 16px)) saturate(calc(100% + var(--nav-fold) * 25%))}
.navigation{box-shadow:0 18px 48px rgb(0 5 20 / calc(var(--nav-fold) * .30)),0 5px 12px rgb(0 5 20 / calc(var(--nav-fold) * .18))}
.spatial-world{display:none!important}
.fluid-world{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 30%,#204f83,#081327 70%)}
.fluid-world canvas{display:block;width:100%;height:100%}
/* The product sky belongs to the first scene only, matching the wide reference. */
body[data-page=tiedan]{padding-top:0}
body[data-page=tiedan] .product-atmosphere{position:relative;isolation:isolate;overflow:hidden;height:clamp(690px,38.25vw,960px);padding-top:88px;display:flex;flex-direction:column}
body[data-page=tiedan] .product-atmosphere>.fluid-world{position:absolute;inset:0;z-index:-1}
body[data-page=tiedan] .product-atmosphere .product-subnav{flex-shrink:0;margin:0 auto}
body[data-page=tiedan] .product-atmosphere #product{min-height:0;padding:clamp(36px,3.4vw,70px) 0 50px;flex:1}
@media(max-width:700px){body[data-page=tiedan]{padding-top:0}body[data-page=tiedan] .product-atmosphere{height:auto;min-height:760px;padding-top:110px}body[data-page=tiedan] .product-atmosphere #product{padding:38px 0 45px}body[data-page=tiedan] .product-atmosphere .product-surface{margin-top:30px!important}}
.brand-lockup{display:flex;align-items:center;gap:18px;margin-bottom:30px;flex-wrap:wrap;color:#e0ecff;font-size:16px}
.brand-lockup>span{display:inline-flex;align-items:center;gap:9px}.brand-lockup img{width:35px;height:35px;object-fit:contain}.brand-lockup .brand-separator{color:#7894b8}
@media(max-width:700px){body[data-page=tiedan] .product-surface{margin-top:35px!important}body[data-page=tiedan] .download-box{margin-top:35px!important}.brand-lockup{gap:12px;font-size:14px}}
.navigation .brand{color:inherit;font-size:calc(22px - var(--nav-fold) * 3px)}.navigation nav{color:inherit;gap:30px}.navigation nav a,.navigation nav a[aria-current=page]{color:inherit;opacity:.8}.navigation nav a[aria-current=page]{opacity:1}.navigation .nav-download{color:inherit;background:#a9c9ff22;border-color:#9cb7dd42;border-radius:28px}.navigation .brand img{filter:grayscale(.25)}
.navigation nav .nav-account{white-space:nowrap;padding-left:18px;border-left:1px solid #9cb7dd42;font-weight:600;opacity:1}
@media(max-width:1100px){.navigation nav>a[href="/#company"]{display:none}.navigation nav{gap:16px}}
@media(max-width:700px){.navigation nav{gap:7px!important}.navigation nav .nav-account{padding-left:8px;font-size:10px}.navigation nav>a[href="/#company"]{display:none}}
body[data-page=tiedan]{--cyan:#a5caff;--muted:#b8c9e1;--line:#bacde32a;background:#081327;color:#ecf1f9}
body[data-page=tiedan] .spatial-world{display:none}
.book-universe{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 63% 42%,#2b52794d,transparent 51%),linear-gradient(115deg,#080f20,#102240 70%,#0a172e)}.book-universe canvas{display:block;width:100%;height:100%;opacity:var(--book-opacity,1);transition:opacity .5s}
body[data-page=tiedan] .product-subnav{display:flex;position:relative;width:88%;max-width:1200px;padding:24px 0 0;margin:auto;min-height:55px}.product-subnav>div:first-child{color:#98abc7}
body[data-page=tiedan] .section{width:88%;max-width:1200px;padding:0;margin:auto}
body[data-page=tiedan] main>#product,body[data-page=tiedan] main>#capabilities,body[data-page=tiedan] main>#download{display:block!important;scroll-margin-top:115px}
body[data-page=tiedan] #product{min-height:105svh;padding:80px 0 95px}
body[data-page=tiedan] .section-heading{margin:0;max-width:590px;text-align:left}
body[data-page=tiedan] .section h1{font-size:clamp(36px,3.7vw,68px);line-height:1.23;letter-spacing:-.04em;font-weight:550;color:#eef3fb}
body[data-page=tiedan] .section h1 span{color:#9fbce5}
body[data-page=tiedan] .eyebrow{font-size:11px;letter-spacing:.12em;color:#b4c9e8;margin-bottom:24px}
body[data-page=tiedan] .product-surface{display:block;background:none;border:0;border-radius:0;box-shadow:none;padding:0;max-width:470px;margin:36px 0 0;min-height:0;overflow:visible}
body[data-page=tiedan] .product-surface:before,body[data-page=tiedan] .workflow-art,body[data-page=tiedan] .product-label,body[data-page=tiedan] .product-copy h2{display:none}
body[data-page=tiedan] .product-copy{text-align:left}
body[data-page=tiedan] .product-copy>p{font-size:16px;color:#b6c9e2;line-height:1.9;margin:0 0 30px;max-width:470px}
body[data-page=tiedan] .primary{background:#c4dafa;color:#102344;border-radius:28px;padding:14px 22px;box-shadow:inset 0 1px #fff5;font-size:13px}
body[data-page=tiedan] .product-copy .product-note{font-size:12px;color:#91a8c9;margin-top:24px}
.book-scroll{display:flex;align-items:center;gap:13px;color:#91a8c9;font-size:11px;margin-top:48px}.book-scroll i{height:35px;width:1px;background:linear-gradient(#b0c8ed,transparent)}
body[data-page=tiedan] #capabilities{width:100%;max-width:none;padding:0}
body[data-page=tiedan] #capabilities>.section-heading{max-width:none;padding:85px max(6vw,calc((100vw - 1200px)/2));background:#0d1e3be8}
body[data-page=tiedan] #capabilities>.section-heading h1{font-size:clamp(30px,3vw,48px);max-width:760px}
body[data-page=tiedan] #capabilities>.section-heading{background:#edf2f8;color:#182f51}
body[data-page=tiedan] #capabilities>.section-heading h1{color:#182f51}
body[data-page=tiedan] #capabilities>.section-heading .eyebrow{color:#6b83a5}
body[data-page=tiedan] .capability-layout{display:block;width:100%;max-width:none;margin:0}
.capability-story.feature-chapter{--chapter-ink:#17345d;--chapter-muted:#48668c;display:grid;grid-template-columns:1fr 1.05fr;column-gap:80px;row-gap:0;width:100%;max-width:none;min-height:0;padding:100px max(6vw,calc((100vw - 1200px)/2)) 105px;align-self:stretch;background:#eaf0f7;color:var(--chapter-ink);opacity:1;transform:none;border:0;transition:none}
.capability-story.feature-chapter:before{display:none}
.feature-chapter[data-nav-theme=dark]{--chapter-ink:#e4eeff;--chapter-muted:#b1c6e6;background:linear-gradient(115deg,#112750f5,#162f57ed)}
.feature-chapter>.eyebrow{grid-column:1;grid-row:1;color:var(--chapter-muted)!important;margin-bottom:22px;font-size:10px}
.feature-chapter>h2{grid-column:1;grid-row:2;font-size:clamp(28px,2.65vw,43px);font-weight:550;line-height:1.4;letter-spacing:-.03em;max-width:550px;color:var(--chapter-ink)}
.feature-chapter>.story-copy{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:16px;line-height:2;color:var(--chapter-muted)}
.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:45px;row-gap:35px;margin-top:68px}
.feature-item{position:relative;min-width:0;padding:0 30px 0 0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.feature-item:not(:nth-child(3n)){border-right:1px solid #7e9bbe35}
.feature-item:before{content:"";display:block;width:24px;height:24px;margin-bottom:20px;border:1px solid currentColor;border-radius:7px 2px 7px 2px;opacity:.6;transform:rotate(-8deg);box-shadow:5px -5px 0 -2px #8caee622}
.feature-item h3{font-size:18px;line-height:1.5;font-weight:600;color:var(--chapter-ink);margin-bottom:12px;letter-spacing:0}
.feature-item p{font-size:14px;line-height:2;color:var(--chapter-muted);overflow-wrap:anywhere}
.feature-item:hover{background:none;box-shadow:none;transform:none;border-color:#7e9bbe35}
.agent-example{grid-column:1/-1;margin-top:42px;padding:0;font-size:14px;line-height:1.9;color:var(--chapter-muted);border:0;background:none}
.capability-story.capability-introduction{padding-top:64px;padding-bottom:64px}
.capability-introduction .feature-grid{margin-top:42px}
body[data-page=tiedan] #download{min-height:100svh;padding:100px 0 90px}
body[data-page=tiedan] .download-heading{max-width:580px;text-align:left;margin:0}
body[data-page=tiedan] .download-heading>p{color:#adbed6;margin-top:20px}
body[data-page=tiedan] .download-steps{display:grid;gap:14px;justify-content:start;margin-top:30px;color:#a9bedc;font-size:12px}
body[data-page=tiedan] .download-box{width:100%;max-width:470px;margin:35px 0 0;padding:25px 0 0;border:0;border-top:1px solid #afc8ec40;border-radius:0;background:none;box-shadow:none;text-align:left}
body[data-page=tiedan] .download-box h2{font-size:23px;color:#e9f1fe}.download-box .package-label{color:#9ab8e3}
body[data-page=tiedan] footer{background:#08142ae8;border-color:#a9c4ec20}
@media(min-width:1800px){body[data-page=tiedan] #product{padding-top:100px}.feature-chapter>h2{font-size:44px}}
@media(max-width:1000px){.feature-chapter{column-gap:40px}.feature-grid{column-gap:25px}.feature-item{padding-right:15px}body[data-page=tiedan] .section-heading{max-width:470px}body[data-page=tiedan] .product-surface{max-width:390px}.navigation nav{gap:18px}}
@media(max-width:700px){body{padding-top:110px}.navigation{height:calc(110px - var(--nav-fold) * 10px);left:calc(var(--nav-fold) * 3vw);width:calc(100% - var(--nav-fold) * 6vw);padding:13px 5vw 8px;min-height:0;display:flex;flex-wrap:wrap;gap:8px;border-radius:calc(var(--nav-fold) * 23px)}.navigation>.brand{width:100%;font-size:18px}.navigation .brand img{width:27px;height:27px}.navigation nav{width:100%;font-size:11px;gap:12px;padding-bottom:0;justify-content:space-between;overflow:visible}.navigation nav a,.navigation .nav-download{font-size:10px;padding:6px 0}.navigation .nav-download{padding:6px 9px}.navigation nav>a:not(.nav-download){display:block}body[data-page=tiedan] .section{width:90%}body[data-page=tiedan] .product-subnav{width:90%;padding-top:16px}body[data-page=tiedan] #product{padding-top:40px;min-height:115svh;padding-bottom:55px}body[data-page=tiedan] .section h1{font-size:35px}body[data-page=tiedan] .section-heading{max-width:100%}body[data-page=tiedan] .product-surface{max-width:100%;margin-top:43svh}body[data-page=tiedan] .product-copy>p{font-size:14px}.book-scroll{margin-top:28px}.capability-story.feature-chapter{display:block;padding:55px 6vw 60px}.feature-chapter>h2{font-size:29px}.feature-chapter>.story-copy{font-size:15px;margin-top:24px}.feature-grid{grid-template-columns:1fr;margin-top:40px;gap:28px}.feature-item,.feature-item:not(:nth-child(3n)){border-right:0;padding:0 0 24px;border-bottom:1px solid #7e9bbe30}.feature-item:before{width:21px;height:21px;margin-bottom:15px}.feature-item h3{font-size:18px}.feature-item p{font-size:14px}.agent-example{font-size:13px;margin-top:28px}body[data-page=tiedan] #capabilities>.section-heading{padding:55px 6vw}body[data-page=tiedan] #download{padding-top:60px}body[data-page=tiedan] .download-box{margin-top:43svh}}
@media(prefers-reduced-motion:reduce){.navigation,.navigation:after,.book-universe canvas{transition:none}}
.world-grid{opacity:.18}.world-plane{background:linear-gradient(140deg,#b2c8ff0a,transparent 55%);border-color:#ffffff06}
