/* LIGHT-TYPE-V5 */
@font-face{font-family:"Zhiliao Sans";src:url("fonts/ZhiliaoSans.woff2") format("woff2");font-style:normal;font-weight:300 900;font-display:swap}
html,body,button,input,textarea{font-family:"Zhiliao Sans","PingFang SC","Noto Sans CJK SC",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
body{font-weight:400;letter-spacing:0}
.brand{font-size:16px;font-weight:650;letter-spacing:-.018em}
.nav-links>a{font-size:13px;font-weight:500;letter-spacing:-.01em}
.eyebrow,.kicker{font-size:11px;font-weight:650;letter-spacing:.09em}
.creative-glass .hero h1{font-weight:680;line-height:1.055;letter-spacing:-.042em}
.creative-glass .hero .lead{font-size:17px;font-weight:400;line-height:1.9;letter-spacing:.005em}
.btn{font-size:14px;font-weight:620;letter-spacing:-.01em}
.creative-glass .section-head h2,.freedom-head h2,.cases-head h2,.position-copy h2,.creative-glass .workflow-card h2,.creative-glass .cta-card h2{font-weight:660;letter-spacing:-.032em}
.creative-glass .bento-card h3,.freedom-card h3,.case-card h3{font-weight:630;letter-spacing:-.022em}
.creative-glass .bento-card>p,.freedom-card>p,.case-card>p,.position-copy p,.creative-glass .section-head p,.freedom-head p,.cases-head p{font-weight:400;letter-spacing:0}
.creative-glass .bento-card>p{font-size:14px;line-height:1.76}
.creative-glass .cap-list{font-size:12px;line-height:1.65}
.scope-row>span,.case-top,.case-icon,.case-flow,.device-screen-mini,.model-core,.model-chip{font-family:inherit}
.scope-row>span,.case-top{font-size:11px;font-weight:650;letter-spacing:.07em}
.case-icon{font-size:11px;font-weight:700}
.case-flow{font-size:11px;font-weight:580;letter-spacing:.045em}
.device-screen-mini,.model-core{font-size:12px;font-weight:700;letter-spacing:.035em}
.model-chip{font-size:9px;font-weight:650;letter-spacing:.035em}
.creative-glass .app-line span{font-size:15px;font-weight:560;letter-spacing:-.01em}

.nav-links .nav-cta,.btn-dark,.prompt-box button{border:1px solid rgba(255,255,255,.38);background:linear-gradient(135deg,#5f72ef,#8b69e8);color:#fff;box-shadow:0 12px 28px rgba(91,100,211,.2)}
.nav-links .nav-cta:hover,.btn-dark:hover,.prompt-box button:hover{background:linear-gradient(135deg,#5367e6,#805fdf);box-shadow:0 16px 34px rgba(91,100,211,.26)}

.position-card,.creative-glass .bento-office,.creative-glass .cta-card{color:#171a24;border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 92% 2%,rgba(117,105,255,.17),transparent 42%),radial-gradient(circle at 4% 104%,rgba(65,196,214,.11),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(235,240,255,.76));box-shadow:0 30px 76px rgba(54,63,96,.11),inset 0 1px #fff}
.position-card:before,.creative-glass .bento-office:before{background:linear-gradient(120deg,rgba(255,255,255,.64),transparent 30%,transparent 72%,rgba(131,117,255,.055))}
.position-card:hover,.creative-glass .bento-office:hover,.creative-glass .cta-card:hover{box-shadow:0 42px 92px rgba(53,63,99,.15),inset 0 1px #fff}
.position-copy .kicker{color:#6572ad}
.position-copy h2{color:#171a24}
.position-copy h2 span{background:linear-gradient(105deg,#2e365c,#6174e9 56%,#936fe2);-webkit-background-clip:text;color:transparent}
.position-copy p{color:#697180;font-size:15px}
.scope-list{gap:12px;border:0;margin-top:38px}
.scope-row,.scope-row:last-child{min-height:158px;padding:24px;border:1px solid rgba(71,82,122,.08);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));box-shadow:0 14px 32px rgba(65,73,104,.055),inset 0 1px rgba(255,255,255,.9)}
.scope-row:hover{padding:24px;transform:translateY(-7px);border-color:rgba(108,111,225,.14);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,245,255,.76));box-shadow:0 22px 44px rgba(72,79,116,.1),inset 0 1px #fff}
.scope-row>span{color:#8890a2}
.scope-row b{color:#20232d;font-size:17px;font-weight:620}
.scope-row small{color:#848b99;font-size:12px}
.scope-row em{color:#6976cc;font-size:12px;font-weight:560}

.creative-glass .bento-office h3{color:#1c1f29}
.creative-glass .bento-office>p{color:#6b7280}
.bento-office .cap-list{color:#7b8290}
.bento-office .cap-list li:before{background:linear-gradient(135deg,#6679ff,#ad7be7);box-shadow:0 0 9px rgba(102,121,255,.28)}
.creative-glass .app-tile{border-color:rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,247,255,.6));box-shadow:0 21px 45px rgba(54,62,94,.1),inset 0 1px #fff}

.code-visual,.creative-glass .code-visual{border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 92% 0,rgba(119,109,255,.16),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.88),rgba(226,232,255,.7));box-shadow:0 22px 48px rgba(65,73,111,.1),inset 0 1px #fff}
.code-top i{background:#c7ccdc}.code-top i:first-child{background:#7b87ef;box-shadow:0 0 8px rgba(123,135,239,.35)}
.code-line{opacity:1;background:linear-gradient(90deg,#7886dc 0,#a9b4f5 var(--w),rgba(132,143,182,.14) var(--w),rgba(132,143,182,.14) 100%)}
.device-screen-mini{border:1px solid rgba(103,115,191,.1);background:linear-gradient(145deg,rgba(237,240,255,.98),rgba(216,224,255,.82));color:#5967bc;box-shadow:inset 0 1px #fff}

.creative-glass .cta-card:before{top:-410px;background:linear-gradient(135deg,#7b8cff,#c294ed);filter:blur(95px);opacity:.28}
.creative-glass .cta-card:after{color:rgba(79,91,162,.055)}
.creative-glass .cta-card h2{color:#181b25}
.creative-glass .cta-card p{color:#707786}
.creative-glass .cta-card .btn{border:1px solid rgba(255,255,255,.38);background:linear-gradient(135deg,#5f72ef,#8b69e8);color:#fff;box-shadow:0 16px 36px rgba(91,100,211,.24)}

@media(max-width:760px){
 .creative-glass .hero h1{font-size:clamp(47px,13.3vw,58px);line-height:1.08;letter-spacing:-.035em}
 .creative-glass .hero .lead{font-size:15px;line-height:1.82}
 .position-card{padding:36px 22px}
 .position-copy h2,.creative-glass .section-head h2,.freedom-head h2,.cases-head h2,.creative-glass .workflow-card h2{font-size:40px;letter-spacing:-.026em}
 .scope-list{grid-template-columns:1fr;margin-top:30px}
 .scope-row,.scope-row:last-child{min-height:auto;padding:20px;border:1px solid rgba(71,82,122,.08)}
 .scope-row:hover{padding:20px}
 .creative-glass .bento-card>p,.freedom-card>p,.case-card>p{font-size:14px}
 .creative-glass .cta-card h2{font-size:49px;letter-spacing:-.03em}
}

/* OPEN-CARDS-TYPE-V6 */
.freedom-card>p{font-size:15px;line-height:1.8}
.freedom-card .cap-list{gap:10px;font-size:13px;line-height:1.7}
.device-card b{font-size:14px;font-weight:630}
.device-card small{font-size:12px;line-height:1.45}
.device-screen-mini{font-size:16px;font-weight:650;letter-spacing:-.01em}
.model-core{width:88px;height:88px;font-size:15px;font-weight:680;letter-spacing:-.01em}
.model-chip{padding:12px 16px;font-size:12px;font-weight:620;letter-spacing:0;white-space:nowrap}


/* CRISP-HOVER-V7 */
.position-card,.creative-glass .bento-card,.case-card,.creative-glass .workflow-card,.creative-glass .cta-card,.freedom-card,.creative-glass .app-line span,.scope-row,.btn,.creative-glass .product-shell{position:relative;top:0;transition-property:top,box-shadow,transform,opacity,border-color,background-color;transition-duration:.36s,.42s,.75s,.75s,.3s,.3s;transition-timing-function:cubic-bezier(.22,1,.36,1),ease,ease,ease,ease,ease}
.position-card:hover,.creative-glass .bento-card:hover,.case-card:hover,.creative-glass .workflow-card:hover,.creative-glass .cta-card:hover,.freedom-card:hover{top:-8px;transform:none!important}
.creative-glass .app-line span:hover,.scope-row:hover{top:-6px;transform:none!important}
.btn:hover{top:-3px;transform:none!important}
.creative-glass .product-shell:hover{top:-8px;transform:none!important}
.creative-glass .prompt-box{position:relative;top:0;transform:none!important;transition:top .34s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.creative-glass .workflow-card:hover .prompt-box{top:-5px;transform:none!important}
.device-card{position:relative;top:0;transition:top .34s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background-color .35s ease}
.login-card:hover .device-card:first-child,.login-card:hover .device-card:last-child{top:-4px;transform:none!important;box-shadow:0 26px 48px rgba(67,75,112,.13),inset 0 1px #fff}
.login-card:hover .switch-arrow{transform:none!important;color:#5666c5}
.model-core{margin-left:-44px;margin-top:-44px;transform:none!important;transition:top .34s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.model-card:hover .model-core{top:calc(50% - 4px);transform:none!important;box-shadow:0 25px 50px rgba(102,92,213,.3),inset 0 1px rgba(255,255,255,.5)}
.model-card:hover .model-chip{transform:none!important;background:rgba(255,255,255,.82);box-shadow:0 16px 34px rgba(53,55,87,.11)}
.creative-glass .app-tiles{transform:none!important}
.creative-glass .bento-office .app-tile:nth-child(1),.creative-glass .bento-office .app-tile:nth-child(2),.creative-glass .bento-office .app-tile:nth-child(3){transform:none!important}
.creative-glass .app-tile{margin-top:0;transition:margin-top .34s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}
.creative-glass .bento-office:hover .app-tile:nth-child(1),.creative-glass .bento-office:hover .app-tile:nth-child(3){transform:none!important;margin-top:-7px}
.creative-glass .bento-office:hover .app-tile:nth-child(2){transform:none!important;margin-top:-11px}
.creative-glass .file-stack{margin-left:-110px;transform:none!important;transition:bottom .34s cubic-bezier(.22,1,.36,1)}
.creative-glass .bento-files:hover .file-stack{bottom:40px;transform:none!important}
.file-card:nth-child(3){margin-top:-10px;transform:none!important;transition:margin-top .34s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.bento-files:hover .file-card:nth-child(3){margin-top:-18px;transform:none!important}