feat(web): DDoS 방어 가격 옵션 추가

- 기본 방어: 무료 (Cloudflare)
- 프리미엄 방어: ₩99,000/월 (VAT 포함, 1Tbps+)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

web/index.html

@@ -627,13 +627,26 @@
         </p>
       </div>
 
-      <!-- 공통 포함 사항 -->
+      <!-- DDoS 방어 옵션 -->
-      <div class="grid md:grid-cols-3 gap-6">
+      <div class="sketch-border p-6 md:p-8 mb-8" style="transform: rotate(0deg);">
-        <div class="sketch-border p-6 text-center">
+        <h3 class="text-xl font-bold mb-6 text-center font-hand">🛡️ DDoS 방어 옵션</h3>
-          <div class="text-3xl mb-3">🛡️</div>
+        <div class="grid md:grid-cols-2 gap-6">
-          <h4 class="font-bold mb-2">DDoS 방어</h4>
+          <div class="border-2 border-dashed border-sketch-line/30 rounded p-5 text-center">
-          <p class="text-sketch-line/70 text-sm">모든 요금제 기본 포함</p>
+            <div class="text-2xl font-bold mb-2">기본 방어</div>
+            <div class="text-3xl font-bold text-sketch-green mb-3">무료</div>
+            <p class="text-sketch-line/70 text-sm">Cloudflare 기본 보호<br>일반적인 공격 대응</p>
+          </div>
+          <div class="border-2 border-sketch-blue rounded p-5 text-center bg-sketch-blue/5">
+            <div class="text-2xl font-bold mb-2 text-sketch-blue">프리미엄 방어</div>
+            <div class="text-3xl font-bold mb-3">₩99,000<span class="text-base font-normal text-sketch-line/70">/월</span></div>
+            <p class="text-sketch-line/70 text-sm">1Tbps+ 엔터프라이즈 방어<br>대규모 공격 완벽 차단</p>
+            <p class="text-xs text-sketch-line/50 mt-2">VAT 포함</p>
+          </div>
         </div>
+      </div>
+
+      <!-- 공통 포함 사항 -->
+      <div class="grid md:grid-cols-2 gap-6">
         <div class="sketch-border p-6 text-center">
           <div class="text-3xl mb-3">🔒</div>
           <h4 class="font-bold mb-2">무료 SSL</h4>