style(website): remove borders around screenshots

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: claude

codelab.html

@@ -235,10 +235,10 @@ <h1 class="codelab-hero__title">Your First AR App<br/><span class="text-gradient
 
       <!-- Result screenshots -->
       <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0">
-        <div style="border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)">
+        <div style="border-radius:var(--radius-lg);overflow:hidden">
           <img src="images/apps/demo_explore.png" alt="SceneView demo — 3D model viewer" style="width:100%;aspect-ratio:9/16;object-fit:cover"/>
         </div>
-        <div style="border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)">
+        <div style="border-radius:var(--radius-lg);overflow:hidden">
           <img src="images/apps/demo_showcase.png" alt="SceneView demo — Showcase" style="width:100%;aspect-ratio:9/16;object-fit:cover"/>
         </div>
       </div>
@@ -441,7 +441,7 @@ <h2 class="step__title">Run the app</h2>
           <li>Pinch to scale · two-finger drag to rotate</li>
         </ol>
 
-        <div style="margin-top:1.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)">
+        <div style="margin-top:1.5rem;border-radius:var(--radius-lg);overflow:hidden">
           <img src="images/apps/demo_explore.png" alt="AR model placed on floor" style="width:100%;object-fit:cover;max-height:400px"/>
         </div>
 

index.html

@@ -266,21 +266,21 @@ <h2 class="section__title">See every node type live</h2>
       <p class="section__subtitle">The SceneView Demo app showcases all 19+ node types with live 3D previews, code snippets, and real-time effects.</p>
     </div>
     <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem">
-      <div style="border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow)">
+      <div style="border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)">
         <img src="images/apps/demo_explore.png" alt="SceneView Demo — Explore tab with 3D model viewer" style="width:100%;height:auto;display:block"/>
         <div style="padding:0.875rem 1rem;background:var(--surface)">
           <div style="font-family:var(--font-head);font-weight:500;font-size:0.9rem;margin-bottom:0.25rem">Explore</div>
           <div style="font-size:0.8rem;color:var(--text-secondary)">8 models × 6 HDR environments, orbit camera</div>
         </div>
       </div>
-      <div style="border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow)">
+      <div style="border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)">
         <img src="images/apps/demo_showcase.png" alt="SceneView Demo — Showcase tab with 17 node types" style="width:100%;height:auto;display:block"/>
         <div style="padding:0.875rem 1rem;background:var(--surface)">
           <div style="font-family:var(--font-head);font-weight:500;font-size:0.9rem;margin-bottom:0.25rem">Showcase</div>
           <div style="font-size:0.8rem;color:var(--text-secondary)">17 node types, live 3D preview, copy code</div>
         </div>
       </div>
-      <div style="border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow)">
+      <div style="border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)">
         <img src="images/apps/demo_effects.png" alt="SceneView Demo — Effects tab with DynamicSkyNode and FogNode" style="width:100%;height:auto;display:block"/>
         <div style="padding:0.875rem 1rem;background:var(--surface)">
           <div style="font-family:var(--font-head);font-weight:500;font-size:0.9rem;margin-bottom:0.25rem">Effects</div>