:root{--bg:#F4ECDF;--ink:#211F1B;--muted:#746C62;--gold:#C7A56A;--dark:#292722;--line:#DED2C1;--white:#FFFAF2;--stone:#E8E0D5;--bronze:#80664A}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased} a{text-decoration:none;color:inherit}.wrap{width:100%;max-width:1536px;margin-inline:auto;padding-inline:clamp(24px,5.4vw,83px);box-sizing:border-box}
.header{height:78px;display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(17,17,17,.055)}
.brand{min-width:220px}.brand strong{display:block;font-size:17px;letter-spacing:-.03em}.brand span{display:block;margin-top:4px;font-size:8px;letter-spacing:.14em;color:#777}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px;color:#424242;white-space:nowrap}.nav a{transition:.2s}.nav a:hover{color:#000}.head-cta,.cta{background:var(--gold);color:#111;border:0;border-radius:7px;font-weight:600;cursor:pointer}.head-cta{margin-left:2px;padding:13px 17px;font-size:12px}
.hero{min-height:585px;display:grid;grid-template-columns:43% 57%;position:relative;padding-top:48px}.eyebrow{font-size:9px;letter-spacing:.17em;color:#777;font-weight:600;margin-bottom:19px}.hero h1{font-size:clamp(48px,4.15vw,64px);line-height:.99;letter-spacing:-.055em;max-width:620px;margin:0 0 24px;font-weight:600}.hero-copy{font-size:16px;line-height:1.55;color:#656565;max-width:560px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:23px;margin-bottom:31px}.cta{padding:14px 19px;font-size:12px}.text-link{font-size:12px;color:#555}.proof{font-size:10px;color:#777;letter-spacing:.02em;margin-bottom:12px}.note{font-size:9px;color:#999}
.visual{position:relative;height:495px;margin-top:0}.metric{position:absolute;background:rgba(255,250,242,.96);border:1px solid #e7e2d9;border-radius:10px;box-shadow:0 12px 32px rgba(36,30,20,.08);padding:12px 14px;line-height:1}.metric .label{font-size:8px;color:#8a8a8a}.metric strong{font-size:17px;display:inline-block;margin-top:8px;letter-spacing:-.04em}.metric em{font-size:8px;font-style:normal;color:#4d8b55;margin-left:4px}.m1{left:8%;top:4%;width:118px}.m2{left:28%;top:0;width:118px}.m3{left:49%;top:4%;width:128px}.growth{position:absolute;left:1%;top:28%;width:143px;background:var(--dark);color:white;border-radius:10px;padding:13px;box-shadow:0 18px 40px rgba(0,0,0,.13);z-index:5}.growth small{font-size:8px;color:#aaa}.growth b{display:block;font-size:22px;margin-top:7px}.spark{height:28px;margin-top:9px;position:relative}.spark svg{width:100%;height:100%}.source{position:absolute;right:0;top:25%;width:142px;background:rgba(255,250,242,.97);border:1px solid #e7e2d9;border-radius:10px;padding:13px;box-shadow:0 12px 32px rgba(36,30,20,.08);z-index:5}.source .label{font-size:8px;color:#777}.donut{width:66px;height:66px;border-radius:50%;background:conic-gradient(var(--gold) 0 62%,#ddd 62% 82%,#777 82% 100%);margin:11px auto;position:relative}.donut:after{content:'';position:absolute;inset:13px;background:#fffaf2;border-radius:50%}.source-row{display:flex;justify-content:space-between;font-size:7px;color:#777}.laptop{position:absolute;left:16%;top:17%;width:69%;height:63%;z-index:3}.screen{position:absolute;left:9%;top:3%;width:82%;height:76%;background:#191919;border:7px solid #222;border-bottom-width:11px;border-radius:8px 8px 4px 4px;box-shadow:0 20px 45px rgba(0,0,0,.16);overflow:hidden}.base{position:absolute;left:3%;bottom:0;width:94%;height:20%;background:linear-gradient(#bfc0c0,#929393);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);border-radius:0 0 9px 9px;box-shadow:0 14px 20px rgba(0,0,0,.12)}.base:after{content:'';position:absolute;left:38%;top:13%;width:24%;height:14%;background:#9b9b9b;border-radius:4px}
.harley{height:100%;color:white;background:#101010;position:relative;font-family:Arial,sans-serif;overflow:hidden}.hbar{height:17%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid rgba(255,255,255,.12)}.hlogo{font-weight:800;font-size:10px;letter-spacing:.06em}.hlogo i{font-style:normal;color:var(--gold)}.hlinks{display:flex;gap:12px;font-size:5.5px;color:#aaa;align-items:center}.hbutton{font-size:5.5px;color:#111;background:var(--gold);padding:4px 6px;border-radius:2px;font-weight:700}.hmain{height:59%;position:relative;padding:5% 4%;background:radial-gradient(circle at 75% 50%,rgba(199,165,106,.18),transparent 26%),linear-gradient(110deg,#0e0e0e,#1b1b1b 70%,#242424)}.hk{font-size:5px;color:var(--gold);letter-spacing:.16em}.ht{font-size:19px;line-height:.88;font-weight:800;letter-spacing:-.05em;margin-top:4px;max-width:47%}.hc{font-size:6px;line-height:1.35;color:#aaa;max-width:40%;margin-top:6px}.ha{display:inline-block;margin-top:7px;background:var(--gold);color:#111;font-size:5.5px;font-weight:700;padding:5px 7px;border-radius:2px}.bike{position:absolute;right:1%;bottom:1%;width:51%;height:68%}.wheel{position:absolute;bottom:5%;width:23%;aspect-ratio:1;border:3px solid #a4a4a4;border-radius:50%;background:#111;box-shadow:inset 0 0 0 3px #333}.w1{left:6%}.w2{right:5%}.frame{position:absolute;left:22%;top:46%;width:51%;height:6%;background:#999;transform:rotate(-8deg);border-radius:4px}.tank{position:absolute;left:33%;top:27%;width:31%;height:21%;background:var(--gold);border-radius:45% 55% 35% 45%;transform:rotate(-8deg)}.seat{position:absolute;left:22%;top:24%;width:25%;height:6%;background:#d6d6d6;border-radius:5px;transform:rotate(-6deg)}.fork{position:absolute;right:17%;top:28%;width:3px;height:33%;background:#aaa;transform:rotate(-13deg)}.handle{position:absolute;right:10%;top:22%;width:19%;height:3px;background:#aaa;transform:rotate(18deg)}.pipe{position:absolute;left:52%;top:51%;width:28%;height:3px;background:#777;transform:rotate(9deg)}.hstats{height:24%;display:flex;gap:4%;align-items:center;padding:0 4%;background:#0b0b0b}.hstat{flex:1}.hstat b{font-size:8px;display:block}.hstat span{font-size:5px;color:#777}.goldline{width:70%;height:2px;background:var(--gold);margin-top:3px}
.cursor{position:absolute;right:20%;top:53%;width:24px;height:34px;z-index:8;transform:rotate(-17deg);filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}.cursor:before{content:'';position:absolute;left:0;top:0;border-left:11px solid #fff;border-top:19px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(0 0 0 #111)}.curve{position:absolute;right:7%;bottom:7%;width:33%;height:24%;z-index:1}.curve svg{width:100%;height:100%}
.services{padding:72px 0 108px}.section-head{display:grid;grid-template-columns:46% 54%;align-items:end;margin-bottom:38px}.section-head h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:0;font-weight:600;max-width:560px}.section-head p{max-width:540px;color:#706a62;font-size:14px;line-height:1.6;margin:0 0 2px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:rgba(255,250,242,.72);border:1px solid #e3d8c8;border-radius:16px;padding:25px 27px 26px;min-height:218px;position:relative;transition:transform .22s ease,background .22s ease,border-color .22s ease}.card:hover{transform:translateY(-3px);background:#fffaf2;border-color:#d8c6aa}.num{font-size:9px;color:#9a9084;letter-spacing:.08em}.icon{position:absolute;right:24px;top:23px;width:31px;height:31px;border:1px solid #d9cdbc;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#625a50}.card h3{margin:42px 0 10px;font-size:23px;line-height:1;letter-spacing:-.035em;font-weight:600}.card p{font-size:12px;line-height:1.55;color:#777066;max-width:430px;margin:0}.card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.card-tags span{font-size:9px;color:#625b52;border:1px solid #ded2c2;border-radius:99px;padding:6px 9px}.services-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:15px;padding:22px 4px 0;border-top:1px solid #e3d8c8}.services-foot strong{font-size:15px;font-weight:600;letter-spacing:-.02em}.services-foot span{font-size:11px;color:#7b746b;line-height:1.5;max-width:520px;text-align:right}
@media(max-width:820px){.services{padding:48px 0 72px}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.section-head h2{font-size:36px}.cards{grid-template-columns:1fr}.card{min-height:0}.services-foot{align-items:flex-start;flex-direction:column;gap:9px}.services-foot span{text-align:left}}
@media(max-width:560px){.services{padding:38px 0 60px}.section-head h2{font-size:32px}.card{padding:22px}.card h3{font-size:21px}.card-tags span{font-size:8px;padding:5px 8px}}

/* --- visual refinement v8 --- */
.about-grid{background:transparent}
.about-lead{position:relative}
.about-lead:after{content:' ';display:block;width:58px;height:4px;margin-top:28px;background:var(--gold);border-radius:99px}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.46);display:none;align-items:center;justify-content:center;z-index:50}.modal.open{display:flex}.modal-box{width:min(440px,calc(100% - 32px));background:#fffaf2;border-radius:16px;padding:30px;position:relative}.modal-box h2{margin:0 0 8px;font-size:28px;letter-spacing:-.04em}.modal-box p{margin:0 0 18px;color:#777;font-size:13px;line-height:1.5}.modal-box input{display:block;width:100%;padding:13px 14px;margin:8px 0;border:1px solid #ded9d0;border-radius:8px;font:inherit}.modal-box button[type=submit]{width:100%;padding:14px;border:0;border-radius:8px;background:var(--gold);font-weight:600;margin-top:6px}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:27px;cursor:pointer;color:#777}

.visual-generated{height:540px;margin-top:-12px;overflow:visible;display:flex;align-items:center;justify-content:center}
.visual-art{display:block;width:112%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:saturate(.96) contrast(1.01);transform:translate(1.5%,-1%);user-select:none;-webkit-user-drag:none}
@media(max-width:1100px){.visual-generated{height:500px}.visual-art{width:118%}}
@media(max-width:1100px){.nav{gap:14px;font-size:10px}.brand{min-width:185px}.hero{grid-template-columns:46% 54%}.visual{transform:scale(.9);transform-origin:top right}.hero h1{font-size:48px}}
@media(max-width:820px){.header{height:auto;padding:17px 0;flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto;margin:0;padding-bottom:2px}.head-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:38px;min-height:auto}.visual{height:420px;margin-top:35px;transform:none}.hero h1{font-size:47px}.section-head{grid-template-columns:1fr;gap:18px}.cards{grid-template-columns:1fr}.services{padding-top:20px}}
@media(max-width:560px){.brand{min-width:0}.brand strong{font-size:15px}.head-cta{font-size:10px;padding:11px 13px}.hero h1{font-size:39px}.hero-copy{font-size:14px}.visual{height:330px}.laptop{left:3%;width:92%}.growth{left:0;top:28%;transform:scale(.82);transform-origin:left top}.source{right:0;top:27%;transform:scale(.82);transform-origin:right top}.metric{transform:scale(.8);transform-origin:top left}.m1{left:0}.m2{left:28%}.m3{left:55%}.section-head h2{font-size:33px}}

@media(max-width:820px){.visual-generated{height:440px;margin-top:25px}.visual-art{width:120%;transform:none}}
@media(max-width:560px){.visual-generated{height:330px}.visual-art{width:125%;transform:none}}

/* --- about / trust --- */
.about{padding:4px 0 112px}.about-grid{display:grid;grid-template-columns:43% minmax(0,1fr);gap:6%;padding:42px 0 38px;border-top:1px solid #d9cdbc;border-bottom:1px solid #d9cdbc}.about-lead h2{font-size:48px;line-height:.92;letter-spacing:-.055em;margin:0;font-weight:600}.about-content{max-width:690px}.about-main{font-size:20px;line-height:1.35;letter-spacing:-.025em;max-width:680px;margin:0 0 34px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-points div{padding-top:16px;border-top:1px solid #e3d8c8}.about-points strong{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.about-points span{display:block;font-size:11px;line-height:1.5;color:#777066}
@media(max-width:820px){.about{padding:0 0 78px}.about-grid{grid-template-columns:1fr;gap:30px;padding:32px 0}.about-lead h2{font-size:42px}.about-main{font-size:18px}.about-points{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.about{padding:0 0 62px}.about-grid{gap:25px}.about-lead h2{font-size:36px}.about-main{font-size:17px;margin-bottom:26px}.about-points{grid-template-columns:1fr;gap:16px}}
/* --- system / project process --- */
.system{padding:18px 0 112px}.system-grid{display:grid;grid-template-columns:43% minmax(0,1fr);gap:6%;align-items:start}.system-intro h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:0 0 20px;font-weight:600;max-width:560px}.system-intro p{font-size:14px;line-height:1.6;color:#706a62;max-width:470px;margin:0}.system-label{font-size:9px;letter-spacing:.17em;color:#777;font-weight:600;margin-bottom:19px}.steps{border-top:1px solid #e3d8c8}.step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;padding:21px 0;border-bottom:1px solid #e3d8c8}.step-num{font-size:9px;color:#9a9084;letter-spacing:.08em;padding-top:4px}.step h3{font-size:18px;line-height:1.15;letter-spacing:-.025em;margin:0 0 6px;font-weight:600}.step p{font-size:11px;line-height:1.5;color:#777066;max-width:500px;margin:0}.step-mark{width:30px;height:30px;border:1px solid #d9cdbc;border-radius:50%;display:grid;place-items:center;font-size:8px;letter-spacing:.04em;color:#625a50}.system-cta{display:flex;align-items:center;gap:20px;margin-top:28px}.system-cta .text-link{font-size:11px;color:#6f685f}.system-note{font-size:9px;color:#999;margin-top:11px}
@media(max-width:820px){.system{padding:8px 0 78px}.system-grid{grid-template-columns:1fr;gap:35px}.system-intro h2{font-size:36px}.step{grid-template-columns:38px minmax(0,1fr);gap:13px}}
@media(max-width:560px){.system{padding:0 0 62px}.system-intro h2{font-size:32px}.step{grid-template-columns:32px minmax(0,1fr)}.step h3{font-size:17px}.system-cta{align-items:flex-start;flex-direction:column;gap:12px}}

/* --- scenarios --- */
.scenarios{padding:10px 0 108px}.scenarios-head{display:grid;grid-template-columns:45% 55%;align-items:end;margin-bottom:34px}.scenarios-head h2{font-size:40px;line-height:.98;letter-spacing:-.05em;margin:0;font-weight:600;max-width:590px}.scenarios-head p{max-width:500px;color:#777066;font-size:14px;line-height:1.55;margin:0 0 3px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scenario{min-height:190px;padding:24px;background:rgba(255,250,242,.58);border:1px solid #e1d5c5;border-radius:14px;position:relative;transition:transform .2s ease,background .2s ease}.scenario:hover{transform:translateY(-3px);background:#fffaf2}.scenario-num{font-size:9px;color:#9a9084;letter-spacing:.08em}.scenario h3{font-size:18px;line-height:1.12;letter-spacing:-.025em;margin:42px 0 9px;font-weight:600}.scenario p{font-size:11px;line-height:1.5;color:#777066;margin:0;max-width:245px}
@media(max-width:1000px){.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.scenarios{padding:0 0 78px}.scenarios-head{grid-template-columns:1fr;gap:18px}.scenarios-head h2{font-size:36px}.scenario-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.scenarios{padding:0 0 62px}.scenarios-head h2{font-size:32px}.scenario-grid{grid-template-columns:1fr}.scenario{min-height:160px}.scenario h3{margin-top:34px}}

/* --- outcome --- */
.outcome{padding:0 0 112px}.outcome-head{display:grid;grid-template-columns:45% 55%;align-items:end;margin-bottom:30px}.outcome-head h2{font-size:40px;line-height:.98;letter-spacing:-.05em;margin:0;font-weight:600;max-width:560px}.outcome-head p{max-width:500px;color:#777066;font-size:14px;line-height:1.55;margin:0 0 3px}.outcome-list{border-top:1px solid #d9cdbc}.outcome-item{display:grid;grid-template-columns:56px 1fr 42%;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #d9cdbc}.outcome-num{font-size:9px;color:#9a9084;letter-spacing:.08em}.outcome-item h3{font-size:19px;line-height:1.1;letter-spacing:-.025em;margin:0;font-weight:600}.outcome-item p{font-size:11px;line-height:1.5;color:#777066;margin:0;max-width:500px}@media(max-width:820px){.outcome{padding:0 0 78px}.outcome-head{grid-template-columns:1fr;gap:18px}.outcome-head h2{font-size:36px}.outcome-item{grid-template-columns:38px 1fr;gap:13px}.outcome-item p{grid-column:2}}
@media(max-width:560px){.outcome{padding:0 0 62px}.outcome-head h2{font-size:32px}.outcome-item{grid-template-columns:32px 1fr}.outcome-item h3{font-size:17px}}


/* --- final CTA + footer --- */
.final-cta{padding:12px 0 120px}.final-cta-inner{border-top:1px solid #d9cdbc;padding-top:34px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.final-cta h2{font-size:48px;line-height:.98;letter-spacing:-.05em;max-width:680px;margin:0 0 16px;font-weight:600}.final-cta p{margin:0;max-width:520px;color:#777066;font-size:14px;line-height:1.55}.final-cta .cta{white-space:nowrap}.footer{padding:26px 0 32px;border-top:1px solid #d9cdbc;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.footer-brand{display:flex;flex-direction:column;gap:5px}.footer-brand strong{font-size:16px;font-weight:600}.footer-brand span{font-size:8px;letter-spacing:.1em;color:#8c8174}.footer-note{font-size:11px;line-height:1.45;color:#777066}.footer-top{font-size:11px;color:#29251f;text-decoration:none;white-space:nowrap}@media(max-width:820px){.final-cta{padding:0 0 80px}.final-cta-inner{grid-template-columns:1fr;gap:26px}.final-cta h2{font-size:38px}.footer{grid-template-columns:1fr auto;gap:20px}.footer-note{grid-column:1}.footer-top{grid-column:2;grid-row:1}}@media(max-width:560px){.final-cta{padding:0 0 62px}.final-cta h2{font-size:32px}.footer{grid-template-columns:1fr}.footer-note,.footer-top{grid-column:auto;grid-row:auto}.footer-top{margin-top:4px}}

/* --- marketplaces --- */
.marketplaces{padding:0 0 108px}.marketplaces-head{display:grid;grid-template-columns:45% 55%;align-items:end;margin-bottom:34px}.marketplaces-head h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:0;font-weight:600;max-width:620px}.marketplaces-head p{max-width:540px;color:#777066;font-size:14px;line-height:1.6;margin:0 0 3px}.marketplaces-grid{display:grid;grid-template-columns:43% minmax(0,1fr);gap:6%;border-top:1px solid #d9cdbc;padding:30px 0}.marketplaces-copy p{font-size:16px;line-height:1.55;margin:0 0 20px;max-width:520px}.marketplaces-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px}.marketplace-work{padding-top:13px;border-top:1px solid #e3d8c8}.marketplace-work strong{display:block;font-size:13px;line-height:1.25;font-weight:600;margin-bottom:7px}.marketplace-work span{display:block;font-size:10px;line-height:1.45;color:#777066}.marketplaces-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:16px}.marketplace-result{padding:20px 18px;border-top:1px solid #d9cdbc}.marketplace-result strong{display:block;font-size:27px;line-height:1;letter-spacing:-.045em;font-weight:600;margin-bottom:8px}.marketplace-result span{display:block;font-size:10px;line-height:1.4;color:#777066}.card.is-primary{grid-row:span 2;min-height:450px;background:#fffaf2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card.is-primary h3{font-size:30px;max-width:520px}.card.is-primary p{font-size:13px;line-height:1.65;max-width:560px}.card.is-primary .card-tags{margin-top:24px;justify-content:center}
@media(max-width:820px){.marketplaces{padding:0 0 78px}.marketplaces-head{grid-template-columns:1fr;gap:18px}.marketplaces-head h2{font-size:36px}.marketplaces-grid{grid-template-columns:1fr;gap:28px}.marketplaces-list{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplaces-results{grid-template-columns:repeat(3,minmax(0,1fr))}.card.is-primary{grid-row:auto;min-height:0}}
@media(max-width:560px){.marketplaces{padding:0 0 62px}.marketplaces-head h2{font-size:32px}.marketplaces-list{grid-template-columns:1fr}.marketplaces-results{grid-template-columns:repeat(2,minmax(0,1fr))}.card.is-primary h3{font-size:25px}.card.is-primary p{font-size:12px}}

/* --- pricing --- */
.experience{padding:0 0 108px}.experience-head{display:grid;grid-template-columns:45% 55%;align-items:end;margin-bottom:34px}.experience-head h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:0;font-weight:600;max-width:590px}.experience-head p{max-width:520px;color:#777066;font-size:14px;line-height:1.6;margin:0 0 3px}.experience-grid{display:grid;grid-template-columns:40% minmax(0,1fr);gap:7%;padding:30px 0;border-top:1px solid #d9cdbc;border-bottom:1px solid #d9cdbc}.experience-copy{max-width:500px}.experience-copy p{font-size:16px;line-height:1.55;margin:0 0 18px}.experience-copy .experience-note{font-size:10px;line-height:1.5;color:#91897f;margin:0}.experience-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.experience-metric{padding-top:13px}.experience-metric strong{display:block;font-size:29px;line-height:1;letter-spacing:-.045em;font-weight:600;margin-bottom:9px}.experience-metric span{display:block;font-size:10px;line-height:1.4;color:#777066}.experience + .pricing{padding-top:0}
@media(max-width:820px){.experience{padding:0 0 78px}.experience-head{grid-template-columns:1fr;gap:18px}.experience-head h2{font-size:36px}.experience-grid{grid-template-columns:1fr;gap:28px}.experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.experience{padding:0 0 62px}.experience-head h2{font-size:32px}.experience-grid{padding:25px 0}.experience-copy p{font-size:15px}.experience-metrics{grid-template-columns:1fr 1fr;gap:14px}.experience-metric strong{font-size:25px}}

.pricing{padding:0 0 108px}
.pricing-head{display:grid;grid-template-columns:45% 55%;align-items:end;margin-bottom:34px}
.pricing-head h2{font-size:40px;line-height:.98;letter-spacing:-.05em;margin:0;font-weight:600;max-width:590px}
.pricing-head p{max-width:500px;color:#777066;font-size:14px;line-height:1.55;margin:0 0 3px}
.price-list{border-top:1px solid #d9cdbc}
.price-item{display:grid;grid-template-columns:56px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #d9cdbc}
.price-item h3{font-size:19px;line-height:1.1;letter-spacing:-.025em;margin:0 0 7px;font-weight:600}
.price-item p{font-size:13px;line-height:1.55;color:#777066;margin:0;max-width:680px}
.price-num{font-size:9px;color:#9a9084;letter-spacing:.08em}
.price-value{font-size:18px;white-space:nowrap;font-weight:600;letter-spacing:-.02em}
.price-note{margin-top:16px;font-size:10px;line-height:1.5;color:#91897f}
.price-cta{margin-top:26px}
@media(max-width:820px){.pricing{padding:0 0 78px}.pricing-head{grid-template-columns:1fr;gap:18px}.pricing-head h2{font-size:36px}.price-item{grid-template-columns:38px minmax(0,1fr);gap:13px}.price-item h3{font-size:18px}}
@media(max-width:560px){.pricing{padding:0 0 62px}.pricing-head h2{font-size:32px}.price-item{grid-template-columns:32px 1fr;gap:13px}.price-value{grid-column:2;margin-top:8px}.price-item p{max-width:none}}@media(max-width:560px){}

/* --- portfolio --- */
.portfolio{padding:8px 0 112px}.portfolio-head{display:grid;grid-template-columns:48% minmax(0,1fr);gap:6%;align-items:end;margin-bottom:32px}.portfolio-head h2{font-size:42px;line-height:1;letter-spacing:-.05em;margin:0;font-weight:600}.portfolio-head p{max-width:520px;color:#746c62;font-size:14px;line-height:1.55;margin:0 0 3px}.portfolio-stage{background:#e9dfd0;border:1px solid #ddd0bd;border-radius:18px;padding:14px;overflow:hidden}.portfolio-image{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 16px 40px rgba(36,30,20,.08)}.portfolio-note{margin-top:12px;color:#8a8073;font-size:10px;line-height:1.5}
@media(max-width:820px){.portfolio{padding-bottom:82px}.portfolio-head{grid-template-columns:1fr;gap:18px}.portfolio-head h2{font-size:34px}.portfolio-stage{padding:8px;border-radius:13px}.portfolio-image{border-radius:8px}}
@media(max-width:560px){.portfolio-head h2{font-size:31px}.portfolio-note{font-size:9px}}

/* --- Premium design system v25: warm ivory, graphite, muted gold --- */
:root{
  --bg:#F4ECDF;
  --ink:#211F1B;
  --muted:#746C62;
  --gold:#C7A56A;
  --dark:#292722;
  --line:#DED2C1;
  --white:#FFFAF2;
  --stone:#E8E0D5;
  --bronze:#80664A;
}
html{scroll-padding-top:24px}
body{background:var(--bg);color:var(--ink);overflow-x:clip}
.wrap{
  width:calc(100% - clamp(48px, 10.8vw, 166px));
  max-width:1536px;
  margin-inline:auto;
  padding-inline:0;
  box-sizing:border-box;
}
.header{border-bottom:1px solid rgba(41,39,34,.12)}
.brand span,.eyebrow{color:#827565}
.nav{color:#514A41}
.nav a:hover,.text-link:hover,.footer-top:hover{color:var(--bronze)}
.head-cta,.cta,.modal-box button[type=submit]{
  background:var(--gold);color:#211F1B;
  transition:background .2s ease,transform .2s ease;
}
.head-cta:hover,.cta:hover,.modal-box button[type=submit]:hover{
  background:#B89458;transform:translateY(-1px)
}
/* Hero composition stays intact; its UI accents use the new palette. */
.metric,.source{background:rgba(255,250,242,.97);border-color:#E1D6C6}
.metric .label,.source .label{color:#82796D}
.growth{background:var(--dark);box-shadow:0 16px 34px rgba(41,39,34,.14)}
.donut{background:conic-gradient(var(--gold) 0 62%,#DED2C1 62% 82%,#8D857A 82% 100%)}
.donut:after{background:var(--white)}
.hmain{background:radial-gradient(circle at 75% 50%,rgba(199,165,106,.2),transparent 26%),linear-gradient(110deg,#171613,#292722 70%,#3A352D)}
.hbutton,.ha{background:var(--gold)}
/* Services: primary offer is visually clear; supporting services remain quiet. */
.services{position:relative}
.section-head p,.experience-head p,.marketplaces-head p,.pricing-head p,.portfolio-head p,.outcome-head p{color:var(--muted)}
.card{
  background:rgba(255,250,242,.78);
  border-color:#E0D4C3;
  box-shadow:0 2px 0 rgba(67,54,35,.015);
}
.card:hover{background:var(--white);border-color:#C7A56A;box-shadow:0 12px 28px rgba(63,48,27,.055)}
.card.is-primary{
  background:var(--white);
  border-color:#D5C09D;
  box-shadow:inset 0 3px 0 var(--gold);
}
.icon{border-color:#D5C5AD;color:#655744;background:rgba(255,250,242,.65)}
.card-tags span{border-color:#DCCDB8;color:#655B4D;background:rgba(255,250,242,.48)}
.services-foot{border-color:var(--line)}
.services-foot strong{color:var(--ink)}
.services-foot span{color:var(--muted)}
/* Experience: a calm editorial band, not a row of floating numbers. */
.experience{padding-top:10px}
.experience-head{margin-bottom:28px}
.experience-grid{
  background:rgba(232,224,213,.62);
  border:1px solid #DED2C1;
  border-radius:16px;
  padding:30px;
  gap:5%;
}
.experience-metric{padding:0;border:0}
.experience-metric strong{color:var(--ink)}
.experience-metric span{color:#746C62}
/* Marketplaces: one cohesive warm panel with restrained dividers. */
.marketplaces{padding-top:8px}
.marketplaces-grid{
  background:rgba(255,250,242,.48);
  border:1px solid var(--line);
  border-radius:16px;
  padding:30px;
  gap:5%;
}
.marketplace-work{border-top-color:#D8C8B2}
.marketplace-work strong{color:#302B24}
.marketplace-work span,.marketplace-result span{color:var(--muted)}
.marketplace-result{border-top:2px solid #C7A56A}
.marketplace-result strong{color:var(--ink)}
/* Pricing: keep the price list editorial and easy to scan. */
.pricing{padding-top:12px}
.price-list{border-top:1px solid #CFC0AA}
.price-item{border-bottom:1px solid #D8CBB9;transition:background .18s ease}
.price-item:hover{background:rgba(255,250,242,.42)}
.price-num{color:#8B7960}
.price-value{color:#40382D}
.price-note{color:#82796D}
.price-cta .cta{box-shadow:0 5px 14px rgba(120,88,39,.12)}
/* Portfolio: give the visual a gallery mount instead of a flat box. */
.portfolio-stage{
  background:linear-gradient(135deg,#E8E0D5,#F0E8DC);
  border:1px solid #D8C8B2;
  border-radius:20px;
  padding:18px;
  box-shadow:0 14px 34px rgba(63,48,27,.045);
}
.portfolio-image{box-shadow:0 12px 30px rgba(41,34,24,.12)}
/* About and process: quiet surfaces, no heavy black panels. */
.about-grid{
  background:rgba(255,250,242,.52);
  border:1px solid var(--line);
  border-radius:18px;
  padding:34px;
}
.about-lead:after{background:var(--gold)}
.about-points > *,.step{border-color:#D9CBB8}
.about-points strong,.step h3{color:var(--ink)}
.about-points span,.step p{color:var(--muted)}
.system-grid{
  background:var(--white);
  border:1px solid #E1D6C6;
  border-radius:18px;
  padding:34px;
}
.step-num{color:#8B7657}
.system-cta .cta{box-shadow:0 5px 14px rgba(120,88,39,.1)}
/* Scenarios: alternate soft surfaces and a gold index detail. */
.scenario{
  background:rgba(255,250,242,.64);
  border-color:#DDD0BE;
}
.scenario:nth-child(even){background:rgba(232,224,213,.55)}
.scenario:hover{background:var(--white);border-color:#C7A56A}
.scenario-num{color:#8B7657}
.scenario h3{color:var(--ink)}
.scenario p{color:var(--muted)}
/* Outcome and contact: guide the eye toward the next step. */
.outcome-list{border-top-color:#CFC0AA}
.outcome-item{border-bottom-color:#D8CBB9}
.outcome-num{color:#8B7657}
.outcome-item h3{color:var(--ink)}
.outcome-item p{color:var(--muted)}
.final-cta-inner{
  border-top:0;
  border-radius:18px;
  padding:36px;
  background:linear-gradient(120deg,#E8DCC9,#F0E7D9);
  border:1px solid #D9C8AE;
}
.final-cta .cta{box-shadow:0 6px 16px rgba(120,88,39,.12)}
.footer{border-top-color:#D5C6B2}
.footer-brand span,.footer-note{color:#81766A}
.modal{background:rgba(33,31,27,.52);backdrop-filter:blur(5px)}
.modal-box{background:var(--white);border:1px solid #E0D4C3;box-shadow:0 24px 70px rgba(33,31,27,.2)}
.modal-box p{color:var(--muted)}
.modal-box input{background:#FFFDF8;border-color:#D9CBB8;color:var(--ink)}
.modal-box input:focus{outline:2px solid rgba(199,165,106,.38);border-color:var(--gold)}
.close{color:#746C62}
/* All screen widths keep real gutters. At 1200px this leaves ~65px per side. */
@media(max-width:1200px){
  .wrap{width:calc(100% - clamp(48px,10.8vw,166px));padding-inline:0}
  .experience-grid,.marketplaces-grid{padding:26px}
  .about-grid,.system-grid{padding:28px}
}
@media(max-width:820px){
  .wrap{width:calc(100% - 48px);padding-inline:0}
  .experience-grid,.marketplaces-grid{padding:22px;border-radius:14px}
  .about-grid,.system-grid{padding:24px;border-radius:14px}
  .final-cta-inner{padding:26px;border-radius:14px}
  .portfolio-stage{padding:10px;border-radius:14px}
}
@media(max-width:560px){
  .wrap{width:calc(100% - 40px);padding-inline:0}
  .experience-grid,.marketplaces-grid{padding:18px}
  .about-grid,.system-grid{padding:20px}
  .final-cta-inner{padding:22px}
  .portfolio-stage{padding:7px}
  .price-item:hover{background:transparent}
}


/* Evidence-based advertising case section */
.ad-results{padding:0 0 108px}
.ad-results-head{display:grid;grid-template-columns:45% minmax(0,1fr);gap:6%;align-items:end;margin-bottom:34px}
.ad-results-head h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:0;font-weight:600;max-width:600px}
.ad-results-head>p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 3px}
.ad-case{background:var(--white);border:1px solid #DCCDB8;border-radius:18px;padding:30px;box-shadow:0 10px 28px rgba(63,48,27,.035)}
.ad-case-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.ad-period,.ad-channels-head>span{font-size:9px;letter-spacing:.15em;color:#8B7657;font-weight:600}
.ad-case-top h3{font-size:22px;letter-spacing:-.035em;margin:9px 0 0;font-weight:600}
.ad-case-top p{font-size:11px;line-height:1.4;color:var(--muted);margin:0;text-align:right}
.ad-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:27px 0}
.ad-summary-metric{padding-left:16px;border-left:2px solid var(--gold);min-width:0}
.ad-summary-metric span{display:block;color:var(--muted);font-size:11px;line-height:1.4;min-height:31px;margin-bottom:8px}
.ad-summary-metric strong{display:block;font-size:clamp(21px,2.4vw,32px);line-height:1.05;letter-spacing:-.045em;font-weight:600}
.ad-case-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:20px;border-top:1px solid var(--line)}
.ad-case-bottom>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ad-case-bottom strong{font-size:18px;letter-spacing:-.035em}
.ad-case-bottom span{font-size:10px;line-height:1.4;color:var(--muted)}
.ad-channels-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:36px 0 17px}
.ad-channels-head h3{font-size:22px;letter-spacing:-.04em;margin:0;font-weight:600}
.ad-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ad-channel{background:rgba(255,250,242,.55);border:1px solid var(--line);border-radius:15px;padding:22px;min-width:0}
.ad-channel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #D9CBB8}
.ad-channel-title h4{font-size:17px;margin:0;font-weight:600;letter-spacing:-.025em}
.ad-channel-title span{font-size:9px;color:#8B7657}
.ad-channel-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid rgba(217,203,184,.6)}
.ad-channel-row span{font-size:10px;line-height:1.35;color:var(--muted)}
.ad-channel-row strong{font-size:12px;white-space:nowrap;font-weight:600}
.ad-channel-share{display:flex;align-items:baseline;gap:9px;padding-top:16px}
.ad-channel-share strong{font-size:25px;letter-spacing:-.045em;color:#80664A}
.ad-channel-share span{font-size:10px;line-height:1.4;color:var(--muted)}
.ad-method-note{font-size:10px;line-height:1.55;color:#81766A;max-width:980px;margin:18px 0 0}
@media(max-width:1000px){
  .ad-results-head{grid-template-columns:1fr;gap:18px}
  .ad-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-channels{grid-template-columns:1fr}
  .ad-channel{padding:20px}
}
@media(max-width:560px){
  .ad-results{padding-bottom:62px}
  .ad-results-head h2{font-size:32px}
  .ad-case{padding:19px;border-radius:14px}
  .ad-case-top{align-items:flex-start;flex-direction:column;gap:8px}
  .ad-case-top p{text-align:left}
  .ad-summary-grid{gap:22px 12px;padding:22px 0}
  .ad-summary-metric{padding-left:11px}
  .ad-summary-metric span{font-size:10px;min-height:29px}
  .ad-summary-metric strong{font-size:24px}
  .ad-case-bottom{grid-template-columns:1fr;gap:12px}
  .ad-channels-head{align-items:flex-start;flex-direction:column;gap:8px}
  .ad-channels-head h3{font-size:20px}
}


/* Additional portfolio for real projects: temporary image placeholders are intentional. */
.real-portfolio{padding:0 0 112px}
.real-portfolio-head{display:grid;grid-template-columns:48% minmax(0,1fr);gap:6%;align-items:end;margin-bottom:30px}
.real-portfolio-head h2{font-size:42px;line-height:1;letter-spacing:-.05em;margin:0;font-weight:600;max-width:620px}
.real-portfolio-head>p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 3px}
.real-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.real-project-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(255,250,242,.62)}
.real-project-image{position:relative;display:flex;align-items:center;justify-content:center;min-height:250px;aspect-ratio:1.72/1;overflow:hidden;background:#E9E0D4;border-bottom:1px solid var(--line)}
.placeholder-index{position:absolute;left:17px;top:15px;font-size:9px;letter-spacing:.13em;color:#766B5D;z-index:2}
.placeholder-window{position:relative;display:flex;flex-direction:column;gap:12px;width:64%;height:58%;padding:15px;background:#FFFAF2;border:1px solid #D8CBB9;border-radius:7px;box-shadow:0 12px 28px rgba(49,39,25,.08);transform:rotate(-2deg)}
.placeholder-window i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#C7A56A;margin-right:3px}
.placeholder-window b{display:block;width:72%;height:18%;margin-top:10px;background:#D8C6AA;border-radius:2px}
.placeholder-window em{display:block;width:48%;height:8%;background:#E8E0D5;border-radius:2px}
.real-placeholder-shop{background:#E4D8C7}
.placeholder-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:72%;height:52%;transform:rotate(1deg)}
.placeholder-products i{display:block;position:relative;background:#FFFAF2;border:1px solid #D6C7B3;border-radius:5px;box-shadow:0 8px 18px rgba(49,39,25,.06)}
.placeholder-products i:before{content:"";position:absolute;left:12%;right:12%;top:12%;height:48%;background:#D5C7B4;border-radius:3px}
.placeholder-products i:after{content:"";position:absolute;left:12%;right:28%;bottom:13%;height:5px;background:#E3D8C9}
.real-placeholder-landing{background:#EDE5D9}
.placeholder-landing{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:58%;padding:22px;background:#FFFAF2;border:1px solid #D8CBB9;border-radius:6px;box-shadow:0 12px 28px rgba(49,39,25,.08);transform:rotate(1.5deg)}
.placeholder-landing b{display:block;width:78%;height:16px;background:#BDA17A;border-radius:2px;margin-bottom:4px}
.placeholder-landing i{display:block;width:88%;height:5px;background:#E5DCCE;border-radius:2px}
.placeholder-landing i:nth-of-type(2){width:61%}
.placeholder-landing em{display:block;width:36%;height:15px;background:#C7A56A;border-radius:3px;margin-top:5px}
.real-placeholder-special{background:#DED2C1}
.placeholder-special-art{position:relative;width:52%;height:58%;display:block}
.placeholder-special-art i{position:absolute;display:block;width:42%;height:70%;top:12%;border:1px solid #BDAA90;background:linear-gradient(145deg,#FFFAF2,#E7D9C5);border-radius:7px;box-shadow:0 10px 20px rgba(49,39,25,.08)}
.placeholder-special-art i:first-child{left:0;transform:rotate(-8deg)}
.placeholder-special-art i:nth-child(2){right:0;transform:rotate(8deg)}
.placeholder-special-art b{position:absolute;left:37%;top:0;width:26%;height:90%;background:#C7A56A;border-radius:4px;opacity:.75}
.real-project-info{padding:22px 23px 24px}
.real-project-type{font-size:9px;letter-spacing:.14em;color:#89775E;margin-bottom:9px}
.real-project-info h3{font-size:23px;line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:0 0 9px}
.real-project-info p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.55;margin:0}
.real-project-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.real-project-meta span{border:1px solid #DDD0BD;border-radius:999px;padding:5px 9px;font-size:9px;color:#766B5D}
@media(max-width:820px){.real-portfolio{padding-bottom:82px}.real-portfolio-head{grid-template-columns:1fr;gap:16px}.real-portfolio-head h2{font-size:34px}.real-project-grid{gap:12px}.real-project-image{min-height:200px}.real-project-info{padding:18px}}
@media(max-width:560px){.real-portfolio-head h2{font-size:31px}.real-project-grid{grid-template-columns:1fr;gap:14px}.real-project-image{min-height:210px}.real-project-info h3{font-size:21px}.real-project-info{padding:18px 18px 20px}}


/* Accessibility: visible keyboard focus without changing the approved visual theme */
:focus-visible{
  outline:2px solid #9C7847;
  outline-offset:3px;
}


/* Project request form: accessible fields, consent and mobile-safe scrolling. */
.modal{padding:16px;overflow-y:auto;align-items:flex-start}
.modal.open{display:flex}
.modal-box{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;margin:auto;padding:30px}
.modal-box form{margin-top:18px}
.modal-box .form-field{margin:0 0 14px}
.modal-box .form-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--ink)}
.modal-box .form-field label span{color:#9b4a3d}
.modal-box .form-field input:not([type=file]),.modal-box .form-field textarea{display:block;width:100%;padding:12px 13px;margin:0;border:1px solid #ded2c1;border-radius:8px;background:#fffdf9;color:var(--ink);font:inherit;font-size:14px;min-height:46px}
.modal-box .form-field textarea{resize:vertical;min-height:112px;line-height:1.5}
.modal-box .form-field input[type=file]{display:block;width:100%;padding:10px 0;font:inherit;font-size:12px;max-width:100%}
.modal-box .form-field small{display:block;margin-top:6px;font-size:11px;line-height:1.45;color:var(--muted)}
.modal-box .form-field input:focus-visible,.modal-box .form-field textarea:focus-visible,.form-consent input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.form-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:11px;line-height:1.5;color:#5d574f}
.form-consent input{flex:0 0 auto;width:17px;height:17px;margin:1px 0 0;accent-color:var(--gold)}
.form-consent a{color:#6e5431;text-decoration:underline;text-underline-offset:2px}
.modal-box .form-error{margin:10px 0;color:#9b3027;font-size:12px}
.modal-box .form-demo-notice{margin:12px 0 0;padding:12px;border-radius:8px;background:#f0e7d8;color:#554832;font-size:12px;line-height:1.5}
.modal-box button[type=submit]{cursor:pointer}
.privacy-page{max-width:900px;margin:0 auto;padding:56px clamp(20px,5vw,64px) 80px}
.privacy-page .privacy-back{display:inline-block;margin-bottom:30px;color:#6e5431;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.privacy-page h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}
.privacy-page h2{font-size:22px;line-height:1.2;margin:34px 0 12px}
.privacy-page p,.privacy-page li{font-size:15px;line-height:1.75;color:#514b43}
.privacy-page .privacy-warning{padding:14px 16px;border-left:3px solid var(--gold);background:var(--white);font-size:13px}
@media(max-width:560px){.modal{padding:8px}.modal-box{max-height:calc(100vh - 16px);padding:24px 18px}.modal-box h2{font-size:25px}.privacy-page{padding-top:32px}}


/* On-page project request form */
.contact-form-card{margin-top:34px;padding:clamp(22px,3.2vw,42px);background:var(--white);border:1px solid #E0D4C3;border-radius:18px;box-shadow:0 14px 38px rgba(33,31,27,.045)}
.contact-form-card h2{margin:0 0 10px;font-size:clamp(27px,3vw,36px);line-height:1.05;letter-spacing:-.045em;font-weight:600}
.contact-form-card>p{margin:0 0 26px;max-width:700px;color:var(--muted);font-size:14px;line-height:1.6}
.request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:0}
.request-form .form-field{min-width:0;margin:0}
.request-form .form-field label{display:block;margin-bottom:7px;font-size:12px;font-weight:600;color:var(--ink)}
.request-form .form-field label span[aria-hidden="true"]{color:#9b4a3d}
.request-form .form-field .optional-label{color:var(--muted);font-weight:400}
.request-form .form-field input:not([type=file]),.request-form .form-field textarea{display:block;width:100%;min-width:0;padding:12px 13px;margin:0;border:1px solid #ded2c1;border-radius:8px;background:#fffdf9;color:var(--ink);font:inherit;font-size:14px;min-height:46px}
.request-form .form-field textarea{resize:vertical;min-height:130px;line-height:1.5}
.request-form .form-field input[type=file]{display:block;width:100%;max-width:100%;padding:10px 0;font:inherit;font-size:12px}
.request-form .form-field small{display:block;margin-top:7px;font-size:11px;line-height:1.45;color:var(--muted)}
.request-form .form-field:nth-child(6),.request-form .form-field:nth-child(7),.request-form .form-consent,.request-form .form-error,.request-form .form-response,.request-form button[type=submit]{grid-column:1/-1}
.request-form .form-consent{margin:0;align-self:start}
.request-form .form-error{margin:0;color:#9b3027;font-size:12px;line-height:1.5}
.request-form .form-response{margin:0;padding:12px 14px;border-radius:8px;background:#f8e9e5;color:#8a3025;font-size:13px;line-height:1.5}
.request-form button[type=submit][disabled]{opacity:.65;cursor:wait}
.form-success-state{padding:clamp(24px,4vw,42px);border:1px solid #d8c6a7;border-radius:14px;background:#fbf7ef;text-align:left;animation:formSuccessIn .35s ease both}
.form-success-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:20px;border-radius:50%;background:#e8dfc9;color:#4d5d3b;font-size:28px}
.form-success-state h3{margin:0 0 10px;font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.035em;font-weight:600}
.form-success-state p{max-width:560px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.form-success-state .form-success-note{margin-top:14px;font-size:12px}
@keyframes formSuccessIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.form-success-state{animation:none}}
.request-form button[type=submit]{justify-self:start;padding:14px 20px;border:0;border-radius:8px;background:var(--gold);color:var(--ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.request-form button[type=submit]:hover{filter:brightness(.97)}
.request-form input:focus-visible,.request-form textarea:focus-visible,.request-form .form-consent input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:700px){.contact-form-card{margin-top:26px;padding:22px 18px}.request-form{grid-template-columns:1fr;gap:16px}.request-form .form-field,.request-form .form-consent,.request-form .form-error,.request-form .form-response,.request-form button[type=submit]{grid-column:1}}

/* CTA anchors retain button geometry and are easy to tap. */
.head-cta,.cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}


/* v39 responsive audit fixes: keep decorative artwork unchanged while preventing narrow-screen overflow and sizing real-work placeholders to their card. */
@media(max-width:560px){.real-project-image{width:100%;min-height:0;height:210px;aspect-ratio:auto}html{overflow-x:clip}}


/* v43 mobile usability: make the final form action easy to tap and consent control easier to use. */
#project-request-form{scroll-margin-top:18px}
.request-form .form-consent input[type="checkbox"]{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:var(--gold)}
.request-form .form-consent span{min-width:0}
@media(max-width:700px){
  .request-form button[type="submit"]{width:100%;min-height:48px;justify-self:stretch;font-size:14px}
  .request-form .form-consent{gap:12px;line-height:1.6}
  .request-form .form-consent a{text-underline-offset:3px}
}


/* Honeypot anti-spam field: hidden from real visitors and keyboard navigation. */
.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }

/* v53 mobile audit: service cards must stack on narrow screens. A later tablet rule was overriding the earlier one-column layout. */
@media(max-width:820px){
  .services .cards{grid-template-columns:minmax(0,1fr)}
  .services .card{min-height:0}
  .services .card.is-primary p{max-width:620px}
}
@media(max-width:560px){
  .services .card{padding:22px 20px}
  .services .card h3{font-size:23px}
  .services .card p{font-size:14px;line-height:1.65}
  .services .card-tags{justify-content:flex-start}
  .experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .experience-metric{min-width:0;overflow-wrap:anywhere}
}


/* v56 targeted layout fixes: full-width stacked service cards on mobile and no marketplace grid overflow. */
@media(max-width:820px){
  .services .cards{grid-template-columns:minmax(0,1fr)}
  .services .card{width:100%;min-width:0;box-sizing:border-box}
  .marketplaces-grid{grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;box-sizing:border-box}
  .marketplaces-copy,.marketplaces-list{min-width:0}
  .marketplaces-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
}
@media(max-width:560px){
  .services .cards{grid-template-columns:minmax(0,1fr)}
  .services .card{padding:22px 20px}
  .marketplaces-grid{padding:18px;gap:22px}
  .marketplaces-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .marketplaces-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .marketplace-result{min-width:0;padding:16px 10px;overflow-wrap:anywhere}
  .marketplace-result strong{font-size:clamp(21px,6vw,27px)}
}

/* Mobile header navigation: compact, readable horizontal menu */
@media (max-width: 700px) {
  .header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    padding: 14px 0 12px;
  }
  .brand { min-width: 0; }
  .brand strong { font-size: 15px; }
  .brand span { font-size: 9px; letter-spacing: .08em; }
  .head-cta { margin: 0; padding: 11px 12px; font-size: 11px; white-space: nowrap; }
  .nav {
    grid-column: 1 / -1;
    order: initial;
    display: flex;
    width: calc(100% + 1px);
    gap: 8px;
    margin: 0;
    padding: 0 0 3px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    font-size: 12px;
  }
  .nav::-webkit-scrollbar { display: none; }
  .nav a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #e0d4c3;
    border-radius: 999px;
    background: rgba(255, 251, 245, .72);
    color: #514a41;
    text-decoration: none;
  }
  .nav a:active { background: #eadbc2; }
}

/* Styled native file picker, retaining accessible input and filename behavior */
.request-form .form-field input[type="file"],
.modal-box .form-field input[type="file"] {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 12px;
  border: 1px dashed #c7a56a;
  border-radius: 10px;
  background: #fbf7ef;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}
.request-form .form-field input[type="file"]::file-selector-button,
.modal-box .form-field input[type="file"]::file-selector-button {
  margin: 0 10px 0 0;
  padding: 9px 13px;
  border: 0;
  border-radius: 7px;
  background: var(--gold);
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: filter .2s ease;
}
.request-form .form-field input[type="file"]::file-selector-button:hover,
.modal-box .form-field input[type="file"]::file-selector-button:hover { filter: brightness(.96); }
.request-form .form-field input[type="file"]:focus-visible,
.modal-box .form-field input[type="file"]:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 420px) {
  .request-form .form-field input[type="file"],
  .modal-box .form-field input[type="file"] { padding: 9px; }
  .request-form .form-field input[type="file"]::file-selector-button,
  .modal-box .form-field input[type="file"]::file-selector-button { margin-right: 7px; padding: 8px 10px; }
}