{"product_id":"drivesno™-phone-mount","title":"DRIVESNO™ Phone Mount","description":"\u003c!-- =========================================================\n     DRIVESNO™ PHONE MOUNT\n     Shopify Custom Liquid Landing Page\n========================================================= --\u003e\n\u003csection class=\"dpm-page\"\u003e\u003c!-- =====================================================\n       HERO\n  ====================================================== --\u003e\n\u003csection class=\"dpm-hero\"\u003e\n\u003cdiv class=\"dpm-hero-glow dpm-hero-glow-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dpm-hero-glow dpm-hero-glow-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dpm-container\"\u003e\n\u003cdiv class=\"dpm-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DRIVESNO™ DRIVING SAFETY COLLECTION\u003c\/div\u003e\n\u003ch1\u003eKEEP IT VISIBLE. \u003cstrong\u003eKEEP YOUR DRIVE FOCUSED.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"dpm-hero-copy\"\u003eEnjoy a cleaner and safer way to access your smartphone while driving.\u003c\/p\u003e\n\u003cdiv class=\"dpm-tags\"\u003e\n\u003cspan\u003eSECURE HOLD\u003c\/span\u003e \u003cspan\u003eEASY NAVIGATION\u003c\/span\u003e \u003cspan\u003eDRIVER-FRIENDLY VIEW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 01 --\u003e\n\u003cdiv class=\"dpm-image dpm-image-hero\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPT_Image_2026_9_24_16_13_46_7.png?v=1790668396\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       INTRO\n  ====================================================== --\u003e\n\u003csection class=\"dpm-section dpm-section-light\"\u003e\n\u003cdiv class=\"dpm-container\"\u003e\n\u003cdiv class=\"dpm-heading\"\u003e\n\u003cdiv class=\"dpm-kicker\"\u003e\n\u003cspan\u003e\u003c\/span\u003e SMARTER PHONE ACCESS\u003c\/div\u003e\n\u003ch2\u003eYOUR PHONE. \u003cstrong\u003eRIGHT WHERE YOU NEED IT.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe DRIVESNO™ Phone Mount securely holds your device in a convenient viewing position, making navigation, calls, and driving-related features easier to access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dpm-stack\"\u003e\n\u003carticle class=\"dpm-card\"\u003e\n\u003cdiv class=\"dpm-card-number\"\u003e01\u003c\/div\u003e\n\u003cspan class=\"dpm-card-label\"\u003e SECURE POSITIONING \u003c\/span\u003e\n\u003ch3\u003eKeep Your Device In A Stable Position.\u003c\/h3\u003e\n\u003cp\u003eGive your smartphone a dedicated place inside your vehicle instead of leaving it loose on the seat, console, or other interior surfaces.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-card\"\u003e\n\u003cdiv class=\"dpm-card-number\"\u003e02\u003c\/div\u003e\n\u003cspan class=\"dpm-card-label\"\u003e CLEARER VIEW \u003c\/span\u003e\n\u003ch3\u003eNavigation Made Easier To See.\u003c\/h3\u003e\n\u003cp\u003ePosition your phone where navigation directions, route information, and driving-related features can be viewed more conveniently.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-card\"\u003e\n\u003cdiv class=\"dpm-card-number\"\u003e03\u003c\/div\u003e\n\u003cspan class=\"dpm-card-label\"\u003e CLEANER INTERIOR \u003c\/span\u003e\n\u003ch3\u003eLess Clutter. More Control.\u003c\/h3\u003e\n\u003cp\u003eA dedicated mount helps reduce loose devices around the center console while creating a cleaner and more organized driving environment.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       DRIVER-FOCUSED DESIGN\n  ====================================================== --\u003e\n\u003csection class=\"dpm-section dpm-section-dark\"\u003e\n\u003cdiv class=\"dpm-container\"\u003e\n\u003cdiv class=\"dpm-heading dpm-heading-dark\"\u003e\n\u003cdiv class=\"dpm-kicker dpm-kicker-red\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESIGNED AROUND THE DRIVER\u003c\/div\u003e\n\u003ch2\u003eSIMPLE DESIGN. \u003cstrong\u003eBETTER ACCESS.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts simple design complements different vehicle interiors while reducing distractions caused by handling your phone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 02 --\u003e\n\u003cdiv class=\"dpm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPT_Image_2026_9_24_16_13_45_6.png?v=1790668396\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dpm-feature-stack\"\u003e\n\u003carticle class=\"dpm-feature\"\u003e\u003cspan class=\"dpm-feature-index\"\u003e 01 \u003c\/span\u003e \u003cspan class=\"dpm-feature-label\"\u003e SIMPLE INTERIOR FIT \u003c\/span\u003e\n\u003ch3\u003eClean Design. \u003cstrong\u003eNatural Integration.\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eThe streamlined design works naturally with different vehicle interiors without adding unnecessary visual clutter to your dashboard or console area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-feature\"\u003e\u003cspan class=\"dpm-feature-index\"\u003e 02 \u003c\/span\u003e \u003cspan class=\"dpm-feature-label\"\u003e CONVENIENT VIEWING \u003c\/span\u003e\n\u003ch3\u003eKeep Information \u003cstrong\u003eWithin Easier View.\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003ePosition your phone for navigation and driving-related information without repeatedly searching for your device inside the vehicle.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-feature\"\u003e\u003cspan class=\"dpm-feature-index\"\u003e 03 \u003c\/span\u003e \u003cspan class=\"dpm-feature-label\"\u003e LESS HANDLING \u003c\/span\u003e\n\u003ch3\u003eReduce Unnecessary \u003cstrong\u003ePhone Movement.\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eKeeping your device in a consistent position helps reduce the need to pick it up or move it around during everyday driving.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       EVERYDAY FUNCTIONS\n  ====================================================== --\u003e\n\u003csection class=\"dpm-section dpm-section-performance\"\u003e\n\u003cdiv class=\"dpm-container\"\u003e\n\u003cdiv class=\"dpm-heading dpm-heading-dark\"\u003e\n\u003cdiv class=\"dpm-kicker dpm-kicker-white\"\u003e\n\u003cspan\u003e\u003c\/span\u003e BUILT FOR EVERYDAY DRIVING\u003c\/div\u003e\n\u003ch2\u003eNAVIGATION. CALLS. \u003cstrong\u003eDRIVING ESSENTIALS.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKeep the features you use most in a more convenient viewing position during everyday driving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dpm-use-stack\"\u003e\n\u003carticle class=\"dpm-use-card\"\u003e\u003cspan\u003e 01 \/ NAVIGATION \u003c\/span\u003e\n\u003ch3\u003eFollow Your Route More Conveniently.\u003c\/h3\u003e\n\u003cp\u003eKeep maps and navigation information in a consistent viewing position during commuting, city driving, and longer journeys.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-use-card\"\u003e\u003cspan\u003e 02 \/ CALLS \u003c\/span\u003e\n\u003ch3\u003eKeep Your Device Properly Positioned.\u003c\/h3\u003e\n\u003cp\u003eMaintain a stable place for your smartphone when using compatible hands-free calling features while on the road.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-use-card\"\u003e\u003cspan\u003e 03 \/ DRIVING APPS \u003c\/span\u003e\n\u003ch3\u003eEasier Access To Everyday Driving Tools.\u003c\/h3\u003e\n\u003cp\u003eKeep useful driving-related apps and information positioned where they can be checked more easily when appropriate.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       LIFESTYLE\n  ====================================================== --\u003e\n\u003csection class=\"dpm-section dpm-section-white\"\u003e\n\u003cdiv class=\"dpm-container\"\u003e\n\u003cdiv class=\"dpm-heading\"\u003e\n\u003cdiv class=\"dpm-kicker\"\u003e\n\u003cspan\u003e\u003c\/span\u003e READY FOR EVERY ROUTE\u003c\/div\u003e\n\u003ch2\u003eCOMMUTE. CITY. \u003cstrong\u003eLONG-DISTANCE DRIVING.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePerfect for commuting, city driving, and long-distance journeys, the DRIVESNO™ Phone Mount helps create a cleaner and more convenient driving experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 03 --\u003e\n\u003cdiv class=\"dpm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPT_Image_2026_9_24_16_13_46_8.png?v=1790668396\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dpm-lifestyle-stack\"\u003e\n\u003carticle class=\"dpm-life-card\"\u003e\u003cspan\u003e DAILY COMMUTE \u003c\/span\u003e\n\u003ch3\u003eMake Everyday Routes Easier To Navigate.\u003c\/h3\u003e\n\u003cp\u003eKeep your smartphone in a consistent position throughout regular workday driving and commuting.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-life-card\"\u003e\u003cspan\u003e CITY DRIVING \u003c\/span\u003e\n\u003ch3\u003eStay Organized Through Busy Streets.\u003c\/h3\u003e\n\u003cp\u003eKeep navigation and route information easier to reference while driving through changing city roads and unfamiliar areas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"dpm-life-card\"\u003e\u003cspan\u003e LONG-DISTANCE JOURNEYS \u003c\/span\u003e\n\u003ch3\u003eConsistent Viewing For Longer Drives.\u003c\/h3\u003e\n\u003cp\u003eMaintain a practical smartphone position during longer road trips when navigation and driving information may be needed more frequently.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       FINAL\n  ====================================================== --\u003e\n\u003csection class=\"dpm-final\"\u003e\n\u003cdiv class=\"dpm-final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dpm-container\"\u003e\n\u003cdiv class=\"dpm-final-inner\"\u003e\n\u003cspan class=\"dpm-final-label\"\u003e DRIVESNO™ \/ DRIVING SAFETY COLLECTION \u003c\/span\u003e\n\u003ch2\u003eKEEP IT VISIBLE. \u003cstrong\u003eKEEP MOVING.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSmart automotive accessories designed to make everyday driving cleaner, more convenient, and easier to manage.\u003c\/p\u003e\n\u003cdiv class=\"dpm-brand-line\"\u003e\n\u003cspan\u003e\u003c\/span\u003e BETTER SOLUTIONS FOR EVERY JOURNEY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   DRIVESNO™ PHONE MOUNT\n========================================================= *\/\n\n.dpm-page{\n\n  --dpm-black:#07090c;\n  --dpm-black2:#101319;\n  --dpm-carbon:#171b21;\n\n  --dpm-red:#e10714;\n  --dpm-red-dark:#910008;\n\n  --dpm-orange:#ff4a0b;\n  --dpm-orange-light:#ff7617;\n\n  --dpm-white:#ffffff;\n  --dpm-light:#f5f6f8;\n\n  --dpm-gray:#6d737b;\n\n  width:100%;\n  overflow:hidden;\n\n  background:#ffffff;\n  color:#16191e;\n\n  font-family:Arial,Helvetica,sans-serif;\n\n}\n\n\n.dpm-page *,\n.dpm-page *::before,\n.dpm-page *::after{\n  box-sizing:border-box;\n}\n\n\n.dpm-container{\n\n  width:min(\n    1180px,\n    calc(100% - 44px)\n  );\n\n  margin:0 auto;\n\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.dpm-hero{\n\n  position:relative;\n  overflow:hidden;\n\n  padding:95px 0 75px;\n\n  background:\n\n    radial-gradient(\n      circle at 88% 10%,\n      rgba(225,7,20,.26),\n      transparent 29%\n    ),\n\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(255,74,11,.13),\n      transparent 28%\n    ),\n\n    linear-gradient(\n      135deg,\n      #06080b 0%,\n      #12161d 58%,\n      #080a0e 100%\n    );\n\n}\n\n\n.dpm-hero::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:-5%;\n  bottom:55px;\n\n  width:65%;\n  height:4px;\n\n  transform:skewX(-30deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--dpm-red),\n      var(--dpm-orange),\n      transparent\n    );\n\n  box-shadow:\n    0 0 24px rgba(255,45,15,.75);\n\n}\n\n\n.dpm-hero-glow{\n\n  position:absolute;\n\n  border-radius:50%;\n\n  filter:blur(95px);\n\n  pointer-events:none;\n\n}\n\n\n.dpm-hero-glow-1{\n\n  width:520px;\n  height:520px;\n\n  top:-260px;\n  right:-160px;\n\n  background:rgba(225,7,20,.17);\n\n}\n\n\n.dpm-hero-glow-2{\n\n  width:380px;\n  height:380px;\n\n  bottom:-210px;\n  left:-180px;\n\n  background:rgba(255,76,10,.11);\n\n}\n\n\n.dpm-eyebrow{\n\n  position:relative;\n  z-index:2;\n\n  display:flex;\n  align-items:center;\n  gap:12px;\n\n  margin-bottom:24px;\n\n  color:#ff4941;\n\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-eyebrow span{\n\n  width:42px;\n  height:3px;\n\n  flex-shrink:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--dpm-red),\n      var(--dpm-orange)\n    );\n\n}\n\n\n.dpm-hero h1{\n\n  position:relative;\n  z-index:2;\n\n  max-width:1000px;\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:clamp(50px,7.5vw,96px);\n  line-height:.95;\n  letter-spacing:-4px;\n  font-weight:900;\n\n}\n\n\n.dpm-hero h1 strong{\n\n  display:block;\n\n  color:transparent;\n  font-weight:900;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ef131f,\n      #ff4b0b,\n      #ff7719\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n}\n\n\n.dpm-hero-copy{\n\n  position:relative;\n  z-index:2;\n\n  max-width:730px;\n\n  margin:30px 0 0;\n\n  color:#c5c9cf;\n\n  font-size:19px;\n  line-height:1.8;\n\n}\n\n\n.dpm-tags{\n\n  position:relative;\n  z-index:2;\n\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n\n  margin-top:30px;\n\n}\n\n\n.dpm-tags span{\n\n  padding:10px 15px;\n\n  border:1px solid rgba(255,255,255,.13);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.05);\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1px;\n\n}\n\n\n\n\/* =========================================================\n   1:1 IMAGE CONTAINERS\n========================================================= *\/\n\n.dpm-image{\n\n  position:relative;\n\n  width:min(100%,900px);\n\n  aspect-ratio:1 \/ 1;\n\n  height:auto;\n\n  overflow:hidden;\n\n  margin-top:55px;\n  margin-left:0;\n  margin-right:auto;\n\n  border-radius:24px;\n\n  background:#f2f3f4;\n\n  box-shadow:\n    0 22px 55px rgba(0,0,0,.15);\n\n}\n\n\n.dpm-image-hero{\n\n  position:relative;\n  z-index:2;\n\n  width:min(100%,900px);\n\n  aspect-ratio:1 \/ 1;\n\n  height:auto;\n\n}\n\n\n.dpm-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n\n}\n\n\n\n\/* =========================================================\n   SECTIONS\n========================================================= *\/\n\n.dpm-section{\n  padding:95px 0;\n}\n\n\n.dpm-section-light{\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff,\n      #f4f5f7\n    );\n\n}\n\n\n.dpm-section-white{\n  background:#ffffff;\n}\n\n\n.dpm-section-dark{\n\n  color:#ffffff;\n\n  background:\n\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(225,7,20,.17),\n      transparent 29%\n    ),\n\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(255,74,11,.08),\n      transparent 26%\n    ),\n\n    linear-gradient(\n      145deg,\n      #080a0d,\n      #161a21\n    );\n\n}\n\n\n.dpm-section-performance{\n\n  color:#ffffff;\n\n  background:\n\n    radial-gradient(\n      circle at 0% 10%,\n      rgba(255,103,10,.28),\n      transparent 28%\n    ),\n\n    linear-gradient(\n      132deg,\n      #7d0007 0%,\n      #d30713 37%,\n      #181b21 100%\n    );\n\n}\n\n\n\n\/* =========================================================\n   HEADINGS\n========================================================= *\/\n\n.dpm-heading{\n\n  max-width:860px;\n\n  margin:0;\n\n  text-align:left;\n\n}\n\n\n.dpm-kicker{\n\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  margin-bottom:16px;\n\n  color:#d20813;\n\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-kicker span{\n\n  width:30px;\n  height:3px;\n\n  flex-shrink:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--dpm-red),\n      var(--dpm-orange)\n    );\n\n}\n\n\n.dpm-kicker-red{\n  color:#ff443d;\n}\n\n\n.dpm-kicker-white{\n  color:#ffffff;\n}\n\n\n.dpm-heading h2{\n\n  margin:0;\n\n  color:#121519;\n\n  font-size:clamp(40px,6vw,72px);\n  line-height:1.02;\n  letter-spacing:-2.5px;\n  font-weight:900;\n\n}\n\n\n.dpm-heading h2 strong{\n\n  display:block;\n\n  color:#df0713;\n\n  font-weight:900;\n\n}\n\n\n.dpm-heading p{\n\n  max-width:790px;\n\n  margin:25px 0 0;\n\n  color:#686e76;\n\n  font-size:17px;\n  line-height:1.85;\n\n}\n\n\n.dpm-heading-dark h2{\n  color:#ffffff;\n}\n\n\n.dpm-heading-dark h2 strong{\n  color:#ff3730;\n}\n\n\n.dpm-heading-dark p{\n  color:#c0c5cc;\n}\n\n\n\n\/* =========================================================\n   LIGHT STACK\n========================================================= *\/\n\n.dpm-stack{\n\n  display:flex;\n  flex-direction:column;\n\n  gap:16px;\n\n  margin-top:55px;\n\n}\n\n\n.dpm-card{\n\n  position:relative;\n  overflow:hidden;\n\n  padding:34px;\n\n  border:1px solid #e1e3e6;\n  border-radius:22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #f8f9fa\n    );\n\n  box-shadow:\n    0 14px 38px rgba(0,0,0,.05);\n\n}\n\n\n.dpm-card::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:170px;\n  height:170px;\n\n  top:-95px;\n  right:-75px;\n\n  border-radius:50%;\n\n  background:rgba(225,7,20,.06);\n\n}\n\n\n.dpm-card-number{\n\n  position:relative;\n  z-index:2;\n\n  margin-bottom:20px;\n\n  color:#dc0713;\n\n  font-size:44px;\n  line-height:1;\n  font-weight:900;\n\n}\n\n\n.dpm-card-label{\n\n  position:relative;\n  z-index:2;\n\n  display:block;\n\n  color:#ce0711;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.8px;\n\n}\n\n\n.dpm-card h3{\n\n  position:relative;\n  z-index:2;\n\n  max-width:800px;\n\n  margin:10px 0 0;\n\n  color:#171a1f;\n\n  font-size:clamp(27px,4vw,38px);\n  line-height:1.1;\n\n}\n\n\n.dpm-card p{\n\n  position:relative;\n  z-index:2;\n\n  max-width:820px;\n\n  margin:15px 0 0;\n\n  color:#6d737b;\n\n  font-size:15px;\n  line-height:1.8;\n\n}\n\n\n\n\/* =========================================================\n   DARK FEATURE STACK\n========================================================= *\/\n\n.dpm-feature-stack{\n\n  display:flex;\n  flex-direction:column;\n\n  gap:17px;\n\n  margin-top:55px;\n\n}\n\n\n.dpm-feature{\n\n  position:relative;\n  overflow:hidden;\n\n  padding:36px;\n\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.07),\n      rgba(255,255,255,.018)\n    );\n\n  box-shadow:\n    0 18px 45px rgba(0,0,0,.15);\n\n}\n\n\n.dpm-feature::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:250px;\n  height:250px;\n\n  right:-150px;\n  top:-140px;\n\n  border-radius:50%;\n\n  background:rgba(225,7,20,.18);\n\n  filter:blur(35px);\n\n}\n\n\n.dpm-feature-index{\n\n  position:relative;\n  z-index:2;\n\n  display:block;\n\n  color:#ff312c;\n\n  font-size:38px;\n  line-height:1;\n  font-weight:900;\n\n}\n\n\n.dpm-feature-label{\n\n  position:relative;\n  z-index:2;\n\n  display:block;\n\n  margin-top:14px;\n\n  color:#ff6558;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-feature h3{\n\n  position:relative;\n  z-index:2;\n\n  max-width:820px;\n\n  margin:16px 0 0;\n\n  color:#ffffff;\n\n  font-size:clamp(29px,4vw,42px);\n  line-height:1.08;\n\n}\n\n\n.dpm-feature h3 strong{\n\n  display:block;\n\n  color:#ff3931;\n\n}\n\n\n.dpm-feature p{\n\n  position:relative;\n  z-index:2;\n\n  max-width:820px;\n\n  margin:18px 0 0;\n\n  color:#b2b7be;\n\n  font-size:16px;\n  line-height:1.8;\n\n}\n\n\n\n\/* =========================================================\n   USE STACK\n========================================================= *\/\n\n.dpm-use-stack{\n\n  display:flex;\n  flex-direction:column;\n\n  gap:16px;\n\n  margin-top:54px;\n\n}\n\n\n.dpm-use-card{\n\n  padding:35px;\n\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:22px;\n\n  background:rgba(8,10,14,.28);\n\n  backdrop-filter:blur(6px);\n\n}\n\n\n.dpm-use-card span{\n\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-use-card h3{\n\n  max-width:800px;\n\n  margin:14px 0 0;\n\n  color:#ffffff;\n\n  font-size:clamp(28px,4vw,40px);\n  line-height:1.1;\n\n}\n\n\n.dpm-use-card p{\n\n  max-width:820px;\n\n  margin:16px 0 0;\n\n  color:#e1e2e4;\n\n  font-size:15px;\n  line-height:1.8;\n\n}\n\n\n\n\/* =========================================================\n   LIFESTYLE STACK\n========================================================= *\/\n\n.dpm-lifestyle-stack{\n\n  display:flex;\n  flex-direction:column;\n\n  gap:14px;\n\n  margin-top:50px;\n\n}\n\n\n.dpm-life-card{\n\n  padding:31px;\n\n  border-top:1px solid #e8e9eb;\n  border-right:1px solid #e8e9eb;\n  border-bottom:1px solid #e8e9eb;\n  border-left:4px solid var(--dpm-red);\n\n  border-radius:0 18px 18px 0;\n\n  background:#ffffff;\n\n}\n\n\n.dpm-life-card span{\n\n  display:block;\n\n  color:#d10712;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-life-card h3{\n\n  margin:12px 0 0;\n\n  color:#171a1f;\n\n  font-size:clamp(25px,3.5vw,34px);\n  line-height:1.12;\n\n}\n\n\n.dpm-life-card p{\n\n  max-width:790px;\n\n  margin:13px 0 0;\n\n  color:#6d737b;\n\n  font-size:15px;\n  line-height:1.75;\n\n}\n\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.dpm-final{\n\n  position:relative;\n  overflow:hidden;\n\n  padding:100px 0;\n\n  background:\n\n    radial-gradient(\n      circle at 90% 15%,\n      rgba(225,7,20,.24),\n      transparent 30%\n    ),\n\n    linear-gradient(\n      140deg,\n      #07090c,\n      #12161c\n    );\n\n}\n\n\n.dpm-final-glow{\n\n  position:absolute;\n\n  right:-180px;\n  bottom:-250px;\n\n  width:520px;\n  height:520px;\n\n  border-radius:50%;\n\n  background:rgba(255,73,10,.14);\n\n  filter:blur(95px);\n\n}\n\n\n.dpm-final-inner{\n\n  position:relative;\n  z-index:2;\n\n  max-width:900px;\n\n  text-align:left;\n\n}\n\n\n.dpm-final-label{\n\n  display:block;\n\n  margin-bottom:20px;\n\n  color:#ff4238;\n\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-final h2{\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:clamp(43px,6vw,76px);\n  line-height:1;\n  letter-spacing:-2.8px;\n  font-weight:900;\n\n}\n\n\n.dpm-final h2 strong{\n\n  display:block;\n\n  color:transparent;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ef151f,\n      #ff4d0c,\n      #ff7819\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n}\n\n\n.dpm-final p{\n\n  max-width:720px;\n\n  margin:25px 0 0;\n\n  color:#b8bdc4;\n\n  font-size:17px;\n  line-height:1.8;\n\n}\n\n\n.dpm-brand-line{\n\n  display:flex;\n  align-items:center;\n\n  gap:14px;\n\n  margin-top:34px;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:2px;\n\n}\n\n\n.dpm-brand-line span{\n\n  width:46px;\n  height:3px;\n\n  flex-shrink:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--dpm-red),\n      var(--dpm-orange)\n    );\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .dpm-container{\n    width:calc(100% - 30px);\n  }\n\n  .dpm-hero{\n    padding:75px 0 60px;\n  }\n\n  .dpm-image,\n  .dpm-image-hero{\n\n    width:min(100%,760px);\n\n    aspect-ratio:1 \/ 1;\n    height:auto;\n\n    margin-top:45px;\n\n    border-radius:22px;\n\n  }\n\n  .dpm-section{\n    padding:75px 0;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .dpm-container{\n    width:calc(100% - 24px);\n  }\n\n  .dpm-hero{\n    padding:58px 0 45px;\n  }\n\n  .dpm-eyebrow{\n\n    font-size:10px;\n\n    letter-spacing:1.4px;\n\n  }\n\n  .dpm-eyebrow span{\n    width:28px;\n  }\n\n  .dpm-hero h1{\n\n    font-size:45px;\n\n    line-height:.98;\n\n    letter-spacing:-2px;\n\n  }\n\n  .dpm-hero-copy{\n\n    margin-top:23px;\n\n    font-size:16px;\n\n    line-height:1.7;\n\n  }\n\n  .dpm-tags{\n\n    gap:8px;\n\n    margin-top:24px;\n\n  }\n\n  .dpm-tags span{\n\n    padding:9px 11px;\n\n    font-size:10px;\n\n  }\n\n  .dpm-image,\n  .dpm-image-hero{\n\n    width:100%;\n\n    aspect-ratio:1 \/ 1;\n    height:auto;\n\n    margin-top:34px;\n\n    border-radius:16px;\n\n  }\n\n  .dpm-image img{\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n    object-position:center;\n\n  }\n\n  .dpm-section{\n    padding:60px 0;\n  }\n\n  .dpm-heading h2{\n\n    font-size:39px;\n\n    line-height:1.02;\n\n    letter-spacing:-1.6px;\n\n  }\n\n  .dpm-heading p{\n\n    margin-top:20px;\n\n    font-size:16px;\n\n    line-height:1.7;\n\n  }\n\n  .dpm-card{\n    padding:25px 22px;\n  }\n\n  .dpm-card-number{\n\n    margin-bottom:16px;\n\n    font-size:36px;\n\n  }\n\n  .dpm-card h3{\n    font-size:27px;\n  }\n\n  .dpm-card p{\n    font-size:14px;\n  }\n\n  .dpm-feature{\n    padding:26px 22px;\n  }\n\n  .dpm-feature-index{\n    font-size:34px;\n  }\n\n  .dpm-feature h3{\n    font-size:29px;\n  }\n\n  .dpm-feature p{\n    font-size:15px;\n  }\n\n  .dpm-use-card{\n    padding:25px 22px;\n  }\n\n  .dpm-use-card h3{\n    font-size:28px;\n  }\n\n  .dpm-life-card{\n    padding:25px 20px;\n  }\n\n  .dpm-life-card h3{\n    font-size:25px;\n  }\n\n  .dpm-final{\n    padding:68px 0;\n  }\n\n  .dpm-final h2{\n\n    font-size:40px;\n\n    letter-spacing:-1.6px;\n\n  }\n\n  .dpm-final p{\n    font-size:16px;\n  }\n\n  .dpm-brand-line{\n\n    align-items:flex-start;\n\n    line-height:1.6;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Drivesno™","offers":[{"title":"1 pc","offer_id":50528942882912,"sku":"DRIVESNO*1","price":24.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50528942915680,"sku":"DRIVESNO*2","price":34.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50528942948448,"sku":"DRIVESNO*4","price":69.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPTImage2026_9_24_16_13_41_1.png?v=1790668353","url":"https:\/\/drivesno.com\/products\/drivesno%e2%84%a2-phone-mount","provider":"Drivesno™","version":"1.0","type":"link"}