:root{--ink:#142b3a;--muted:#52616b;--accent:#d7fa78;--line:#dce4e8}body{color:var(--ink);background:#fff}header{padding:24px 32px;gap:24px;flex-wrap:wrap}header .brand{letter-spacing:-.06em;font-size:34px;font-weight:850}header .brand span{letter-spacing:.03em;font-size:12px;text-transform:uppercase}header nav{flex-wrap:wrap;gap:18px;align-items:center}header nav a{font-size:14px;padding:8px 0}header nav a:hover{color:#315c53}a:focus-visible,summary:focus-visible{outline:3px solid #4e6c12;outline-offset:5px}.solid-link,.cta{border-radius:8px}.eyebrow,.tag{font-size:14px;color:#405b4d;letter-spacing:.1em}h1{color:var(--ink)}.home-redesign main{max-width:1280px}.home-redesign .intro{grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:70px 0}.hero-message h1{font:500 clamp(48px,6.3vw,80px)/1.02 Georgia,serif;letter-spacing:-.055em}.hero-message h1 em{color:#456255}.hero-description{font-size:19px;line-height:1.7;max-width:560px;color:var(--muted);margin:28px 0}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-actions .solid-link{background:var(--ink);padding:17px 25px}.text-link{font-weight:650}.hero-note{font-size:14px;color:var(--muted);margin-top:25px}.hero-panel{background:var(--ink);color:white;border-radius:20px;padding:28px 32px;box-shadow:0 22px 50px #142b3a16}.panel-label{font-size:12px;letter-spacing:.18em;color:var(--accent);margin:0 0 22px}.hero-panel>a{display:block;text-decoration:none;padding:22px 0;border-top:1px solid #ffffff30}.hero-panel>a:hover strong{color:var(--accent)}.hero-panel a span{font-size:12px;letter-spacing:.09em;color:#b9c9d0;display:block;margin-bottom:12px}.hero-panel strong{font-size:25px;line-height:1.25;font-weight:500;display:block}.hero-panel small{display:block;font-size:14px;color:#d1dce1;margin-top:12px}.home-redesign .section-label{padding:28px 0}.home-redesign .section-label h2{font:500 30px Georgia,serif}.home-redesign .services{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-redesign .card{background:#f5f8fa;border:1px solid var(--line);border-radius:14px;padding:28px;transition:transform .18s,box-shadow .18s}.home-redesign .card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #142b3a12;border-color:#7c9c8b}.home-redesign .card h2{font:500 29px/1.15 Georgia,serif}.home-redesign .card .tag{font-size:12px;min-height:28px;margin-bottom:16px}.home-redesign .summary{font-size:16px;line-height:1.65}.home-redesign .card ul{font-size:15px;line-height:1.7}.home-redesign .card .button{font-size:15px}.home-redesign .card .price{font-size:30px}.home-redesign .card.websites{background:var(--accent);border-color:var(--accent)}.home-redesign .sample-start{margin:40px 0;background:#edf2f5;border:0;border-radius:14px;padding:34px}.home-redesign .sample-start .solid-link{background:var(--ink)}.design-showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:55px 0;border-top:1px solid var(--line)}.design-showcase h2{font:500 42px/1.13 Georgia,serif;letter-spacing:-.025em;margin:20px 0}.design-showcase p{font-size:17px;line-height:1.75;color:var(--muted)}.design-showcase .solid-link{display:inline-block;margin:10px 0 18px;background:var(--ink)}.design-showcase small{display:block;font-size:13px;line-height:1.6;color:var(--muted)}.site-example{background:#342340;color:#fff;padding:32px;border-radius:16px;box-shadow:0 18px 35px #142b3a16}.example-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff33;padding-bottom:22px}.example-top b{letter-spacing:.15em;font-size:16px}.example-top span{font-size:13px;color:#ebd9ec}.site-example .example-kicker{font-size:11px;letter-spacing:.14em;margin:32px 0 20px;color:#e6c6db}.site-example h3{font:normal 48px/1.05 Georgia,serif;margin:0 0 20px;color:#fff}.site-example p{font-size:15px;color:#ecdfed}.example-button{display:inline-block;background:#edc8dc;color:#342340;padding:12px 18px;border-radius:3px;font-size:13px;margin:10px 0 35px}.example-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.07em;border-top:1px solid #ffffff33;padding-top:18px}.home-redesign footer{margin-top:20px}.package-grid article{border-radius:14px!important;background:#f5f8fa}.package-grid article:nth-child(2){border-color:#48634f!important;background:#eff8df}.package-grid .solid-link{background:var(--ink)}
@media(max-width:1000px){.home-redesign .intro{gap:30px}.home-redesign .services{grid-template-columns:repeat(2,minmax(0,1fr))}.design-showcase{gap:30px}}
@media(max-width:700px){header{padding:20px}header nav{gap:12px;row-gap:2px}.home-redesign .intro{grid-template-columns:1fr;padding:40px 0;gap:32px}.hero-panel{padding:24px}.hero-message h1{font-size:clamp(44px,11vw,65px)}.home-redesign .services{grid-template-columns:1fr}.design-showcase{grid-template-columns:1fr;padding:35px 0}.design-showcase h2{font-size:34px}.site-example{padding:24px}.site-example h3{font-size:42px}.home-redesign .section-label h2{font-size:27px}.home-redesign .sample-start{padding:24px}}
@media(prefers-reduced-motion:reduce){.home-redesign .card{transition:none}.home-redesign .card:hover{transform:none}}

.creative-gallery{padding:36px 0 46px;border-top:1px solid #dce4e8}.creative-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:end;margin-bottom:28px}.creative-heading h2{font:500 clamp(30px,4vw,46px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0}.creative-heading>p{font-size:17px;line-height:1.7;color:#52616b;max-width:480px}.creative-heading .eyebrow{margin-bottom:15px}.creative-images{display:grid;grid-template-columns:1fr 1fr;gap:24px}.creative-images figure{margin:0;overflow:hidden;border-radius:14px;background:#f3f6f8}.creative-images img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.creative-images figcaption{padding:20px 24px;display:flex;flex-direction:column;gap:7px}.creative-images strong{font:500 25px Georgia,serif}.creative-images span{font-size:14px;color:#52616b}.creative-disclosure{font-size:13px;line-height:1.6;color:#52616b;margin:16px 0 22px}.creative-gallery>.solid-link{display:inline-block}@media(max-width:700px){.creative-heading,.creative-images{grid-template-columns:1fr;gap:22px}.creative-heading>p{margin:0}}
