/* PicResizer Home — Landing Page Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; }

.prh-home {
    font-family: 'Inter', -apple-system, sans-serif;
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 16px 30px;
    color: #1a1320;
}

/* Hero */
.prh-hero { text-align: center; padding: 40px 10px 44px; }
.prh-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: linear-gradient(135deg, rgba(255,122,48,0.1), rgba(247,37,133,0.09), rgba(114,9,183,0.1));
    border: 1px solid rgba(247,37,133,0.26);
    color: #b5196d; padding: 7px 18px; border-radius: 100px;
    font-size: 12.5px; font-weight: 700; margin-bottom: 22px;
}
.prh-hero h1 {
    font-family: 'Sora', sans-serif; font-size: 42px; font-weight: 800;
    line-height: 1.15; letter-spacing: -1px; margin: 0 0 18px; color: #12091d;
}
.prh-grad {
    background: linear-gradient(135deg, #FF7A30 0%, #F72585 50%, #7209B7 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.prh-hero p {
    font-size: 16px; color: #6b5b78; max-width: 560px;
    margin: 0 auto 30px; line-height: 1.65;
}
.prh-hero-ctas { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }

/* Buttons */
.prh-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 13px 28px; border-radius: 12px; font-size: 14.5px;
    font-weight: 700; font-family: 'Inter', sans-serif;
    cursor: pointer; border: none; text-decoration: none; transition: all .22s;
}
.prh-btn-primary {
    background: linear-gradient(135deg, #FF7A30, #F72585, #7209B7);
    color: #fff;
}
.prh-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(247,37,133,0.32); }
.prh-btn-ghost {
    background: rgba(114,9,183,0.07); border: 1.5px solid rgba(114,9,183,0.18); color: #5b3a73;
}
.prh-btn-ghost:hover { background: rgba(114,9,183,0.13); transform: translateY(-2px); }

/* Tool Cards */
.prh-tools {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 22px; margin: 10px 0 44px;
}
@media (max-width: 820px) { .prh-tools { grid-template-columns: 1fr; } .prh-hero h1 { font-size: 28px; } }

.prh-tool-card {
    background: #fff; border: 1.5px solid rgba(114,9,183,0.10);
    border-radius: 20px; padding: 28px 24px;
    text-decoration: none; display: block;
    box-shadow: 0 2px 16px rgba(114,9,183,0.06);
    transition: all .24s ease; position: relative; overflow: hidden;
}
.prh-tool-card::before {
    content: ''; position: absolute; top: -60px; right: -60px;
    width: 160px; height: 160px;
    border-radius: 50%; opacity: 0;
    transition: opacity .3s;
}
.prh-tool-card:nth-child(1)::before { background: radial-gradient(circle, rgba(255,122,48,0.12), transparent 70%); }
.prh-tool-card:nth-child(2)::before { background: radial-gradient(circle, rgba(247,37,133,0.12), transparent 70%); }
.prh-tool-card:nth-child(3)::before { background: radial-gradient(circle, rgba(114,9,183,0.12), transparent 70%); }
.prh-tool-card:hover::before { opacity: 1; }

.prh-tool-card:hover {
    transform: translateY(-5px);
    border-color: rgba(247,37,133,0.28);
    box-shadow: 0 16px 40px rgba(114,9,183,0.14);
}
.prh-tool-icon {
    width: 54px; height: 54px; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    font-size: 25px; margin-bottom: 18px;
}
.prh-tool-icon.t1 { background: linear-gradient(135deg, #FF7A30, #FF3D81); }
.prh-tool-icon.t2 { background: linear-gradient(135deg, #B5179E, #7209B7); }
.prh-tool-icon.t3 { background: linear-gradient(135deg, #7209B7, #560BAD); }

.prh-tool-card h3 {
    font-family: 'Sora', sans-serif; font-size: 18.5px;
    font-weight: 700; color: #12091d; margin-bottom: 8px;
}
.prh-tool-card p { font-size: 13.5px; color: #7b6888; line-height: 1.55; margin-bottom: 16px; }
.prh-tool-arrow { font-size: 13px; font-weight: 700; color: #c43e7d; display: block; }
.prh-tool-card:hover .prh-tool-arrow { color: #F72585; }

/* Features strip */
.prh-features {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 16px; padding: 32px 0 20px;
    border-top: 1px solid rgba(114,9,183,0.1);
}
@media (max-width: 820px) { .prh-features { grid-template-columns: repeat(2,1fr); } }
.prh-feature { text-align: center; padding: 10px; }
.prh-feature span { font-size: 26px; display: block; margin-bottom: 8px; }
.prh-feature h4 { font-size: 13px; font-weight: 700; color: #12091d; margin-bottom: 4px; }
.prh-feature p { font-size: 11.5px; color: #9b8aab; }

/* Footer text */
.prh-footer-text {
    text-align: center; margin-top: 20px; padding-top: 16px;
    border-top: 1px solid rgba(114,9,183,0.08);
    font-size: 12px; color: #9b8aab;
}
.prh-footer-text a { color: #c43e7d; }