:root{color-scheme:dark;--bg:#080d17;--surface:#111b2c;--text:#f4f6fb;--muted:#a9b7cd;--line:#26354d;--blue:#72a9ff;--orange:#ffad57}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif;line-height:1.65}a{color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding:0 36px}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:white;color:black;z-index:20}.skip:focus{top:8px}.header{border-bottom:1px solid var(--line)}.studio-return{padding-top:12px;padding-bottom:0;font-size:12px;color:#c3d6f2}.studio-return a{text-decoration:none;display:inline-block;padding:7px 0}.studio-return a:hover{text-decoration:underline}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:-.5px;font-size:20px}.brand img{width:44px;height:44px;border-radius:12px}.navlinks{display:flex;align-items:center;gap:25px;font-size:14px}.navlinks>a{text-decoration:none;color:var(--muted);padding:10px 0}.navlinks>a:hover{color:white}.languages{position:relative}.languages summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;color:var(--text)}.languages summary:after{content:'⌄';color:var(--muted)}.languages ul{position:absolute;right:0;min-width:180px;z-index:5;list-style:none;margin:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 80px #0009}.languages a{display:block;text-decoration:none;padding:9px 12px;border-radius:6px}.languages a:hover,.languages a[aria-current]{background:#203252}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:var(--orange);margin:0 0 18px}.hero{padding-top:76px;padding-bottom:68px;display:grid;grid-template-columns:1.05fr 1fr;gap:66px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,66px);line-height:1.1;letter-spacing:-2.4px;margin-bottom:26px;font-weight:780}h1 span{display:block;color:var(--blue);margin-top:8px}html:lang(zh-Hant) h1,html:lang(zh-Hans) h1,html:lang(ja) h1,html:lang(ko) h1{letter-spacing:-1.4px;font-size:clamp(38px,4.5vw,60px);line-height:1.25}.intro{max-width:500px;font-size:19px;color:var(--muted);line-height:1.75;margin-bottom:28px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.download{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 21px;min-height:56px;color:#071323;background:#91baff;border:1px solid #aacbff;border-radius:10px;text-decoration:none;font-size:15px;font-weight:750;transition:background .15s ease}.download:hover{background:#bdd6ff}.download svg{width:18px;height:18px}.textlink{font-size:14px;text-decoration:none;border-bottom:1px solid #627793;padding:7px 0}.fine{font-size:12px;line-height:1.6;color:var(--muted);margin-top:18px}.herofigure{margin:0;position:relative}.board-shell{padding:20px;background:linear-gradient(140deg,#24354d,#101a2a 60%);border:1px solid #3a4d69;border-radius:25px;box-shadow:0 35px 100px #0006}.board{aspect-ratio:1;overflow:hidden;position:relative;border-radius:14px;background:#101827}.board img{position:absolute;max-width:none;width:106.451613%;height:auto;left:-3.225806%;top:-40.32258%}.marks{position:absolute;inset:0;pointer-events:none}.marks span{position:absolute;left:calc(var(--c)*100%/9);top:calc(var(--r)*100%/9);width:calc(100%/9);height:calc(100%/9);border:2px solid}.marks .pattern{border-color:#93bbff;background:#3b82f62b}.marks .affected{border-color:#ffad57;background:#ff8a001c}.herofigure figcaption{margin:18px 0 0;text-align:center;font-size:12px;color:var(--muted)}.factbar{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;color:#cbd8eb;font-size:14px}.factbar span{display:flex;align-items:center;gap:10px}.factbar i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.section{padding-top:98px;padding-bottom:98px;scroll-margin-top:30px}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;letter-spacing:-1.2px;margin-bottom:22px}.sectionintro{color:var(--muted);font-size:18px;max-width:720px}.coach{padding-bottom:70px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;padding:0}.stages li{padding:22px 18px 22px 0;font-size:15px;font-weight:650}.stages b{display:block;color:var(--orange);font-size:12px;letter-spacing:1px;margin-bottom:9px}.example{padding:40px;background:#101a2b;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.example h3{font-size:27px;line-height:1.3;letter-spacing:-.5px}.example .eyebrow{font-size:11px}.example p{color:var(--muted);font-size:15px}.example .steps{margin-top:30px}.step{display:grid;grid-template-columns:28px 1fr;gap:12px;margin:22px 0}.step>span{font-size:11px;padding-top:3px;color:var(--orange);font-weight:700}.step h4{font-size:15px;margin:0 0 5px}.step p{font-size:14px;margin:0}.example figure{margin:0}.coordinates{position:relative;padding:23px 0 0 23px}.coordinate-cols{position:absolute;top:0;left:23px;right:0;display:grid;grid-template-columns:repeat(9,1fr);font-size:11px;text-align:center;color:#a9b7cd}.coordinate-rows{position:absolute;left:0;top:23px;bottom:0;display:grid;grid-template-rows:repeat(9,1fr);font-size:11px;text-align:center;align-items:center;color:#a9b7cd}.example figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin:16px 0 0 23px}.custom{border-bottom:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(2,1fr);column-gap:80px;row-gap:0;margin-top:42px}.feature{padding:26px 0;border-top:1px solid var(--line)}.feature h3{font-size:20px;margin-bottom:10px;letter-spacing:-.3px}.feature p{color:var(--muted);font-size:15px;max-width:440px;margin:0}.faq{display:grid;grid-template-columns:.75fr 1fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;list-style:none;font-size:16px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}.faq summary:after{content:'+';font-weight:400;color:var(--blue);font-size:24px}.faq details[open] summary:after{content:'−'}.faq details p{margin:14px 28px 5px 0;color:var(--muted);font-size:15px}.end{border:1px solid #314764;border-radius:24px;padding:55px;background:#14223a;display:flex;align-items:center;justify-content:space-between;gap:35px}.end h2{font-size:32px;max-width:560px;margin-bottom:12px}.end p{color:#b7c7de;margin:0}.end .download{flex-shrink:0}.footer{padding-top:42px;padding-bottom:36px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted)}.footerlinks{display:flex;gap:22px;flex-wrap:wrap}.footerlinks a{text-decoration:none;padding:8px 0}.footerlinks a:hover{text-decoration:underline}
@media(max-width:1000px){.hero{gap:38px}.wrap{padding:0 26px}.navlinks{gap:18px}.example{gap:28px;padding:28px}.faq{gap:45px}.end{padding:36px;display:block}.end .download{margin-top:25px}}
@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}.nav{min-height:78px;gap:12px}.brand{font-size:17px;gap:9px}.brand img{width:37px;height:37px;border-radius:9px}.navlinks>a{display:none}.navlinks{gap:0}.languages summary{font-size:13px}.hero{padding-top:50px;padding-bottom:35px;grid-template-columns:1fr;gap:36px}h1{font-size:48px;letter-spacing:-1.7px}.intro{font-size:17px;max-width:550px}.herofigure{max-width:510px;width:100%;margin:auto}.board-shell{padding:14px;border-radius:21px}.actions{gap:17px}.download{padding:14px 16px;font-size:14px}.factbar{gap:13px;justify-content:center;flex-wrap:wrap;font-size:11px;padding:18px 0}.factbar span{gap:6px}.section{padding-top:65px;padding-bottom:65px}.sectionintro{font-size:16px}.stages{grid-template-columns:repeat(2,1fr);margin-top:30px}.stages li{padding:18px 8px 18px 0;font-size:13px}.stages li:nth-child(n+3){border-top:1px solid var(--line)}.example{grid-template-columns:1fr;padding:23px 18px;gap:30px;border-radius:18px}.example h3{font-size:25px}.example figure{max-width:500px;width:100%;margin:auto}.features{column-gap:30px}.feature h3{font-size:18px}.feature p{font-size:14px}.faq{grid-template-columns:1fr;gap:10px}.end{padding:28px 24px;border-radius:18px}.end h2{font-size:28px}.footer{display:block}.footerlinks{margin-top:14px;gap:20px}.fine{font-size:11px}html:lang(ja) .eyebrow,html:lang(ko) .eyebrow{letter-spacing:1px}}
@media(max-width:720px){.hero{gap:18px;padding-top:34px}.hero>div{display:contents}.hero .eyebrow{order:0;margin:0}.hero h1{order:1;font-size:34px;margin:0;line-height:1.15;letter-spacing:-1.2px}.hero .actions{order:2;display:block}.hero .actions .textlink{display:none}.herofigure{order:3}.herofigure figcaption{display:none}.hero .intro{order:4;margin:3px 0 0;font-size:16px;line-height:1.7}.hero .fine{order:5;margin:0}.hero .board-shell{padding:10px}.hero .download{min-height:50px}}
@media(max-width:390px){h1{font-size:34px}.features{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column;gap:10px}.eyebrow{font-size:10px}.brand{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}