:root{--ink:#182024;--muted:#5e6a70;--line:#d9e0dd;--paper:#fbfbf7;--white:#ffffff;--charcoal:#233136;--mint:#d8f4e1;--green:#0f7a5f;--sky:#dceeff;--blue:#2468a8;--gold:#ffe59e;--coral:#ffb49c;--danger:#b42318;--shadow:0 18px 50px rgba(24,32,36,0.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.site-header{align-items:center;background:rgba(251,251,247,.9);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;left:0;min-height:72px;padding:16px clamp(20px,4vw,56px);position:-webkit-sticky;position:sticky;right:0;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-footer,main{position:relative;z-index:2}.brand-mark{align-items:center;display:inline-flex;gap:10px;font-size:20px;line-height:1}.brand-mark img{flex:0 0 auto;height:28px;object-fit:contain;width:76px}.brand-mark span{font-weight:800;letter-spacing:.02em}.case-actions,.header-actions,.hero-actions,.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.text-link{color:var(--muted);font-size:14px}.danger-button,.icon-button,.icon-link,.primary-button,.secondary-button,.upload-button{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:42px;padding:0 16px}.icon-link,.secondary-button{background:var(--white);border-color:var(--line);color:var(--charcoal)}.primary-button{background:var(--ink);color:var(--white)}.danger-button{background:#fff4f2;border-color:#ffd0ca;color:var(--danger)}.compact{min-height:38px;padding:0 13px}.full{width:100%}.hero-section{align-items:center;display:grid;grid-gap:clamp(32px,6vw,78px);gap:clamp(32px,6vw,78px);grid-template-columns:minmax(0,1.02fr) minmax(340px,.86fr);min-height:calc(100vh - 72px);padding:clamp(48px,7vw,96px) clamp(20px,5vw,72px) clamp(36px,6vw,80px)}.eyebrow{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.detail-hero h1,.hero-copy h1{font-size:clamp(42px,8vw,90px);line-height:.96;margin-bottom:22px;max-width:930px}.detail-hero p,.hero-text{color:var(--muted);font-size:clamp(17px,2vw,22px);line-height:1.55;max-width:720px}.hero-visual{min-width:0}.browser-shell{background:var(--white);border:2px solid var(--ink);border-radius:8px;box-shadow:14px 14px 0 var(--gold);overflow:hidden}.browser-bar{align-items:center;background:var(--charcoal);display:flex;gap:8px;height:42px;padding:0 14px}.browser-bar span{background:var(--coral);border-radius:99px;height:11px;width:11px}.browser-bar span:nth-child(2){background:var(--gold)}.browser-bar span:nth-child(3){background:var(--mint)}.browser-content{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.process-shell{box-shadow:14px 14px 0 var(--mint)}.process-flow{display:grid;grid-gap:14px;gap:14px;padding:18px}.process-card{border:2px solid var(--ink);border-radius:8px;display:grid;grid-gap:8px;gap:8px;min-height:142px;padding:18px}.case-snapshot span,.process-card span{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.process-card strong{font-size:24px;line-height:1}.process-card p{color:var(--charcoal);line-height:1.5;margin-bottom:0}.process-arrow{color:var(--blue);font-size:32px;font-weight:850;line-height:1;padding-left:22px}.mini-dashboard,.mini-panel{align-items:center;border:2px solid var(--ink);border-radius:8px;display:flex;font-weight:800;min-height:120px;padding:18px}.accent-coral{background:var(--coral)}.accent-mint{background:var(--mint)}.accent-gold{background:var(--gold)}.mini-dashboard{background:var(--sky);flex-direction:column;gap:12px;justify-content:center}.mini-dashboard strong{font-size:20px;line-height:1}.mini-dashboard small{color:var(--blue);font-size:12px;font-weight:850;text-transform:uppercase}.mini-dashboard span{background:var(--blue);border-radius:99px;display:block;height:12px;width:82%}.mini-dashboard span:nth-of-type(2){width:64%}.mini-dashboard span:nth-of-type(3){width:46%}.trust-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;padding:18px clamp(20px,5vw,72px)}.tag-row span,.trust-strip span{background:var(--white);border:1px solid var(--line);border-radius:999px;color:var(--charcoal);display:inline-flex;font-size:13px;font-weight:750;min-height:34px;padding:8px 12px}.company-section,.idea-build-section{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);padding:clamp(48px,7vw,86px) clamp(20px,5vw,72px)}.idea-build-section{background:rgba(255,255,255,.72);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.section-kicker h2{font-size:clamp(32px,5vw,58px);line-height:1;margin-bottom:0}.build-grid,.service-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.build-grid article,.service-grid article{background:var(--white);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:22px}.build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.build-grid article{background:var(--paper);align-content:start}.build-grid svg,.service-grid svg{color:var(--green)}.build-grid h3,.service-grid h3{font-size:20px;margin-bottom:0}.build-grid p,.service-grid p{color:var(--muted);line-height:1.6;margin-bottom:0}.case-list{display:grid}.empty-case-state{background:var(--white);border:2px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 var(--gold);margin:clamp(48px,7vw,90px) auto;max-width:760px;padding:clamp(24px,5vw,44px);text-align:center}.empty-case-state h2{font-size:clamp(30px,5vw,54px);line-height:1}.empty-case-state p:not(.eyebrow){color:var(--muted);line-height:1.65}.case-section{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-gap:clamp(26px,5vw,72px);gap:clamp(26px,5vw,72px);grid-template-columns:minmax(280px,.56fr) minmax(0,1fr);min-height:88vh;padding:clamp(48px,7vw,90px) clamp(20px,5vw,72px)}.case-intro{position:-webkit-sticky;position:sticky;top:104px}.admin-editor h2,.case-intro h2,.closing-cta h2{font-size:clamp(32px,5vw,58px);line-height:1;margin-bottom:16px}.case-intro p,.closing-cta p{color:var(--muted);font-size:17px;line-height:1.65}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.case-snapshot{display:grid;grid-gap:10px;gap:10px;margin:22px 0}.case-snapshot div{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;padding:14px}.case-snapshot p{font-size:14px;line-height:1.55;margin:6px 0 0}.module-list{display:grid;grid-gap:8px;gap:8px;margin-bottom:20px}.module-list span{background:var(--sky);border:1px solid #b8d8f5;border-radius:8px;color:var(--blue);font-size:13px;font-weight:800;padding:9px 11px}.comic-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.comic-card{background:var(--white);border:2px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 rgba(24,32,36,.12);overflow:hidden}.comic-card img{aspect-ratio:3/4;background:var(--sky);border-bottom:2px solid var(--ink);object-fit:contain;width:100%}.image-placeholder{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,rgba(36,104,168,.12),rgba(15,122,95,.1)),var(--sky);color:var(--blue);display:flex;font-size:14px;font-weight:850;justify-content:center;padding:18px;text-align:center;width:100%}.comic-card .image-placeholder{border-bottom:2px solid var(--ink)}.comic-card div{padding:18px}.comic-card h3{font-size:20px;margin-bottom:8px}.comic-card p{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:0}.comic-card small{border-top:1px solid var(--line);color:var(--blue);display:block;font-size:13px;font-weight:750;line-height:1.55;margin-top:14px;padding-top:12px}.closing-cta{align-items:start;background:var(--charcoal);color:var(--white);display:grid;justify-items:start;padding:clamp(56px,8vw,100px) clamp(20px,5vw,72px)}.closing-cta p{color:#d9e0dd;max-width:760px}.site-footer{align-items:center;background:var(--ink);color:#d9e0dd;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:20px clamp(20px,5vw,72px)}.avatar-hunt{left:0;overflow:hidden;top:0;width:100vw;z-index:1}.avatar-field,.avatar-hunt{pointer-events:none;position:absolute}.avatar-field{inset:0}.avatar-fog-light{background:radial-gradient(circle,rgba(36,104,168,.13) 0,rgba(36,104,168,.08) 28%,rgba(36,104,168,0) 68%);border:1px solid rgba(36,104,168,.12);border-radius:999px;height:370px;left:-9999px;opacity:0;position:fixed;top:-9999px;transform:translate(-50%,-50%);transition:opacity .14s ease;width:370px;z-index:1}.avatar-fog-light.active{opacity:1}.avatar-field-item{animation:avatar-float 2.4s ease-in-out infinite alternate;display:block;filter:drop-shadow(0 12px 18px rgba(36,104,168,.1));line-height:0;pointer-events:none;position:absolute;transform-origin:center;transition:opacity .11s ease,width .18s ease,filter .18s ease;z-index:2}.avatar-field-item.discovered{animation:avatar-pop .26s ease both;filter:drop-shadow(0 16px 22px rgba(36,104,168,.16))}.avatar-field-item img{display:block;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.avatar-toast{background:var(--ink);border:2px solid var(--white);border-radius:8px;box-shadow:8px 8px 0 rgba(36,104,168,.22);color:var(--white);font-size:16px;left:50%;line-height:1.2;max-width:min(440px,calc(100vw - 32px));padding:13px 17px;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:30}.avatar-counter,.avatar-toast{font-weight:850;pointer-events:none;position:fixed}.avatar-counter{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:999px;bottom:18px;box-shadow:4px 4px 0 rgba(24,32,36,.08);color:var(--charcoal);font-size:12px;left:56px;max-width:min(340px,calc(100vw - 36px));z-index:19;padding:8px 11px}.avatar-final-backdrop{align-items:center;background:radial-gradient(circle at 50% 42%,rgba(36,104,168,.18),rgba(24,32,36,.62) 68%),rgba(24,32,36,.52);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.avatar-final-modal{background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:14px 14px 0 rgba(36,104,168,.24);display:grid;grid-gap:16px;gap:16px;max-width:620px;padding:clamp(24px,4vw,42px);position:relative;transform:rotate(-1deg)}.avatar-final-modal h2{font-size:clamp(34px,5vw,58px);line-height:.96;margin-bottom:0}.avatar-final-modal p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6;margin-bottom:0}.avatar-final-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.avatar-final-close{align-items:center;background:var(--ink);border:2px solid var(--white);border-radius:999px;color:var(--white);cursor:pointer;display:flex;font-size:24px;font-weight:800;height:38px;justify-content:center;line-height:1;position:absolute;right:-12px;top:-12px;width:38px}@keyframes avatar-float{0%{margin-left:-10px;margin-top:8px}to{margin-left:10px;margin-top:-12px}}@keyframes avatar-pop{0%{opacity:0;scale:.66}to{opacity:.42;scale:1}}.avatar-hunt.reduced-motion .avatar-field-item{animation:none}.detail-page{padding:clamp(30px,5vw,72px)}.back-link{align-items:center;color:var(--muted);display:inline-flex;font-weight:750;gap:8px;margin-bottom:28px}.detail-hero{align-items:center;display:grid;grid-gap:clamp(28px,5vw,70px);gap:clamp(28px,5vw,70px);grid-template-columns:minmax(0,1fr) minmax(320px,.78fr)}.detail-cover{border:2px solid var(--ink);border-radius:8px;box-shadow:12px 12px 0 var(--mint);object-fit:cover;width:100%}.detail-cover,.detail-cover.image-placeholder{aspect-ratio:1200/630}.problem-solution{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:60px 0}.problem-solution div{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px}.problem-solution span{color:var(--green);display:block;font-size:12px;font-weight:850;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.problem-solution p{color:var(--muted);line-height:1.65;margin:0}.case-buildable{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-gap:26px;gap:26px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:48px;padding:42px 0}.case-buildable h2,.linkedin-pitch h2{font-size:clamp(28px,4vw,46px);line-height:1}.module-board{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.module-board span{background:var(--sky);border:1px solid #b8d8f5;border-radius:8px;color:var(--blue);font-weight:850;padding:12px 14px}.comic-story{display:grid;grid-gap:26px;gap:26px}.story-panel{align-items:center;background:var(--white);border:2px solid var(--ink);border-radius:8px;display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,.9fr) minmax(260px,.7fr);padding:clamp(14px,2vw,24px)}.story-panel img{aspect-ratio:3/4;object-fit:contain;width:100%}.story-panel .image-placeholder,.story-panel img{border:1px solid var(--line);border-radius:6px}.story-panel h2{font-size:clamp(26px,4vw,44px);line-height:1}.story-panel p{color:var(--muted);line-height:1.65}.system-note{background:var(--paper);border:1px solid var(--line);border-radius:8px;margin-top:20px;padding:16px}.system-note span{color:var(--green);display:block;font-size:12px;font-weight:850;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.system-note p{color:var(--blue);font-size:15px;margin-bottom:0}.linkedin-pitch{background:var(--charcoal);border-radius:8px;color:var(--white);display:grid;grid-gap:14px;gap:14px;justify-items:start;margin-top:48px;padding:clamp(26px,4vw,42px)}.linkedin-pitch p:not(.eyebrow){color:#d9e0dd;font-size:18px;line-height:1.65;max-width:860px}.admin-page{align-items:start;display:grid;grid-gap:22px;gap:22px;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 72px);padding:24px}.admin-preview-banner{position:-webkit-sticky;position:sticky;top:78px;z-index:45;display:flex;align-items:center;justify-content:center;gap:12px;width:min(920px,calc(100% - 32px));margin:104px auto -72px;padding:11px 14px;border:2px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:5px 5px 0 rgba(20,31,56,.14);font-size:.86rem}.admin-preview-banner span{color:var(--muted)}.admin-preview-banner strong{text-transform:capitalize}.admin-preview-banner a{color:var(--ink);font-weight:800}.admin-panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;margin:48px auto;max-width:520px;padding:28px}.admin-panel.narrow,.login-panel{grid-column:1/-1}.password-form{display:grid;grid-gap:14px;gap:14px}.admin-editor,.case-sidebar{background:var(--white);border:1px solid var(--line);border-radius:8px}.case-sidebar{display:grid;grid-gap:16px;gap:16px;padding:18px;position:-webkit-sticky;position:sticky;top:96px}.editor-toolbar,.panel-form-top,.section-heading,.sidebar-top{align-items:center;display:flex;gap:16px;justify-content:space-between}.admin-editor h2,.admin-panel h1,.case-sidebar h1{margin:0}.case-list-admin{display:grid;grid-gap:8px;gap:8px}.case-row{background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:4px;gap:4px;padding:12px;text-align:left}.case-row.active{border-color:var(--green);box-shadow:inset 4px 0 0 var(--green)}.case-row span{font-weight:800}.case-row small{color:var(--muted);text-transform:capitalize}.admin-editor{display:grid;grid-gap:20px;gap:20px;padding:24px}.form-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two,.image-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.image-fields{display:grid;grid-gap:16px;gap:16px}label{color:var(--charcoal);display:grid;font-size:13px;font-weight:800;grid-gap:7px;gap:7px}input,select,textarea{background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}textarea{line-height:1.5;resize:vertical}.check-label{align-items:center;align-self:end;display:flex;min-height:42px}.check-label input{min-height:auto;width:auto}.image-uploader{background:var(--paper);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:14px}.admin-modal-backdrop{align-items:center;background:rgba(20,31,56,.42);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:80}.admin-modal{background:var(--white);border:2px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 rgba(20,31,56,.18);display:grid;grid-gap:14px;gap:14px;max-width:460px;padding:24px;width:min(100%,460px)}.admin-modal h2,.admin-modal p{margin:0}.admin-modal p{color:var(--muted);line-height:1.6}.admin-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.upload-button{background:var(--white);border-color:var(--line);color:var(--charcoal);position:relative}.upload-button input{inset:0;opacity:0;position:absolute}.image-preview-link{align-items:center;color:var(--blue);display:inline-flex;font-size:13px;font-weight:800;gap:6px}.panel-editor,.panel-form{display:grid;grid-gap:14px;gap:14px}.panel-form{border:1px solid var(--line);border-radius:8px;padding:16px}.icon-button{background:var(--white);border-color:var(--line);min-height:38px;padding:0;width:38px}.form-status{background:var(--sky);border:1px solid #b8d8f5;border-radius:8px;color:var(--blue);font-weight:750;margin:0;padding:12px 14px}@media (max-width:980px){.admin-page,.case-buildable,.case-section,.company-section,.detail-hero,.hero-section,.idea-build-section,.story-panel{grid-template-columns:1fr}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-intro,.case-sidebar{position:static}.admin-page{padding:16px}}@media (max-width:720px){.site-header{align-items:flex-start;gap:12px;min-height:auto}.header-actions{justify-content:flex-end}.hero-section{min-height:auto}.detail-hero h1,.hero-copy h1{font-size:44px}.browser-content,.build-grid,.comic-grid,.form-grid,.form-grid.two,.image-fields,.module-board,.problem-solution,.service-grid{grid-template-columns:1fr}.story-panel{gap:18px}.editor-toolbar,.section-heading{align-items:stretch;flex-direction:column}.toolbar-actions{align-items:stretch}.toolbar-actions>*{width:100%}}@media (hover:none),(pointer:coarse){.avatar-counter,.avatar-hunt{display:none}}