.scrappics-page{--scrap-coral:#ef7652;--scrap-coral-dark:#c55235;--scrap-mint:#c9dfce;--scrap-ink:#17202c;color:var(--scrap-ink);background:#f7f4ec}.scrappics-page .scrappics-header{color:var(--scrap-ink)}.scrappics-page .brand-mark{background:var(--scrap-ink);box-shadow:3px 3px 0 var(--scrap-coral)}.scrappics-page .brand-mark b{color:var(--scrap-coral)}.scrappics-page nav a:hover{color:var(--scrap-coral-dark)}.scrappics-page .eyebrow{color:var(--scrap-coral-dark)}.scrappics-page .button-primary{background:var(--scrap-ink);box-shadow:5px 5px 0 var(--scrap-coral)}.scrappics-page .button-primary:hover{box-shadow:7px 7px 0 var(--scrap-coral)}.scrappics-page .text-link{border-bottom-color:var(--scrap-ink)}
.scrappics-hero{min-height:900px;padding:175px max(24px,calc((100vw - 1180px)/2)) 90px;display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(239,118,82,.2),transparent 28%),linear-gradient(145deg,#fffaf3 0%,#f7f4ec 60%,#e3f0e3 100%)}.scrappics-hero-copy{position:relative;z-index:2}.scrappics-lockup{display:inline-flex;align-items:center;gap:12px;margin-bottom:25px;padding:7px 11px 7px 7px;border:1px solid rgba(23,32,44,.12);border-radius:99px;background:rgba(255,255,255,.55)}.scrappics-lockup .photo-icon{width:46px;height:46px;margin:0;border-radius:13px;box-shadow:none}.scrappics-lockup p{margin:0;font-size:14px;font-weight:800}.scrappics-lockup .app-status{margin-left:5px}.scrappics-hero h1{color:var(--scrap-ink)}.scrappics-hero h1 strong{color:var(--scrap-coral)}.scrappics-hero .hero-intro{color:#5d6870}.scrappics-hero-shot{position:relative;display:flex;justify-content:center}.scrappics-hero-shot::before{content:"";position:absolute;inset:8% 8% 5%;background:linear-gradient(145deg,rgba(239,118,82,.34),rgba(201,223,206,.58));filter:blur(44px);border-radius:50%}.scrappics-hero-shot img{position:relative;width:min(420px,75vw);max-height:700px;object-fit:contain;filter:drop-shadow(0 32px 35px rgba(23,32,44,.25));transform:rotate(4deg)}.floating-note{position:absolute;z-index:2;padding:11px 14px;border:1px solid rgba(23,32,44,.1);border-radius:8px;background:rgba(255,255,255,.82);box-shadow:0 14px 25px rgba(23,32,44,.1);font:10px var(--mono)}.note-one{top:13%;right:1%;color:var(--scrap-coral-dark);transform:rotate(5deg)}.note-two{bottom:11%;left:1%;color:#47745a;transform:rotate(-7deg)}
.scrappics-feature-band{padding:118px max(24px,calc((100vw - 1180px)/2));background:#fffefd}.scrappics-heading{align-items:start}.scrappics-heading h2{max-width:700px}.screens-section{padding:125px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.76fr 1.24fr;gap:60px;align-items:center;background:var(--scrap-ink)}.screens-copy h2{color:white}.screens-copy>p:not(.eyebrow){color:rgba(255,255,255,.66);font-size:15px;line-height:1.8}.screens-copy ul{display:grid;gap:15px;margin:30px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.78);font-size:13px;line-height:1.65}.screens-copy li{position:relative;padding-left:28px}.screens-copy li::before{content:"✓";position:absolute;left:0;color:#8ed0a2;font:16px var(--mono)}.screens-gallery{display:flex;align-items:flex-end;justify-content:center;gap:18px}.screen{margin:0}.screen img{display:block;width:100%;border-radius:26px;filter:drop-shadow(0 25px 22px rgba(0,0,0,.35))}.screen figcaption{margin-top:12px;color:rgba(255,255,255,.5);font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.screen-home{width:38%;transform:translateY(45px) rotate(-4deg)}.screen-sorter{width:38%;transform:rotate(2deg)}.screen-projects{width:27%;transform:translateY(74px) rotate(5deg)}
.privacy-section{padding:120px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;background:var(--scrap-mint)}.privacy-section h2{margin:0}.privacy-section>div:last-child{max-width:560px;color:#50665a;font-size:15px;line-height:1.8}.privacy-callout{margin-top:30px;padding:21px 25px;border-left:4px solid var(--scrap-coral);color:var(--scrap-ink);background:rgba(255,255,255,.48)}.privacy-callout strong{color:var(--scrap-coral-dark)}.scrappics-contact{min-height:490px;padding:100px max(30px,calc((100vw - 1180px)/2));color:white;background:var(--scrap-coral)}.scrappics-contact .eyebrow{color:#fff1e9}.scrappics-contact h2{margin-bottom:25px}.scrappics-contact>p:not(.eyebrow){max-width:560px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.8}.scrappics-contact .button-light{box-shadow:5px 5px 0 var(--scrap-ink)}.scrappics-page footer{background:#fffefd}.scrappics-page footer small{color:#7c8a83}
@media(max-width:1100px){.scrappics-hero{grid-template-columns:1fr;padding-top:145px}.scrappics-hero-copy{max-width:700px}.scrappics-hero-shot{margin-top:20px}.screens-section{grid-template-columns:1fr}.screens-copy{max-width:700px}.screens-gallery{max-width:760px;margin:auto}.privacy-section{grid-template-columns:1fr;gap:25px}}
@media(max-width:900px){.scrappics-page nav{background:#fffefd}.scrappics-hero{min-height:auto}.screens-gallery{gap:10px}}
@media(max-width:600px){.scrappics-hero{padding-top:126px;padding-bottom:70px}.scrappics-hero h1{font-size:clamp(50px,15vw,68px)}.scrappics-lockup{flex-wrap:wrap;border-radius:20px}.scrappics-lockup .app-status{margin-left:0}.scrappics-hero-shot img{width:min(360px,88vw)}.floating-note{font-size:9px}.note-one{right:-2%}.note-two{left:-2%}.scrappics-feature-band,.screens-section,.privacy-section{padding-top:76px;padding-bottom:76px}.screens-gallery{align-items:flex-end}.screen-home,.screen-sorter{width:39%}.screen-projects{width:26%}.screen img{border-radius:16px}.screen figcaption{font-size:8px}.scrappics-contact{padding-top:76px;padding-bottom:76px}}