/* App and work pages retain their content but share the SKAU editorial palette. */
body{font-family:Archivo,Arial,sans-serif;background:#fffaf4}
.phero{position:relative;overflow:hidden;background:#fbfbf9;color:#1b2430;padding:clamp(8rem,11vw,10rem) 0 clamp(5rem,8vw,7rem)}.phero::before{content:"";position:absolute;inset:0 0 0 30%;background:radial-gradient(ellipse at 60% 45%,#d8e9ff,#f5dce9 42%,transparent 72%);pointer-events:none}.phero .wrap{position:relative}.phero .kicker{color:#245daa;opacity:1}.phero .kicker::before{background:#2e6be6;box-shadow:0 0 0 4px #2e6be622}.phero h1{color:#1b2430;font-size:clamp(3.2rem,6vw,6rem);letter-spacing:-.055em;line-height:.98}.phero .sub{color:#46556a}.phero .btn:not(.soft){background:#2e6be6}.phero .btn.soft{color:#1b2430;border-color:#9eacbe;background:#fff}
body:has(#inquiryForm) .phero .wrap.narrow{width:min(1180px,90vw);display:grid;grid-template-columns:1fr .9fr;gap:0 5vw;align-items:center}.phero .wrap.narrow>*{grid-column:1}body:has(#inquiryForm) .phero .wrap.narrow::after{content:"";grid-column:2;grid-row:1/5;min-height:455px;background:url('https://images.unsplash.com/photo-1659959103966-b32f2114bcaa?auto=format&fit=crop&w=1000&q=82') center/cover;box-shadow:20px 20px 0 #d4e6de;transform:rotate(2deg)}
body:has(#inquiryForm) section:nth-of-type(1){background:#e8e9fa}body:has(#inquiryForm) .specs{gap:.8rem;border:0}body:has(#inquiryForm) .spec{border:0;padding:1.4rem;background:#fffaf4;min-height:205px}body:has(#inquiryForm) .spec:nth-child(3n+2){background:#dceafb}body:has(#inquiryForm) .spec:nth-child(3n+3){background:#d9efe5}body:has(#inquiryForm) .spec h3{font-size:1.2rem}body:has(#inquiryForm) .roadmap{background:#d9efe5;border:0;border-radius:0;padding:clamp(2rem,4vw,4rem)}body:has(#inquiryForm) #inquiry{background:#f3f7fc}body:has(#inquiryForm) .cform{border-radius:0;box-shadow:0 20px 50px #243b6210;max-width:760px}
body:not(:has(#inquiryForm)) .phero .wrap.narrow{width:min(1180px,90vw)}body:not(:has(#inquiryForm)) .case{border:0;border-radius:0;box-shadow:0 22px 48px #18345518}body:not(:has(#inquiryForm)) .case-visual{background:linear-gradient(90deg,#122c4b9c,#122c4b18),url('/assets/sullivan-hero.jpg') center/cover;padding:clamp(3rem,7vw,7rem)}body:not(:has(#inquiryForm)) .case-body{background:#fffaf4}body:not(:has(#inquiryForm)) .morecard{background:#d9efe5;border:0;border-radius:0}
/* Work preview uses the actual Sullivan identity instead of a tinted stock image. */
body:not(:has(#inquiryForm)) .case-visual{background:#e6effa;padding:clamp(1.5rem,5vw,4rem)}
body:not(:has(#inquiryForm)) .browser{max-width:760px;background:#fff;border:1px solid #ccd8e7;box-shadow:18px 18px 0 #c6d9f2}
body:not(:has(#inquiryForm)) .browser .bar{background:#f5f7fa;border-bottom:1px solid #dce3ec}
body:not(:has(#inquiryForm)) .browser .bar span{background:#bdc7d4}
body:not(:has(#inquiryForm)) .browser .bar .url{color:#536275}
body:not(:has(#inquiryForm)) .browser .body{display:grid;place-items:center;padding:clamp(2rem,5vw,4rem);background:#fff}
body:not(:has(#inquiryForm)) .browser .body img{width:min(100%,600px);height:auto}
body:not(:has(#inquiryForm)) .morecard{background:#e6effa}
@media(max-width:860px){body:has(#inquiryForm) .phero .wrap.narrow{grid-template-columns:1fr}body:has(#inquiryForm) .phero .wrap.narrow>*{grid-column:1}body:has(#inquiryForm) .phero .wrap.narrow::after{grid-column:1;grid-row:auto;min-height:300px;margin-top:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* App page: its own imagery and an inquiry that feels designed, not bolted on. */
body:has(#inquiryForm) .phero .wrap.narrow::after{background-image:url('https://images.unsplash.com/photo-1758611971095-87f590f8c4ed?auto=format&fit=crop&w=1000&q=82')}
body:has(#inquiryForm) .roadmap{display:grid;grid-template-columns:1fr .82fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;background:#dceafb;padding:clamp(1.5rem,3vw,3rem)}
body:has(#inquiryForm) .roadmap::after{content:"";display:block;min-height:320px;background:url('https://images.unsplash.com/photo-1755547721440-327227b5bb4c?auto=format&fit=crop&w=900&q=82') center/cover;box-shadow:15px 15px 0 #f1dbe8;transform:rotate(2deg)}
body:has(#inquiryForm) #inquiry{background:linear-gradient(120deg,#dceafb 0%,#f1dce9 50%,#d9eee5 100%)}body:has(#inquiryForm) #inquiry .wrap.narrow{width:min(1080px,90vw)}
body:has(#inquiryForm) #inquiry .shead{max-width:70ch}body:has(#inquiryForm) #inquiry .shead h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1;letter-spacing:-.05em;color:#1b2430}body:has(#inquiryForm) #inquiry .shead .sub{color:#455368}
body:has(#inquiryForm) .cform{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:clamp(1.5rem,4vw,3rem);background:#fffaf4;border:0;box-shadow:18px 18px 0 #c8d4f0;border-radius:0;max-width:none}
body:has(#inquiryForm) .cform::before{content:"YOUR IDEA / OUR NEXT CONVERSATION";position:absolute;right:-1rem;top:-1.4rem;background:#d9eee5;color:#1c5042;padding:.9rem 1rem;font-size:.62rem;font-weight:800;letter-spacing:.1em;transform:rotate(4deg);box-shadow:0 8px 20px #143d3d1c}
body:has(#inquiryForm) .cform .frow:nth-child(n+6),body:has(#inquiryForm) .cform>.fnote,body:has(#inquiryForm) .cform>.btn{grid-column:1/-1}
body:has(#inquiryForm) .cform .frow label{color:#29384b}body:has(#inquiryForm) .cform .frow input,body:has(#inquiryForm) .cform .frow select,body:has(#inquiryForm) .cform .frow textarea{min-height:48px;background:#fff;border:1px solid #bac6d5;border-radius:4px}body:has(#inquiryForm) .cform .frow textarea{min-height:110px}
body:has(#inquiryForm) .budget-help{display:block;color:#5c6879;font-size:.77rem;line-height:1.4;margin-top:.3rem}
body:has(#inquiryForm) .cform>.btn{justify-self:start;background:#2e6be6}
@media(max-width:860px){body:has(#inquiryForm) .roadmap{grid-template-columns:1fr}body:has(#inquiryForm) .roadmap::after{min-height:240px}}
@media(max-width:620px){body:has(#inquiryForm) .cform{grid-template-columns:1fr;box-shadow:8px 8px 0 #c8d4f0}body:has(#inquiryForm) .cform .frow:nth-child(n+6),body:has(#inquiryForm) .cform>.fnote,body:has(#inquiryForm) .cform>.btn{grid-column:1}body:has(#inquiryForm) .cform::before{display:none}}