.hero-section{position:relative;padding-top:160px;overflow:hidden}@media (max-width: 1440px){.hero-section{padding-top:120px}}@media (max-width: 1200px){.hero-section{padding-top:120px}}@media (max-width: 768px){.hero-section{padding-top:100px;min-height:auto}}.hero-section .hero-container{position:relative;max-width:1920px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2;overflow:hidden}@media (max-width: 1200px){.hero-section .hero-container{flex-direction:column;align-items:center;text-align:center;gap:30px}}@media (max-width: 768px){.hero-section .hero-container{gap:24px}}.hero-section .hero-content{max-width:765px;min-width:0;display:flex;flex-direction:column;gap:30px;position:relative;z-index:3;flex-shrink:1}@media (max-width: 1200px){.hero-section .hero-content{gap:24px;max-width:100%}}@media (max-width: 768px){.hero-section .hero-content{order:2}}.hero-section .hero-text-wrapper{display:flex;flex-direction:column;gap:20px;min-width:0}.hero-section .hero-subtitle-en{font-family:Alimama FangYuanTi VF,sans-serif;font-weight:300;font-size:clamp(16px,2vw,30px);line-height:2.67;color:#fff;white-space:nowrap}@media (max-width: 768px){.hero-section .hero-subtitle-en{font-size:16px;line-height:1.5}}.hero-section .hero-title{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(20px,4.2vw,80px);line-height:1;color:#fff;white-space:nowrap}.hero-section .hero-description{font-family:Alimama FangYuanTi VF,sans-serif;font-weight:500;font-size:clamp(12px,1.1vw,20px);line-height:2;color:#fff;max-width:900px}@media (max-width: 1200px){.hero-section .hero-description{max-width:100%}}.hero-section .hero-cta{display:flex;margin-top:70px;margin-bottom:156px}@media (max-width: 1200px){.hero-section .hero-cta{justify-content:center;margin-top:40px;margin-bottom:80px}}.hero-section .hero-right{display:flex;align-items:center;gap:20px;flex-shrink:1;min-width:0;max-width:100%;position:relative;z-index:2}@media (max-width: 1600px){.hero-section .hero-right{flex-direction:column;gap:30px}}@media (max-width: 1200px){.hero-section .hero-right{flex-direction:row;gap:20px}}@media (max-width: 768px){.hero-section .hero-right{flex-direction:column;gap:20px}}.hero-section .hero-mascot{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:1;min-width:0;z-index:2}.hero-section .hero-mascot img{width:clamp(320px,36vw,680px);max-width:100%;height:auto;object-fit:contain}@media (max-width: 1600px){.hero-section .hero-mascot img{width:clamp(300px,42vw,620px)}}@media (max-width: 1200px){.hero-section .hero-mascot img{width:clamp(240px,42vw,480px)}}@media (max-width: 768px){.hero-section .hero-mascot{order:1}.hero-section .hero-mascot img{width:clamp(180px,45vw,320px)}}.hero-section .hero-video{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:1;min-width:0;max-width:100%;z-index:2}.hero-section .hero-video>*{max-width:100%}@media (max-width: 768px){.hero-section .hero-video{order:2}}.highlights-section{position:relative;margin-top:0}@media (max-width: 1600px){.highlights-section{margin-top:80px}}@media (max-width: 1200px){.highlights-section{margin-top:0;padding-bottom:60px}}@media (max-width: 768px){.highlights-section{padding-bottom:30px}}.highlights-section .hero-container{max-width:1920px;width:100%;margin:0 auto}.highlights-section .hero-container .highlights-content-wrapper{position:relative;display:flex;flex-direction:column;gap:40px;padding:80px 80px 0;background:#191a23;border-radius:80px 80px 0 0}@media (max-width: 1200px){.highlights-section .hero-container .highlights-content-wrapper{padding:60px 60px 0;gap:30px}}@media (max-width: 768px){.highlights-section .hero-container .highlights-content-wrapper{padding:24px 20px 0;gap:20px}}.highlights-section .hero-container .highlights-content-wrapper .highlights-bg{position:absolute;inset:0 0 28px;background:#191a23;border-radius:80px 80px 0 0;z-index:1}@media (max-width: 1200px){.highlights-section .hero-container .highlights-content-wrapper .highlights-bg{bottom:-60px;top:0;border-radius:60px 60px 0 0}}@media (max-width: 768px){.highlights-section .hero-container .highlights-content-wrapper .highlights-bg{bottom:-30px;border-radius:24px 24px 0 0}}.highlights-section .highlights-container{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;overflow:hidden;max-width:100%}@media (max-width: 1370px){.highlights-section .highlights-container{flex-direction:column;align-items:center;gap:24px}}@media (max-width: 768px){.highlights-section .highlights-container{gap:16px}}.highlights-section .screenshots-container{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:flex-start;gap:0}@media (max-width: 1200px){.highlights-section .screenshots-container{flex-direction:column;align-items:center;gap:40px}}@media (max-width: 768px){.highlights-section .screenshots-container{gap:20px}}.highlights-section .highlights-left{display:flex;flex-direction:column;gap:20px;flex-shrink:1;min-width:0}.highlights-section .highlights-left .codebuddy-logo{width:158px;height:auto}@media (max-width: 768px){.highlights-section .highlights-left .codebuddy-logo{width:100px}}.highlights-section .highlights-left .video-controls{width:181px;height:auto}@media (max-width: 1200px){.highlights-section .highlights-left{align-items:center}}.highlights-section .highlights-content{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:1;min-width:0;max-width:100%}@media (max-width: 1200px){.highlights-section .highlights-content{align-items:center;text-align:center}}@media (max-width: 768px){.highlights-section .highlights-content{gap:8px}}.highlights-section .highlight-item .highlight-label{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(12px,1.6vw,30px);line-height:1;color:#d2d3e0;white-space:nowrap}.highlights-section .highlight-main h2{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(20px,4.2vw,80px);line-height:1;color:#28b894;white-space:nowrap}.highlights-section .highlight-features{display:flex;flex-direction:column;align-items:flex-end;gap:0}@media (max-width: 1200px){.highlights-section .highlight-features{align-items:center}}.highlights-section .highlight-features p{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(16px,3.2vw,60px);line-height:1.33;color:#d2d3e0;white-space:nowrap}.highlights-section .screenshots-wrapper{flex:1;min-width:0;position:relative;z-index:1;overflow:hidden}.highlights-section .screenshots-wrapper .video-background{width:100%;height:auto;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:#0a0a0a;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden}@media (max-width: 768px){.highlights-section .screenshots-wrapper .video-background{border-radius:8px;box-shadow:0 4px 16px #00000040;margin-bottom:-20px}}.highlights-section .screenshots-wrapper .highlights-screenshot{width:auto;max-width:100%;height:auto;max-height:100%;display:block;object-fit:contain}.highlights-section .highlights-mascot{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:1;max-width:280px}.highlights-section .highlights-mascot .mascot-text{display:flex;flex-direction:column;font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(40px,5vw,80px);line-height:1.2;background:radial-gradient(145.08% 141.51% at 50.03% 44.75%,#ffffff12,#d2d3e01a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left}@media (max-width: 768px){.highlights-section .highlights-mascot .mascot-text{font-size:32px;flex-direction:row;gap:8px}}.highlights-section .highlights-mascot .mascot-image{width:clamp(200px,22vw,380px);height:auto;margin-top:-30px;margin-left:-100px;position:relative;z-index:3}@media (max-width: 768px){.highlights-section .highlights-mascot .mascot-image{width:140px;margin-top:-15px;margin-left:-30px}}@media (max-width: 1200px){.highlights-section .highlights-mascot{align-items:center;margin-top:40px}.highlights-section .highlights-mascot .mascot-text{text-align:center}.highlights-section .highlights-mascot .mascot-image{margin-left:0}}@media (max-width: 768px){.highlights-section .highlights-mascot{flex-direction:row;align-items:center;justify-content:center;margin-top:10px;max-width:100%;gap:0}.highlights-section .highlights-mascot .mascot-text{order:2}.highlights-section .highlights-mascot .mascot-image{order:1;margin-top:0;margin-left:0;margin-right:-15px}}.scenario-features-section{margin-top:100px;padding-bottom:100px}@media (max-width: 1440px){.scenario-features-section{margin-top:80px;padding-bottom:80px}}@media (max-width: 1200px){.scenario-features-section{margin-top:60px;padding-bottom:60px}}@media (max-width: 768px){.scenario-features-section{margin-top:40px;padding-bottom:40px}}.scenario-features-section .section-container{max-width:1760px;margin:0 auto}.scenario-features-section .section-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:60px}@media (max-width: 768px){.scenario-features-section .section-header{margin-bottom:40px}}.scenario-features-section .section-title{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(20px,4.2vw,80px);line-height:1;color:#fff;white-space:nowrap}.scenario-features-section .section-subtitle{font-family:Alimama FangYuanTi VF,sans-serif;font-weight:500;font-size:clamp(12px,1.1vw,20px);line-height:2;color:#fff}.scenario-features-section .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media (max-width: 1200px){.scenario-features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.scenario-features-section .features-grid{grid-template-columns:1fr;gap:24px}}.scenario-features-section .feature-card{background:#191a23;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(81.33px);backdrop-filter:blur(81.33px);display:flex;flex-direction:column;gap:30px;padding:40px;transition:all .3s ease;border:1px solid rgba(239,238,236,.08)}.scenario-features-section .feature-card:hover{border-color:#32e6b94d;transform:translateY(-4px)}@media (max-width: 768px){.scenario-features-section .feature-card{padding:24px;gap:20px}}.scenario-features-section .feature-card .card-image{width:100%;border-radius:12px;overflow:hidden;background:#0e0e0e;border:1px solid rgba(239,238,236,.08)}.scenario-features-section .feature-card .card-image img{width:100%;height:auto;display:block}.scenario-features-section .feature-card .card-content{display:flex;flex-direction:column;gap:16px}.scenario-features-section .feature-card .card-title{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(14px,1.8vw,34px);line-height:1.3;color:#efeeec}.scenario-features-section .feature-card .card-info{display:flex;flex-direction:column;gap:12px}.scenario-features-section .feature-card .card-info .label{color:#efeeec;font-weight:700;opacity:.85}.scenario-features-section .feature-card .card-info p,.scenario-features-section .feature-card .card-info .card-tasks{font-family:Alimama FangYuanTi VF,sans-serif;font-weight:500;font-size:clamp(12px,.9vw,16px);line-height:1.7;color:#efeeec;opacity:.65}.scenario-features-section .feature-card .card-info .card-tasks .label{display:block;margin-bottom:8px}.scenario-features-section .feature-card .card-info .card-tasks ul{margin:0;padding-left:18px}.scenario-features-section .feature-card .card-info .card-tasks ul li{margin-bottom:6px;line-height:1.6}.scenario-features-section .feature-card .card-info .card-tasks ul li:last-child{margin-bottom:0}.scenario-features-section .coming-soon{margin-top:40px;padding:40px;background:#191a23;border:1px solid rgba(239,238,236,.08);border-radius:16px;text-align:center}@media (max-width: 1440px){.scenario-features-section .coming-soon{margin-top:30px;padding:30px}}@media (max-width: 1200px){.scenario-features-section .coming-soon{margin-top:24px;padding:24px}}@media (max-width: 768px){.scenario-features-section .coming-soon{margin-top:16px;padding:16px;border-radius:12px}}.scenario-features-section .coming-soon span{font-family:Alimama ShuHeiTi,sans-serif;font-weight:700;font-size:clamp(12px,1.1vw,20px);line-height:1.6;color:#efeeec;opacity:.7}.workbuddy-page{min-height:100vh;background:#000;color:#fff;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}