@font-face{font-family:CharaEditorial;src:url('/static/assets/InstrumentSerif-Regular.ttf')}@font-face{font-family:CharaEditorial;src:url('/static/assets/InstrumentSerif-Italic.ttf');font-style:italic}*{box-sizing:border-box}body{margin:0;background:#111212;color:#f5efe8;font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.skip{position:absolute;top:-100px}.skip:focus{top:0}.gif-nav{height:66px;border-bottom:1px solid #37322f;display:flex;align-items:center;gap:7%;padding:0 max(4%,calc((100% - 1420px)/2));font-size:14px}.gif-brand{font:700 30px/1 Georgia,serif;letter-spacing:-1.5px;white-space:nowrap}.gif-brand span,em{color:#f69d79}.gif-nav nav{display:flex;gap:34px;flex:1}.gif-nav a:hover,.gif-footer a:hover{text-decoration:underline}.gif-workspace{max-width:1420px;margin:auto;padding:26px 4% 42px;min-height:calc(100vh - 190px)}.gif-crumb{font-size:14px;color:#c8c1ba;margin-bottom:22px}.gif-workspace h1{font:400 clamp(46px,5.4vw,76px)/.98 CharaEditorial,Georgia,serif;margin:0 0 12px;letter-spacing:-.02em}.gif-workspace h2{font:400 31px/1.1 CharaEditorial,Georgia,serif;margin:0}.gif-workspace p{margin:0}.gif-workspace .lead{color:#d1ccc7;font-size:18px;margin-bottom:30px}.gif-grid{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:22px}.gif-panel{border:1px solid #554840;border-radius:12px;padding:25px;background:#141515;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.outline,.action{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:12px 19px;border:1px solid #ab8b7a;color:#fff;background:transparent;font-weight:600}.action{background:#fa9c78;border-color:#fa9c78;color:#1c1714}.source{width:100%;max-height:555px;object-fit:contain;background:#a99d92;display:block;border-radius:8px;aspect-ratio:1/1}.upload{border:1px dashed #998476;border-radius:8px;display:grid;place-items:center;text-align:center;min-height:360px;padding:30px;color:#dad3ca;cursor:pointer}.upload strong{display:block;color:#fff;font-size:18px}.upload input{position:absolute;width:1px;height:1px;opacity:0}.gif-steps>h2:not(:first-child){margin-top:30px}.num{color:#f69d79;font-style:italic;margin-right:10px}.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.motion{padding:0;background:#191a19;border:1px solid #5c504b;border-radius:9px;overflow:hidden;color:white;text-align:center}.motion img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.motion span{display:block;padding:9px}.motion[aria-pressed=true]{border:2px solid #ff9e76}.motion[aria-pressed=true] span{background:#ff9e76;color:#191412}.gif-note{display:block;width:100%;border:1px solid #87766a;border-radius:7px;background:#191919;color:white;padding:14px;margin-top:14px}.gif-submit{border-top:1px solid #51433a;margin-top:28px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gif-submit small{color:#d2c6bc}.retention{margin-top:20px!important;font-size:14px;color:#c2bbb3}.error{padding:14px;background:#3d2521;color:#ffd5c8;border:1px solid #a55e4b;border-radius:7px;margin:16px 0!important}.gif-result{display:grid;grid-template-columns:1.3fr .9fr;gap:26px}.gif-result img{width:100%;max-height:640px;object-fit:contain;background:#a99d92;border-radius:10px}.gif-details dl{margin:0 0 28px}.gif-details dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #443a35;padding:15px 0}.gif-details dd{margin:0}.gif-details .action,.gif-details .outline{width:100%;margin-bottom:12px}.gif-footer{border-top:1px solid #39322e;padding:24px 4%;display:flex;justify-content:space-between;gap:20px;align-items:start;font-size:13px}.gif-footer small{display:block;color:#aaa}.gif-footer nav{display:flex;gap:26px}.loading-line{height:8px;background:#4d403b;border-radius:5px;overflow:hidden;margin:35px 0}.loading-line:after{content:'';display:block;width:32%;height:100%;background:#fa9c78;animation:loading 1.6s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(200%)}}@media(prefers-reduced-motion:reduce){.loading-line:after{animation:none}}@media(max-width:750px){.gif-nav{height:60px;justify-content:space-between}.gif-nav nav{display:none}.gif-workspace{padding:20px 5% 34px}.gif-grid,.gif-result{grid-template-columns:1fr}.gif-panel{padding:18px}.gif-workspace h1{font-size:48px}.motion-grid{gap:8px}.motion img{aspect-ratio:1}.gif-submit .action{width:100%}.gif-footer{display:block}.gif-footer nav{flex-wrap:wrap;margin-top:20px;gap:18px}.gif-result img{max-height:none}}
.gif-landing{padding-top:66px}.gif-landing h1,.gif-landing h2{font-family:CharaEditorial,Georgia,serif!important;font-weight:400}.gif-landing-hero{background:#111212}.gif-landing-inner,.gif-section-inner{max-width:1300px;margin:auto;padding-left:4%;padding-right:4%}.gif-landing-inner{min-height:580px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px}.gif-hero-copy{z-index:1}.gif-hero-copy h1{font-size:clamp(62px,6vw,96px);line-height:.93;letter-spacing:-.02em;margin:0 0 20px}.gif-hero-copy p{font-size:21px;max-width:420px}.gif-hero-actions{display:flex;gap:30px;align-items:center;margin-top:28px}.gif-cta{background:#fa9c78;color:#1b1513;border-radius:7px;padding:15px 24px;font-weight:700}.gif-hero-actions a:not(.gif-cta){text-decoration:underline}.gif-hero-copy .gif-facts{font-size:14px;color:#d5c9be;margin-top:25px}.gif-hero-art{position:relative;align-self:stretch;overflow:hidden}.gif-hero-art>img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 26%)}.gif-hero-art figure{position:absolute;right:3%;top:20%;width:31%;margin:0;padding:8px;background:#221c19;border:1px solid #876e5d;border-radius:9px}.gif-hero-art figure img{width:100%;display:block;border-radius:5px}.gif-hero-art figcaption{font-size:10px;color:#ddd1c4;margin:6px}.gif-how{background:#efe3d5;color:#1d1a18;padding:68px 0}.gif-how h2,.gif-questions h2{font-size:clamp(46px,5vw,70px);line-height:1;margin:0 0 14px}.gif-how h2 em{color:#bd6848}.gif-how>.gif-section-inner>p{font-size:17px}.gif-before{display:flex;justify-content:center;align-items:center;gap:28px;margin:34px auto}.gif-before figure{margin:0;width:min(260px,40%)}.gif-before img{width:100%;border-radius:8px;display:block}.gif-before figcaption{font-size:13px;margin-top:8px}.gif-before span{font-size:32px;color:#c77557}.gif-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gif-how-steps article{display:flex;gap:15px;border:1px solid #bfa99a;border-radius:9px;padding:20px}.gif-how-steps span{color:#be6f52;font:32px CharaEditorial,serif}.gif-how-steps h3{margin:0 0 7px}.gif-how-steps p,.gif-test-note{font-size:14px;margin:0}.gif-test-note{margin-top:20px;color:#6f6258}.gif-questions{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding-top:70px;padding-bottom:80px}.gif-questions details{border:1px solid #594940;padding:15px;margin-bottom:8px;border-radius:7px}.gif-questions summary{cursor:pointer;font-weight:600}.gif-questions details p{color:#c9bfb6;font-size:14px}.gif-questions a{text-decoration:underline;color:#f0a07e}@media(max-width:750px){.gif-landing-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:45px}.gif-hero-copy h1{font-size:62px}.gif-hero-copy p{font-size:18px}.gif-hero-art{height:380px}.gif-hero-art figure{width:35%}.gif-how-steps,.gif-questions{grid-template-columns:1fr}.gif-before{gap:10px}.gif-questions{gap:20px}}
/* Approved design: dark text on the light comparison section. */
.public-site .gif-landing h1,.public-site .gif-landing h2,.gif-workspace h1,.gif-workspace h2{font-family:Georgia,serif!important;font-weight:700;letter-spacing:-.035em}
.public-site .gif-how h2{color:#1d1a18}.public-site .gif-how h2 em{color:#bd6848}
/* Public-site heading defaults are light; the cream comparison panel needs dark text. */
.public-site .gif-how-steps h3,.public-site .gif-how-steps p,.public-site .gif-before figcaption{color:#1d1a18}
.public-site .gif-how-steps span{color:#9d4e32}
.gif-source-row{display:flex;align-items:center;gap:24px;margin-top:24px}.gif-source-row img{width:110px;height:90px;object-fit:cover;border-radius:8px}.gif-source-row p{color:#c9bfb6;margin-top:8px}@media(max-width:750px){.gif-source-row img{width:76px;height:76px}.gif-source-row h2{font-size:22px}}
.gif-pack-summary{border:1px solid #6d594e;border-radius:8px;padding:20px;font:700 22px Georgia,serif;margin-bottom:20px}.gif-pack-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gif-pack-choices button{background:transparent;color:#f5efe8;border:1px solid #88766c;border-radius:8px;padding:18px 8px;font-weight:600}.gif-pack-choices button[aria-pressed=true]{border:2px solid #fa9c78;background:#3a2922}.gif-pack-continue{width:100%;margin-top:20px}.gif-pack-note{text-align:center;color:#ccc0b6;margin-top:14px!important;font-size:14px}.gif-back{background:transparent;border:0;color:#e7b29c;padding:18px 0;text-decoration:underline}@media(max-width:750px){.gif-pack-choices{grid-template-columns:1fr}.gif-pack-choices button{text-align:left;padding:14px}}