:root{--paper:#f6f3e9;--paper2:#efeadc;--ink:#173d30;--green:#376d50;--gold:#e4bf69;--muted:#596357;--line:#d7d6c5;--white:#fffdf5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:7rem}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.3em}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a45c23;outline-offset:5px}img{max-width:100%;height:auto;object-fit:contain;display:block}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2{letter-spacing:-.047em;line-height:1.02}em{font-weight:400}p{font-size:1.0625rem;line-height:1.65}a{transition:color .18s,background .18s,transform .18s}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-family:'Courier New',monospace;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 25px;background:var(--ink);color:var(--white);border:1px solid var(--ink);box-shadow:0 4px 0 #0d291f;text-decoration:none;font-weight:700;font-size:1rem;line-height:1.3;white-space:nowrap}.button:hover{background:#285b42;transform:translateY(-2px)}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #0d291f}.button-small{min-height:43px;padding:10px 18px;font-size:.875rem;box-shadow:0 3px 0 #0d291f}.text-link{font-size:1rem;font-weight:700}.text-link:hover{color:var(--green)}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:24px}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:1.85rem;font-weight:700;letter-spacing:-.065em;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.header-inner nav{display:flex;gap:28px}.header-inner nav a{text-decoration:none;font-size:.875rem}.header-inner nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;align-items:center;padding-top:56px;padding-bottom:75px}.hero-copy{padding-block:25px}.hero .eyebrow{letter-spacing:.1em;display:flex;align-items:center;gap:10px}.pixel-spark{color:#a77620;font-size:1.5rem;line-height:1}h1{font-size:clamp(3.6rem,6.7vw,6.1rem);margin:27px 0}h1 em{color:var(--green)}.hero-intro{max-width:460px;font-size:1.125rem;line-height:1.7;color:#4d5d50}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:31px}.platform-note{font-size:.8125rem;color:var(--muted);margin-top:15px}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:53px}.hero-footnote p{font-size:.875rem;color:var(--muted)}.tiny-diamond{width:8px;height:8px;background:#b88b34;transform:rotate(45deg)}.hero-visual{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;padding:32px 0 20px;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:24px -16px 58px;background:#e4e6d7;clip-path:polygon(0 14%,14% 14%,14% 0,100% 0,100% 86%,86% 86%,86% 100%,0 100%);z-index:-1}.hero-frame{width:285px;border:7px solid #26372d;border-radius:34px;background:#26372d;box-shadow:17px 23px 0 #cad0be,0 30px 45px #1b382520;transform:rotate(3deg);overflow:hidden}.phone-image{border-radius:27px;width:100%;height:auto}.hero-visual figcaption{margin-top:45px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.05rem}.hero-visual figcaption span{font-style:normal;color:#a17420;margin-right:8px}.visual-word{position:absolute;left:-2px;top:28px;writing-mode:vertical-rl;font-family:'Courier New',monospace;font-size:.625rem;line-height:1.8;letter-spacing:.19em;color:#526353;transform:rotate(180deg)}.journey{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}h2{font-size:clamp(2.7rem,4.7vw,4.3rem)}.section-heading>p:last-child{max-width:360px;align-self:end;color:var(--muted);padding-bottom:7px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:84px;margin-top:65px;align-items:center}.quest-steps{display:flex;flex-direction:column}.quest-step{display:flex;gap:22px;align-items:flex-start;background:transparent;border:0;border-top:1px solid #c8cbb6;color:var(--ink);padding:27px 8px 30px;text-align:left;position:relative}.quest-step:last-child{border-bottom:1px solid #c8cbb6}.quest-step:hover{background:#e4e4d4}.quest-step.active{background:#e0e4d3}.step-number{font-family:'Courier New',monospace;font-size:.875rem;padding-top:7px;color:var(--muted)}.step-title{font-family:Georgia,'Times New Roman',serif;display:block;font-size:1.7rem;line-height:1.2;letter-spacing:-.02em;max-width:300px}.step-description{display:block;font-size:1rem;line-height:1.65;color:var(--muted);margin-top:12px;max-width:325px}.step-keyword{display:block;font-family:'Courier New',monospace;font-size:.6875rem;letter-spacing:.1em;font-weight:700;margin-top:19px;line-height:1.5}.step-mark{color:var(--green);font-size:1.2rem;opacity:0;padding-top:5px}.active .step-mark{opacity:1}.feature-preview{position:relative;padding:42px 20px 21px;background:#d8ddc9;border:1px solid #c9cfb8}.preview-corner{font-family:'Courier New',monospace;letter-spacing:.12em;font-size:.5625rem;font-weight:700;position:absolute;top:15px;left:19px;color:#5e6a55}.feature-panel img{width:250px;height:auto;aspect-ratio:auto 1206 / 2622;object-fit:contain;border:5px solid #284436;border-radius:23px;box-shadow:0 16px 35px #2c413020;margin:auto}.feature-panel p{text-align:center;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:.9375rem;margin-top:22px}.feature-panel[hidden]{display:none}.party-section{background:var(--ink);color:var(--paper);position:relative}.party-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px}.party-heading .eyebrow{grid-column:1/-1;color:var(--gold)}.party-heading>p:last-child{max-width:370px;color:#c9d4c6;align-self:end}.party-heading h2 em{color:var(--gold)}.party-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:46px;margin-top:70px}.party-grid article{border-top:1px solid #587360;padding-top:23px}.party-label{font-family:'Courier New',monospace;font-size:.6875rem;letter-spacing:.11em;color:#d1b976;font-weight:700}.party-grid h3{font-size:1.85rem;line-height:1.17;margin:21px 0 16px;letter-spacing:-.02em}.party-grid article>p:last-child{font-size:1rem;color:#c9d4c6}.party-detail{display:flex;gap:16px;align-items:center;border-top:1px solid #587360;margin-top:55px;padding-top:25px;color:#d5ddce}.party-detail span{color:var(--gold);font-size:1.7rem}.party-detail p{font-size:.875rem;line-height:1.5}.looks-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:90px;align-items:center}.looks-section h2{font-size:3.4rem;margin-top:19px}.looks-section>div>p:last-child{max-width:450px;color:var(--muted);margin-top:25px}.look-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:40px}.style-list{display:flex;gap:28px;align-items:baseline;justify-content:space-between}.style-list span{font-size:1.6rem;font-family:Georgia,'Times New Roman',serif}.style-list .pixel-label{font-family:'Courier New',monospace;font-weight:bold;letter-spacing:-.09em;text-shadow:1px 1px 0 #98a991}.style-list .inked-label{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.05em;font-style:italic}.look-notes>p{display:flex;gap:9px;align-items:center;font-size:.8125rem!important}.color-swatch{flex:0 0 13px;height:13px;background:var(--green);border:2px solid var(--ink)}.join-section{background:#e8d9ae;border-top:1px solid #cebf95;border-bottom:1px solid #cebf95}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.join-grid h2{margin-top:23px}.join-grid>div>p:not(.eyebrow,.platform-note){max-width:410px;color:#515c47;margin-top:25px;margin-bottom:29px}.install-steps{list-style:none;margin:9px 0 0;padding:0}.install-steps li{display:flex;gap:25px;border-top:1px solid #b9b08c;padding-block:28px}.install-steps li>span{font-family:'Courier New',monospace;font-size:.875rem;padding-top:4px}.install-steps h3{font-size:1.5rem;line-height:1.25}.install-steps p{font-size:1rem;line-height:1.65;color:#56614b;margin-top:12px}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.faq-section h2{font-size:3.3rem;margin-top:24px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:22px 40px 22px 0;font-size:1.0625rem;font-weight:700;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:8px;top:20px;font-size:1.5rem;font-weight:400;font-family:Georgia,serif}details[open] summary:after{content:'−'}details p{font-size:1rem;padding:0 35px 24px 0;color:var(--muted)}details a{color:var(--ink);font-weight:700}footer{border-top:1px solid var(--line)}.footer-inner{padding-block:42px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.footer-inner .wordmark{font-size:1.7rem}.footer-inner>div>p{font-size:.875rem;color:var(--muted);margin-top:7px}.footer-links{display:flex;gap:30px;justify-content:flex-end;flex-wrap:wrap;font-size:.875rem}.footer-note{font-size:.75rem;color:var(--muted);grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}
@media(min-width:1450px){.hero{gap:95px}.hero-frame{width:306px}.hero-visual:before{inset:24px 0 58px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:40px}.hero-frame{width:250px}.hero-actions{gap:21px}.hero-intro{font-size:1.05rem}.hero .eyebrow{font-size:.72rem}.header-inner nav{gap:17px}.hero-footnote{margin-top:35px}.showcase{gap:45px}.step-title{font-size:1.5rem}.step-description{font-size:.9375rem}.party-grid{gap:28px}.looks-section,.join-grid,.faq-section{gap:50px}.style-list{gap:15px}.style-list span{font-size:1.4rem}.section{padding-block:85px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:12px}.header-inner nav{display:none}.wordmark{font-size:1.6rem;gap:7px}.button-small{font-size:.8125rem;padding:9px 13px;min-height:40px}.hero{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:48px}.hero-copy{padding:0}.hero .eyebrow{font-size:.73rem;letter-spacing:.09em}.hero h1{font-size:clamp(3.5rem,13.5vw,5.3rem);margin:23px 0}.hero-intro{max-width:480px;font-size:1.0625rem}.hero-actions{margin-top:27px;gap:23px}.hero-footnote{margin-top:29px}.hero-footnote p{font-size:.8125rem}.hero-visual{padding-top:25px;margin-top:6px}.hero-frame{width:258px}.hero-visual:before{inset:15px 0 58px}.visual-word{left:12px;top:55px}.hero-visual figcaption{margin-top:39px;font-size:1rem}.section{padding-block:65px}.section-heading,.party-heading{grid-template-columns:1fr;gap:19px}.section-heading .eyebrow{margin:0}.section-heading>p:last-child{max-width:460px;padding:0}.section-heading h2,h2{font-size:3.25rem}.showcase{grid-template-columns:1fr;gap:28px;margin-top:34px}.quest-step{padding:22px 9px;gap:17px}.step-title{max-width:none;font-size:1.5rem}.step-description{max-width:none;font-size:1rem}.step-keyword{font-size:.625rem;margin-top:14px}.step-mark{margin-left:auto}.feature-preview{padding-top:43px;padding-bottom:23px}.feature-panel img{width:260px;max-width:87%}.feature-panel p{font-size:.9375rem}.party-heading>p:last-child{max-width:430px}.party-grid{grid-template-columns:1fr;gap:31px;margin-top:40px}.party-grid h3{font-size:1.9rem;margin-top:14px}.party-grid article>p:last-child{max-width:440px}.party-detail{margin-top:38px;align-items:flex-start}.party-detail span{line-height:1}.looks-section{grid-template-columns:1fr;gap:28px;padding-block:62px}.looks-section h2{font-size:3rem}.looks-section>div>p:last-child{margin-top:21px}.look-notes{padding-block:24px}.style-list{justify-content:flex-start;gap:35px}.style-list span{font-size:1.7rem}.look-notes>p{font-size:.75rem!important}.join-grid{grid-template-columns:1fr;gap:39px}.join-grid h2{font-size:3.25rem}.install-steps{margin-top:0}.install-steps li{padding-block:23px;gap:19px}.install-steps li:last-child{padding-bottom:0}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:3rem}.footer-inner{grid-template-columns:1fr;gap:25px;padding-block:32px}.footer-links{justify-content:flex-start;gap:22px}.footer-note{font-size:.6875rem}.eyebrow{font-size:.75rem}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:1.4rem}.hero-actions{gap:20px}.hero-actions .text-link{font-size:.875rem}.hero-actions .button{padding-inline:17px}.hero-frame{width:238px}.feature-panel img{width:238px}.hero h1{font-size:3.35rem}.style-list{gap:26px}.look-notes>p{font-size:.7rem!important}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
/* Small labels stay readable at every viewport. */
.preview-corner{font-size:.75rem;letter-spacing:.07em}.step-keyword,.party-label{font-size:.75rem}.footer-note{font-size:.75rem}.look-notes>p{font-size:.8125rem!important}
@media(max-width:760px){.step-keyword{font-size:.75rem}.footer-note{font-size:.75rem}.hero .eyebrow{font-size:.75rem}}

