/* Urusly mobile layout hotfix — loads after site.css */
@media (max-width: 768px) {
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:14px}
  .wrap{width:calc(100% - 28px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .site-header{position:sticky;top:0}
  .nav{height:64px!important}
  .logo{font-size:19px!important;gap:9px!important}
  .logo span{width:36px!important;height:36px!important;border-radius:11px!important}
  .menu-toggle{display:block!important;width:40px!important;height:40px!important;padding:8px!important;background:transparent!important;border:0!important;border-radius:10px!important}
  .menu-toggle i{display:block!important;width:100%!important;height:3px!important;margin:4px 0!important;background:#071a3d!important;border-radius:999px!important;opacity:1!important}
  .desktop-cta{display:none!important}

  .section{padding:44px 0!important}
  .section h2{font-size:30px!important;line-height:1.06!important;letter-spacing:-.035em!important;margin:8px 0 12px!important}
  .section p{font-size:13px!important;line-height:1.5!important}
  .tag,.eyebrow,.small-tag{font-size:9px!important;letter-spacing:.17em!important}

  /* HERO */
  .hero{padding:34px 0 24px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  .hero h1{font-size:38px!important;line-height:.99!important;letter-spacing:-.045em!important;margin:11px 0 14px!important;overflow-wrap:normal!important}
  .lead{font-size:14px!important;line-height:1.5!important}
  .hero-actions{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:8px!important;margin:18px 0 14px!important}
  .hero-actions .btn{min-width:0!important;min-height:44px!important;padding:0 10px!important;font-size:11.5px!important;border-radius:12px!important;white-space:normal!important;text-align:center!important}
  .micro{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 10px!important;font-size:9.5px!important;line-height:1.25!important;margin-top:2px!important}
  .micro i{display:none!important}
  .micro span{display:flex!important;align-items:center!important;min-width:0!important;white-space:normal!important}
  .product-showcase{min-height:320px!important;margin-top:2px!important}
  .mockup{width:92%!important;padding:8px!important;border-radius:20px!important}
  .mock-grid{height:230px!important;grid-template-columns:44px 1fr!important;border-radius:14px!important}
  .mock-main{padding:10px!important}.mock-top{height:26px!important}
  .sidebar{gap:10px!important;padding-top:10px!important}.side-logo{width:26px!important;height:26px!important;font-size:9px!important}.sidebar span{width:19px!important;height:4px!important}
  .mini-head b{font-size:11px!important}.mini-head small{font-size:6px!important}.mini-head button{font-size:6px!important;padding:6px 7px!important}
  .stats{gap:5px!important;margin:10px 0!important}.stats span{padding:6px!important}.stats small,.stats i{font-size:5px!important}.stats b{font-size:11px!important}
  .chart{height:72px!important;padding:8px!important}.chart svg{height:48px!important}.booking-list{display:none!important}
  .float-card{font-size:7px!important;padding:7px 9px!important}.float-card strong{font-size:13px!important}.fc1{left:-3px!important;top:60px!important}
  .phone-mock{width:116px!important;right:-2px!important;bottom:-4px!important;border-width:5px!important;border-radius:22px!important;padding:10px 8px!important}
  .scribble{display:none!important}

  /* ABOUT */
  .about-layout{grid-template-columns:1fr!important}.about-orb{display:none!important}
  .about-dark .body-lg{font-size:14px!important;line-height:1.5!important}
  .dark-chips{gap:7px!important;margin-top:16px!important}.dark-chips span{font-size:9.5px!important;padding:7px 9px!important}

  /* BUSINESS TYPES — force 2 columns */
  .business-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:20px!important}
  .business-card{min-width:0!important;min-height:102px!important;padding:13px 8px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
  .business-card span{width:34px!important;height:34px!important;margin:0 auto 7px!important;font-size:17px!important}
  .business-card b{font-size:11px!important;line-height:1.2!important;text-align:center!important;overflow-wrap:anywhere!important}

  /* DEMOS */
  .section-head{display:block!important;margin-bottom:18px!important}.hand-note{display:none!important}
  .demo-grid{gap:11px!important}.demo-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:8px!important;min-height:170px!important;padding:13px!important;border-radius:17px!important}
  .demo-body{min-width:0!important;padding:0!important}.demo-body h3{font-size:16px!important;line-height:1.12!important;margin:6px 0!important}.demo-body p{font-size:10px!important;line-height:1.35!important;margin:0 0 10px!important}
  .demo-btn{min-height:35px!important;padding:0 10px!important;font-size:10px!important}.demo-shot{height:142px!important;min-width:0!important;border-radius:12px!important}

  /* FEATURE LIBRARY — reference layout, 2 cols, hidden extras */
  .feature-section{padding:46px 0!important}.feature-section .section-head{display:block!important}
  .feature-section .section-head h2{font-size:31px!important;max-width:100%!important}
  .feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:20px!important}
  .feature-pill{display:flex!important;min-width:0!important;min-height:66px!important;padding:9px!important;gap:8px!important;border-radius:14px!important;font-size:10.5px!important;line-height:1.16!important}
  .feature-pill>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:15px!important}
  .feature-pill b{min-width:0!important;flex:1!important;overflow-wrap:anywhere!important}.feature-pill em{font-size:18px!important}
  .feature-collapsible[data-collapsed="true"] .feature-extra{display:none!important}
  .show-features{display:flex!important;width:min(100%,280px)!important;min-width:0!important;min-height:42px!important;margin:18px auto 5px!important;font-size:11px!important}
  .more-modules{font-size:10px!important}.callout{padding:16px!important;margin-top:20px!important;border-radius:16px!important;gap:10px!important}.callout h3{font-size:18px!important}.callout p{font-size:10px!important}.callout .btn{min-width:105px!important;min-height:40px!important;padding:0 10px!important;font-size:10px!important}

  /* PROCESS */
  .steps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:20px!important}.step{min-width:0!important;padding:13px!important;border-radius:15px!important}.step-icon{width:33px!important;height:33px!important}.step h3{font-size:13px!important;line-height:1.18!important;margin:8px 0 4px!important}.step p{font-size:10px!important;line-height:1.35!important}

  /* PRICING */
  .pricing-grid{grid-template-columns:1fr!important;gap:11px!important;margin-top:20px!important}.price-card{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;gap:9px 11px!important;padding:16px 14px 12px!important;border-radius:17px!important}.price-summary h3{font-size:15px!important}.old{font-size:10px!important}.price{font-size:32px!important}.price-summary p{font-size:10px!important}.price-card ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 7px!important;font-size:9px!important}.renew{font-size:9.5px!important}.price-cta{min-height:38px!important;font-size:10.5px!important}

  /* COMPARISON */
  .compare-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.compare-card{min-width:0!important;padding:13px 10px!important;border-radius:15px!important}.compare-icon{width:34px!important;height:34px!important}.compare-card h3{font-size:13px!important;line-height:1.1!important}.compare-row{gap:6px!important;padding:8px 0!important}.compare-row strong{font-size:9.5px!important}.compare-row p{font-size:8px!important;line-height:1.3!important}.recommended{font-size:5.5px!important;right:7px!important;top:9px!important}.growth-callout{padding:14px!important;border-radius:15px!important}.growth-callout h3{font-size:17px!important}.growth-callout p{font-size:10px!important}

  /* DOMAIN — stop text collisions */
  .domain-intro{max-width:none!important}.domain-intro h2{font-size:33px!important;line-height:1.08!important}.domain-box{margin-top:22px!important;padding:15px!important;border-radius:17px!important}
  .domain-row{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}.domain-row>div{min-width:0!important}
  .domain-icon{display:grid!important;width:38px!important;height:38px!important;font-size:17px!important;border-radius:11px!important}
  .domain-row small{display:block!important;font-size:8.5px!important;line-height:1.25!important;margin:1px 0 7px!important;letter-spacing:.14em!important}
  .domain-row code{display:block!important;width:100%!important;max-width:100%!important;font-size:11.5px!important;line-height:1.25!important;padding:10px!important;border-radius:10px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .domain-row p{font-size:10.5px!important;line-height:1.4!important;margin:7px 0 0!important}.domain-or{margin:15px 0!important}
  .domain-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:20px 0!important}.domain-benefits>div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-width:0!important}.domain-benefits span{display:grid!important;width:35px!important;height:35px!important;margin:0 auto 7px!important;font-size:16px!important}.domain-benefits b{display:block!important;font-size:9.5px!important;line-height:1.2!important}.domain-benefits small{display:block!important;font-size:7.5px!important;line-height:1.3!important;margin-top:4px!important}.info-strip{display:flex!important;gap:10px!important;padding:12px!important;border-radius:13px!important}.info-strip p{font-size:10px!important;line-height:1.4!important}

  /* CARE / GROWTH / ADDONS / PORTFOLIO */
  .care-grid,.growth-grid,.addon-grid,.portfolio-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .care-grid div{min-width:0!important;min-height:90px!important;padding:11px!important;border-radius:14px!important}.care-grid span{width:32px!important;height:32px!important}.care-grid b{font-size:10px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  .growth-card{min-width:0!important;min-height:86px!important;padding:12px!important;border-radius:14px!important}.growth-card>span{width:32px!important;height:32px!important}.growth-card b{font-size:11px!important;line-height:1.2!important}.growth-card em{right:11px!important;top:9px!important}
  .addon-card{min-width:0!important;padding:13px!important;border-radius:14px!important}.addon-card>span{width:35px!important;height:35px!important}.addon-card h3{font-size:13px!important;line-height:1.15!important;margin:9px 0 4px!important}.addon-card p{font-size:9.5px!important;line-height:1.35!important}.addon-card strong{font-size:9.5px!important}
  .portfolio-card{min-width:0!important;border-radius:14px!important}.portfolio-visual{height:92px!important}.portfolio-card>div:last-child{padding:10px!important}.portfolio-card h3{font-size:12px!important;line-height:1.15!important}.portfolio-card p{font-size:9px!important;line-height:1.3!important}

  /* FORM + FAQ */
  .lead-form{padding:14px!important;border-radius:17px!important}.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 8px!important}.lead-form label{font-size:9.5px!important;min-width:0!important}.lead-form input,.lead-form select,.lead-form textarea{width:100%!important;min-width:0!important;font-size:10.5px!important;padding:9px 8px!important;border-radius:9px!important}.lead-form textarea{min-height:74px!important}.lead-form .btn{min-height:43px!important;font-size:11.5px!important}
  .faq-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.faq-list details{min-width:0!important;padding:0 10px!important;border-radius:13px!important}.faq-list summary{font-size:10px!important;line-height:1.25!important;padding:11px 0!important}.faq-list summary span{min-width:24px!important;width:24px!important;height:24px!important;font-size:15px!important}.faq-list p{font-size:8.5px!important;line-height:1.35!important}

  .final-cta{padding:44px 0!important}.final-cta h2{font-size:29px!important;line-height:1.06!important}.footer{padding:20px 0!important;gap:10px!important}.footer .logo{font-size:16px!important}.footer p,.footer small{font-size:9px!important}
}

@media (max-width: 360px) {
  .wrap{width:calc(100% - 22px)!important}
  .hero h1{font-size:34px!important}.section h2{font-size:28px!important}
  .hero-actions .btn{font-size:10.5px!important}
  .feature-pill{font-size:9.5px!important}.business-card b{font-size:10px!important}
  .price-card{grid-template-columns:1fr!important}.price-card ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}