/* PRSC: a compact editorial studio, with the application as its working surface. */
:root{--bg:#1e2229;--text:#f5f7f2;--muted:#b9c0bd;--sage:#b9cdb0;--line:#ffffff24}
body{background:radial-gradient(ellipse at 0 40%,#8ea48e10,transparent 50%),var(--bg)}
body{isolation:isolate}
.ambient-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;--drift-x:0px;--drift-y:0px;--grid-x:0px;--grid-y:0px;--pointer-x:0vw;--pointer-y:0vh}
.ambient-glow{position:absolute;inset:-280px;background:radial-gradient(ellipse at 18% 30%,#8ea48e52,transparent 42%),radial-gradient(ellipse at 86% 80%,#a6c59a35,transparent 42%);transform:translate3d(var(--drift-x),var(--drift-y),0)}
.ambient-spotlight{position:absolute;left:50%;top:50%;width:clamp(480px,65vw,1000px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b5f4aa65 0%,#8ec49e48 24%,#8ea48e20 47%,transparent 69%);transform:translate3d(calc(-50% + var(--pointer-x)),calc(-50% + var(--pointer-y)),0)}
.ambient-grid{position:absolute;inset:-150px;background-image:linear-gradient(#b9cdb01e 1px,transparent 1px),linear-gradient(90deg,#b9cdb01e 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(ellipse at 40% 45%,#000 12%,transparent 82%);transform:translate3d(var(--grid-x),var(--grid-y),0)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ambient-glow,.ambient-grid,.ambient-spotlight{will-change:transform}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.ambient-spotlight{opacity:.45}.ambient-grid{opacity:.6}}
.header{max-width:1280px;padding:32px 48px 27px;border-bottom:1px solid var(--line)}
.logo{align-items:flex-start}.logo-main{font-size:29px;letter-spacing:-1.5px}.logo-sub{font-size:12px;letter-spacing:3px;padding-left:7px;margin-top:7px}
.location{border:1px solid #ffffff28;border-radius:100px;padding:9px 16px;font-size:14px}
main{width:min(calc(100% - 96px),1184px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(38px,6vw,94px);align-items:start;margin:64px auto 0}
.intro-section{text-align:left;padding:14px 0 0;position:sticky;top:32px}
.eyebrow{font-size:12px;letter-spacing:.17em;display:inline-block;border-bottom:1px solid #8ea48e75;padding-bottom:12px;margin-bottom:28px;color:#c0cfb9}
h1{font-size:clamp(3.4rem,5.65vw,5.4rem);font-weight:500;line-height:1.04;letter-spacing:-.065em}
h1 span{display:inline-block;color:#b6c8ac;font-weight:500;letter-spacing:-.065em}
.intro{font-size:18px;line-height:1.65;margin:27px 0 0;max-width:430px}
.bonus{margin:36px 0 0;padding:22px 24px;max-width:470px;border-radius:18px;border:1px solid #8ea48e50;background:linear-gradient(115deg,#8ea48e18,#8ea48e05);transform:rotate(-1deg);box-shadow:0 12px 28px #00000012}
.bonus-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.bonus-label{font-size:12px;letter-spacing:.1em;color:#c1cfba}.bonus-symbol{font:400 24px/1 Montserrat,sans-serif;color:#c1cfba}
.bonus-content{display:flex;gap:22px;align-items:center;margin-top:12px}.bonus .bonus-value{font:500 clamp(2.6rem,4vw,3.4rem)/1.1 Montserrat,Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap;color:#d8e6cb}
.bonus-value{border-radius:10px;transition:color .18s,text-shadow .18s,transform .18s}.bonus-value:focus-visible{outline:2px solid #b9f5ae;outline-offset:6px}
@media(hover:hover) and (pointer:fine) and (min-width:1025px){.bonus-value{cursor:crosshair}.bonus-value:hover{color:#efffeb;text-shadow:0 0 20px #7cff9c99;transform:scale(1.035)}}
@media(max-width:1024px),(hover:none),(pointer:coarse){.bonus-value{pointer-events:none}}
.bonus p{font-size:14px;line-height:1.6;margin:0;color:#bcc5be}.bonus p strong{font-weight:400;color:#f1f5ed}
#qualify{min-width:0;scroll-margin-top:24px}
.form-panel{color-scheme:light;color:#202820;background:#f1f3eb;border:1px solid #fff;border-radius:26px;padding:32px;box-shadow:0 25px 70px #00000022;position:relative}
.form-heading{gap:15px;align-items:flex-start}.form-heading h3{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.045em;max-width:290px}
#step-label{font-size:12px;letter-spacing:.04em;color:#4c5e4b;border:1px solid #c7cec1;background:#e6ebdf;border-radius:50px;padding:6px 10px;margin-top:2px}
.progress{margin-top:22px;background:#d9dfd1;height:3px}.progress span{background:#6f8767}
.preview-note{font-size:14px;line-height:1.55;color:#5c685b;margin:17px 0 26px}
label{font-size:14px;font-weight:700;line-height:1.55;margin:20px 0 8px;color:#2c372b}
input,select{color:#263124;background:#ffffffb3;border:1px solid #cbd2c5;border-radius:10px;min-height:50px;padding:13px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}
input:hover,select:hover{border-color:#8ea48e}input:focus,select:focus{border-color:#5c7858;box-shadow:0 0 0 3px #8ea48e20;outline:none}input::placeholder{color:#747e70}
.field-hint{font-size:13px;color:#616d5c;margin-top:6px}.consent{font-size:13px;color:#5c685b}.consent input{accent-color:#45663f}
.button{background:#23312a;color:#f4f6ef;border:1px solid #23312a;border-radius:100px;min-height:55px;font-size:15px;margin-top:26px;padding:15px 21px;justify-content:space-between;transition:background .2s,transform .2s,box-shadow .2s}
.button span{font-size:22px;line-height:1}.button:hover{background:#354b3c;transform:translateY(-2px);box-shadow:0 7px 15px #23312a20}.button:active{transform:translateY(0)}
.back-button{color:#495846}.button-outline{background:transparent;color:#263e29;border-color:#8ea48e}.button-outline:hover{background:#e1e8da}
.form-panel :focus-visible{outline:3px solid #6b8963;outline-offset:3px}#review p,#review-details dt{color:#56644f}#form-status{color:#663225;font-size:14px}
.bonus-terms{font-size:12px;color:#aeb8ae;line-height:1.65;margin:17px 12px 0}
.footer{max-width:1280px;margin:65px auto 0;padding:23px 48px 28px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.02em;color:#adb7ac}
@keyframes studio-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.intro-section,#qualify{animation:studio-in .6s ease-out both}#qualify{animation-delay:.08s}
@media(min-width:1500px){main{margin-top:80px;gap:100px}.intro-section{padding-top:30px}}
@media(max-width:1020px){main{width:calc(100% - 56px);gap:32px}.header{padding-inline:28px}.form-panel{padding:26px}.form-heading h3{font-size:21px}.bonus-content{display:block}.bonus p{margin-top:9px}.intro{font-size:17px}.footer{padding-inline:28px}}
@media(max-width:760px){.header{padding:24px 22px}.logo-main{font-size:25px}.logo-sub{font-size:12px;letter-spacing:2px}.location{font-size:12px;padding:8px 11px}main{width:min(calc(100% - 40px),540px);grid-template-columns:1fr;gap:28px;margin-top:31px}.intro-section{position:static;padding:0}.eyebrow{font-size:12px;margin-bottom:18px;padding-bottom:9px}h1{font-size:clamp(3.25rem,11vw,4.8rem);line-height:1.05}h1 br:first-of-type{display:none}.intro{font-size:16px;margin-top:19px;max-width:420px}.bonus{max-width:none;margin-top:24px;padding:17px 20px;border-radius:15px;transform:none}.bonus-content{display:flex;gap:19px;margin-top:8px}.bonus .bonus-value{font-size:2.9rem}.bonus p{font-size:13px;margin-top:0}.bonus-label{font-size:12px;letter-spacing:.05em}.form-panel{border-radius:22px;padding:25px 22px}.form-heading h3{font-size:23px}.preview-note{margin-bottom:22px}.footer{margin-top:36px;padding:20px 22px;flex-direction:row;text-align:left;gap:20px}.footer>span:last-child{text-align:right}}
@media(max-width:380px){.location{border:0;padding:0;font-size:12px}.bonus-content{gap:12px}.bonus .bonus-value{font-size:2.5rem}.bonus p{font-size:12px}.form-panel{padding:23px 18px}.form-heading h3{font-size:21px}#step-label{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Interactive code rain stays beneath the content. */
#code-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#code-motion,#code-sound{appearance:none;background:#1e2229b3;border:1px solid #8ea48e65;border-radius:999px;padding:8px 13px;color:#c1d5bd;font:400 14px/1.3 Lato,Arial,sans-serif;cursor:pointer}
#code-motion:hover,#code-sound:hover{background:#324539;color:#e0ffdd}
#code-motion:focus-visible,#code-sound:focus-visible{outline:2px solid #b9f5ae;outline-offset:4px}
.footer{align-items:center;flex-wrap:wrap}
.background-controls{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.background-controls{order:3;margin-top:4px}}

.instagram-link{display:inline-flex;align-items:center;gap:8px;color:#c1d5bd;font-size:14px;text-decoration:none;white-space:nowrap;padding:8px 0}
.instagram-link:hover{color:#e0ffdd;text-decoration:underline;text-underline-offset:4px}
.instagram-link:focus-visible{outline:2px solid #b9f5ae;outline-offset:5px;border-radius:3px}