/* Queststone's Pixel + Forest visual language, with natural-size screenshots. */
@font-face{font-family:'Pixelify Sans';src:url('/assets/fonts/PixelifySans.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--paper:#f8f5ec;--paper2:#efeadc;--ink:#203e32;--green:#397657;--gold:#edc76d;--muted:#59675a;--line:#d9d3bd;--white:#fffdf5;--pixel-heading:'Pixelify Sans','Courier New',monospace}
body{background-color:var(--paper)}
h1,h2,.step-title,.install-steps h3{font-family:var(--pixel-heading);font-weight:600;letter-spacing:-.035em;line-height:1.06}h1 em,h2 em{font-style:normal}h1{font-size:clamp(3.6rem,6.5vw,5.8rem)}h2{font-size:clamp(2.7rem,4.7vw,4.1rem)}
.site-header{border-bottom:4px solid var(--line);box-shadow:0 3px 0 #fffdf6}.header-inner{min-height:96px}.wordmark{gap:11px}.wordmark:before{content:'';display:block;flex:0 0 34px;width:34px;height:34px;background:var(--gold) url('/favicon.svg') center/26px 26px no-repeat;border:3px solid #b68a3a;box-shadow:inset 2px 2px 0 #fff0b3,3px 3px 0 #dacda7;border-radius:7px}.header-inner nav{gap:8px}.header-inner nav a{padding:11px 14px;font-weight:700}.header-inner nav a:hover{background:#e1e9d9;text-decoration:none;box-shadow:0 3px 0 #c3d0b7}
.button{position:relative;background:var(--green);border:4px solid #193f2d;box-shadow:inset 3px 3px 0 #86b296,inset -3px -4px 0 #2b5941,3px 5px 0 #b8bba4;min-height:58px;padding:14px 25px;font-family:var(--pixel-heading);font-size:1.3rem;font-weight:600;letter-spacing:0;line-height:1.1;border-radius:0}.button:before{content:'';position:absolute;top:4px;left:4px;width:5px;height:5px;background:#c7e5ce}.button:hover{background:#306a4c;box-shadow:inset 3px 3px 0 #a2c8aa,inset -3px -4px 0 #1e4b33,3px 7px 0 #b8bba4}.button:active{box-shadow:inset 2px 2px 0 #6b967b,1px 2px 0 #b8bba4}.button-small{font-family:Arial,Helvetica,sans-serif;min-height:45px;padding:10px 15px;font-size:.875rem}
.hero{gap:58px}.hero-intro{line-height:1.75}.hero .eyebrow{color:#53734c}.hero-footnote{padding:15px 18px;background:#fffdf5;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);max-width:430px}.hero-footnote p{font-weight:600}.hero-visual{padding-top:38px;padding-bottom:21px}.hero-visual:before{inset:7px -12px 52px;background:#244c3b url('/assets/forest.svg') center/cover no-repeat;border:5px solid #203e32;box-shadow:inset 0 0 0 4px #8b9862;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 12px,6px 12px,6px 6px,12px 6px)}.hero-frame{transform:none;width:285px;max-width:78%;border-color:#19372a;border-width:6px;box-shadow:7px 8px 0 #12291f80,0 15px 30px #10281b40}.phone-image{height:auto;object-fit:contain;aspect-ratio:auto 1206 / 2622}.hero-visual figcaption{font-family:var(--pixel-heading);font-style:normal;font-size:1.2rem;margin-top:37px}.visual-word{color:#e8d991;left:3px;top:36px;font-size:.6875rem;letter-spacing:.12em}
.journey{background:#efe9d6;border-top:4px solid #d1c8a7;border-bottom:4px solid #d1c8a7}.section-heading .eyebrow{color:#6d632f}.showcase{gap:65px;align-items:center}.quest-steps{gap:18px}.quest-step,.quest-step:last-child{isolation:isolate;border:4px solid var(--line);border-radius:0;background:#fffdf5;box-shadow:4px 5px 0 #d0c9b2;padding:24px 20px;gap:17px}.quest-step:before{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 #f0edde;z-index:-1}.quest-step:hover{background:#f3f3e8;border-color:#adb99a}.quest-step.active{background:#e3eddc;border-color:#557e56;box-shadow:4px 5px 0 #b1bf9c}.quest-step.active:before{box-shadow:inset 3px 3px 0 #f1f7e9,inset -3px -3px 0 #cbdabe}.step-title{font-size:1.75rem}.step-number{font-family:var(--pixel-heading);font-weight:700;font-size:1.125rem;color:#657654}.step-description{font-size:.98rem}.step-keyword{color:#4b6748}.step-mark{margin-left:auto}.feature-preview{padding:49px 24px 25px;background:#fcf9ed;border:5px solid #b7aa79;box-shadow:7px 8px 0 #d5c9a7;min-width:0}.feature-preview:after{content:'';position:absolute;inset:5px;border:1px solid #e0d4ae;pointer-events:none}.preview-corner{color:#6a602f;font-size:.75rem;letter-spacing:.07em;top:17px;left:22px}.feature-panel img{box-sizing:content-box;width:250px;height:auto;max-width:calc(100% - 10px);aspect-ratio:auto 1206 / 2622;object-fit:contain;border:5px solid #254a36;border-radius:22px;box-shadow:5px 6px 0 #d9d1b8;margin-inline:auto}.feature-panel p{font-family:var(--pixel-heading);font-size:1.1rem;font-style:normal;line-height:1.35}.feature-preview:has(#panel-seal:not([hidden])){background:#f1eafb;border-color:#b6a3cf}.feature-preview:has(#panel-boons:not([hidden])){background:#fff3d2;border-color:#c4a451}
.party-section{background:#234c3a;border-top:6px solid #446b49;border-bottom:6px solid #162f25}.party-grid{gap:26px}.party-grid article{background:#fffbed;color:var(--ink);border:4px solid #b5b98b;padding:26px 24px;box-shadow:5px 6px 0 #132f24}.party-label{color:#7a652c}.party-grid h3{font-family:var(--pixel-heading);font-weight:600;font-size:1.9rem;line-height:1.14}.party-grid article>p:last-child{color:#566652}.party-heading>p:last-child{color:#e2e8d4}.party-detail{border-color:#678460;color:#e2e8d4}.party-heading h2 em{color:#f0d477}
.look-notes{background:#f1ebfa;border:4px solid #d7cce4;padding:30px;box-shadow:5px 6px 0 #d6cbe1}.style-list .pixel-label{font-family:var(--pixel-heading);font-size:2rem;text-shadow:none;letter-spacing:0;color:#526e44}.look-notes>p{margin-top:24px}.color-swatch{width:14px;flex-basis:14px;height:14px;box-shadow:2px 2px 0 #b3bea8}
.join-section{background:#eee2bc;border-top:4px solid #c5b174;border-bottom:4px solid #c5b174}.install-steps{background:#fffaf0;border:4px solid #cabd91;padding:5px 25px;box-shadow:6px 7px 0 #d6c690}.install-steps li{border-color:#d9d1b5}.install-steps li:first-child{border-top:0}.install-steps li>span{font-family:var(--pixel-heading);font-size:1.35rem;font-weight:700;color:#6e692f}.install-steps h3{font-size:1.7rem}.faq-list{border:3px solid var(--line);background:#fffdf5;box-shadow:5px 6px 0 #ded7c2}.faq-list details{padding-inline:22px}.faq-list details:last-child{border-bottom:0}.faq-list details[open]{background:#eef3e8}.faq-list summary{padding-block:22px}.faq-list summary:after{color:#4f7556}.footer-inner .wordmark:before{flex-basis:28px;width:28px;height:28px;background-size:22px 22px}
@media(min-width:1450px){.hero-frame{width:306px}}
@media(max-width:1050px){.hero{gap:40px}.hero-frame{width:250px}.showcase{gap:36px}.quest-step,.quest-step:last-child{padding:22px 16px;gap:14px}.step-title{font-size:1.6rem}.party-grid article{padding:23px 18px}.party-grid h3{font-size:1.65rem}.style-list{gap:16px}.look-notes{padding:25px}.header-inner nav a{padding-inline:9px}.wordmark:before{flex-basis:29px;width:29px;height:29px}}
@media(max-width:760px){.header-inner{min-height:84px}.wordmark{font-size:1.5rem;gap:8px}.wordmark:before{flex-basis:27px;width:27px;height:27px;background-size:22px 22px}.button-small{font-size:.8125rem;padding:9px 11px;border-width:3px}.hero{gap:28px}.hero h1{font-size:clamp(3.55rem,13.8vw,5.1rem);line-height:1.02}.hero .eyebrow{font-size:.73rem}.hero-footnote{max-width:100%;padding:13px 15px}.hero-frame{width:258px;max-width:79%}.hero-visual:before{inset:8px 0 49px}.hero-visual{padding-top:34px}.visual-word{left:7px;top:30px;font-size:.6rem}.hero-visual figcaption{margin-top:33px;font-size:1.05rem}.section-heading h2,h2,.join-grid h2{font-size:3.1rem}.showcase{gap:31px}.quest-step,.quest-step:last-child{padding:21px 17px;gap:15px}.step-title{font-size:1.65rem}.step-description{font-size:1rem}.feature-preview{padding:49px 24px 24px;margin-inline:3px}.feature-panel img{width:260px;max-width:calc(100% - 10px)}.party-grid{gap:23px}.party-grid article{padding:24px}.party-grid h3{font-size:1.9rem}.look-notes{padding:25px}.looks-section,.join-grid,.faq-section{gap:32px}.install-steps{padding:5px 19px}.install-steps li:last-child{padding-bottom:23px}.faq-list details{padding-inline:18px}.footer-links{line-height:1.6}}
@media(max-width:370px){.hero h1{font-size:3.2rem}.wordmark{font-size:1.35rem;gap:6px}.wordmark:before{flex-basis:23px;width:23px;height:23px;background-size:18px 18px;border-width:2px}.button-small{padding-inline:9px;font-size:.75rem}.hero .eyebrow{font-size:.66rem}.hero-actions{gap:20px}.hero-actions .button{font-size:1.15rem;padding-inline:16px}.hero-frame{width:238px}.feature-panel img{width:238px}.feature-preview{padding-inline:17px}.quest-step,.quest-step:last-child{padding:19px 13px;gap:12px}.step-title{font-size:1.5rem}.style-list{gap:24px}.style-list span{font-size:1.4rem}.style-list .pixel-label{font-size:1.7rem}.look-notes{padding:22px}.preview-corner{font-size:.6875rem}.hero-visual figcaption{font-size:.95rem}}
:root{--bi-btn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%2317382a'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%2317382a'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%2317382a'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%2317382a'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%2317382a'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%2317382a'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%230d261b'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%2317382a'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%230d261b'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%2317382a'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%230d261b'/%3E%3C/svg%3E");--bi-tan:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%23d8cfae'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%23d8cfae'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%23d8cfae'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%23d8cfae'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%23d8cfae'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%23d8cfae'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%23c3b78a'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%23d8cfae'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%23c3b78a'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%23d8cfae'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%23c3b78a'/%3E%3C/svg%3E");--bi-moss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%235d8a5f'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%235d8a5f'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%235d8a5f'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%235d8a5f'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%235d8a5f'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%235d8a5f'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%233f6a45'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%235d8a5f'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%233f6a45'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%235d8a5f'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%233f6a45'/%3E%3C/svg%3E");--bi-lilac:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%23d0c4e4'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%23d0c4e4'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%23d0c4e4'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%23d0c4e4'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%23d0c4e4'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%23d0c4e4'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%23b9a9d4'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%23d0c4e4'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%23b9a9d4'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%23d0c4e4'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%23b9a9d4'/%3E%3C/svg%3E");--bi-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%23dcc789'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%23dcc789'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%23dcc789'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%23dcc789'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%23dcc789'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%23dcc789'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%23c4a451'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%23dcc789'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%23c4a451'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%23dcc789'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%23c4a451'/%3E%3C/svg%3E");--bi-rim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%23b7aa79'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%23b7aa79'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%23b7aa79'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%23b7aa79'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%23b7aa79'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%23b7aa79'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%239d9161'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%23b7aa79'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%239d9161'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%23b7aa79'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%239d9161'/%3E%3C/svg%3E");--bi-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%23b9bd8f'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%23b9bd8f'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%23b9bd8f'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%23b9bd8f'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%23b9bd8f'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%23b9bd8f'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%238f9467'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%23b9bd8f'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%238f9467'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%23b9bd8f'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%238f9467'/%3E%3C/svg%3E");--bi-tan2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%23cabd91'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%23cabd91'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%23cabd91'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%23cabd91'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%23cabd91'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%23cabd91'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%23b3a577'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%23cabd91'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%23b3a577'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%23cabd91'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%23b3a577'/%3E%3C/svg%3E");--bi-forest:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='2' height='2' fill='%2317382a'/%3E%3Crect x='4' y='0' width='4' height='4' fill='%2317382a'/%3E%3Crect x='8' y='2' width='2' height='2' fill='%2317382a'/%3E%3Crect x='0' y='4' width='4' height='4' fill='%2317382a'/%3E%3Crect x='8' y='4' width='4' height='4' fill='%2317382a'/%3E%3Crect x='0' y='8' width='4' height='4' fill='%2317382a'/%3E%3Crect x='2' y='12' width='2' height='4' fill='%230d261b'/%3E%3Crect x='4' y='8' width='4' height='4' fill='%2317382a'/%3E%3Crect x='4' y='12' width='4' height='4' fill='%230d261b'/%3E%3Crect x='8' y='8' width='4' height='4' fill='%2317382a'/%3E%3Crect x='8' y='12' width='2' height='4' fill='%230d261b'/%3E%3C/svg%3E");}

/* ===== App-faithful pixel layer: notched pixel borders, Alagard, the app's own art and logo ===== */
@font-face{font-family:'Alagard';src:url('/assets/fonts/Alagard.ttf') format('truetype');font-display:swap}
:root{--pixel-heading:'Alagard','Pixelify Sans','Courier New',monospace;--ui:ui-rounded,'SF Pro Rounded',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--ink:#1f3d30}
:root,button{font-family:var(--ui)}
.eyebrow,.party-label,.step-keyword,.preview-corner,.visual-word{font-family:var(--ui);font-weight:800}
.eyebrow{letter-spacing:.16em}
h1,h2,.step-title,.install-steps h3,.party-grid h3,.step-number,.install-steps li>span{font-family:var(--pixel-heading);font-weight:400;letter-spacing:0;line-height:1.12}
h1{font-size:clamp(3.6rem,6.9vw,6.2rem);line-height:1.04}h2{font-size:clamp(2.8rem,4.9vw,4.4rem)}
.step-title{font-size:1.9rem}.party-grid h3{font-size:2rem}.install-steps h3{font-size:1.8rem}
.feature-panel p,.hero-visual figcaption,.style-list .pixel-label{font-family:var(--pixel-heading);letter-spacing:.01em}
/* pixel border recipe: 4px notched edge with a thicker base */
.px,.quest-step,.quest-step:last-child,.party-grid article,.look-notes,.install-steps,.faq-list,.feature-preview,.hero-footnote,.button,.px-banner{border-style:solid;border-color:transparent;border-width:4px 4px 8px;border-radius:0;background-clip:padding-box;border-image-slice:4 4 8 4 fill;border-image-width:4px 4px 8px;border-image-repeat:stretch}
.quest-step,.quest-step:last-child,.party-grid article,.look-notes,.install-steps,.faq-list,.feature-preview,.hero-footnote{border-image-source:var(--bi-tan);box-shadow:none}
/* "fill" keeps the notches transparent but lets background show inside, so re-assert backgrounds */
.quest-step{background:#fffdf5}.quest-step:before{inset:0;box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 #f3efde}
.quest-step:hover{background:#f6f6ea;border-image-source:var(--bi-tan2)}
.quest-step.active{background:#e3eddc;border-image-source:var(--bi-moss)}
.quest-step.active:before{box-shadow:inset 3px 3px 0 #f1f7e9,inset -3px -3px 0 #cbdabe}
.feature-preview{border-image-source:var(--bi-rim);background:#fcf9ed;box-shadow:none}
.feature-preview:after{inset:0}
.feature-preview:has(#panel-seal:not([hidden])){border-image-source:var(--bi-lilac);background:#f1eafb}
.feature-preview:has(#panel-boons:not([hidden])){border-image-source:var(--bi-gold);background:#fff3d2}
.party-grid article{border-image-source:var(--bi-dark);background:#fffbed}
.look-notes{border-image-source:var(--bi-lilac);background:#f1ebfa}
.install-steps{border-image-source:var(--bi-tan2);background:#fffaf0}
.faq-list{border-image-source:var(--bi-tan);background:#fffdf5}
.hero-footnote{background:#fffdf5;box-shadow:none}
.faq-list details{border-bottom:3px dotted #e2dcc4}
/* buttons: green pixel slab with a lit top-left edge, like the app */
.button{border-image-source:var(--bi-btn);background:#4f9068;color:#fffdf5;min-height:60px;padding:12px 26px 10px;margin:0 0 4px;box-shadow:inset 4px 4px 0 #8dbb9d,inset -4px -4px 0 #2f6a4a;text-shadow:0 2px 0 #1f4a33;font-family:var(--pixel-heading);font-size:1.45rem;letter-spacing:.02em}
.button:before{top:4px;left:4px;width:6px;height:6px;background:#d8efdd;z-index:1}
.button:hover{background:#58996f;box-shadow:inset 4px 4px 0 #a2cbb0,inset -4px -4px 0 #2f6a4a;transform:translateY(-2px)}
.button:active{transform:translateY(3px);box-shadow:inset 4px 4px 0 #6fa384,inset -4px -4px 0 #2f6a4a;border-bottom-width:5px;margin-bottom:7px}
.button-small{font-family:var(--ui);font-weight:800;min-height:46px;padding:9px 16px 7px;font-size:.9rem;text-shadow:none;letter-spacing:0}
.text-link{font-family:var(--ui);font-weight:800}
/* logo: the app's gold mark + lowercase heavy serif wordmark (ContentView.header) */
.wordmark{font-family:ui-serif,'New York','Iowan Old Style',Georgia,serif;font-weight:900;font-size:1.7rem;letter-spacing:-.04em;text-transform:lowercase;gap:10px;color:var(--ink);line-height:1}
.wordmark:before,.footer-inner .wordmark:before{content:'';display:block;flex:0 0 38px;width:38px;height:38px;background:url('/assets/app-mark.png') center/contain no-repeat;border:0;border-radius:0;box-shadow:none;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(237,199,109,.35))}
.footer-inner .wordmark{font-size:1.5rem}.footer-inner .wordmark:before{flex-basis:32px;width:32px;height:32px}

.site-header{border-bottom:4px solid var(--line);background:#f8f5ec}
.header-inner nav a{font-family:var(--ui);font-weight:800}
/* art banners: the app's own pixel scenes behind section headings */
.journey .section-heading,.party-heading{position:relative;padding:44px 46px 40px;border-style:solid;border-color:transparent;border-width:4px 4px 8px;border-image:var(--bi-forest) 4 4 8 4 / 4px 4px 8px stretch;background-clip:padding-box;image-rendering:pixelated;color:#fff;isolation:isolate}
.journey .section-heading{background:linear-gradient(90deg,rgba(12,36,26,.84),rgba(12,36,26,.5) 62%,rgba(12,36,26,.3)),url('/assets/banner-quest-board.png') center/cover}
.party-heading{background:linear-gradient(90deg,rgba(12,36,26,.84),rgba(12,36,26,.5) 62%,rgba(12,36,26,.3)),url('/assets/banner-lantern-commons.png') center/cover}
.journey .section-heading h2,.party-heading h2{color:#fff;text-shadow:0 3px 0 rgba(8,28,20,.65)}
.journey .section-heading h2 em,.party-heading h2 em{color:#f3d57a}
.journey .section-heading .eyebrow,.party-heading .eyebrow{color:#f3d57a}
.journey .section-heading>p:last-child,.party-heading>p:last-child{color:#eef3e4;font-weight:600}
.party-heading{column-gap:80px}
.party-section{padding-top:70px}.journey{padding-top:70px}
/* app icons as bullets */
.spark{display:inline-block;width:1.1em;height:1.1em;background:url('/assets/icon-sparkles.png') center/contain no-repeat;vertical-align:-.2em;image-rendering:pixelated;font-size:0}
.pixel-spark{width:22px;height:22px;flex:0 0 22px;font-size:0;background:url('/assets/icon-sparkles.png') center/contain no-repeat}
.hero-visual figcaption span{width:1.2rem;height:1.2rem;margin-right:8px;vertical-align:-.15em}
.step-mark{width:26px;height:26px;flex:0 0 26px;background:url('/assets/icon-sparkles.png') center/contain no-repeat;font-size:0}
.party-detail span{width:36px;height:36px;flex:0 0 36px;background:url('/assets/icon-sparkles.png') center/contain no-repeat;font-size:0}
.step-icon{width:48px;height:48px;flex:0 0 48px;image-rendering:auto}
.tiny-diamond{display:none}
.quest-step{align-items:center}
.step-number{display:none}
.look-notes>p .color-swatch{border-radius:0}
.footer-note a{font-weight:700}
.feedback-email{overflow-wrap:anywhere}
@media(max-width:1050px){.journey .section-heading,.party-heading{padding:34px 30px 32px}}
@media(max-width:760px){.journey .section-heading,.party-heading{padding:30px 22px 28px;background-position:60% center}.step-title{font-size:1.65rem}.party-grid h3{font-size:1.8rem}.button{font-size:1.3rem;padding-inline:20px}.button-small{font-size:.85rem;padding-inline:12px;border-width:4px 4px 6px}.wordmark{font-size:1.5rem;gap:8px}.wordmark:before{flex-basis:32px;width:32px;height:32px}.step-icon{width:40px;height:40px;flex-basis:40px}.faq-list details{padding-inline:16px}}
@media(max-width:370px){.wordmark{font-size:1.3rem}.wordmark:before{flex-basis:28px;width:28px;height:28px}.button{font-size:1.15rem}.hero h1{font-size:3rem}.step-icon{display:none}}

/* Privacy and support: readable parchment pages, isolated scrolling for the data table. */
.document-main{max-width:960px;padding-block:56px 80px;min-width:0}
.document-main article{min-width:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;overflow-wrap:anywhere}
.document-main h1,.document-main h2{font-family:'Pixelify Sans',monospace;letter-spacing:0;line-height:1.15}
.document-main h1{font-size:clamp(2.5rem,6vw,4rem);margin:16px 0 22px}
.document-main h2{font-size:clamp(1.6rem,4vw,2.2rem);margin:32px 0 16px}
.document-main p{margin:0 0 18px;line-height:1.75}
.document-main .updated{color:var(--muted);font-size:.94rem;margin-bottom:28px}
.document-main .eyebrow{margin:0}
.document-main li{line-height:1.75;margin-bottom:12px}
.document-main ul{padding-left:24px;margin:16px 0 24px}
.document-main li ul{margin:12px 0}
.document-main section{margin:34px 0 0}
.document-main .table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);background:var(--white);margin:22px 0;-webkit-overflow-scrolling:touch}
.document-main table{border-collapse:collapse;width:100%;min-width:740px;font-size:.95rem;line-height:1.65;overflow-wrap:normal}
.document-main th,.document-main td{text-align:left;vertical-align:top;padding:16px;border:1px solid var(--line)}
.document-main thead th{background:var(--paper2)}
.document-main tbody th{min-width:120px}
.document-main details p{margin:0;padding-bottom:24px}
.document-main summary{min-height:48px}
.document-page .footer-links a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:370px){.document-page .header-inner{flex-wrap:wrap;justify-content:center;padding-block:14px}.document-main{padding-block:32px 48px}.document-main p,.document-main li{font-size:1rem}}

/* Current app screenshot refresh; preserve native image proportions. */
.look-screens{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;justify-items:center}
.look-screens img{width:min(100%,290px);height:auto;object-fit:contain;border:5px solid var(--ink);border-radius:24px;box-shadow:10px 12px 0 #d8d5c4}
.discover-section{background:var(--paper2);border-block:1px solid var(--line)}
.discover-section h2{margin:20px 0 44px}
.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.discover-card{min-width:0;padding:28px;background:var(--white);border:4px solid #d9cfac;box-shadow:0 4px 0 #beb38e}
.discover-card h3{font-family:var(--pixel-heading);font-size:1.8rem;line-height:1.2;margin:0 0 14px}
.discover-card p{color:var(--muted);font-size:1rem}
.discover-illustrated{display:flex;flex-direction:column;gap:26px}
.discover-illustrated img{width:min(100%,230px);height:auto;object-fit:contain;margin-inline:auto;border:4px solid var(--ink);border-radius:20px}
.discover-ipad{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);align-items:center;gap:36px}
.discover-ipad img{width:100%;height:auto;border-radius:14px}
.feature-preview:has(#panel-journeys:not([hidden])){border-image-source:var(--bi-gold);background:#fff3d2}
@media(max-width:760px){.discover-grid{gap:20px}.discover-card{padding:22px}.discover-ipad{grid-template-columns:1fr}.look-screens{gap:24px}}
@media(max-width:480px){.discover-grid,.look-screens{grid-template-columns:1fr}.discover-card{padding:22px}.look-screens img{width:min(100%,270px)}}
.discover-wide{grid-column:1/-1}
.clips-section h2{margin:20px 0 18px}
.clips-intro{max-width:620px;color:var(--muted);font-size:1.05rem;margin:0 0 40px}
.clips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.clip{margin:0;min-width:0}
.clip video{display:block;width:100%;height:auto;aspect-ratio:1280/900;object-fit:contain;background:#262019;border:4px solid var(--ink);border-radius:18px}
.clip figcaption{margin-top:14px;color:var(--muted);font-size:.95rem}
@media(max-width:760px){.clips-grid{grid-template-columns:1fr;gap:26px}.clips-intro{margin-bottom:28px}}
.step-icon,.wordmark:before,.footer-inner .wordmark:before,.pixel-spark,.step-mark,.party-detail span,.party-heading{image-rendering:pixelated}
/* Apple's App Store badge, drawn as Apple supplies it: no shadow, tilt or hover movement, and a quarter of its height clear around it. */
.store-badge{display:block;flex:none;line-height:0}.store-badge img{width:auto;height:54px}
/* On the narrowest phones the header's small button keeps its small type (a later .button rule made it 1.15rem), so the wordmark and Get Queststone share one line. */
@media(max-width:370px){.button.button-small{font-size:.75rem;padding-inline:9px}}