Import the pebble dev site into devsite/

devsite/source/_sass/sections/round.scss

@@ -0,0 +1,99 @@
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.round-landing {
+  background-image: url('../images/round/splash.jpg');
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-size: cover;
+
+  @include bp-max (xs) {
+    height: 120%;
+  }
+}
+
+.round-landing__contents {
+  max-width: 800px;
+  width: 80%;
+  color: $white;
+  text-align: center;
+  padding-top: 5%;
+  margin: 0 auto;
+}
+
+.round-landing__header {
+  font-size: 3rem;
+}
+
+.round-landing__text {
+  font-size: 1.5rem;
+  width: 80%;
+  margin: 0 auto 2rem;
+}
+
+@include bp-max (s) {
+  .round-landing__buttons {
+    .btn {
+      display: block;
+      width: 100%;
+      margin-bottom: 1rem;
+    }
+
+    .btn + .btn {
+      margin-left: 0;
+    }
+  }
+}
+
+@include bp-min (m) {
+  .round-landing__buttons {
+    display: -webkit-flex;
+    display: flex;
+
+    .btn {
+      flex: 1 1 auto;
+      -webkit-flex: 1 1 auto;
+    }
+  }
+}
+
+.round-landing__lab {
+  font-size: 1.2em;
+  font-weight: 300;
+  background-color: rgba(200, 200, 200, 0.7);
+  color: $black;
+  padding: 0.5em 0.8em;
+  margin: 1em 0;
+
+  a {
+    color: $black;
+    text-decoration: underline;
+
+    &:hover {
+      color: $black;
+    }
+  }
+
+  @include bp-min (m) {
+    position: absolute;
+    left: $sidebar-width + 20px;
+    bottom: 20px;
+    width: 50%;
+    min-width: 300px;
+    text-align: left;
+    margin: 0;
+  }
+}