.field-guide{background:#110d17}.field-guide main{overflow:hidden}.field-guide .topbar>.connect-button{font-size:13px;white-space:nowrap;display:flex;gap:20px}.guide-opening{padding:88px 6% 70px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;background:radial-gradient(ellipse at 20% 0%,#52306433,transparent 70%)}.guide-opening .eyebrow{font-size:10px;letter-spacing:2.1px;display:flex;align-items:center;gap:10px;margin-bottom:25px}.field-dot{display:inline-block;width:5px;height:5px;background:#b3c588;border-radius:50%;box-shadow:0 0 15px #adbd7877;flex:none}.guide-opening h1{font-family:Manrope,sans-serif;font-size:clamp(56px,6.4vw,96px);font-weight:500;letter-spacing:-5px;line-height:1.04;margin:0}.field-guide em{font-family:'Playfair Display',serif;font-weight:400;color:#c9a8ea}.opening-aside{max-width:310px;padding-bottom:8px}.note-number{color:#7f698f;font-size:10px;letter-spacing:2px}.opening-aside p{color:#b6a3c4;line-height:1.9;font-size:15px;margin:23px 0}.opening-aside a{font-size:13px;color:#d6b8ed}.opening-aside a span{margin-left:42px}
.guide-lab{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);margin:0 4%;border:1px solid #b996d127;border-radius:21px;background:#19111f;overflow:hidden;min-height:750px;scroll-margin-top:25px}.lab-directions{padding:42px 40px;min-width:0;display:flex;flex-direction:column}.lab-directions>.eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 17px}.lab-directions h2{font-family:Manrope;font-size:42px;line-height:1.12;letter-spacing:-1.6px;font-weight:400;margin:0 0 30px}.chapter-tabs{display:flex;flex-direction:column;gap:0}.chapter-tabs button{text-align:left;background:none;border-bottom:1px solid #b28bc426;padding:15px 0;color:#a08caf;font-size:14px;display:flex;gap:16px;align-items:center;min-height:52px}.chapter-tabs button span{font-family:'DM Sans';color:#70577f;font-size:11px;letter-spacing:1px}.chapter-tabs button i{font-style:normal;margin-left:auto;opacity:0;transition:opacity .2s}.chapter-tabs [aria-selected=true]{color:#efddfd}.chapter-tabs [aria-selected=true] span{color:#c79ce8}.chapter-tabs [aria-selected=true] i{opacity:1}.chapter-panel{padding-top:24px}.chapter-panel h3{font-size:17px;font-weight:500;margin:0 0 10px;color:#e2ccec}.chapter-panel>p{font-size:13px;line-height:1.8;color:#ae96bf;margin:0 0 22px}.guide-range-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-top:22px;color:#967eaa}.guide-range-label output{font-size:14px;color:#d8c1eb}.chapter-panel input[type=range]{width:100%;margin:20px 0 8px;accent-color:#c6a1e8;cursor:ew-resize}.range-endpoints{display:flex;justify-content:space-between;color:#786087;font-size:10px}.next-chapter{background:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:12px;color:#d6b4ef;margin-top:29px;min-height:28px}.chapter-panel .connect-button{font-size:12px;width:100%;display:flex;justify-content:space-between;padding:13px 15px}.guide-fine{display:block;color:#9177a2;font-size:10px;line-height:1.7;margin-top:12px}.example-thesis{margin:0 0 18px;padding:17px 0 17px 17px;border-left:2px solid #9975af55;font-size:14px;line-height:1.85;font-family:'Playfair Display';color:#dbc4ea}.example-thesis span{display:block;font-size:9px;font-family:Manrope;color:#8f749f;letter-spacing:1px;margin-bottom:9px}.example-reward{border-top:1px solid #dac78c35;border-bottom:1px solid #dac78c35;padding:16px 0;margin:20px 0}.example-reward>span{color:#b19a61;font-size:9px;letter-spacing:1.3px}.example-reward>strong{display:block;font-size:44px;letter-spacing:-2px;color:#edcf87;font-weight:400;margin:8px 0}.example-reward small{font-size:15px;letter-spacing:0}.example-reward p{font-size:11px;color:#bbaa7e;line-height:1.7;margin:0}.chapter-panel>p.reward-math{font-size:11px;color:#947e98;line-height:1.75;margin-bottom:0}
.guide-habitat{position:relative;isolation:isolate;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 50%,#4d2d59,#1a1124)}.guide-world{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#140d20 0%,#140d2033 25%,#140d2055 65%,#140d20db 100%),url('assets/sanctuary.png') center/cover;opacity:.68}.guide-habitat:after{content:'';position:absolute;pointer-events:none;inset:0;box-shadow:inset 50px 0 80px #1a1124cc;z-index:-1}.habitat-caption{position:absolute;top:30px;left:32px;right:32px;display:flex;gap:15px;align-items:center;justify-content:space-between;z-index:2}.habitat-caption>span:first-child{font-size:9px;letter-spacing:1.7px;color:#c1aace;display:flex;align-items:center;gap:10px}.guide-demo-pill{font-size:8px;letter-spacing:1px;padding:6px 8px;border:1px solid #d2b5ed2b;border-radius:4px;color:#a28bb3}.guide-stage-label{position:absolute;top:89px;left:32px;z-index:2;display:flex;align-items:center;gap:16px;pointer-events:none}.guide-stage-label>span{font-size:49px;font-weight:300;color:#d1b0e97a;letter-spacing:-2px}.guide-stage-label small{display:block;font-size:8px;letter-spacing:1.3px;color:#a183b5;margin-bottom:7px}.guide-stage-label strong{font-family:'Playfair Display';font-style:italic;font-size:27px;color:#e7d3f6;font-weight:400}#guide-canvas{display:block;position:absolute;inset:80px -7% 90px;width:114%;height:calc(100% - 170px);touch-action:pan-y;outline-offset:-20px}.guide-whisper{position:absolute;top:30%;left:48%;font-family:'Playfair Display';font-style:italic;color:#d7b8ed;font-size:18px;transform:rotate(-6deg);pointer-events:none;max-width:45%;text-align:center;text-shadow:0 2px 10px #160a20}.guide-stage-dots{position:absolute;bottom:90px;left:30px;right:30px;display:flex;justify-content:center;gap:7px}.guide-stage-dots button{background:#100a17aa;color:#a18aae;font-size:10px;padding:9px 12px;border:1px solid #bfa0d125;border-radius:20px;backdrop-filter:blur(12px)}.guide-stage-dots button[aria-pressed=true]{color:#ead2fc;border-color:#d1b2e67c;background:#aa78cb21}.guide-habitat-footer{position:absolute;bottom:27px;left:32px;right:32px;display:flex;align-items:center;gap:16px;border-top:1px solid #c4a6d227;padding-top:20px;font-size:11px;color:#b6a0c5}.guide-habitat-footer>span{margin-right:auto}.guide-habitat-footer button{background:none;color:#cfafdf;font-size:11px;padding:8px 0}.guide-habitat-footer #guide-pause{width:26px}#guide-eligibility[data-eligible=true]{color:#d8ddac}.guide-loading{position:absolute;top:48%;left:0;right:0;text-align:center;color:#c4a6d9;font-size:13px}#guide-fallback{position:absolute;inset:34% 20% auto;text-align:center;font-size:13px;color:#b79acb}#guide-fallback img{width:100px}.guide-rule{display:flex;justify-content:space-around;padding:29px 6%;margin:0 4%;border-bottom:1px solid #c4a0d521;gap:20px;font-size:10px;letter-spacing:2px;color:#80668e}
.make-it-yours{padding:115px 6%;display:grid;grid-template-columns:1fr 1fr;gap:11%;scroll-margin-top:20px}.transition-intro .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0 0 25px}.transition-intro h2,.guide-questions h2{font-family:Manrope;font-size:clamp(37px,3.5vw,52px);font-weight:400;line-height:1.15;letter-spacing:-2px;margin:0 0 25px}.transition-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#ad97bd;max-width:355px}.transition-intro strong{font-weight:500;color:#dfc9ee}.transition-intro>.connect-button{display:inline-flex;gap:26px;margin-top:18px;font-size:13px;padding:14px 20px}.transition-intro>p.transition-caption{font-size:11px;color:#7f6691;margin-top:15px}.real-steps article{display:flex;gap:25px;padding:27px 0;border-bottom:1px solid #bf9dd526}.real-steps article:first-child{padding-top:0}.real-steps article>span{font-family:'Playfair Display';font-size:28px;font-style:italic;color:#846191;line-height:1.3}.real-steps h3{font-size:20px;font-weight:400;letter-spacing:-.4px;margin:0 0 11px;color:#e0c9ef}.real-steps p{font-size:13px;color:#a58ab7;line-height:1.8;margin:0 0 16px}.data-exchange{display:flex;align-items:center;gap:13px;font-size:10px;flex-wrap:wrap}.data-exchange>span{color:#7c668d}.data-exchange i{font-style:normal;color:#92769f}.data-exchange strong{font-weight:400;color:#cbcfa1}.guide-questions{border-top:1px solid #be95d527;padding:70px 6%;display:grid;grid-template-columns:1fr 1.4fr;gap:10%;background:#16101d}.guide-questions .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 25px}.guide-questions h2{font-size:40px}.question-list details{border-bottom:1px solid #b391c42b}.question-list summary{list-style:none;cursor:pointer;font-size:14px;line-height:1.6;padding:21px 0;display:flex;gap:20px;justify-content:space-between;color:#d1b8e4}.question-list summary::-webkit-details-marker{display:none}.question-list summary span{font-size:20px;color:#8f6caa;font-weight:300;flex:none}.question-list details[open] summary span{transform:rotate(45deg)}.question-list p{font-size:13px;line-height:1.9;color:#a68cba;margin:0 0 23px;max-width:550px}.guide-farewell{text-align:center;padding:85px 20px 90px;background:radial-gradient(ellipse at 50% 100%,#42295266,transparent 75%)}.guide-farewell>img{object-fit:contain;filter:drop-shadow(0 7px 24px #b474dd30);margin-bottom:25px}.guide-farewell>.eyebrow{font-size:9px;letter-spacing:1.8px;margin:0 0 20px}.guide-farewell h2{font-size:48px;font-family:Manrope;font-weight:400;letter-spacing:-2px;margin:0 0 30px}.guide-farewell>div{display:flex;justify-content:center;align-items:center;gap:27px}.guide-farewell .connect-button{display:flex;gap:25px;font-size:13px}.farewell-demo{font-size:12px;color:#b091c4}.field-guide footer{margin-top:0}
@media(max-width:1100px){.guide-opening{padding-top:65px}.guide-opening h1{font-size:76px}.lab-directions{padding:35px 27px}.guide-lab{grid-template-columns:minmax(280px,1fr) minmax(0,1.3fr)}.habitat-caption{left:23px;right:23px}.habitat-caption>span:first-child{font-size:8px}.guide-demo-pill{font-size:7px}.guide-stage-dots{left:15px;right:15px;gap:4px}.guide-stage-dots button{padding:9px;font-size:9px}.make-it-yours{gap:7%}.guide-questions{gap:7%}}
@media(max-width:850px){.guide-opening{padding:55px 6% 45px}.guide-opening h1{font-size:64px;letter-spacing:-3.5px}.opening-aside{max-width:220px}.opening-aside p{font-size:13px}.guide-opening .eyebrow{font-size:8px;letter-spacing:1.4px}.guide-lab{grid-template-columns:1fr;position:relative;display:flex;flex-direction:column}.guide-habitat{order:0;height:540px;flex:none}.lab-directions{order:1;padding:30px;display:block}.lab-directions h2{font-size:32px;margin-bottom:18px}.lab-directions h2 br{display:none}.chapter-tabs{flex-direction:row;gap:20px}.chapter-tabs button{font-size:12px;gap:9px;flex:1}.chapter-tabs button i{display:none}.chapter-panel{min-height:255px}.chapter-panel>p{max-width:610px}.chapter-panel .connect-button{max-width:320px}.chapter-panel .next-chapter{max-width:350px}.chapter-panel input[type=range]{max-width:none}.guide-stage-label{top:70px}.guide-whisper{top:29%;left:55%}.guide-stage-dots{bottom:84px}.guide-habitat-footer{bottom:19px}.habitat-caption>span:first-child{font-size:9px}.guide-demo-pill{font-size:8px}.guide-stage-dots button{padding:9px 13px;font-size:10px}.guide-rule{font-size:8px;letter-spacing:1.3px;gap:15px}.make-it-yours{padding:70px 6%;grid-template-columns:1fr;gap:40px}.transition-intro>p:not(.eyebrow){max-width:510px}.transition-intro h2{font-size:44px}.real-steps{max-width:640px}.guide-questions{grid-template-columns:1fr;padding:50px 6%;gap:10px}.guide-questions h2{font-size:35px}.guide-questions h2 br{display:none}.guide-farewell h2{font-size:40px}}
@media(max-width:550px){.field-guide .topbar>.connect-button{padding:10px 12px;font-size:11px;gap:10px}.guide-opening{padding:43px 6% 36px;display:block}.guide-opening h1{font-size:58px;letter-spacing:-3px}.guide-opening .eyebrow{font-size:7px;letter-spacing:1.25px;gap:8px;margin-bottom:23px}.opening-aside{max-width:none;margin-top:26px;padding-bottom:0}.note-number{display:none}.opening-aside p{font-size:13px;margin:0 0 15px;line-height:1.8}.opening-aside p br{display:none}.opening-aside a{font-size:12px}.opening-aside a span{margin-left:22px}.guide-lab{margin:0 4%;border-radius:16px}.guide-habitat{height:465px}.habitat-caption{top:21px;left:20px;right:20px;gap:10px}.habitat-caption>span:first-child{font-size:7px;letter-spacing:1.1px}.guide-demo-pill{font-size:7px;padding:5px 6px;letter-spacing:.7px}.guide-stage-label{left:20px;top:53px;gap:12px}.guide-stage-label>span{font-size:36px}.guide-stage-label strong{font-size:22px}.guide-stage-label small{font-size:7px}.guide-whisper{font-size:15px;top:26%;left:45%;max-width:50%}#guide-canvas{inset:55px -20% 90px;width:140%;height:calc(100% - 145px)}.guide-stage-dots{bottom:79px;left:12px;right:12px;gap:3px}.guide-stage-dots button{font-size:8px;padding:8px 9px}.guide-habitat-footer{left:20px;right:20px;gap:12px;font-size:9px;padding-top:11px}.guide-habitat-footer button{font-size:10px}.lab-directions{padding:27px 22px}.lab-directions>.eyebrow{font-size:8px}.lab-directions h2{font-size:31px}.chapter-tabs{gap:12px}.chapter-tabs button{font-size:10px;line-height:1.6;align-items:flex-start;flex-direction:column;gap:5px;min-height:75px}.chapter-tabs button span{font-size:9px}.chapter-panel>p{font-size:12px}.chapter-panel h3{font-size:16px}.guide-rule{padding:23px 2%;font-size:6px;letter-spacing:1px;gap:10px}.make-it-yours{padding:57px 7%}.transition-intro .eyebrow{font-size:7px;letter-spacing:1.3px}.transition-intro h2{font-size:38px}.transition-intro>p:not(.eyebrow){font-size:13px}.real-steps article{gap:18px}.real-steps article>span{font-size:24px}.real-steps h3{font-size:18px}.real-steps p{font-size:12px}.data-exchange{font-size:9px;gap:10px}.guide-questions{padding:42px 7%}.guide-questions h2{font-size:32px}.question-list summary{font-size:13px}.question-list p{font-size:12px}.guide-farewell{padding:55px 7% 60px}.guide-farewell>.eyebrow{font-size:7px;letter-spacing:1px}.guide-farewell h2{font-size:35px;line-height:1.25}.guide-farewell>div{gap:23px;flex-wrap:wrap}.guide-farewell .connect-button{font-size:12px}.farewell-demo{font-size:11px}}
@media(max-width:350px){.guide-opening h1{font-size:50px}.guide-opening .eyebrow{font-size:6px}.field-guide .topbar>.connect-button{font-size:10px}.field-guide .topbar>.connect-button span{display:none}.guide-stage-dots button{padding:8px 6px;font-size:7px}.guide-rule{font-size:5px}.guide-whisper{font-size:14px}.transition-intro h2{font-size:34px}.data-exchange{font-size:8px}}
@media(prefers-reduced-motion:reduce){.field-guide *{scroll-behavior:auto!important;transition:none!important}}
.field-guide .topbar>.connect-button{margin-left:auto}