:root{--paper:#f6f5f1;--ink:#202725;--muted:#666b65;--line:#dcded6;--accent:#b64932;--dark:#202e29;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}p,h1,h2,h3,figure{margin:0}.wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:50;background:#fff;padding:12px}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:rgba(246,245,241,.96);border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;white-space:nowrap}.brand img{mix-blend-mode:multiply}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:3px;font-weight:500}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--accent)}.nav-support{border:1px solid #b5bab0;padding:11px 16px;border-radius:3px}.nav-support span{margin-left:14px}.hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:36px;align-items:center;padding-block:62px 68px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:650;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px;vertical-align:1px}h1{font-size:clamp(46px,5.3vw,72px);line-height:1.3;letter-spacing:-3px;margin:25px 0 24px;font-weight:650}.handwritten{font-family:"STKaiti","KaiTi","Kaiti SC",serif;font-weight:500;color:var(--accent)}.hero-description{font-size:16px;line-height:1.95;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 22px;border-radius:3px;font-size:14px;font-weight:600}.primary{background:var(--ink);color:#fff;transition:background .2s}.primary:hover{background:var(--accent)}.text-link{font-size:14px}.text-link span{margin-left:8px}.hero-company{font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:40px}.hero-visual{background:#fff;border:1px solid #e7e8e1;position:relative;overflow:hidden;border-radius:4px}.image-label{position:absolute;left:24px;top:22px;font-size:9px;letter-spacing:2px;color:var(--muted);z-index:1}.hero-visual>img{width:100%;aspect-ratio:1;object-fit:contain}.hero-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid #eceee8;font-size:13px}.hero-visual figcaption>span:last-child{font-size:11px;color:var(--muted)}.intro-strip{border-block:1px solid var(--line)}.strip-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.strip-inner>span{font-weight:600}.strip-inner p{font-size:12px;letter-spacing:1px;color:var(--muted)}.strip-inner b{padding:0 26px;color:#b6bcb2;font-weight:400}.section{padding-block:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:-1px;font-weight:600;margin-top:15px}.section-intro{font-size:14px;line-height:1.9;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-image{position:relative;background:#fff;border-radius:4px;overflow:hidden;border:1px solid #e7e8e1}.product-image img{width:100%;aspect-ratio:1.15;object-fit:contain}.product-number{position:absolute;left:22px;top:20px;font-size:11px;letter-spacing:1px;color:#8b9288}.product-info{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.product-type{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.product-info h3{font-size:24px;font-weight:600}.swatch{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 4px var(--paper),0 0 0 5px #c3c7bd;margin-right:6px}.silver{background:#c6c9c9}.black{background:#303230}.product-description{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.9}.product-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:28px}.software-section{background:var(--dark);color:#f3f4ec;padding-block:75px}.software-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.software-section .eyebrow{color:#b6c8b3}.software-section h2{font-size:38px;margin:20px 0}.software-section h2 span{color:#c0ceb9}.software-intro{font-size:14px;line-height:1.9;color:#c9d0c7;max-width:360px}.platforms{display:flex;gap:10px;margin:25px 0 32px}.platforms span{border:1px solid #617061;border-radius:3px;padding:7px 11px;font-size:11px;color:#e2e9dc}.light-link{font-size:14px;border-bottom:1px solid #768771;padding-bottom:8px}.light-link span{margin-left:24px}.light-link:hover{color:#c0ceb9}.workflow{list-style:none;padding:0;margin:0;align-self:center}.workflow li{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #526052}.workflow li:first-child{padding-top:0}.workflow li:last-child{border:0;padding-bottom:0}.step-number{color:#c0ceb9;font-size:12px;padding-top:5px;font-variant-numeric:tabular-nums}.workflow h3{font-size:20px;font-weight:500}.workflow p{font-size:13px;color:#c9d0c7;margin-top:12px;line-height:1.8}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{padding-top:8px}.about-copy h3{font-size:21px;font-weight:600;margin-bottom:24px}.about-copy p{font-size:14px;line-height:2;color:var(--muted);margin-bottom:16px}.company-line{display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.company-line>span{color:var(--muted)}.support-section{padding-block:66px;background:#eaece3;border-block:1px solid #d9ddcf}.support-section .section-heading{margin-bottom:32px}.tutorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tutorial-link{display:flex;align-items:center;gap:20px;padding:26px;background:var(--paper);border:1px solid #d8ddcf;border-radius:3px;transition:border-color .2s,background .2s}.tutorial-link:hover{background:#fff;border-color:#899680}.tutorial-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #bcc7b4;border-radius:4px;font-size:11px;flex-shrink:0;letter-spacing:1px}.tutorial-link h3{font-size:17px;font-weight:600}.tutorial-link p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}.tutorial-arrow{margin-left:auto;font-size:22px}.support-note{color:var(--muted);font-size:12px;line-height:1.8;margin-top:23px}.footer{padding-block:38px 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.footer-brand{font-size:22px;font-weight:650}.footer-brand span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:8px}.back-top{font-size:12px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px;line-height:1.8}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}section[id]{scroll-margin-top:16px}
@media(min-width:1500px){.hero{padding-block:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header nav{gap:20px}.hero{gap:24px;padding-block:45px}.actions{gap:18px;flex-wrap:wrap}h1{font-size:52px}.hero-visual figcaption{padding:16px;font-size:12px}.hero-visual figcaption>span:last-child{max-width:110px;text-align:right}.software-layout,.about-layout{gap:44px}.tutorial-link{padding:22px;gap:14px}.section-intro br{display:none}.section-intro{max-width:290px}}
@media(max-width:700px){html{scroll-padding-top:126px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:104px;display:block;padding-block:13px 10px}.brand{font-size:17px;gap:8px}.brand img{width:34px;height:34px}.brand small{font-size:8px;letter-spacing:3px}.header nav{margin-top:12px;justify-content:space-between;gap:8px;font-size:12px}.nav-support{border:0;padding:0}.nav-support span{margin-left:3px}.hero{grid-template-columns:1fr;padding-block:38px 34px;gap:28px}.eyebrow{font-size:10px;letter-spacing:1.2px}h1{font-size:54px;letter-spacing:-2px;margin:18px 0}.hero-description{font-size:14px}.actions{margin-top:25px;gap:24px}.button{padding:14px 18px;font-size:13px;gap:20px}.hero-company{margin-top:24px;font-size:10px}.hero-visual>img{aspect-ratio:1.12}.hero-visual figcaption>span:last-child{max-width:none}.image-label{top:18px;left:18px;font-size:8px}.strip-inner{min-height:92px;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px;padding-block:18px}.strip-inner>span{font-size:13px}.strip-inner p{font-size:11px}.strip-inner b{padding:0 15px}.section{padding-block:50px}.section-heading{display:block;margin-bottom:25px}h2{font-size:28px;line-height:1.5;margin-top:12px;letter-spacing:-.5px}.section-intro{font-size:13px;margin-top:18px;max-width:none}.section-intro br{display:none}.product-grid{grid-template-columns:1fr;gap:34px}.product-image img{aspect-ratio:1.15}.product-info{margin-top:18px}.product-info h3{font-size:22px}.product-description{font-size:12px;margin-top:10px}.product-note{font-size:10px;margin-top:24px}.software-section{padding-block:48px}.software-layout,.about-layout{grid-template-columns:1fr;gap:36px}.software-section h2{font-size:30px}.software-intro{font-size:13px;max-width:none}.workflow li{padding-block:23px}.workflow h3{font-size:18px}.about-copy{padding:0}.about-copy h3{font-size:18px;margin-bottom:18px}.about-copy p{font-size:13px}.company-line{font-size:11px}.support-section{padding-block:44px}.tutorial-grid{grid-template-columns:1fr;gap:14px}.tutorial-link{padding:20px 16px}.tutorial-link h3{font-size:16px}.tutorial-link p{font-size:11px}.support-note{font-size:11px}.footer{padding-block:30px 22px}.footer-top{margin-bottom:24px}.footer-brand{font-size:20px}.footer-bottom{font-size:10px;display:block}.footer-bottom>*{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
