@charset "UTF-8";
:root{--paper:#f6f5ef;--white:#fff;--ink:#182323;--muted:#5a6663;--line:#dce0d6;--green:#d4f28b;--teal:#164b47;--orange:#ed714b;--radius:22px;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(56px,6.6vw,91px);font-weight:750}h2{font-size:clamp(34px,4vw,53px);font-weight:700}h3{font-size:23px;letter-spacing:-.025em}p+p{margin-top:16px}p{max-width:70ch}ul,ol{padding-left:24px}li+li{margin-top:9px}strong{font-weight:700}small{font-size:13px}.muted{color:var(--muted)}.eyebrow{font:600 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase}.wrap{width:min(1230px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--green);padding:12px}.skip:focus{top:12px}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.055em;display:flex;align-items:center;gap:10px}.brand-mark{width:24px;height:34px;border:3px solid var(--ink);border-radius:6px;position:relative;transform:rotate(-9deg);background:var(--orange)}.brand-mark:after{content:"";position:absolute;bottom:3px;left:6px;width:6px;height:6px;border-radius:50%;background:var(--ink)}.top-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650}.top-links a{text-decoration:none}.top-links .nav-download{background:var(--ink);color:white;border-radius:30px;padding:11px 20px}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:35px;align-items:center;padding:66px 0 56px;min-height:650px}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.status-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block}.hero h1 em{font-family:Georgia,serif;font-weight:500;font-style:italic;color:var(--teal)}.hero-lead{font-size:18px;line-height:1.65;color:var(--muted);margin:24px 0 30px;max-width:460px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;border-radius:30px;font-size:14px;font-weight:650;text-decoration:none;border:1px solid var(--ink);background:transparent;color:var(--ink);line-height:1.4}.button.primary{background:var(--ink);color:white}.button.green{background:var(--green);border-color:var(--green)}.button:hover{transform:translateY(-2px)}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font:11px/1.6 var(--mono);margin-top:20px;color:var(--muted)}.hero-visual{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;background:var(--green);border-radius:50%;z-index:-1}.orbit{position:absolute;width:500px;height:500px;border:1px solid #becbb0;border-radius:50%;z-index:-1}.visual-tag{position:absolute;right:0;top:46px;transform:rotate(6deg);background:var(--orange);padding:12px 16px;border-radius:5px;font:700 11px/1.4 var(--mono);letter-spacing:.08em}.visual-foot{position:absolute;bottom:0;left:15px;font:11px/1.6 var(--mono);color:var(--muted)}.phone{width:252px;padding:20px 12px 16px;background:#182021;border:2px solid #3b4543;border-radius:37px;transform:rotate(6deg);box-shadow:25px 30px 40px #18232333,4px 3px 0 #7c8580;position:relative}.phone:after{content:"";position:absolute;width:3px;height:48px;background:#6d7774;right:-5px;top:100px;border-radius:4px}.speaker{width:45px;height:4px;background:#080c0b;border-radius:9px;margin:0 auto 15px}.phone-screen{border-radius:14px;overflow:hidden;background:#101f20;color:#e4f5ee;padding:17px 15px 12px}.phone-logo{width:95px;display:block;margin-bottom:15px}.demo-cover{height:173px;background:#cdede2;position:relative;overflow:hidden;padding:16px;color:#173f3b}.demo-cover:before{content:"";position:absolute;width:170px;height:170px;border:30px solid #357d6e;border-radius:50%;top:40px;left:50px}.demo-cover:after{content:"";position:absolute;inset:120px -30px -60px;background:#ed714b;transform:rotate(-22deg)}.demo-cover b{font-size:35px;letter-spacing:-.06em;position:relative;z-index:1}.demo-cover span{display:block;font:9px var(--mono);position:relative;z-index:1}.song{text-align:center;margin-top:13px;font-weight:700;font-size:12px}.song small{display:block;font-size:9px;font-weight:400;color:#b3cdc2}.demo-progress{height:3px;background:#435c57;margin:17px 0 4px}.demo-progress:before{content:"";display:block;width:36%;height:3px;background:#c8ee8e}.demo-time{font:8px var(--mono);display:flex;justify-content:space-between;color:#a9c5b9}.demo-wheel{width:137px;height:137px;border:1px solid #83b4a3;border-radius:50%;margin:15px auto;display:grid;grid-template:1fr 1fr 1fr/1fr 1fr 1fr;align-items:center;justify-items:center;background:radial-gradient(circle,#214442,#153533);color:#ccefa1;font:14px/1 var(--sans)}.demo-wheel .plus{grid-area:1/2}.demo-wheel .prev{grid-area:2/1}.demo-wheel .next{grid-area:2/3}.demo-wheel .minus{grid-area:3/2}.demo-play{grid-area:2/2;width:49px;height:49px;border-radius:50%;background:#28605a;border:1px solid #83b4a3;color:#d7f7a6;line-height:1}.demo-tabs{display:flex;justify-content:space-between;font-size:7px;color:#9bbfb0;gap:5px}.demo-tabs span:first-child{color:#d8f6a6}.quick-spec{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:65px}.quick-spec div{padding-left:27px;border-left:1px solid var(--line)}.quick-spec div:first-child{border:none;padding-left:0}.quick-spec small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.quick-spec strong{font-size:14px}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-bottom:68px}.intro h2{font-size:40px;max-width:430px}.intro .eyebrow{margin-bottom:20px}.intro p{font-size:16px;color:var(--muted)}.path-map{display:flex;gap:12px;align-items:center;margin-top:22px}.path-map .node{padding:12px;background:#ecefe5;border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.5;flex:1}.node b{display:block}.path-map .arrow{color:var(--teal)}.guide-shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:55px;align-items:start;padding-top:55px;border-top:1px solid var(--line)}.sidebar{position:sticky;top:28px}.sidebar .eyebrow{color:var(--muted)}.progress-summary{font-size:13px;margin-top:14px;display:flex;justify-content:space-between}.progress-track{height:4px;background:#dce1d4;margin:10px 0 25px;border-radius:4px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--teal);transition:width .25s}.step-nav{display:flex;flex-direction:column;gap:4px}.step-nav a{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:12px;line-height:1.4;padding:11px 12px;border-radius:9px;color:var(--muted)}.step-nav a b{font:11px var(--mono);color:#8b938c}.step-nav a.active{background:var(--ink);color:white}.step-nav a.active b{color:var(--green)}.step-nav a.done b:after{content:" ✓"}.sidebar-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;flex-direction:column;gap:9px;font-size:12px}.text-button{background:none;border:0;padding:0;text-align:left;font-size:11px;color:var(--muted);text-decoration:underline}.mobile-toc{display:none}.guide-heading{margin-bottom:34px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.guide-heading h2{font-size:35px}.guide-heading .pill{white-space:nowrap}.pill{display:inline-block;font:10px/1.3 var(--mono);letter-spacing:.05em;padding:7px 10px;border:1px solid #bfc9ba;border-radius:20px}.step{background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;padding:34px;scroll-margin-top:28px}.step-top{display:flex;align-items:flex-start;gap:19px;margin-bottom:27px}.step-number{flex:0 0 40px;height:40px;border-radius:50%;background:var(--green);display:grid;place-content:center;font:600 13px var(--mono)}.step-top .eyebrow{color:var(--muted);font-size:10px;margin:2px 0 9px}.step h2{font-size:31px}.step h3{font-size:18px;margin:25px 0 12px}.step>p{color:var(--muted)}.step p a,.source-note a,.faq a{text-decoration:underline}.notice{background:#f1f5e9;border-left:3px solid #99b77e;padding:15px 18px;margin:22px 0;font-size:13px;line-height:1.65;border-radius:0 9px 9px 0}.notice.amber{background:#fff2e8;border-color:var(--orange)}.notice b{display:block;margin-bottom:3px}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.kit-item{background:var(--paper);padding:17px;border-radius:12px;font-size:13px}.kit-item b{display:block;margin-bottom:3px}.kit-item span{color:var(--muted);font-size:12px}.kit-item .kit-icon{width:26px;height:26px;border:1px solid #b3bdae;border-radius:7px;display:grid;place-content:center;margin-bottom:13px;font:12px var(--mono);color:var(--teal)}.step-list{list-style:none;counter-reset:tasks;padding:0;margin:23px 0}.step-list>li{counter-increment:tasks;padding-left:35px;position:relative;font-size:14px;margin-top:17px}.step-list>li:before{content:counter(tasks);position:absolute;left:0;top:0;background:#edf0e7;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px;font:11px/23px var(--mono)}.step-list li p{margin-top:6px;color:var(--muted)}.command{margin:18px 0;background:#192827;color:#e5eee5;border-radius:12px;overflow:hidden}.command-header{padding:9px 15px;border-bottom:1px solid #34413c;font:10px var(--mono);color:#b6c8bc;display:flex;justify-content:space-between;align-items:center;gap:10px}.copy{padding:4px 8px;border:1px solid #61736a;color:#d9eccc;background:transparent;border-radius:5px;font:10px var(--mono)}pre{margin:0;padding:17px;overflow:auto;font:12px/1.75 var(--mono);tab-size:2}code{font-family:var(--mono);font-size:.85em;overflow-wrap:anywhere}pre code{font-size:inherit;overflow-wrap:normal}.code-inline{background:#eef0e8;padding:3px 5px;border-radius:5px}.tabs{display:flex;gap:6px;margin:20px 0 10px}.tab{padding:8px 15px;border:1px solid var(--line);border-radius:20px;background:transparent;font-size:12px}.tab[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}[hidden]{display:none!important}.source-note{font-size:11px;color:var(--muted);margin-top:17px;line-height:1.7}.complete{display:flex;align-items:flex-start;gap:10px;background:var(--paper);padding:14px;border-radius:10px;font-size:12px;margin-top:25px;cursor:pointer}.complete input{accent-color:var(--teal);width:17px;height:17px;flex-shrink:0;margin-top:1px}.file-card{display:flex;gap:18px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:14px;margin:20px 0}.file-card .file-symbol{width:44px;height:50px;border:1px solid #a9b6a3;border-radius:8px;display:grid;place-content:center;font:10px var(--mono);color:var(--teal);flex-shrink:0}.file-card div:nth-child(2){flex:1;min-width:0}.file-card b{font-size:13px;display:block}.file-card small{font-size:11px;color:var(--muted)}.file-card .button{padding:10px 14px;font-size:11px}.switches{padding:24px;background:var(--ink);border-radius:15px;color:white;display:flex;gap:16px;margin-top:22px;justify-content:center}.switches>div{text-align:center;font:11px var(--mono)}.switches i{display:block;width:26px;height:47px;border:1px solid #657268;border-radius:3px;position:relative;margin:10px auto}.switches i:after{content:"";position:absolute;width:16px;height:15px;background:#c9d6c3;bottom:4px;left:4px;border-radius:2px}.switches .on i:after{bottom:auto;top:4px;background:var(--green)}.switches small{font-size:9px;color:#afbeb1}.table-wrap{overflow:auto;margin:18px 0}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th,td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}td:first-child{font-weight:650}.status-good,.status-wip{padding:4px 7px;border-radius:4px;font-size:10px;white-space:nowrap}.status-good{background:#e5f3d4;color:#315d38}.status-wip{background:#fff0e2;color:#83512d}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.checks div{border:1px solid var(--line);border-radius:9px;padding:13px;font-size:12px}.checks b{display:block;margin-bottom:4px}.checks b:before{content:"↗";color:var(--teal);margin-right:8px}.closing{background:var(--teal);color:white;padding:33px;border-radius:var(--radius);margin:30px 0 65px}.closing .eyebrow{color:#b4d3bc}.closing h3{font-size:31px;margin:15px 0}.closing p{color:#c6d8ca;font-size:14px;margin-bottom:25px}.faq-section{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:270px 1fr;gap:55px}.faq-section h2{font-size:38px;margin:15px 0}.faq-search{width:100%;border:1px solid #b6c0b1;border-radius:9px;padding:12px 14px;background:transparent;font-size:13px;margin-bottom:22px}.faq{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:650;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:"+";font:22px var(--mono);color:var(--teal)}.faq[open] summary:after{content:"−"}.faq p{font-size:14px;color:var(--muted);margin-top:14px}.faq .command{margin-bottom:6px}.resources{padding:40px 0 55px;border-top:1px solid var(--line)}.resources .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.resource-grid a{display:block;font-size:13px;margin-bottom:12px}.resource-grid .eyebrow{margin-bottom:17px}.footer{border-top:1px solid var(--line);padding:24px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer .brand{color:var(--ink);font-size:17px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:12px 23px;font-size:12px;z-index:50;box-shadow:0 5px 20px #0003;max-width:calc(100% - 32px);text-align:center}.back-top{font-size:12px}.noscript{padding:14px;background:#fff1db}.print-button{border:0;background:transparent;padding:0;text-decoration:underline;font-size:12px;color:var(--muted)}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:70px}.hero-visual{min-height:590px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{gap:12px}.hero-visual:before{width:345px;height:345px}.orbit{width:390px;height:390px}.visual-tag{right:0;top:70px}.guide-shell{grid-template-columns:190px minmax(0,1fr);gap:28px}.step{padding:28px}.faq-section{grid-template-columns:190px minmax(0,1fr);gap:28px}.intro{gap:35px}.top-links{gap:18px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:40px;min-height:0}.hero h1{font-size:66px}.hero-lead{max-width:550px}.hero-visual{min-height:500px;max-width:460px;width:100%;margin:0 auto}.hero-visual:before{width:340px;height:340px}.orbit{width:385px;height:385px}.phone{width:230px}.demo-cover{height:152px}.demo-wheel{width:120px;height:120px}.visual-tag{right:5px;top:50px}.quick-spec{grid-template-columns:1fr 1fr;gap:24px;margin-top:25px;margin-bottom:40px}.quick-spec div{padding-left:0;border:0}.intro{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.intro h2{max-width:600px}.guide-shell{display:block;padding-top:35px}.sidebar{display:none}.mobile-toc{display:block;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);padding:11px 0;margin-bottom:25px}.mobile-toc label{font:10px var(--mono);display:block;margin-bottom:5px}.mobile-toc select{width:100%;background:white;border:1px solid #bdc6b7;border-radius:8px;padding:9px;font-size:12px}.guide-heading{margin-top:15px}.step{scroll-margin-top:90px}.faq-section{grid-template-columns:1fr;gap:25px;padding:40px 0}.resources .resource-grid{grid-template-columns:1fr 1fr}.footer{flex-wrap:wrap}.top-links a:not(.nav-download){display:none}}
@media(max-width:460px){.wrap{width:calc(100% - 32px)}.site-header{height:74px}.brand{font-size:19px}.top-links .nav-download{padding:9px 13px;font-size:11px}.hero{padding-top:32px}.hero h1{font-size:53px}.hero .eyebrow{font-size:9px;margin-bottom:24px}.hero-lead{font-size:16px}.hero-visual{min-height:480px}.hero-visual:before{width:290px;height:290px}.orbit{width:320px;height:320px}.visual-tag{font-size:9px;right:0;top:35px}.visual-foot{left:0;font-size:9px}.quick-spec{padding:20px 0;gap:20px}.quick-spec strong{font-size:12px}.quick-spec small{font-size:10px}.intro h2{font-size:33px}.path-map{gap:7px}.path-map .node{font-size:10px;padding:9px}.guide-heading h2{font-size:29px}.guide-heading .pill{font-size:8px;padding:6px 8px}.step{padding:22px 18px;border-radius:18px;margin-bottom:18px}.step-top{gap:12px;margin-bottom:20px}.step-number{flex-basis:33px;height:33px;font-size:11px}.step h2{font-size:26px}.step-top .eyebrow{font-size:8px}.step>p{font-size:14px}.kit-grid{gap:8px}.kit-item{padding:13px;font-size:12px}.kit-item span{font-size:11px}.file-card{flex-wrap:wrap;padding:16px;gap:12px}.file-card .button{width:100%}.command pre{font-size:11px;padding:13px}.command-header{font-size:8px;padding:9px 12px}.notice{padding:13px;font-size:12px}.switches{padding:20px 8px;gap:13px}.checks{grid-template-columns:1fr}.closing{padding:25px 20px}.resources .resource-grid{grid-template-columns:1fr}.resources{padding-bottom:30px}.step-list>li{padding-left:31px}.footer{font-size:10px}.button{padding:13px 18px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}
@media print{body{background:white;font-size:10pt}.wrap{width:100%}.site-header,.hero-visual,.sidebar,.mobile-toc,.top-links,.copy,.complete,.actions,.toast,.faq-search,.closing .button,.back-top,.print-button{display:none!important}.hero{display:block;padding:20px 0;min-height:0}.hero h1{font-size:40pt}.hero-lead{font-size:12pt;max-width:none}.quick-spec{margin-bottom:25px}.intro{padding-bottom:20px}.guide-shell{display:block;padding-top:20px}.step{break-inside:auto;border-color:#ccc;padding:20px;margin-bottom:20px}.step-top{break-after:avoid}.command,.notice,.kit-item,.checks>div{break-inside:avoid}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:black;background:#eee}.command{background:#eee;color:black}.command-header{color:black}.faq-section{display:block}.faq{display:block}.faq>p,.faq>.command{display:block!important}.faq::details-content{content-visibility:visible;height:auto}a{color:black}.source-note a:after{content:" (" attr(href) ")";overflow-wrap:anywhere}.resources{display:none}.footer{padding:20px 0}.kit-grid{grid-template-columns:1fr 1fr}.hero-note{margin-bottom:15px}}
.faq-section>div,.guide-content{min-width:0}.visual-tag{z-index:2}.visual-foot{bottom:-22px}
@media(max-width:460px){.site-header{gap:12px}}