@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5efe5;--paper-deep:#eee5d8;--ink:#33251f;--muted:#87776c;--line:rgba(72,49,39,.14);--accent:#d98170;--accent-dark:#a9564c;--accent-soft:#f2d4c8;--sage:#a8b899;--white:#fffaf2;--dark:#30231f;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--radius:19px}
html[data-theme="rose"]{--accent:#bd7080;--accent-dark:#8d4658;--accent-soft:#edd0d3;--sage:#c2a7a0}html[data-theme="sage"]{--accent:#788b68;--accent-dark:#54634a;--accent-soft:#d5dfc8;--sage:#9fb296}html[data-theme="lavender"]{--accent:#927da9;--accent-dark:#67567a;--accent-soft:#dcd3e7;--sage:#b6a9c4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");mix-blend-mode:multiply}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{height:76px;padding:0 max(32px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(245,239,229,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(72,49,39,.08);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font:800 19px var(--display);letter-spacing:-1px}.brand-symbol{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:inset 0 0 0 6px rgba(255,250,242,.35);position:relative}.brand-symbol:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--paper);position:absolute}.brand-symbol i{width:25px;height:25px;border-radius:50%;border:1px dashed rgba(255,250,242,.8)}.brand-dot{color:var(--accent)}.main-nav{display:flex;gap:34px;font-size:11px;color:#74665c}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--accent-dark)}.header-button{font-size:10px;font-weight:700;padding:10px 13px;border-radius:8px;background:rgba(255,255,255,.53);border:1px solid var(--line);transition:.2s}.header-button:hover{transform:translateY(-2px);background:var(--white)}.header-button span{margin-left:14px;color:var(--accent-dark)}.nav-toggle{display:none;border:0;background:transparent;font-size:22px}
.hero{min-height:635px;padding:79px 0 86px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;position:relative}.hero:before{content:'';position:absolute;left:-17vw;top:12%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(218,151,127,.13),transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;animation:fadeUp .8s both}.overline,.section-kicker{font:9px var(--mono);letter-spacing:1.5px;color:#9b7168}.overline{display:flex;align-items:center;gap:9px}.overline-line{height:1px;width:24px;background:var(--accent)}h1,h2{font-family:var(--display)}.hero h1{font-size:clamp(47px,5.5vw,69px);line-height:1.04;letter-spacing:-4.7px;margin:23px 0 19px;font-weight:800}.hero h1 em,.feature-heading h2 em,.preview-heading h2 em,.closing-copy h2 em{font-style:normal;color:var(--accent-dark)}.hero-copy>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:395px;margin:0}.hero-ctas{display:flex;align-items:center;gap:23px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 16px;border:0;border-radius:9px;font-size:10px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--dark);color:#fff7ed;box-shadow:0 8px 20px rgba(48,35,31,.13)}.button-dark:hover{background:#49332a;box-shadow:0 12px 25px rgba(48,35,31,.2)}.button span{font-size:14px;color:var(--accent-soft)}.text-link{font-size:10px;color:#695951}.text-link span{color:var(--accent-dark);margin-left:5px}.hero-meta{display:flex;align-items:center;gap:10px;margin-top:43px}.meta-mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark);font-size:16px}.hero-meta>span:last-child{display:flex;flex-direction:column;gap:4px}.hero-meta strong{font-size:9px}.hero-meta small{font-size:8px;color:var(--muted)}
.hero-visual{height:445px;position:relative;display:grid;place-items:center;animation:fadeUp .8s .12s both}.visual-orbit{position:absolute;border:1px solid rgba(138,100,78,.13);width:400px;height:265px;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:390px;height:260px;transform:rotate(36deg);border-style:dashed}.game-window{position:relative;z-index:2;width:min(450px,92%);padding:8px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#faf6ed;box-shadow:0 35px 80px rgba(90,62,47,.2),0 8px 20px rgba(90,62,47,.07);transform:rotate(1.4deg);animation:windowFloat 6s ease-in-out infinite}.window-top,.window-foot{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#9b897e;font:7px var(--mono);letter-spacing:.6px}.window-lights{display:flex;gap:4px}.window-lights i{width:5px;height:5px;background:#d5c7b7;border-radius:50%}.window-lights i:first-child{background:#d78b79}.window-top>b{letter-spacing:3px}.game-scene{height:266px;overflow:hidden;border-radius:9px;position:relative;background:linear-gradient(180deg,#e6c6a6 0%,#f2d9bb 40%,#c6d0aa 40%,#b7c397 100%)}.scene-sun{position:absolute;top:31px;right:63px;width:46px;height:46px;border-radius:50%;background:#fae8bc;box-shadow:0 0 40px rgba(255,237,197,.8);animation:sunGlow 4s ease-in-out infinite alternate}.scene-hill{position:absolute;width:130%;height:165px;left:-15%;border-radius:50%}.hill-back{bottom:-75px;background:#a4b38c;transform:rotate(-8deg)}.hill-front{bottom:-119px;background:#8eaa83;transform:rotate(8deg)}.scene-daisies{position:absolute;bottom:23px;left:40%;right:3%;display:flex;justify-content:space-around;color:#fff4da;font-size:18px;text-shadow:0 1px #738668}.scene-daisies i:nth-child(2){transform:translateY(8px) scale(.75)}.scene-daisies i:nth-child(3){transform:translateY(-5px) scale(.9)}.hud-brand{position:absolute;top:17px;left:17px;display:flex;align-items:center;gap:6px;color:#402c25}.mini-mark{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-size:14px}.hud-brand>span:last-child{display:flex;flex-direction:column}.hud-brand strong{font:800 11px var(--display);letter-spacing:-.5px}.hud-brand small{font:6px var(--mono);letter-spacing:1px;color:#8d7468;margin-top:2px}.hud-card{position:absolute;background:rgba(255,250,241,.76);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 5px 16px rgba(88,65,48,.08);color:#69544a}.hud-stats{top:17px;right:15px;width:117px;padding:9px}.hud-caption{font:6px var(--mono);letter-spacing:1px;color:#a78777;margin-bottom:6px}.hud-stats div:not(.hud-caption){display:flex;justify-content:space-between;padding:3px 0;font-size:7px;color:#977f73}.hud-stats b{font-weight:700;color:#56443b}.hud-active{left:14px;bottom:15px;padding:8px 10px;display:flex;gap:7px;align-items:center;font-size:7px;color:#69544a}.active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.crosshair{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.crosshair i{position:absolute;width:1.5px;height:5px;background:#fff9ec;left:5px;top:0}.crosshair i:last-child{transform:rotate(90deg);top:4px}.hotbar{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;background:rgba(44,38,34,.58);border:1px solid rgba(255,255,255,.2);border-radius:6px}.hotbar span{width:25px;height:25px;display:grid;place-items:center;background:rgba(249,241,224,.27);border:1px solid rgba(255,255,255,.16);border-radius:3px;font-size:13px}.hotbar .hotbar-selected{border:1px solid #fff0cc;background:rgba(255,239,208,.38);box-shadow:0 0 0 1px rgba(255,232,196,.25)}.window-foot{font-size:6px;letter-spacing:.8px}.window-foot span:first-child{display:flex;align-items:center;gap:5px}.window-foot i{width:5px;height:5px;border-radius:50%;background:#91a77e}.window-foot b{color:var(--accent);padding:0 3px}.floating-note{position:absolute;z-index:3;padding:9px 12px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,250,241,.86);backdrop-filter:blur(8px);box-shadow:0 10px 25px rgba(79,56,44,.12);font:7px var(--mono);letter-spacing:.7px;color:#7d6a60;animation:noteFloat 4s ease-in-out infinite}.note-one{top:40px;right:0}.note-two{bottom:50px;left:0;animation-delay:1s}.note-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9bb48c;margin-right:6px}.note-two span,.note-two b{color:var(--accent-dark);font-size:11px;margin-right:6px}.hero-sticker{position:absolute;z-index:4;right:5%;bottom:6px;width:79px;height:79px;border-radius:50%;background:#d88371;color:#fff3e5;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(12deg);box-shadow:0 12px 26px rgba(146,76,62,.24);animation:stickerTurn 20s linear infinite}.hero-sticker span{font-size:28px}.hero-sticker small{font:7px var(--mono);line-height:1.25;text-transform:uppercase;letter-spacing:.5px}.scroll-cue{position:absolute;left:0;bottom:25px;display:flex;align-items:center;gap:8px;color:#9d8c80;font:7px var(--mono);letter-spacing:1.2px}.scroll-cue span{height:23px;width:14px;border:1px solid #bda99b;border-radius:9px;position:relative}.scroll-cue span:after{content:'';position:absolute;left:5px;top:5px;width:2px;height:4px;border-radius:2px;background:var(--accent);animation:scrollDot 1.5s infinite}
.feature-intro{padding:83px 0 100px;border-top:1px solid rgba(72,49,39,.1)}.feature-heading{display:flex;justify-content:space-between;align-items:end;margin:15px 0 36px}.feature-heading h2,.preview-heading h2,.closing-copy h2{font-size:42px;line-height:1.08;letter-spacing:-2.4px;margin:0}.feature-heading>p,.preview-heading p{max-width:330px;color:var(--muted);font-size:11px;line-height:1.8;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{position:relative;min-height:256px;padding:21px;border:1px solid rgba(92,64,49,.1);border-radius:15px;background:rgba(255,250,242,.58);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(73,52,40,.09);border-color:rgba(162,105,83,.24)}.feature-card:after{content:'';position:absolute;width:135px;height:135px;border-radius:50%;right:-65px;top:-72px;background:var(--accent-soft);opacity:.5}.feature-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:18px;margin-bottom:20px}.icon-peach{background:#f3ded0;color:#b46d57}.icon-rose{background:#edd7d2;color:#aa6259}.icon-sage{background:#e1e7d8;color:#728264}.feature-index{position:absolute;right:20px;top:24px;color:#bdafa4;font:8px var(--mono)}.feature-card h3{font:700 14px var(--display);letter-spacing:-.3px;margin:0 0 8px}.feature-card p{max-width:270px;color:var(--muted);font-size:9px;line-height:1.75;margin:0}.mini-hud-demo,.swatch-row,.smooth-demo{position:absolute;bottom:19px;left:20px;right:20px;height:41px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(72,49,39,.09);padding-top:12px}.mini-hud-label{font:6px var(--mono);color:#9c8a7d;letter-spacing:.8px}.mini-hud-label b{color:#655148;margin-left:3px}.armor-row{display:flex;gap:3px;margin-right:auto}.armor-row i{font-style:normal;color:#d4836d;font-size:9px}.armor-row i:nth-last-child(-n+2){color:#d3c8b9}.swatch-row{gap:7px}.swatch{width:17px;height:17px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(57,37,28,.08)}.swatch-coral{background:#da8a75}.swatch-cocoa{background:#695047}.swatch-sage{background:#9aaa87}.swatch-lilac{background:#afa1b8}.swatch-row span{font:7px var(--mono);color:#a18d81;margin-left:auto}.smooth-demo{gap:8px}.smooth-pill{padding:6px 9px;border:1px solid rgba(72,49,39,.13);border-radius:20px;font:7px var(--mono);color:#8b786b;background:#fcf8f0}.smooth-pill-on{border-color:rgba(119,144,103,.25);background:#e9eee2;color:#607554}.smooth-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#88a076;margin-left:5px}.smooth-arrow{color:#ba9b8c}
.preview-section{background:#e9dfd1;padding:82px 0 90px;position:relative;overflow:hidden}.preview-section:before{content:'';position:absolute;width:560px;height:560px;border:1px solid rgba(103,73,54,.08);border-radius:50%;right:-110px;top:80px;box-shadow:0 0 0 55px rgba(103,73,54,.025),0 0 0 110px rgba(103,73,54,.018)}.preview-heading{display:flex;justify-content:space-between;align-items:end;margin:16px 0 35px;position:relative;z-index:1}.preview-heading h2{font-size:39px}.preview-heading p{margin-top:10px}.theme-picker{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(72,49,39,.12);border-radius:30px;background:rgba(255,250,242,.45)}.theme-choice{border:0;cursor:pointer;padding:3px;border-radius:50%;background:transparent}.theme-choice i{display:block;width:20px;height:20px;border-radius:50%;background:#d88973;box-shadow:inset 0 0 0 1px rgba(49,34,29,.1);transition:transform .2s}.theme-choice:hover i{transform:scale(1.17)}.theme-choice[data-theme="rose"] i{background:#b87380}.theme-choice[data-theme="sage"] i{background:#879a75}.theme-choice[data-theme="lavender"] i{background:#9c8aad}.theme-choice.selected{box-shadow:0 0 0 1px var(--dark)}.customizer{display:grid;grid-template-columns:245px 1fr;gap:0;max-width:890px;margin:auto;position:relative;z-index:1;border:1px solid rgba(255,255,255,.7);border-radius:17px;background:#f9f4ea;box-shadow:0 25px 60px rgba(89,66,48,.13);overflow:hidden}.customizer-side{padding:24px 22px;background:rgba(255,255,255,.4);border-right:1px solid rgba(72,49,39,.1)}.customizer-label{display:flex;align-items:center;gap:7px;color:#7e6c60;font:7px var(--mono);letter-spacing:.8px}.customizer-label .mini-mark{width:19px;height:19px;font-size:11px}.customizer-side h3{font:800 22px var(--display);letter-spacing:-1px;margin:24px 0 5px}.customizer-side>p{color:#958176;font-size:9px;line-height:1.6;margin:0 0 27px}.customizer-controls{display:flex;align-items:center;justify-content:space-between;color:#9c8a7e;font:7px var(--mono);letter-spacing:.7px;margin-bottom:10px}.theme-picker-small{border:0;background:none;padding:0;gap:5px}.theme-picker-small .theme-choice{padding:2px}.theme-picker-small .theme-choice i{width:15px;height:15px}.setting-row{display:flex;justify-content:space-between;align-items:center;color:#7c6a5f;font-size:8px;margin-top:18px}.setting-row>b{font:8px var(--mono);color:#a07868}.range-track{height:4px;border-radius:6px;background:#ded3c5;margin-top:10px;position:relative}.range-track i{position:absolute;inset:0 32% 0 0;border-radius:5px;background:var(--accent)}.range-track b{position:absolute;top:50%;left:68%;width:10px;height:10px;border-radius:50%;background:#fffaf2;border:2px solid var(--accent);transform:translate(-50%,-50%)}.toggle{display:inline-flex;width:27px;height:15px;align-items:center;padding:2px;border-radius:20px;background:#c9bdb0}.toggle i{width:11px;height:11px;border-radius:50%;background:#fffaf2;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .25s}.toggle.on{background:var(--accent)}.toggle.on i{transform:translateX(12px)}.customizer-screen{padding:14px 16px 18px;background:#f4eee3}.screen-top{height:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(72,49,39,.08);color:#a18e82}.screen-top>span:first-child{display:flex;gap:4px}.screen-top i{display:block;width:5px;height:5px;border-radius:50%;background:#d8cbbd}.screen-top i:first-child{background:var(--accent)}.screen-top small,.screen-save{font:6px var(--mono);letter-spacing:.8px}.screen-save{color:#8a9d7a}.screen-layout{display:grid;grid-template-columns:40px 1fr;min-height:235px;padding-top:13px}.screen-sidebar{display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:3px;border-right:1px solid rgba(72,49,39,.08);color:#ae9d91;font-size:10px}.sidebar-mark{width:20px;height:20px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;margin-bottom:5px;font-size:12px}.side-active{color:var(--accent-dark)}.sidebar-user{margin-top:auto;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e9d7ca;font:6px var(--mono);color:#775d50}.screen-content{padding:1px 0 0 17px}.screen-title{display:flex;justify-content:space-between;align-items:center}.screen-eyebrow{font:6px var(--mono);letter-spacing:1px;color:#a99081}.screen-title h3{font:700 14px var(--display);letter-spacing:-.4px;margin:4px 0 0}.screen-chip{border-radius:20px;padding:5px 8px;background:var(--accent-soft);color:var(--accent-dark);font:6px var(--mono);letter-spacing:.5px}.screen-tabs{display:flex;gap:16px;margin-top:17px;border-bottom:1px solid rgba(72,49,39,.1);color:#a39186;font-size:7px}.screen-tabs span{padding-bottom:8px}.screen-tabs .tab-current{color:var(--accent-dark);border-bottom:2px solid var(--accent)}.setting-preview{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:9px 10px;border:1px solid rgba(72,49,39,.08);border-radius:8px;background:rgba(255,252,246,.7)}.setting-copy{display:flex;flex-direction:column;gap:4px}.setting-copy b{font-size:8px;color:#59463d}.setting-copy small{font-size:6px;color:#a08e81}.setting-preview-slider{padding:9px 10px 8px}.slider-small{color:var(--accent-dark);font:8px var(--mono);margin-left:11px;letter-spacing:-1px}.screen-swatches{display:flex;align-items:center;gap:6px;margin-top:12px;color:#9c897d;font:6px var(--mono);letter-spacing:.7px}.screen-swatches i{width:11px;height:11px;border-radius:50%;background:var(--accent)}.screen-swatches i:nth-of-type(2){background:#b49c82}.screen-swatches i:nth-of-type(3){background:#8a9b7a}.screen-swatches i:nth-of-type(4){background:#a295af}.screen-swatches b{margin-left:auto;font-weight:400;color:var(--accent-dark)}.customizer-caption{position:absolute;bottom:-37px;left:50%;transform:translateX(-50%);font-size:8px;color:#8c7768;white-space:nowrap}.customizer-caption span{color:var(--accent-dark);margin-right:5px}
.closing{min-height:400px;padding:70px 0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}.closing-art{height:260px;position:relative;display:grid;place-items:center}.closing-orbit{width:240px;height:240px;border:1px solid rgba(117,85,63,.13);border-radius:50%;position:absolute;animation:orbitSpin 28s linear infinite}.closing-orbit:before{content:'';position:absolute;top:21px;left:41px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent-soft)}.closing-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--paper) 0 19%,transparent 20%),conic-gradient(from 20deg,var(--accent),#ecbd9e,var(--sage),#e2baaa,var(--accent));color:#fff4e6;font-size:75px;box-shadow:0 22px 45px rgba(97,66,49,.18);animation:donutFloat 5s ease-in-out infinite}.closing-spark{position:absolute;color:var(--accent-dark);font-size:18px}.spark-left{left:14%;top:22%}.spark-right{right:12%;bottom:19%}.closing-copy h2{font-size:42px;margin:15px 0}.closing-copy>p{max-width:390px;color:var(--muted);font-size:10px;line-height:1.8;margin-bottom:21px}.site-footer{min-height:77px;border-top:1px solid rgba(72,49,39,.1);padding:15px max(32px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;color:#927f73;font-size:8px}.site-footer .brand{font-size:15px;color:var(--ink)}.site-footer .brand-symbol{width:25px;height:25px}.site-footer .brand-symbol i{width:20px;height:20px}.site-footer>a:last-child span{color:var(--accent-dark);font-size:12px;margin-left:4px}
@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes windowFloat{50%{transform:rotate(.2deg) translateY(-7px)}}@keyframes noteFloat{50%{translate:0 -6px}}@keyframes sunGlow{to{box-shadow:0 0 58px rgba(255,237,197,.95);transform:scale(1.04)}}@keyframes stickerTurn{to{transform:rotate(372deg)}}@keyframes scrollDot{to{transform:translateY(6px);opacity:.25}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes donutFloat{50%{transform:translateY(-7px) rotate(4deg)}}
@media(max-width:900px){.wrap{width:min(720px,calc(100% - 48px))}.site-header{padding:0 24px}.hero{grid-template-columns:1fr;padding-top:64px;gap:22px}.hero-copy{max-width:550px}.hero-visual{height:405px}.scroll-cue{bottom:14px}.feature-heading{align-items:start;gap:25px}.feature-grid{gap:10px}.feature-card{padding:17px;min-height:270px}.mini-hud-demo,.swatch-row,.smooth-demo{left:17px;right:17px}.feature-card h3{font-size:12px}.feature-card p{font-size:8px}.customizer{grid-template-columns:215px 1fr}.closing{gap:28px}}
@media(max-width:620px){.wrap{width:calc(100% - 38px)}.site-header{height:66px;padding:0 19px}.main-nav,.header-button{display:none}.main-nav.mobile-open{display:flex;position:absolute;top:65px;left:0;right:0;padding:16px 20px;background:rgba(245,239,229,.98);border-bottom:1px solid var(--line);flex-direction:column;gap:15px}.nav-toggle{display:block}.hero{padding:51px 0 66px;min-height:auto}.hero h1{font-size:51px;letter-spacing:-3.7px}.hero-copy>p{font-size:11px}.hero-ctas{gap:15px}.text-link{font-size:9px}.hero-meta{margin-top:30px}.hero-visual{height:345px;margin:0 -10px}.game-window{width:94%}.game-scene{height:236px}.visual-orbit{width:310px;height:230px}.orbit-two{width:300px}.note-one{right:-4px;top:17px}.note-two{left:-5px;bottom:29px}.hero-sticker{width:63px;height:63px;right:0;bottom:0}.hero-sticker span{font-size:22px}.hero-sticker small{font-size:6px}.scroll-cue{left:0;bottom:19px}.feature-intro{padding:59px 0 70px}.feature-heading{flex-direction:column;gap:13px;margin-bottom:25px}.feature-heading h2,.preview-heading h2,.closing-copy h2{font-size:35px;letter-spacing:-2px}.feature-heading>p{font-size:10px}.feature-grid{grid-template-columns:1fr;gap:9px}.feature-card{min-height:202px;padding:18px}.feature-card h3{font-size:14px}.feature-card p{font-size:9px;max-width:330px}.mini-hud-demo,.swatch-row,.smooth-demo{left:18px;right:18px}.preview-section{padding:59px 0 82px}.preview-heading{align-items:start;gap:18px;flex-direction:column;margin-bottom:24px}.preview-heading h2{font-size:36px}.preview-heading p{font-size:10px}.customizer{grid-template-columns:1fr}.customizer-side{padding:18px;border-right:0;border-bottom:1px solid rgba(72,49,39,.1)}.customizer-side h3{margin-top:13px}.customizer-side>p{margin-bottom:16px}.customizer-controls{margin-bottom:6px}.setting-row{margin-top:10px}.customizer-screen{padding:12px}.screen-layout{min-height:222px}.screen-content{padding-left:12px}.screen-title h3{font-size:12px}.customizer-caption{bottom:-27px;font-size:7px}.closing{grid-template-columns:1fr;gap:5px;padding:58px 0 63px}.closing-art{height:190px;order:2}.closing-orbit{width:170px;height:170px}.closing-donut{width:100px;height:100px;font-size:53px}.closing-copy{order:1}.closing-copy h2{margin:11px 0}.closing-copy>p{font-size:9px}.site-footer{padding:16px 19px;flex-wrap:wrap;gap:12px}.site-footer>span{order:3;flex-basis:100%;text-align:center;font-size:7px}.site-footer>a:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Download details and accessible motion/navigation polish. */
.main-nav{font-size:12px}
.main-nav a[aria-current="location"]{color:var(--accent-dark)}
.main-nav a:focus-visible,.header-button:focus-visible,.nav-toggle:focus-visible,.button:focus-visible,.text-link:focus-visible,.theme-choice:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}
.download-section{padding:76px 0 86px;background:#f0e8dc;position:relative;overflow:hidden}
.download-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid rgba(103,73,54,.1);left:-230px;top:-200px;box-shadow:0 0 0 52px rgba(103,73,54,.025),0 0 0 104px rgba(103,73,54,.018);pointer-events:none}
.download-panel{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;max-width:970px;padding:39px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(255,252,246,.78);box-shadow:0 24px 60px rgba(89,66,48,.08)}
.download-copy h2{font:800 39px/1.08 var(--display);letter-spacing:-2px;margin:15px 0}
.download-copy h2 em{font-style:normal;color:var(--accent-dark)}
.download-copy>p{max-width:410px;margin:0;color:var(--muted);font-size:11px;line-height:1.85}
.download-button{margin-top:23px}
.download-note{display:block;margin-top:11px;color:#97867a;font:8px var(--mono);letter-spacing:.15px}
.download-details{position:relative;padding:22px 22px 17px 25px;border:1px solid rgba(72,49,39,.09);border-radius:15px;background:#f7f1e7}
.download-detail-icon{position:absolute;right:17px;top:15px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark);font-size:16px}
.download-eyebrow{color:#98796b;font:8px var(--mono);letter-spacing:1px}
.download-details ol{list-style:none;margin:17px 0 13px;padding:0}
.download-details li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid rgba(72,49,39,.08)}
.download-details li:last-child{border-bottom:0}
.download-details li>span{font:8px var(--mono);color:var(--accent-dark);padding-top:2px}
.download-details li div{display:flex;flex-direction:column;gap:5px}
.download-details li b{font:700 10px var(--display);color:#59463d}
.download-details li small{font-size:8px;line-height:1.5;color:#938176}
.download-footnote{margin:0;padding-top:11px;border-top:1px solid rgba(72,49,39,.08);font-size:7px;line-height:1.6;color:#988579}
.js-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.js-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.download-panel{gap:28px;padding:29px}.download-copy h2{font-size:34px}}
@media(max-width:620px){.main-nav.mobile-open{font-size:14px}.download-section{padding:57px 0 68px}.download-panel{grid-template-columns:1fr;gap:24px;padding:20px;border-radius:17px}.download-copy h2{font-size:33px}.download-details{padding:20px 17px 15px}.download-details li small{font-size:9px}.download-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.js-reveal{opacity:1;transform:none;transition:none}}

/* Feature overview: a calm, responsive map of the actual mod tabs. */
.inside-section{padding:88px 0 86px;background:linear-gradient(145deg,#fbf7ef 0%,#f3eadf 100%);position:relative;overflow:hidden}
.inside-section:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(131,96,76,.09);border-radius:50%;right:-270px;top:-270px;box-shadow:0 0 0 58px rgba(131,96,76,.025),0 0 0 116px rgba(131,96,76,.018);pointer-events:none}
.inside-heading{position:relative;display:flex;justify-content:space-between;align-items:end;gap:32px;margin:16px 0 34px}
.inside-heading h2{font-size:42px;line-height:1.08;letter-spacing:-2.4px;margin:0}
.inside-heading h2 em{font-style:normal;color:var(--accent-dark)}
.inside-heading>p{max-width:390px;color:var(--muted);font-size:11px;line-height:1.85;margin:0 0 4px}
.inside-heading kbd{display:inline-block;padding:3px 7px;border:1px solid rgba(91,66,52,.16);border-radius:6px;background:#fffcf7;color:#59463d;font:9px var(--mono);box-shadow:0 2px 0 rgba(91,66,52,.1)}
.inside-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.inside-card{position:relative;min-height:235px;padding:20px;border:1px solid rgba(92,64,49,.1);border-radius:16px;background:rgba(255,252,247,.76);box-shadow:0 7px 24px rgba(74,51,39,.025);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;overflow:hidden}
.inside-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 92% 5%,var(--accent-soft),transparent 42%);transition:opacity .4s;pointer-events:none}
.inside-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(73,52,40,.1);border-color:rgba(162,105,83,.24)}
.inside-card:hover:before{opacity:.47}
.inside-number{position:absolute;right:18px;top:23px;color:#aa998d;font:7px var(--mono);letter-spacing:.55px}
.inside-icon{position:relative;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:17px;margin-bottom:19px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.inside-card:hover .inside-icon{transform:rotate(-7deg) scale(1.08)}
.icon-lilac{background:#e9e2ed;color:#77668b}.icon-cocoa{background:#eee1d7;color:#8a5c4b}
.inside-card h3{position:relative;font:700 14px var(--display);letter-spacing:-.3px;margin:0 0 8px}
.inside-card p{position:relative;color:var(--muted);font-size:9px;line-height:1.8;margin:0}
.inside-tags{position:absolute;left:20px;right:15px;bottom:17px;display:flex;flex-wrap:wrap;gap:6px}
.inside-tags span{padding:5px 7px;border:1px solid rgba(92,64,49,.1);border-radius:20px;background:#fffcf7;color:#8d796d;font:7px var(--mono)}
.inside-card-wide{grid-column:span 4;min-height:145px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:16px;padding:24px 25px}
.inside-card-wide .inside-icon{margin:0}.inside-wide-copy h3{margin:0 0 7px}.inside-wide-copy p{max-width:740px}.inside-warning{padding:8px 10px;border:1px solid rgba(169,93,70,.18);border-radius:30px;background:#f8e9df;color:#9c604d;font:7px var(--mono);letter-spacing:.55px;white-space:nowrap}
.inside-footer{position:relative;display:flex;align-items:center;gap:11px;margin-top:20px;padding:14px 17px;border-radius:12px;background:rgba(232,224,211,.62);color:#7e6b60}
.inside-spark{color:var(--accent-dark);font-size:17px}.inside-footer p{flex:1;margin:0;font-size:9px;line-height:1.7}.inside-footer p strong{color:#55443b}.inside-footer>a{font-size:9px;font-weight:700;white-space:nowrap;transition:color .2s,transform .2s}.inside-footer>a:hover{color:var(--accent-dark);transform:translateX(3px)}.inside-footer>a span{color:var(--accent-dark);margin-left:4px}
.js-reveal{transition-delay:var(--reveal-delay,0ms)}
@media(max-width:900px){.inside-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inside-card-wide{grid-column:span 2}.inside-heading{align-items:start;flex-direction:column;gap:13px}.inside-heading>p{max-width:560px}}
@media(max-width:620px){.inside-section{padding:59px 0 65px}.inside-heading h2{font-size:35px;letter-spacing:-2px}.inside-heading>p{font-size:10px}.inside-grid{grid-template-columns:1fr;gap:9px}.inside-card{min-height:205px;padding:18px}.inside-card p{font-size:9px}.inside-tags{left:18px;bottom:15px}.inside-card-wide{grid-column:auto;min-height:0;grid-template-columns:37px 1fr;padding:18px;gap:12px}.inside-wide-copy{grid-column:1 / -1}.inside-warning{grid-column:1 / -1;justify-self:start;margin-left:49px}.inside-footer{align-items:flex-start;flex-wrap:wrap}.inside-footer p{flex-basis:calc(100% - 32px)}.inside-footer>a{margin-left:28px}}