:root{--stock:#fbfbf9;--stock-2:#efefea;--ink:#151510;--grey:#6e6e66;--line:#e6e6e0;--paper:#fff;--card:#fff;--shadow:0 1px 2px #1414100d, 0 10px 30px #14141012;--shadow-lift:0 2px 6px #14141014, 0 20px 46px #14141021}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background:var(--stock);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--stock);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}button.secondary,.button.secondary{background:var(--stock);color:var(--ink)}button:disabled{cursor:not-allowed;color:var(--grey);background:var(--line);border-color:var(--line)}input,textarea,select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:4px;padding:12px}textarea{resize:vertical;min-height:86px}label{color:var(--ink);gap:7px;font-size:13px;font-weight:700;display:grid}.site-shell,.app-shell{min-height:100vh}.landing-header,.app-topbar{border-bottom:1px solid var(--line);background:var(--stock);align-items:center;gap:12px;min-height:64px;padding:12px clamp(16px,5vw,40px);display:flex}.app-mark{border-radius:4px;width:42px;height:42px}.wordmark{letter-spacing:0;font-weight:800}.tagline{color:var(--grey);font-size:12px}.header-link,.topbar-action{margin-left:auto}.plain-link{text-underline-offset:3px;text-decoration:underline}.landing-main{gap:0;display:grid}.hero-band{border-bottom:1px solid var(--line);background:#edeced;place-items:center;min-height:min(76vh,720px);display:grid;position:relative;overflow:hidden}.hero-band img{width:auto;max-width:min(76vw,620px);height:auto;max-height:72vh}.hero-copy{position:absolute;bottom:clamp(24px,7vw,70px);left:clamp(20px,6vw,64px)}.hero-copy h1{letter-spacing:0;font-size:clamp(54px,15vw,146px);line-height:.86}.hero-copy p{margin-top:12px;font-size:clamp(16px,3vw,24px)}.entry-grid{gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:clamp(24px,5vw,56px);display:grid}.entry-copy,.entry-panel,.auth-panel,.tool-panel,.proof-card{border:1px solid var(--line);background:var(--stock);border-radius:8px}.entry-copy,.entry-panel,.auth-panel,.tool-panel{padding:20px}.entry-copy h2{letter-spacing:0;max-width:720px;font-size:clamp(30px,7vw,70px);line-height:.96}.entry-copy p:not(.eyebrow){color:var(--grey);max-width:560px;margin-top:20px;line-height:1.45}.eyebrow,.panel-label,.status-line,.field-note{color:var(--grey);text-transform:uppercase;letter-spacing:0;font-size:12px}.auth-panel,.entry-panel{align-content:start;gap:14px;display:grid}.mode-switch{border:1px solid var(--ink);border-radius:4px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mode-switch button{background:var(--stock);color:var(--ink);border:0;border-radius:0}.mode-switch button[aria-pressed=true]{background:var(--ink);color:var(--stock)}.form-stack{gap:12px;display:grid}.message{min-height:20px;color:var(--grey);line-height:1.4}.landing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:24px clamp(16px,5vw,40px);display:flex}.landing-footer img{object-fit:cover;object-position:center;width:130px;height:110px}.app-shell{grid-template-rows:auto 1fr;display:grid}.app-topbar{z-index:4;position:sticky;top:0}.app-main{gap:16px;width:100%;max-width:1240px;margin:0 auto;padding:16px;display:grid}.workspace{gap:16px;display:grid}.tool-panel{align-content:start;gap:16px;display:grid}.chat-list{gap:12px;display:grid}.chat-row{border-bottom:1px solid var(--line);gap:6px;padding-bottom:12px;display:grid}.chat-row:last-child{border-bottom:0;padding-bottom:0}.row-two{gap:12px;display:grid}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.proof-grid{gap:16px;display:grid}.proof-card{overflow:hidden}.proof-shell{aspect-ratio:4/5;background:var(--stock);width:100%;display:grid;position:relative}.proof-image,.proof-copy{position:relative}.proof-image img.placeholder{object-fit:cover;width:100%;height:100%;display:block}.proof-logo{object-fit:contain;object-position:left center;width:21%;height:12%;position:absolute;top:6.2%;left:5.2%}.proof-logo-text{font-size:clamp(18px,4.2vw,34px);font-weight:800;position:absolute;top:7.2%;left:5.2%}.proof-copy{background:var(--stock);border-top:1px solid var(--line);-webkit-user-select:text;user-select:text;align-content:start;gap:4.5%;padding:8% 6% 6%;display:grid}.proof-shell.variant-a{grid-template-rows:63fr 37fr}.proof-shell.variant-b{grid-template-rows:37fr 63fr}.variant-b .proof-copy{border-top:0;border-bottom:1px solid var(--line);grid-row:1}.variant-b .proof-image{grid-row:2}.proof-copy h3{letter-spacing:0;font-size:clamp(22px,5vw,42px);line-height:.98}.proof-copy .offer{font-size:clamp(16px,3vw,25px);font-weight:800}.proof-meta{border-top:1px solid var(--line);gap:10px;padding:12px;display:grid}.setup-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.setup-screen>div{border:1px solid var(--line);border-radius:8px;gap:12px;max-width:620px;padding:20px;display:grid}@media (min-width:760px){.entry-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.workspace{grid-template-columns:minmax(310px,380px) minmax(0,1fr);align-items:start}.row-two{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.landing-footer{flex-direction:column;align-items:flex-start}.action-row{display:grid}}.app-shell{background:var(--stock)}.app-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#fbfbf9eb;min-height:64px;padding:0}.app-topbar-wrap{align-items:center;gap:24px;width:100%;max-width:1180px;height:64px;margin:0 auto;padding:0 22px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;font-size:21px;font-weight:700;display:flex}.app-logo{background-image:url(/milk_app.png);background-position:-26px -80px;background-repeat:no-repeat;background-size:212px 212px;width:168px;height:46px;display:block}.mark{flex:0 0 22px;width:22px;height:24px}.nav{gap:20px;display:flex}.nav a,.stamp{color:var(--grey);font-size:14px;font-weight:500}.nav a.on,.nav a:hover{color:var(--ink)}.spacer{flex:1}.stamp{font-size:12.5px}.avatar{background:var(--ink);width:33px;height:33px;color:var(--card);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.topbar-action{min-height:34px;padding:0 12px}.app-main{padding:26px 22px 60px}.workspace{grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:24px;max-width:1180px;margin:0 auto}.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.chat{flex-direction:column;min-height:560px;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);padding:18px 20px 14px}.chat-head h2{font-size:17px;font-weight:600}.chat-head p{color:var(--grey);margin-top:2px;font-size:13px}.thread{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:13px;max-width:90%;padding:11px 14px;font-size:14px}.msg.bot{background:var(--stock);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.msg.me{background:var(--ink);color:var(--card);border-bottom-right-radius:4px;align-self:flex-end}.who{text-transform:uppercase;color:var(--grey);margin-bottom:4px;font-size:10.5px;font-weight:600}.msg.me .who{color:#b8b8b0}.composer{border-top:1px solid var(--line);padding:12px}.stage{padding:22px 24px 26px}.stage-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.eyebrow{text-transform:uppercase;color:var(--grey);font-size:12px;font-weight:600}.stage-head h2{margin-top:5px;font-size:22px;font-weight:700}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.tool{min-height:37px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.tool:hover:not(:disabled){border-color:var(--ink)}.tool .n{color:var(--grey);font-size:11px}.tool.done{color:var(--ink);background:var(--stock-2)}.tool.pri{background:var(--ink);color:var(--card);border-color:var(--ink)}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.proof-wrap{padding:16px;position:relative}.verstag{z-index:3;text-transform:uppercase;background:var(--ink);color:var(--card);border-radius:0 0 7px 7px;padding:4px 9px;font-size:11px;font-weight:600;position:absolute;top:-2px;left:16px}.verstag.b{background:#8c8c84}.proof{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:5/6.4;border-radius:6px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.proof.sel{outline:2px solid var(--ink);outline-offset:2px}.proof-wrap:hover .proof{box-shadow:var(--shadow-lift)}.crop{z-index:4;width:11px;height:11px;position:absolute}.crop.tl{border-top:1px solid var(--ink);border-left:1px solid var(--ink);top:5px;left:5px}.crop.tr{border-top:1px solid var(--ink);border-right:1px solid var(--ink);top:5px;right:5px}.crop.bl{border-bottom:1px solid var(--ink);border-left:1px solid var(--ink);bottom:5px;left:5px}.crop.br{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);bottom:5px;right:5px}.regmark{z-index:4;opacity:.75;width:15px;height:15px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.proof-shell{aspect-ratio:auto;height:100%}.well{background:var(--stock-2);overflow:hidden}.proof-copy{border:0;gap:5px;padding:11px 13px}.proof-copy h3{font-size:clamp(15px,2vw,22px);line-height:1.05}.proof-copy p{font-size:clamp(10px,1.5vw,14px);line-height:1.25}.proof-copy .offer{margin-top:2px;font-size:clamp(11px,1.6vw,16px)}.proof-copy .meta{color:var(--grey);font-size:clamp(9px,1.3vw,12px)}.proof-logo,.proof-logo-text{top:8%;left:7%}.proof-logo-text{border:1px dashed var(--grey);width:44px;height:24px;color:var(--grey);background:#fbfbf9b8;border-radius:3px;place-items:center;font-size:8px;display:grid}.proof-meta{border-top:0;padding:12px 0 0}.empty-proof{text-align:center;border:1px dashed var(--line);background:var(--stock);border-radius:8px;place-items:center;min-height:390px;display:grid}.seq{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:stretch;margin-top:22px;display:flex;overflow:hidden}.step{flex:1;align-items:center;gap:9px;min-width:112px;padding:12px 14px;display:flex}.step+.step{border-left:1px solid var(--line)}.step .num{background:var(--stock);width:20px;height:20px;color:var(--grey);border:1px solid var(--line);border-radius:50%;flex:0 0 20px;place-items:center;font-size:11px;font-weight:600;display:grid}.step.on .num{background:var(--card);color:var(--ink);border-color:var(--ink)}.step.done .num{background:var(--ink);color:var(--card);border-color:var(--ink)}.step .lbl{font-size:12px;line-height:1.2}.step .lbl b{font-size:12.5px;display:block}.step .lbl span{color:var(--grey);font-size:11px}@media (max-width:920px){.workspace{grid-template-columns:1fr}}@media (max-width:860px){.nav,.stamp{display:none}}@media (max-width:720px){.stage-head{flex-direction:column;align-items:flex-start}.seq{flex-direction:column}.step+.step{border-left:0;border-top:1px solid var(--line)}}@media (max-width:560px){.proof-grid{grid-template-columns:1fr}}.credit-pill{border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1}.get-more-panel{border:1px solid var(--ink);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:14px;display:grid}.get-more-panel span{color:var(--muted);font-size:13px}
