/* Responsiveness, hover feedback, dan scroll-driven animation. */
.price-orbit{position:absolute;z-index:4;right:-12px;bottom:50px;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ff7658;color:#1e271d;box-shadow:9px 10px 0 var(--ink);transform:rotate(10deg);animation:price-pulse 3s ease-in-out infinite}.price-orbit span{font:500 .48rem 'DM Mono',monospace;letter-spacing:.09em;line-height:1.25}.price-orbit strong{font-size:2.1rem;line-height:.98;letter-spacing:-.1em}.price-orbit i{position:absolute;right:11px;top:8px;font-style:normal;font-size:1rem}@keyframes price-pulse{50%{transform:rotate(4deg) translateY(-8px) scale(1.04)}}

.service-grid{grid-template-columns:repeat(5,1fr)}.service-grid article{position:relative;transition:transform .25s ease,background .25s ease}.service-grid article:hover{z-index:1;background:var(--lime);transform:translateY(-10px);box-shadow:0 14px 0 #b6d74d}.service-grid article:hover h3{transform:translateX(5px)}.service-grid h3{transition:transform .25s ease}

.price-grid{grid-template-columns:repeat(5,1fr)}.price-grid article{min-width:0;transition:transform .25s ease,box-shadow .25s ease}.price-grid article:hover{transform:translateY(-11px);box-shadow:0 17px 0 #dce2cb}.price-grid .featured:hover{box-shadow:0 17px 0 #a5c639}.price-grid h3{min-height:36px}.price{font-size:1.55rem}.price-grid ul{margin:22px 0;font-size:.72rem}.price-grid a{display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.price-grid a:after{content:'↗';font-size:1rem;transition:transform .2s ease}.price-grid a:hover:after{transform:translate(3px,-3px)}

.template-library{border-top:1px solid var(--line)}.template-accordions{border-top:1px solid var(--ink)}.template-accordions details{border-bottom:1px solid var(--line);transition:background .2s ease}.template-accordions details[open]{background:#ebeedf}.template-accordions summary{display:grid;grid-template-columns:90px 1fr auto;gap:15px;align-items:center;padding:23px 20px;cursor:pointer;list-style:none;font-size:1.08rem;font-weight:800;letter-spacing:-.04em}.template-accordions summary::-webkit-details-marker{display:none}.template-accordions summary span{font:500 .68rem 'DM Mono',monospace;color:#789515}.template-accordions summary small{font:500 .65rem 'DM Mono',monospace;color:var(--muted);letter-spacing:.05em}.template-accordions summary:after{content:'+';font:400 1.35rem 'DM Mono',monospace}.template-accordions details[open] summary:after{content:'−'}.template-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 20px 22px}.template-list a{display:flex;min-height:94px;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid #cbd1bd;background:var(--paper);font-size:.8rem;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.template-list a:hover{background:var(--lime);transform:translateY(-5px);box-shadow:5px 5px 0 var(--ink)}.template-list i{font:500 .58rem 'DM Mono',monospace;color:#758165;font-style:normal}

.button,.nav-cta{transition:transform .2s ease,box-shadow .2s ease}.button:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 8px 0 #98bd2f}.text-link{position:relative}.text-link:after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.text-link:hover:after{transform:scaleX(1)}

.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}@supports (animation-timeline:view()){.scroll-reveal{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 8% cover 30%}}@keyframes scroll-reveal{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1100px){.hero{gap:36px}.price-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.service-grid article:nth-child(3){border-right:0}.template-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.price-orbit{right:-3px;bottom:20px;width:83px;height:83px}.price-orbit strong{font-size:1.7rem}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2),.service-grid article:nth-child(4){border-right:0}.service-grid article:nth-child(3){border-right:1px solid var(--line)}.service-grid article:last-child{grid-column:1 / -1;border-right:0}.price-grid{grid-template-columns:1fr 1fr}.price-grid article{min-height:285px;padding:22px}.price-grid article:last-child{grid-column:1 / -1}.template-accordions summary{grid-template-columns:42px 1fr auto;padding:19px 12px}.template-accordions summary small{display:none}.template-list{grid-template-columns:1fr 1fr;padding:0 12px 15px;gap:8px}.template-list a{min-height:76px;padding:11px}.template-list a:last-child{grid-column:1 / -1}.section-heading .subcopy{margin-top:18px}.hero h1{font-size:clamp(2.65rem,12vw,4.1rem)}}
@media (max-width:420px){.hero-actions{align-items:flex-start;flex-direction:column}.price-grid{grid-template-columns:1fr}.price-grid article:last-child{grid-column:auto}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(3){border-right:0}.template-list{grid-template-columns:1fr}.template-list a:last-child{grid-column:auto}.price-orbit{bottom:10px;right:-5px}.trust-row{font-size:.59rem}}
@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none;animation:none}.price-orbit{animation:none}}