:root {
    --home-navy: #071d49;
    --home-navy-deep: #041431;
    --home-blue: #0b5fe8;
    --home-blue-bright: #1b74ff;
    --home-blue-soft: #eef6ff;
    --home-pink: #ef2558;
    --home-text: #15223a;
    --home-muted: #61708a;
    --home-border: #dce6f3;
    --home-white: #fff;
    --home-radius: 20px;
    --home-shadow: 0 20px 55px rgba(7, 29, 73, .1);
}

body.home-refresh { color: var(--home-text); background: #fff; }
.home-refresh main { overflow: clip; }
.home-refresh .container { max-width: 1180px; }
.home-refresh .free-setup-section,
.home-refresh .stats-bar,
.home-refresh .landing-contact-section { display: none; }

.home-refresh .landing-nav { border-bottom-color: rgba(7, 29, 73, .08); background: rgba(255,255,255,.92); }
.home-refresh .brand-icon { background: linear-gradient(135deg, var(--home-navy), var(--home-blue)); }
.home-refresh .nav-menu a:hover,
.home-refresh .nav-template-menu[open] > summary,
.home-refresh .template-mega-heading > a { color: var(--home-blue); }
.home-refresh .button { min-height: 46px; border-radius: 12px; }
.home-refresh .button.primary { background: linear-gradient(135deg, var(--home-blue), var(--home-blue-bright)); box-shadow: 0 10px 26px rgba(11,95,232,.22); }
.home-refresh .button.primary:hover { background: linear-gradient(135deg, #0955ce, #106be9); }
.home-refresh .button:focus-visible,
.home-refresh summary:focus-visible,
.home-refresh a:focus-visible { outline: 3px solid rgba(27,116,255,.28); outline-offset: 3px; }

.home-refresh .hero-section {
    min-height: 620px;
    padding: 4rem 1.5rem 4.4rem;
    border-bottom: 1px solid rgba(111, 160, 226, .18);
    background:
        radial-gradient(circle at 82% 14%, rgba(36,126,255,.31), transparent 31%),
        radial-gradient(circle at 7% 88%, rgba(20,184,255,.14), transparent 29%),
        linear-gradient(135deg, #050e20 0%, #091a38 52%, #11183d 100%);
}
.home-refresh .hero-section::before { opacity: .72; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 48px 48px; }
.home-refresh .hero-section::after { display: none; }
.home-refresh .hero-container { max-width: 1180px; grid-template-columns: minmax(0,.92fr) minmax(460px,1.08fr); gap: clamp(2.4rem,5vw,5rem); }
.home-refresh .hero-copy { max-width: 610px; }
.home-refresh .badge-pill { margin-bottom: 1.25rem; border-color: rgba(125,181,255,.25); color: #9bd1ff; background: rgba(19,48,94,.52); box-shadow: 0 10px 28px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.home-refresh .pulse-dot { animation: none; background: var(--home-pink); box-shadow: 0 0 0 5px rgba(239,37,88,.1); }
.home-refresh .hero-copy h1 { max-width: 650px; margin-bottom: 1.15rem; color: #fff; font-size: clamp(3.2rem,5.3vw,4.8rem); font-weight: 750; line-height: 1.06; }
.home-refresh .hero-copy .text-gradient { color: #68b8ff; background: linear-gradient(110deg,#72c2ff,#7c9fff 68%,#d3a7ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.home-refresh .hero-lead { max-width: 570px; margin-bottom: 1.65rem; color: #bfcee3; font-size: 1.08rem; line-height: 1.75; }
.home-refresh .hero-actions { margin-bottom: 1.6rem; }
.home-refresh .hero-actions .button.large { min-height: 54px; padding-inline: 1.5rem; font-size: .98rem; }
.home-refresh .hero-actions .button.outline { border-color: rgba(255,255,255,.42); color: #fff; background: rgba(255,255,255,.07); }
.home-refresh .hero-actions .button.outline:hover { border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.13); }
.home-refresh .trust-metrics { gap: .65rem 1rem; color: #c1cee0; }
.home-refresh .trust-item svg { width: 17px; height: 17px; stroke: #61b5ff; }
.home-refresh .trust-item span { font-size: .78rem; }

.home-refresh .hero-preview-wrapper { width: min(100%,590px); padding-right: 24px; }
.home-refresh .hero-preview-wrapper::before { inset: 4% 0 -5% 8%; background: radial-gradient(circle,rgba(39,133,255,.38),rgba(85,197,255,.1) 58%,transparent 72%); filter: blur(30px); }
.home-refresh .glass-card { border: 7px solid #172136; border-radius: 19px 19px 10px 10px; box-shadow: 0 34px 74px rgba(0,0,0,.42); }
.home-refresh .main-preview { transform: perspective(1000px) rotateY(-4deg); }
.home-refresh .preview-toolbar { min-height: 38px; background: #f1f5f9; }
.home-refresh .preview-slider { background: #fff; }
.home-refresh .floating-badge { min-width: 178px; padding: .7rem .8rem; border-color: rgba(255,255,255,.88); border-radius: 13px; animation: none; box-shadow: 0 14px 34px rgba(7,29,73,.13); }
.home-refresh .floating-badge .icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--home-blue); font-size: 1rem; }
.home-refresh .floating-badge strong { font-size: .72rem; }
.home-refresh .floating-badge p { font-size: .63rem; }
.home-refresh .badge-1 { top: -28px; right: -5px; }
.home-refresh .badge-2 { bottom: -24px; left: -22px; }
.home-refresh .badge-3 { right: -5px; bottom: 68px; min-width: 170px; }
.home-phone-mockup { position: absolute; z-index: 4; right: -22px; bottom: -8px; width: 120px; height: 245px; padding: 12px 7px 16px; overflow: hidden; border: 5px solid #111827; border-radius: 25px; background: #fff; box-shadow: 0 22px 45px rgba(7,29,73,.28); transform: rotate(2deg); }
.home-phone-speaker { position: absolute; z-index: 2; top: 3px; left: 50%; width: 42px; height: 6px; border-radius: 0 0 8px 8px; background: #111827; transform: translateX(-50%); }
.home-phone-home { position: absolute; bottom: 5px; left: 50%; width: 32px; height: 3px; border-radius: 3px; background: #111827; transform: translateX(-50%); }
.home-phone-site { height: 100%; padding: 18px 9px; border-radius: 14px; color: #fff; background: linear-gradient(160deg,#09265d,#0b5fe8 58%,#7ac8ff); }
.home-phone-site strong,.home-phone-site small,.home-phone-site b { display: block; }
.home-phone-site strong { font: 700 8px/1.2 "Plus Jakarta Sans",sans-serif; }
.home-phone-site small { max-width: 70px; margin: 35px 0 8px; font-size: 11px; line-height: 1.4; }
.home-phone-site b { width: fit-content; padding: 4px 7px; border-radius: 5px; color: var(--home-blue); background: #fff; font-size: 6px; }
.home-phone-site i { display: inline-block; width: 24%; height: 27px; margin: 35px 2% 0; border-radius: 5px; background: rgba(255,255,255,.35); }

.home-refresh .business-types,
.home-refresh .feature-section,
.home-refresh .portfolio-section,
.home-refresh .steps-section,
.home-refresh .template-section,
.home-refresh .pricing-section,
.home-refresh .home-reviews-section,
.home-refresh .faq-section { padding: 6.25rem 0; }
.home-refresh .business-types,
.home-refresh .portfolio-section,
.home-refresh .template-section,
.home-refresh .faq-section { background: #fff; }
.home-refresh .feature-section,
.home-refresh .pricing-section,
.home-refresh .home-reviews-section { background: #f5f9fe; }
.home-refresh .steps-section { position: relative; color: #fff; background: linear-gradient(135deg,var(--home-navy-deep),#082b66 60%,#0b4b9f); overflow: hidden; }
.home-refresh .steps-section::after { position: absolute; top: -170px; right: -110px; width: 430px; height: 430px; border: 70px solid rgba(80,168,255,.08); border-radius: 50%; content: ""; }
.home-refresh .section-header { max-width: 750px; margin: 0 auto 3rem; }
.home-refresh .section-header h2 { margin-bottom: .8rem; color: var(--home-navy); font-size: clamp(2rem,3.6vw,3.15rem); line-height: 1.22; letter-spacing: -.035em; }
.home-refresh .section-header p { max-width: 650px; color: var(--home-muted); font-size: 1rem; }
.home-refresh .eyebrow { margin-bottom: .75rem; color: var(--home-blue); font-size: .75rem; letter-spacing: .08em; }
.home-refresh .steps-section .section-header h2 { color: #fff; }
.home-refresh .steps-section .eyebrow { color: #70c3ff; }
.home-refresh .steps-section .section-header p { color: #b7c6dc; }

.home-refresh .business-tags { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.home-refresh .business-tags .tag { position: relative; min-height: 150px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: .7rem; overflow: hidden; padding: 1.25rem; border: 1px solid #dce6f3; border-radius: 18px; color: var(--home-navy); background: linear-gradient(135deg,#d7e7ff,#f4f8ff); box-shadow: 0 10px 28px rgba(7,29,73,.06); transition: transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.home-refresh .business-tags .tag::after { position: absolute; top: -42px; right: -22px; width: 130px; height: 130px; border-radius: 50%; background: rgba(255,255,255,.45); content: ""; }
.home-refresh .business-tags .tag:hover { transform: translateY(-5px); border-color: #b8d3f6; box-shadow: 0 18px 36px rgba(7,29,73,.11); }
.home-refresh .business-tags .tag > span { position: relative; z-index: 1; width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,var(--home-navy),var(--home-blue)); font-size: 1.25rem; }
.home-refresh .business-tags .tag > strong { position: relative; z-index: 1; font-size: .95rem; }
.home-refresh .tag-food { background: linear-gradient(135deg,#f0d4ad,#fff5e6)!important; }
.home-refresh .tag-beauty { background: linear-gradient(135deg,#f4c7d8,#fff2f7)!important; }
.home-refresh .tag-stay { background: linear-gradient(135deg,#b8d7cb,#edf8f4)!important; }
.home-refresh .tag-build { background: linear-gradient(135deg,#b7c9e2,#eef4fb)!important; }
.home-refresh .tag-shop { background: linear-gradient(135deg,#d5c8f3,#f4f0ff)!important; }
.home-refresh .home-text-link { display: inline-flex; gap: .5rem; margin-top: 2rem; color: var(--home-blue); font-size: .9rem; font-weight: 650; }

.home-refresh .landing-template-category-bar { display: none; }
.home-refresh .feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.15rem; }
.home-refresh .feature-card { min-width: 0; padding: 1.65rem; border-color: var(--home-border); border-radius: 18px; box-shadow: 0 8px 26px rgba(7,29,73,.04); transition: transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.home-refresh .feature-card:hover { transform: translateY(-5px); border-color: #b8d3f6; box-shadow: 0 17px 38px rgba(7,29,73,.09); }
.home-refresh .feature-icon,.home-refresh .bg-blue,.home-refresh .bg-purple,.home-refresh .bg-green { width: 48px; height: 48px; border-radius: 14px; color: var(--home-blue); background: var(--home-blue-soft); }
.home-refresh .feature-card h3 { color: var(--home-navy); font-size: 1.05rem; }
.home-refresh .feature-card p { color: var(--home-muted); font-size: .85rem; line-height: 1.7; }

.home-refresh .portfolio-section { --portfolio-gap: 1.2rem; overflow: hidden; }
.home-refresh .portfolio-section .section-header { margin-bottom: 2.2rem; }
.home-refresh .portfolio-section .section-header > p { margin-inline: auto; }
.home-refresh .portfolio-intro-note { margin-top: .55rem; font-size: .86rem!important; }
.home-refresh .portfolio-showcase { position: relative; outline: none; }
.home-refresh .portfolio-showcase:focus-visible { border-radius: 20px; outline: 3px solid rgba(27,116,255,.28); outline-offset: 5px; }
.home-refresh .portfolio-viewport { overflow: hidden; padding: .5rem .15rem 1.2rem; touch-action: pan-y; }
.home-refresh .portfolio-track { display: flex; gap: var(--portfolio-gap); will-change: transform; transition: transform .42s cubic-bezier(.22,.7,.28,1); }
.home-refresh .portfolio-track.is-resetting { transition: none; }
.home-refresh .portfolio-slide { min-width: 0; flex: 0 0 calc((100% - 2.4rem) / 3); }
.home-refresh .portfolio-slide[aria-hidden="true"] { pointer-events: none; }
.home-refresh .portfolio-card { height: 100%; overflow: hidden; border: 1px solid var(--home-border); border-radius: 19px; background: #fff; box-shadow: 0 11px 32px rgba(7,29,73,.07); transition: transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.home-refresh .portfolio-card:hover { transform: translateY(-5px); border-color: #b8d3f6; box-shadow: 0 19px 42px rgba(7,29,73,.12); }
.home-refresh .portfolio-media { position: relative; aspect-ratio: 16/9; overflow: hidden; background: linear-gradient(135deg,#dceaff,#f4f8ff); }
.home-refresh .portfolio-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.home-refresh .portfolio-badges { position: absolute; top: .75rem; left: .75rem; display: flex; flex-wrap: wrap; gap: .4rem; }
.home-refresh .portfolio-badge { display: inline-flex; align-items: center; min-height: 25px; padding: .28rem .58rem; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; color: #fff; background: rgba(7,29,73,.82); box-shadow: 0 5px 14px rgba(7,29,73,.16); font-size: .63rem; font-weight: 700; line-height: 1; backdrop-filter: blur(8px); }
.home-refresh .portfolio-badge.is-live { background: rgba(4,133,77,.9); }
.home-refresh .portfolio-badge.is-domain { background: rgba(11,95,232,.92); }
.home-refresh .portfolio-badge.is-demo { background: rgba(113,65,190,.92); }
.home-refresh .portfolio-card-content { display: flex; flex-direction: column; min-height: 225px; padding: 1.25rem; }
.home-refresh .portfolio-card-content h3 { margin: 0 0 .55rem; color: var(--home-navy); font-size: 1.04rem; line-height: 1.45; }
.home-refresh .portfolio-card-content p { margin: 0 0 1rem; color: var(--home-muted); font-size: .8rem; line-height: 1.7; }
.home-refresh .portfolio-link { width: 100%; margin-top: auto; }
.home-refresh .portfolio-controls { display: flex; align-items: center; justify-content: center; gap: 1rem; }
.home-refresh .portfolio-arrow { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid #cbd9eb; border-radius: 12px; color: var(--home-navy); background: #fff; box-shadow: 0 7px 18px rgba(7,29,73,.07); cursor: pointer; transition: transform .2s ease,border-color .2s ease,color .2s ease; }
.home-refresh .portfolio-arrow:hover { transform: translateY(-2px); border-color: var(--home-blue); color: var(--home-blue); }
.home-refresh .portfolio-arrow:focus-visible,
.home-refresh .portfolio-pagination button:focus-visible { outline: 3px solid rgba(27,116,255,.28); outline-offset: 2px; }
.home-refresh .portfolio-pagination { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.home-refresh .portfolio-pagination button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 999px; background: #c2cee0; cursor: pointer; transition: width .22s ease,background .22s ease; }
.home-refresh .portfolio-pagination button[aria-current="true"] { width: 25px; background: var(--home-blue); }
.home-refresh .portfolio-cta { margin-top: 2rem; padding: 1.45rem; border: 1px solid #d5e4f7; border-radius: 18px; background: var(--home-blue-soft); }
.home-refresh .portfolio-cta p { margin: 0 0 .85rem; color: var(--home-navy); font-weight: 650; }

.home-refresh .steps-grid { position: relative; z-index: 2; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin-bottom: 2.4rem; }
.home-refresh .step-card { min-width: 0; padding: 1.6rem 1.3rem; border-color: rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.07); box-shadow: none; backdrop-filter: blur(7px); }
.home-refresh .step-number { color: #65baff; font-family: "Plus Jakarta Sans",sans-serif; font-size: 2rem; }
.home-refresh .step-card h3 { color: #fff; font-size: .98rem; }
.home-refresh .step-card p { color: #b8c7dc; font-size: .8rem; line-height: 1.7; }
.home-refresh .steps-section .section-action .button { color: var(--home-blue); background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.18); }

.home-refresh .public-template-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.home-refresh .public-template-card { border-color: var(--home-border); border-radius: 18px; box-shadow: 0 10px 30px rgba(7,29,73,.06); transition: transform .24s ease,box-shadow .24s ease; }
.home-refresh .public-template-card:hover { transform: translateY(-5px); box-shadow: 0 19px 42px rgba(7,29,73,.12); }
.home-refresh .public-template-preview { aspect-ratio: 16/10; }
.home-refresh .public-template-preview img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.home-refresh .public-template-content { padding: 1.15rem; }
.home-refresh .public-template-content h3 { margin-bottom: .8rem; font-size: 1.05rem; }
.home-refresh .public-template-content > p { display: none; }
.home-refresh .template-card-actions { grid-template-columns: 1fr; }
.home-refresh .template-card-actions .button { min-height: 44px; }
.home-refresh .template-card-actions .button.primary { display: none; }

.home-refresh .pricing-grid { max-width: 900px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; margin: 0 auto; }
.home-refresh .pricing-card { padding: 2rem; border-color: var(--home-border); border-radius: 20px; box-shadow: 0 13px 38px rgba(7,29,73,.07); }
.home-refresh .pricing-card.featured { border-color: var(--home-blue); background: linear-gradient(180deg,#f2f7ff,#fff 170px); box-shadow: 0 18px 46px rgba(11,95,232,.13); }
.home-refresh .popular-tag { background: linear-gradient(135deg,var(--home-pink),#ff537d); }
.home-refresh .plan-name { color: var(--home-blue); }
.home-refresh .pricing-header h3 { color: var(--home-navy); }
.home-refresh .pricing-header p { min-height: 4.6em; color: var(--home-muted); }
.home-refresh .pricing-text-value { color: var(--home-pink); font-size: clamp(2rem,4vw,2.7rem); }
.home-refresh .pricing-card:not(.featured) .pricing-text-value { color: var(--home-blue); }
.home-refresh .pricing-features { margin-bottom: 1.4rem; }
.home-refresh .pricing-features .check { color: var(--home-blue); background: var(--home-blue-soft); }
.home-refresh .home-pricing-note { max-width: 760px; display: flex; align-items: center; justify-content: center; gap: .6rem; margin: 1.5rem auto 0; color: #748198; font-size: .77rem; text-align: center; }
.home-refresh .home-pricing-note > span { width: 21px; height: 21px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #aab9cd; border-radius: 50%; font-family: serif; }

.home-review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.15rem; }
.home-review-card { display: flex; flex-direction: column; min-width: 0; padding: 1.65rem; border: 1px solid var(--home-border); border-radius: 18px; background: #fff; box-shadow: 0 9px 28px rgba(7,29,73,.05); }
.home-review-stars { margin-bottom: 1rem; color: #f5a524; font-size: .9rem; letter-spacing: .12em; }
.home-review-card blockquote { flex: 1; margin: 0 0 1.35rem; color: #35445c; font-size: .9rem; line-height: 1.8; }
.home-review-card footer { display: flex; align-items: center; gap: .75rem; }
.home-review-card footer > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,var(--home-navy),var(--home-blue)); font-weight: 700; }
.home-review-card footer strong,.home-review-card footer small { display: block; }
.home-review-card footer strong { color: var(--home-navy); font-size: .8rem; }
.home-review-card footer small { margin-top: .15rem; color: var(--home-muted); font-size: .7rem; }
.home-placeholder-note { margin: 1.1rem 0 0; color: #8793a5; font-size: .7rem; text-align: center; }

.home-refresh .faq-accordion { display: grid; gap: .4rem; }
.home-refresh .faq-item { margin: 0; padding: 0 .95rem; border: 1px solid var(--home-border); border-radius: 10px; box-shadow: none; }
.home-refresh .faq-item[open] { border-color: #b7d0f2; box-shadow: 0 6px 18px rgba(7,29,73,.05); }
.home-refresh .faq-item summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .65rem 0; font-size: .9rem; line-height: 1.45; }
.home-refresh .faq-answer { margin-top: 0; padding: 0 0 .75rem; color: var(--home-muted); font-size: .83rem; line-height: 1.65; }

.home-refresh .cta-banner { padding: 5.5rem 1.5rem; background: #fff; }
.home-refresh .cta-box { position: relative; overflow: hidden; padding: 4.6rem 2rem; border-radius: 26px; background: linear-gradient(135deg,#073c8b,var(--home-blue) 58%,#197cf0); box-shadow: 0 24px 55px rgba(11,95,232,.2); }
.home-refresh .cta-box::before { position: absolute; inset: 0; opacity: .14; background-image: radial-gradient(#fff 1px,transparent 1px); background-size: 23px 23px; content: ""; }
.home-refresh .cta-box > * { position: relative; z-index: 1; }
.home-refresh .home-cta-kicker { display: inline-block; margin-bottom: 1rem; padding: .35rem .8rem; border: 1px solid rgba(255,255,255,.3); border-radius: 30px; background: rgba(255,255,255,.08); font-size: .72rem; }
.home-refresh .cta-box h2 { margin-bottom: 1rem; font-size: clamp(2.25rem,5vw,3.8rem); letter-spacing: -.04em; }
.home-refresh .cta-box p { font-size: 1rem; }
.home-refresh .home-line-button { color: #fff; background: #10b94f; box-shadow: 0 10px 25px rgba(0,80,30,.22); }
.home-refresh .home-line-button:hover { background: #0da744; }

.home-refresh .landing-footer { border-top-color: rgba(255,255,255,.1); color: #aebbd0; background: var(--home-navy-deep); }
.home-refresh .landing-footer .brand-name,
.home-refresh .public-footer-grid nav strong,
.home-refresh .footer-legal strong { color: #fff; }
.home-refresh .landing-footer .footer-brand p,
.home-refresh .public-footer-grid nav,
.home-refresh .footer-legal,
.home-refresh .footer-copyright { color: #8292aa; }
.home-refresh .public-footer-grid .footer-copyright { border-top-color: rgba(255,255,255,.1); }

@media (max-width: 1024px) {
    .home-refresh .hero-section { min-height: auto; padding-block: 3.7rem; }
    .home-refresh .hero-container { grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: 2rem; }
    .home-refresh .hero-copy h1 { font-size: clamp(2.8rem,5.4vw,4rem); }
    .home-refresh .floating-badge { min-width: 155px; }
    .home-refresh .badge-3 { display: none; }
    .home-refresh .business-tags { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .home-refresh .steps-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .home-refresh .portfolio-slide { flex-basis: calc((100% - 1.2rem) / 2); }
}

@media (max-width: 768px) {
    .home-refresh .hero-section { padding: 3.4rem 1.25rem 4.5rem; }
    .home-refresh .hero-container { grid-template-columns: 1fr; gap: 3.5rem; }
    .home-refresh .hero-copy { max-width: 650px; margin: 0 auto; text-align: center; }
    .home-refresh .hero-lead { margin-inline: auto; }
    .home-refresh .hero-actions,.home-refresh .trust-metrics { justify-content: center; }
    .home-refresh .hero-preview-wrapper { width: min(100%,580px); margin: 0 auto; }
    .home-refresh .business-types,.home-refresh .feature-section,.home-refresh .portfolio-section,.home-refresh .steps-section,.home-refresh .template-section,.home-refresh .pricing-section,.home-refresh .home-reviews-section,.home-refresh .faq-section { padding: 5rem 0; }
    .home-refresh .business-tags,.home-refresh .feature-grid,.home-refresh .public-template-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .home-refresh .pricing-grid { grid-template-columns: 1fr; max-width: 520px; }
    .home-review-grid { grid-template-columns: 1fr; max-width: 600px; margin-inline: auto; }
    .home-refresh .pricing-header p { min-height: auto; }
}

@media (max-width: 640px) {
    .home-refresh .portfolio-section { --portfolio-gap: .85rem; }
    .home-refresh .portfolio-slide { flex-basis: 100%; }
}

@media (max-width: 520px) {
    .home-refresh .container { padding-inline: 1rem; }
    .home-refresh .hero-section { padding: 3rem 1rem 4rem; }
    .home-refresh .hero-copy h1 { font-size: clamp(2.55rem,12vw,3.5rem); }
    .home-refresh .hero-lead { font-size: .98rem; }
    .home-refresh .hero-actions { display: grid; }
    .home-refresh .hero-actions .button { width: 100%; }
    .home-refresh .trust-metrics { display: grid; grid-template-columns: 1fr 1fr; text-align: left; }
    .home-refresh .hero-preview-wrapper { padding-right: 8px; }
    .home-refresh .main-preview { transform: none; }
    .home-phone-mockup { right: -5px; bottom: -30px; width: 84px; height: 174px; padding: 8px 4px 12px; border-width: 4px; border-radius: 18px; }
    .home-phone-site { padding: 12px 6px; }
    .home-phone-site small { margin-top: 22px; font-size: 8px; }
    .home-phone-site i { height: 17px; margin-top: 20px; }
    .home-refresh .floating-badge { min-width: 138px; padding: .55rem .65rem; }
    .home-refresh .floating-badge p { display: none; }
    .home-refresh .badge-1 { top: -22px; right: -4px; }
    .home-refresh .badge-2 { bottom: -24px; left: -5px; }
    .home-refresh .business-types,.home-refresh .feature-section,.home-refresh .portfolio-section,.home-refresh .steps-section,.home-refresh .template-section,.home-refresh .pricing-section,.home-refresh .home-reviews-section,.home-refresh .faq-section { padding: 4.25rem 0; }
    .home-refresh .section-header { margin-bottom: 2.25rem; }
    .home-refresh .section-header h2 { font-size: clamp(1.85rem,9vw,2.5rem); }
    .home-refresh .business-tags,.home-refresh .feature-grid,.home-refresh .steps-grid,.home-refresh .public-template-grid { grid-template-columns: 1fr; }
    .home-refresh .business-tags .tag { min-height: 128px; }
    .home-refresh .pricing-card { padding: 1.65rem 1.25rem; }
    .home-refresh .portfolio-card-content { min-height: 215px; }
    .home-refresh .portfolio-cta { padding: 1.25rem 1rem; }
    .home-refresh .portfolio-cta .button { width: 100%; }
    .home-refresh .home-pricing-note { align-items: flex-start; text-align: left; }
    .home-refresh .cta-banner { padding: 3.8rem 1rem; }
    .home-refresh .cta-box { padding: 3.5rem 1.15rem; }
    .home-refresh .cta-actions { display: grid; }
    .home-refresh .cta-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .home-refresh *,
    .home-refresh *::before,
    .home-refresh *::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}