/* Original, unmodified Alimama fonts. Copyright: Alimama / Taobao (China) Software Co., Ltd.
   Official legal statements are bundled in assets/fonts/LICENSE-Alimama*.txt. */
@font-face{font-family:"Alimama ShuHeiTi";src:url("https://kedazi.oss-cn-beijing.aliyuncs.com/media-a7c33883231e76a6/assets--fonts--AlimamaShuHeiTi-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Alimama FangYuanTi VF";src:url("https://kedazi.oss-cn-beijing.aliyuncs.com/media-a7c33883231e76a6/assets--fonts--AlimamaFangYuanTiVF.woff2") format("woff2");font-weight:200 700;font-style:normal;font-display:swap}
/* Kedazi blue-and-white identity; spacious product-led composition. */
:root{--brand:#1761d3;--ink:#1a1b24}
body{color:var(--ink);background:#fff;font-family:"Alimama FangYuanTi VF","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-variation-settings:"BEVL" 1}h1,h2,h3{letter-spacing:-.045em}.container{width:min(1200px,calc(100% - 80px))}header{height:80px;border:0;background:#ffffffef}.header-inner{width:calc(100% - 96px);max-width:1752px;display:grid;grid-template-columns:1fr auto 1fr}.header-inner>.brand{justify-self:start}.header-inner>.button{justify-self:end;background:#191b20;border-color:#191b20;border-radius:30px;padding:9px 23px;color:white}.brand{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:25px;font-weight:700}.brand-mark{border-radius:10px;background:#1761d3}.brand small{font-size:9px}.header-inner nav{gap:40px;font-size:16px;font-weight:650;color:#252730}.header-inner nav .active:after{bottom:-9px;height:2px;left:-10px;right:-10px}.button{border-radius:4px;font-weight:700;background:#1761d3;border-color:#1761d3;color:#fff}.button.white{border-color:#1761d3;color:#1761d3;background:#fff}.button.white:hover{background:#f0f6ff}.eyebrow{color:#5180bc}
.hero{background:white;border:0;position:relative;isolation:isolate;overflow:hidden}.hero-grid{display:flex;flex-direction:column;align-items:center;min-height:0;gap:0;padding:80px 0 52px}.hero-copy{max-width:1040px;text-align:center;position:relative;z-index:2}.hero-title-row{display:flex;justify-content:center;align-items:center;gap:26px}.hero-wordmark{font-family:Arial,sans-serif;font-size:49px;line-height:.8;font-weight:1000;letter-spacing:-4px;text-align:left;color:#0b111c;flex-shrink:0}.hero-wordmark>span{color:#1761d3;font-size:65px;line-height:0}.hero h1{font-size:clamp(39px,4.2vw,66px);letter-spacing:-3px;line-height:1.25;font-weight:900;margin:0;color:#1c1d27}.hero h1>span{color:#1c1d27}.hero-copy>p{font-size:20px;line-height:2;max-width:720px;margin:40px auto 0;color:#242933;font-weight:500}.hero-actions{display:flex;justify-content:center;gap:24px;margin:84px 0 0}.hero-actions .button{min-width:176px;height:48px;padding:0 24px;font-size:18px;gap:10px;letter-spacing:.3px}.button-symbol{font-size:26px;line-height:1}.hero-brand-track{position:absolute;left:-70px;top:280px;width:1550px;height:230px;border-top:1px solid #dfeaf5;border-bottom:1px solid #dfeaf5;transform:rotate(-30deg);transform-origin:22% 50%;pointer-events:none;z-index:-1}.hero-brand-track>span{position:absolute;left:35px;top:13px;font:bold 142px/.76 Arial,sans-serif;letter-spacing:-10px;color:#e3e8ee}.hero-brand-track .brand-period{color:#1761d3;letter-spacing:0}.hero-visual{position:relative;width:100%;max-width:1020px;padding:0;margin:140px auto 0;z-index:2}.hero .platform-window{display:grid;grid-template-columns:224px minmax(0,1fr);border:1px solid #e2e4e9;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 65px #172b4a0d}.demo-sidebar{background:#f6f7f9;border-right:1px solid #e1e5ea;padding:14px 20px 16px;display:flex;flex-direction:column;gap:17px}.demo-dots{display:flex;gap:6px}.demo-dots i{width:8px;height:8px;border-radius:50%;background:#ff665e}.demo-dots i:nth-child(2){background:#f8bd4e}.demo-dots i:nth-child(3){background:#33bc64}.demo-brand{font-size:19px;gap:9px}.demo-brand .brand-mark{width:30px;height:30px;font-size:19px;border-radius:7px}.demo-brand small{font-size:8px;margin-top:4px;letter-spacing:2px}.demo-new{background:#e9f0fc;color:#285a9c;border:1px solid #dce7f9;border-radius:5px;padding:8px 7px;font-size:12px;text-align:left}.demo-nav{display:flex;flex-direction:column;gap:17px}.demo-nav a,.demo-nav button{display:flex;align-items:center;gap:13px;font-size:12px;color:#737f91;padding:0;background:none;text-align:left}.demo-nav span{color:#3f4a5a}.demo-side-note{font-size:9px;color:#a3acb8;margin-top:auto}.demo-main{min-width:0}.demo-topbar{height:39px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 19px;border-bottom:1px solid #e7eaee;font-size:12px}.demo-topbar small{font-size:9px;color:#99a3b1}.demo-content{padding:16px 25px 15px}.demo-breadcrumb{font-size:10px;color:#8b96a5;display:flex;gap:10px;margin-bottom:11px}.demo-content h3{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}.demo-content>p{font-size:13px;color:#7f8999}.demo-lesson{display:grid;grid-template-columns:1.2fr 1fr;gap:23px;margin-top:17px}.demo-outline>strong{font-size:13px}.demo-outline>div{display:flex;gap:10px;align-items:center;margin-top:10px}.demo-outline>div>span{color:#6692c8;font-size:10px}.demo-outline p{line-height:1.4}.demo-outline b{font-size:12px;font-weight:600;display:block}.demo-outline small{display:block;color:#7b8797;font-size:11px;margin-top:3px}.demo-lesson figure{margin:0;min-width:0;align-self:center;border:1px solid #e8edf3;border-radius:5px;overflow:hidden}.demo-lesson img{display:block;width:100%;height:115px;object-fit:cover}.demo-lesson figcaption{font-size:9px;color:#8b9bad;padding:5px 8px;background:#f8fafc}.demo-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e9edf2;padding-top:12px;margin-top:16px}.demo-bottom>span{font-size:11px;color:#91a0b2}.demo-bottom button{background:none;padding:0;font-size:11px;color:#1761d3}.hero-mascot{position:absolute;right:12px;top:-121px;width:150px;height:150px;object-fit:contain;z-index:3;pointer-events:none}
.value-strip{padding-top:25px;padding-bottom:30px}.value-strip span{color:#a4b7d0}.section{padding-top:82px;padding-bottom:82px}.section-title h2{font-size:38px;color:#20232c}.section-title .eyebrow{font-size:11px;color:#7b94b5}.product-card{border-radius:12px;border-color:#e5e9ef;background:#f8faff;box-shadow:none}.product-card:hover{background:#f3f7ff;border-color:#cbdaf0}.product-card h3{font-size:24px}.product-card p{color:#7b8797}.product-number{color:#a3adba}.icon-tile{background:white}.resource-section{background:#f6f7f9;border:0}.course-card{border-radius:10px;border-color:#e5e9ef}.course-info h3{font-size:17px;min-height:27px}.filters .selected{background:#1761d3}.search{border-radius:6px}.section-title p,.section-note{color:#8994a3}.scenario-panel{border-radius:10px}.scenario-tabs button{border-radius:8px}.about{background:#eff5ff;color:#202a3b;padding:58px 0}.about .eyebrow{color:#6386b5}.about h2{font-size:42px}.about p{color:#7184a0}.about .button.white{background:#1761d3;color:#fff;border-color:#1761d3}.footer-top{padding-top:8px}.footer-bottom{color:#98a3b2}

@media(max-width:1100px){.header-inner{grid-template-columns:auto 1fr auto;gap:20px}.header-inner nav{justify-self:center;gap:23px}.header-inner>.button{display:none}.hero-title-row{gap:20px}.hero-wordmark{font-size:41px}.hero h1{font-size:49px}.hero .platform-window{grid-template-columns:172px minmax(0,1fr)}.demo-sidebar{padding:14px}.demo-content{padding:15px 19px}.demo-lesson{gap:15px}.hero-brand-track{left:-135px}.hero-visual{margin-top:115px}.section-title h2{font-size:33px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}header{height:70px}.header-inner{width:calc(100% - 36px);display:flex;justify-content:space-between}.header-inner nav{top:70px}.header-inner nav .active:after{display:none}.hero-grid{padding:45px 0 35px}.hero-title-row{gap:15px}.hero-wordmark{font-size:32px;letter-spacing:-2px}.hero-wordmark>span{font-size:44px}.hero h1{font-size:35px;letter-spacing:-1.5px;text-align:left;line-height:1.28}.hero h1>span{display:block}.hero-copy>p{font-size:14px;line-height:1.9;margin-top:26px;max-width:35em}.desktop-break{display:none}.hero-actions{margin-top:32px;gap:13px}.hero-actions .button{min-width:0;padding:0 20px;height:45px;font-size:14px}.hero-visual{margin-top:97px}.hero-brand-track{left:-190px;top:280px;width:1000px;height:170px}.hero-brand-track>span{font-size:100px;left:120px;letter-spacing:-7px}.hero .platform-window{grid-template-columns:94px minmax(0,1fr);border-radius:8px}.demo-sidebar{padding:11px 8px;gap:15px}.demo-brand{font-size:12px;gap:5px}.demo-brand .brand-mark{width:23px;height:23px;font-size:16px;border-radius:5px}.demo-brand small{font-size:7px;letter-spacing:1px}.demo-new{font-size:9px;padding:6px 3px}.demo-nav{gap:16px}.demo-nav a,.demo-nav button{font-size:9px;gap:5px}.demo-side-note{display:none}.demo-topbar{padding:0 10px;height:33px;font-size:9px}.demo-topbar small{display:none}.demo-content{padding:13px 12px}.demo-content h3{font-size:15px;line-height:1.5}.demo-content>p{font-size:10px}.demo-breadcrumb{font-size:8px;gap:7px}.demo-lesson{grid-template-columns:1fr;margin-top:13px}.demo-lesson figure{display:none}.demo-outline>strong{font-size:10px}.demo-outline b{font-size:10px}.demo-outline small{font-size:8px}.demo-outline>div{margin-top:9px}.demo-bottom{margin-top:12px;padding-top:10px}.demo-bottom>span{display:none}.demo-bottom button{font-size:10px}.hero-mascot{width:120px;height:120px;top:-97px;right:0}.value-strip{padding-top:23px;padding-bottom:25px}.section{padding:46px 0}.section-title h2{font-size:28px}.course-info h3{font-size:14px;min-height:44px}.about{padding:40px 0}.about h2{font-size:32px}}
@media(max-width:380px){.hero h1{font-size:30px}.hero-wordmark{font-size:28px}.hero-title-row{gap:12px}.hero-actions .button{padding:0 15px;font-size:13px}.hero .platform-window{grid-template-columns:83px minmax(0,1fr)}.demo-content{padding:12px 9px}.demo-content h3{font-size:14px}}

/* Staggered vertical headline rotation; constant width prevents layout shifts. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero h1.hero-slogan{display:inline-flex;align-items:center;white-space:nowrap;letter-spacing:-.045em;line-height:1.3}
.hero h1>.slogan-fixed{display:inline-block}
.hero h1>.slogan-words{display:inline-flex;flex:0 0 3em;width:3em;overflow:hidden;vertical-align:bottom;padding:0;color:#1c1d27}
.slogan-letter{display:inline-block;flex:0 0 1em;text-align:center;transform:translateY(0);will-change:transform}
.slogan-words.is-leaving .slogan-letter{animation:slogan-out .18s cubic-bezier(.55,0,1,.45) both;animation-delay:calc(var(--letter-index)*30ms)}
.slogan-words.is-entering .slogan-letter{animation:slogan-in .38s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--letter-index)*40ms)}
@keyframes slogan-out{from{transform:translateY(0)}to{transform:translateY(-130%)}}
@keyframes slogan-in{from{transform:translateY(130%)}to{transform:translateY(0)}}
@media(max-width:760px){.hero h1.hero-slogan{font-size:34px}.hero-title-row{gap:19px}.hero-wordmark{font-size:31px}}
@media(max-width:380px){.hero h1.hero-slogan{font-size:29px}.hero-title-row{gap:13px}.hero-wordmark{font-size:27px}}
@media(prefers-reduced-motion:reduce){.slogan-letter{animation:none!important;transform:none!important;will-change:auto}}

/* Match the reference typography without changing Kedazi's blue identity. */
.hero h1.hero-slogan,.section-title h2,.about h2,.pricing-intro h1,.pricing-section-title h2,.pricing-cta h2{font-family:"Alimama ShuHeiTi","Microsoft YaHei",sans-serif;font-weight:700;font-style:normal;font-synthesis:none;letter-spacing:0}
.hero h1.hero-slogan{font-size:60px;line-height:1.333333}
.hero h1>.slogan-words{flex-basis:3em;width:3em;height:1.333333em;padding:0;align-items:center;box-sizing:border-box;color:#1c1d27}
.hero h1>.slogan-fixed{padding:0}
.hero-actions .button{font-family:"Alimama ShuHeiTi","Microsoft YaHei",sans-serif;font-weight:700}
.brand small{font-family:Arial,"Microsoft YaHei",sans-serif;letter-spacing:1px}
/* Keep the original generated artwork light and contained in the left margin. */
.hero-bg-art{position:absolute;left:max(0px,calc(50% - 920px));top:96px;width:930px;opacity:.43;pointer-events:none;z-index:0}
.hero-bg-art img{width:100%;height:auto;display:block}
.hero-grid{position:relative;z-index:1}
.font-credit{font-size:12px;color:#8994a3;padding:0 0 20px;line-height:1.7}
.font-credit a:hover{text-decoration:underline}
.pricing-footer .font-credit{color:#8f949e}
@media(max-width:1100px){.hero h1.hero-slogan{font-size:49px}.hero-actions{margin-top:58px}.hero-bg-art{left:-55px;top:155px;width:780px;opacity:.36}}
@media(max-width:760px){.hero h1.hero-slogan{font-size:34px}.hero-title-row{gap:15px}.hero-actions{margin-top:32px}.hero-bg-art{left:-92px;top:174px;width:560px;opacity:.23}.hero-copy>p{font-size:16px;max-width:31em}.hero-actions .button{font-size:14px}.font-credit{font-size:12px}}
@media(max-width:380px){.hero h1.hero-slogan{font-size:28px}.hero-wordmark{font-size:25px}.hero-title-row{gap:12px}.hero-actions .button{font-size:13px}}