/*
 Studio Quest — Editorial concept, V4.1 preview only
 15 October 2026. No external font libraries, tracking or imagery.
 The existing Cloudflare project and interactive demonstration are unchanged.
*/
:root{
  --ink:#253938;
  --ink-soft:#4d615c;
  --muted:#6d786f;
  --violet:#ab5038;
  --violet-dark:#863d2b;
  --violet-light:#f8eadd;
  --lime:#dce6cd;
  --line:#dadbd1;
  --paper:#fffcf5;
  --bg:#f5f3eb;
  --sans:"Segoe UI",Arial,sans-serif;
  --forest:#233b38;
  --rust:#ad553b;
  --cream:#fbf9f0;
  --sage:#d9e7d4;
}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.052em;line-height:1.09}
h3,h4{letter-spacing:-.028em}
h1{font-size:clamp(44px,4.75vw,75px)}
h2{font-size:clamp(33px,3.6vw,51px)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:3px}
.top-strip{background:var(--forest);color:#f6eee0;font-weight:650;letter-spacing:.17em}
.status-dot{background:#eec995;box-shadow:none;width:6px;height:6px}
.site-header{background:rgba(253,251,244,.98);border-bottom:1px solid #dfded3;backdrop-filter:none}
.header-inner{max-width:1190px}
.brand-icon{background:var(--forest);color:#f2e5d2;box-shadow:none;border-radius:7px}
.brand-text{font-family:Georgia,serif;font-weight:700;letter-spacing:-.057em;font-size:25px}
.brand-text>span,.footer-brand span{color:var(--rust)}
.brand-text small{color:#777e70;font-family:var(--sans);font-weight:800;letter-spacing:.12em}
.nav-links{color:#485a52}
.nav-links a:hover{color:var(--rust)}
.nav-cta{background:transparent;color:var(--forest);border:1px solid #c7d0c6;border-radius:6px;font-weight:750}
.nav-cta:hover{background:#e5ebe1}
.language-picker select{background:#fffcf5;color:var(--forest);border:1px solid #d2d7ce;border-radius:6px;font-weight:700}
.hero{max-width:1190px;grid-template-columns:1.05fr .95fr;gap:38px;padding-top:84px;padding-bottom:84px}
.hero-copy{max-width:575px}
.eyebrow{padding:0;background:transparent;border:none;border-radius:0;color:#a4513a;font-size:11px;letter-spacing:.16em;gap:7px;font-weight:800}
.eyebrow-mark{font-size:15px}
.hero h1{margin:24px 0 24px;max-width:570px}
.gradient-word{background:none;color:var(--rust);-webkit-text-fill-color:var(--rust);font-family:Georgia,serif;font-style:italic;font-weight:400}
.hero-lead{font-size:17px;color:#56675e;line-height:1.75;max-width:510px}
.button{border-radius:6px;box-shadow:none;letter-spacing:.005em;transition:background .2s,border-color .2s,transform .2s}
.button-primary{background:var(--rust);color:#fffdf7;box-shadow:none}
.button-primary:hover{background:#913d29;box-shadow:none}
.button-quiet{background:transparent;border:1px solid #c7cfc4;color:var(--forest)}
.button-quiet:hover{background:#e7ece2}
.hero-benefits{gap:13px 20px;margin-top:4px}
.hero-benefits span{font-size:11px;font-weight:650;color:#586d61}
.hero-benefits svg{stroke:#59776b}
.hero-art{background:#e7ece3;min-height:555px;border:1px solid #dce2d8;border-radius:3px;overflow:visible;padding:37px 18px 58px;isolation:isolate}
.hero-art:before{content:"";position:absolute;top:21px;left:20px;width:143px;height:89px;opacity:.36;background:repeating-linear-gradient(to bottom,transparent 0 12px,#748b7e 12px 13px,transparent 13px 17px);transform:rotate(-7deg);pointer-events:none}
.hero-art:after{content:"FIELD NOTES  /  04 WEEKS";position:absolute;bottom:18px;left:23px;font-size:9px;color:#5e7667;font-weight:800;letter-spacing:.18em}
.orbit,.floating-star{display:none}
.app-preview{background:#fffcf7;box-shadow:0 11px 24px #283d3925;border:1px solid #bccabd;border-radius:10px;transform:none;width:min(100%,480px)}
.preview-top{background:var(--forest)}
.preview-brand em{color:#deded0}
.tiny-note{color:#d4d9bd}
.preview-welcome{background:#fffcf7}
.preview-avatar{background:#e2e7dc;color:var(--forest);border-radius:5px}
.preview-flame{display:none}
.preview-score{background:#f2f3ea;border-radius:5px}
.preview-label{color:#687f6b}
.preview-score strong{color:var(--forest)}
.preview-score strong span{color:#63776a}
.preview-xp strong,.mini-points{color:var(--rust)}
.preview-progress{background:#e1e6dc}
.preview-progress>span{background:var(--rust)}
.preview-missions{border-top:1px solid #e0e5d9}
.mission-header,.mission-header>span{color:var(--forest)}
.preview-mission{border-color:#dfe4d9;border-radius:5px}
.mission-mini-icon{background:#e3e9df;color:var(--forest);border-radius:4px}
.mission-mini-icon.mint{background:#f8e9db;color:var(--rust)}
.floating-badge{left:-18px;bottom:48px;transform:rotate(-3deg);border:1px solid #dec7b6;border-radius:5px;background:#fff7eb;box-shadow:4px 7px 0 #3052471a}
.floating-badge>span{background:#efddc2;color:var(--rust);border-radius:4px}
.hero-art-caption{font-size:8px;color:#657668;bottom:19px;right:23px}
.proof-band{border-top:1px solid #d5d9cf;border-bottom:1px solid #d5d9cf;margin-top:0;gap:16px}
.proof-band>div{border:0}
.proof-icon{display:none}
.proof-band strong{color:var(--forest)}
.section-kicker{color:var(--rust);letter-spacing:.17em}
.section-heading.center{max-width:760px}
.section-heading p{color:#617268}
.section-heading h2 span,.feedback-intro h2 span,.closing-cta h2 span{color:var(--rust);font-style:italic}
.how-section{padding-top:105px}
.steps{gap:25px}
.step{background:transparent;box-shadow:none;border:0;border-top:2px solid #9fb0a2;border-radius:0;padding:19px 5px 8px}
.step:nth-child(2){border-top-color:var(--rust)}
.step:nth-child(3){border-top-color:#b7a27d}
.step-num{font-size:31px;font-family:Georgia,serif;letter-spacing:-.05em;color:#88968a;font-weight:400}
.step-symbol{display:none}
.step h3{margin-top:11px;color:var(--forest);font-size:20px}
.step p{color:#657269;font-size:14px}
.demo-section{background:var(--forest);padding:94px 0 86px}
.demo-section:before{display:none}
.demo-heading h2 span{color:#e2be8d;font-style:italic}
.demo-heading p{color:#d0d8cc}
.section-kicker.light{color:#e2bd8b}
.interactive-label{background:#344b45;border:1px solid #597369;color:#edf3e7}
.demo-app{border-radius:8px;border:1px solid #d1dacf;box-shadow:0 12px 28px #091d1a26}
.app-toolbar{background:#fdfbf5;border-bottom:1px solid #dce0d5}
.demo-sidebar{background:#f1f3e9;border-right:1px solid #d8e1d6}
.demo-sidebar select{border-radius:5px;border-color:#c6d5c8}
.level-pill{background:#e3e9dd;color:var(--forest);border-radius:4px}
.level-name{color:#6c7c70}
.profile-avatar,.reward-icon{border-radius:4px}
.reward-card{border-radius:5px;border-color:#dae1d6}
.reward-icon{background:#f6e2cf;color:var(--rust)}
.demo-main-header h3>span{color:var(--rust)}
.quest-grid{gap:14px}
.quest-card{border-color:#d8dfd4;border-radius:5px;background:#fffefa;box-shadow:none}
.quest-card:hover{box-shadow:4px 4px 0 #a6baa93b}
.quest-icon,.quest-icon.purple,.quest-icon.coral{background:#e8ece2;color:var(--forest);border-radius:4px}
.quest-icon.coral{background:#f8e8d8;color:var(--rust)}
.quest-type{color:#77867c}
.quest-button{background:#e8eee6;border-color:#c7d5c6;color:var(--forest);border-radius:4px}
.quest-button:hover{background:#d6e5d5}
.demo-disclaimer{color:#c9d3c9}
.toolkit-card{box-shadow:none;border:1px solid #d8dcd2;border-radius:5px;background:#fffcf7}
.toolkit-number{color:var(--rust)}
.toolkit-note{background:#e8ede4;border:1px solid #d7e2d8;border-radius:5px}
.toolkit-note>span{color:var(--forest)}
.button-lime{background:#e2c59a;color:var(--forest)}
.button-lime:hover{background:#f2d6ab}
.feedback-intro>p{color:#5c7165}
.privacy-card{background:#eef1e7;border-color:#d9dfd2;border-radius:5px}
.privacy-card a,.footer-contacts a{color:var(--rust)}
.feedback-form{box-shadow:none;border:1px solid #d9dfd4;border-radius:6px;background:#fffcf7}
.question-group+.question-group{border-top-color:#e5e7de}
.question-heading>span{background:#e8ece4;color:var(--forest);border-radius:3px}
.choices{gap:10px}
.choice{background:#fffdf8;border-color:#dae0d6;border-radius:4px;color:#3d584b}
.choice:hover{background:#f4f5eb;border-color:#9eac9b}
.choice.selected{background:#e8eee4;border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);color:var(--forest)}
.country-select{background:#fffcf7;color:var(--forest);border:1px solid #cbd6c9;border-radius:5px}
.site-footer{background:#f0f0e7;border-top:1px solid #d7dccf}
.footer-brand{font-family:Georgia,serif;letter-spacing:-.05em;color:var(--forest)}
.footer-inner p{color:#64736a}
.footer-inner>a:last-child{color:var(--rust)}
.privacy-hero{background:var(--forest)!important;border-radius:6px!important}
.privacy-panel{background:#fffcf7!important;border:1px solid #d9dfd5!important;border-radius:6px!important}
.privacy-panel h2,.privacy-contact strong{color:var(--forest)!important}
.privacy-panel a{color:var(--rust)!important}
.privacy-contact{background:#e8ede4!important;border-color:#d9dfd4!important;border-radius:5px!important}
@media(max-width:1040px){
 .hero{grid-template-columns:1fr;gap:28px;padding-top:55px}
 .hero-copy{max-width:760px}
 .hero-art{min-height:530px}
 .app-preview{max-width:520px}
 .floating-badge{left:2%}
}
@media(max-width:720px){
 .section-space{padding-top:73px;padding-bottom:73px}
 .hero{padding-top:43px;padding-bottom:37px}
 .hero h1{font-size:clamp(42px,10vw,65px)}
 .hero-art{min-height:495px;margin:0;border-radius:3px;padding:26px 10px 45px}
 .hero-art:before{left:6px;top:6px}
 .app-preview{max-width:460px}
 .floating-badge{bottom:21px;left:0;transform:scale(.78) rotate(-3deg);transform-origin:left bottom}
 .hero-art-caption{display:none}
 .hero-art:after{bottom:12px;font-size:8px}
 .steps{display:block}
 .step{margin-bottom:25px}
 .demo-section{padding:65px 0}
 .feedback-form{border-radius:5px}
}
@media(prefers-reduced-motion:reduce){.button,.quest-card,.choice{transition:none!important;transform:none!important}}

.design-preview-tag{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid #cabba3;color:#f9dbb3;font-weight:900;font-size:9px;letter-spacing:.16em}.design-preview-divider{color:#a9baab}.hero-art .floating-badge{z-index:3}@media(max-width:500px){.design-preview-tag{font-size:8px}.top-strip{flex-wrap:wrap;row-gap:5px}.top-strip .design-preview-divider{display:none}}

.proof-band>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.proof-band strong{font-size:14px;line-height:1.3;white-space:normal;font-weight:750}.proof-band>div>span:last-child{font-size:11px;line-height:1.55;color:#66766c}.proof-band{column-gap:23px}