@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--cream:#f5f1e8;--paper:#fffdf8;--ink:#101319;--muted:#45566a;--line:#dedbd2;--cyan:#13d5ec;--yellow:#ffd21c;--pale:#d8f8fd;--shadow:0 10px 28px rgba(31,33,38,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}button,input{font:inherit}a{color:inherit}.container{width:min(1340px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:var(--yellow);padding:10px;z-index:40}.skip:focus{top:12px}.site-header{background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:36px;font-weight:800;letter-spacing:-.09em;line-height:1;white-space:nowrap}.brand span{display:grid;place-items:center;background:var(--cyan);border:3px solid var(--ink);border-radius:9px;width:37px;height:38px;margin-left:4px;font-size:30px;letter-spacing:-.06em;box-shadow:0 4px 8px rgba(0,0,0,.18)}.nav nav{display:flex;align-items:center;gap:38px}.nav nav a,.mobile-menu a{font-size:14px;text-decoration:none}.nav nav a:hover,.text-link:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:18px;min-height:49px;padding:12px 22px;border-radius:7px;border:2px solid transparent;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 6px 13px rgba(23,39,41,.12);white-space:nowrap;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 17px rgba(23,39,41,.16)}.button-cyan{background:var(--cyan)}.button-outline{border-color:var(--cyan);background:#fffdf9}.nav-buy{min-width:139px;font-size:15px}.button-large{font-size:20px;min-height:54px;padding-inline:26px}.hero-actions .button{min-width:210px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.menu-toggle,.mobile-menu{display:none}.hero{padding:24px 0 18px;background:radial-gradient(circle at 10% 28%,#fffdf8 0,#f6f3eb 55%,#f0ede5 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,550px) minmax(0,1fr);gap:35px;align-items:start}.hero-copy{padding-top:45px}.hero h1{font-size:clamp(48px,4.45vw,68px);line-height:.99;letter-spacing:-.067em;margin:0 0 16px;font-weight:800;max-width:570px;text-shadow:0 5px 10px rgba(0,0,0,.07)}mark{background:var(--yellow);color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:4px;padding:0 .04em}.hero-lead{font-size:22px;line-height:1.28;color:#3d5168;letter-spacing:-.025em;margin:0 0 8px;max-width:550px}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#3e5269;margin:0 0 8px}.connected-card{width:min(100%,438px);background:rgba(255,253,248,.86);border-radius:17px;box-shadow:var(--shadow);margin-top:17px;padding:18px 22px 9px}.connected-card>div{display:flex;align-items:center;gap:23px;padding:9px 0;border-bottom:1px solid #e3dfd8;font-size:22px;letter-spacing:-.03em}.connected-card>div:last-child{border:0}.circle-icon{display:grid;place-items:center;flex:none;border-radius:50%;width:54px;height:54px;background:#bdf3fa;font-size:28px;color:#071d25;font-weight:600}.hero-visual{padding-top:0;min-width:0}.browser-frame,.mini-crm,.mini-portal{background:#fff;border:1px solid #e0dfe0;border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}.home-website{height:408px}.browser-top{height:17px;background:#f4f3f1;border-bottom:1px solid #e1e1df;padding-left:8px}.window-dots{font-size:8px;color:#c7c9c9;letter-spacing:2px;line-height:16px}.demo-site-nav{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:8px;font-size:10px}.demo-site-nav strong{font-size:12px;white-space:nowrap}.demo-site-nav>div{display:flex;gap:15px;color:#344054}.mini-yellow{background:var(--yellow);padding:8px 13px;border-radius:4px;color:#101319;font-size:10px;font-weight:800;white-space:nowrap}.demo-site-content{height:293px;display:grid;grid-template-columns:46% 54%;background:#fff}.demo-site-copy{padding:16px 20px 10px 28px;z-index:1}.demo-site-copy small{font-size:9px;font-weight:800;letter-spacing:.05em;color:#425068}.demo-site-copy h2{font-size:clamp(22px,2.15vw,33px);line-height:.96;letter-spacing:-.055em;margin:5px 0 10px}.demo-site-copy p{font-size:10px;line-height:1.33;max-width:260px;color:#425068}.demo-site-copy .mini-yellow{display:inline-block;margin-top:7px}.mini-link{font-size:10px;color:#0084d9;font-weight:800;margin-left:10px}.demo-site-photo{background:url('/conversion-kit/assets/riverside-living-room.png') center/cover no-repeat}.demo-site-features{height:54px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:3px;padding:4px 15px}.demo-site-features>span{font-size:9px;white-space:nowrap}.demo-site-features b{font-size:9px}.demo-site-features small{display:block;font-size:8px;color:#56616e;margin-left:15px}.preview-pair{display:grid;grid-template-columns:1.13fr .95fr;gap:10px;margin-top:12px;margin-left:-72px}.mini-crm,.mini-portal{height:264px}.mini-crm{display:grid;grid-template-columns:25% 75%}.mini-crm aside{background:#121921;color:#fff;display:flex;flex-direction:column;gap:5px;padding:10px 8px;font-size:8px}.mini-crm aside b{font-size:11px;margin-bottom:7px}.mini-crm aside span{padding:5px 3px;color:#bdc6ce}.mini-crm aside .active{color:#12ddf2;background:#063c4c;border-radius:3px}.mini-crm>div{min-width:0}.mini-crm header{display:flex;gap:6px;align-items:center;padding:11px 8px;font-size:11px}.mini-crm header small{font-size:7px;color:#77808a}.mini-cyan{background:var(--cyan);border-radius:3px;padding:6px 8px;font-size:8px;font-weight:800;color:var(--ink);white-space:nowrap}.mini-crm header .mini-cyan{margin-left:auto}.mini-crm table{border-collapse:collapse;width:100%;font-size:8px;text-align:left}.mini-crm th{background:#f5f7f8;font-size:7px;color:#57616e;font-weight:500}.mini-crm td,.mini-crm th{padding:9px 5px;border-bottom:1px solid #e9ebed;white-space:nowrap}.mini-crm em,.mini-portal em{font-style:normal;background:#cbeaff;padding:4px 7px;border-radius:4px;color:#1475af}.mini-crm em.yellow{background:#ffebb3;color:#594213}.mini-crm em.green,.mini-portal em.green{background:#ccf4dc;color:#22613f}.mini-portal header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:9px}.mini-portal header small{font-size:7px;color:#667085}.portal-body{display:grid;grid-template-columns:29% 71%;font-size:8px}.portal-body aside{display:flex;flex-direction:column;padding:4px 6px;gap:7px}.portal-body aside span{padding:5px 2px;white-space:nowrap}.portal-body aside .active{background:#d6f5fa;border-radius:4px;color:#036a92}.portal-body>div{padding:5px 7px 5px 0}.portal-body article{border:1px solid #eef0f1;border-radius:5px;padding:8px;margin-top:6px}.portal-body article strong{font-size:9px}.portal-body article em{float:right}.portal-body article p{margin:7px 0}.portal-body article small{line-height:1.5;color:#667085}.portal-foot{display:flex;gap:8px;margin-top:9px}.portal-foot span{width:50%;border-right:1px solid #eee}.portal-foot b,.portal-foot small{display:block}.portal-foot small{margin-top:4px;color:#667085}.portal-foot .mini-cyan{color:var(--ink);font-size:7px;display:inline-block}.section-soft{background:#fffaf0;border-top:1px solid #e7e2d7;border-bottom:1px solid #e7e2d7}.journey{padding:23px 0 32px;text-align:center}.center{text-align:center}.journey h2{font-size:clamp(29px,2.5vw,40px);letter-spacing:-.05em;margin:0 0 34px;text-shadow:0 3px 8px rgba(0,0,0,.06)}.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:34px}.journey-step{position:relative;padding-inline:5px}.journey-step:not(:last-child):after{content:'→';position:absolute;right:-23px;top:15px;font-size:25px}.journey-step .circle-icon{margin:0 auto 7px;width:52px;height:52px}.journey-step h3{font-size:16px;margin:0 0 3px;letter-spacing:-.03em}.journey-step p{font-size:14px;line-height:1.3;color:#607082;margin:0 auto;max-width:205px}.content-section{padding:80px 0;scroll-margin-top:65px}.content-section h2{font-size:clamp(35px,3.5vw,53px);letter-spacing:-.055em;line-height:1.06;margin:0 0 10px;text-shadow:0 4px 9px rgba(0,0,0,.06)}.section-lead{font-size:18px;line-height:1.45;color:#4d5968;max-width:775px;margin:0 0 28px}.kit-section{background:#fffdf7}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.kit-item{min-width:0;background:#fff;border:1px solid #dedede;border-radius:10px;padding:21px;box-shadow:var(--shadow);display:flex;gap:13px}.kit-item .number{display:grid;place-items:center;background:var(--yellow);border-radius:50%;width:36px;height:36px;flex:none;font-weight:800}.kit-item h3{font-size:19px;letter-spacing:-.03em;margin:2px 0 7px}.kit-item p{color:#515d68;font-size:14px;line-height:1.35;margin:0 0 12px}.kit-visual,.plan-flow,.social-tile{height:139px;background:#f7fafb;border:1px solid #e5e5e5;border-radius:7px;padding:14px;font-size:12px;overflow:hidden}.mini-website-tile{background:linear-gradient(90deg,rgba(255,255,255,.95) 0 55%,rgba(255,255,255,.05)),url('/conversion-kit/assets/riverside-living-room.png') right/cover;font-size:11px;font-weight:700}.mini-website-tile strong{display:block;font-size:20px;line-height:1.05;max-width:135px;margin:10px 0}.mini-website-tile span{background:var(--yellow);padding:5px;border-radius:4px}.table-tile,.portal-tile{display:flex;flex-direction:column;gap:5px}.table-tile span{background:#fff;padding:5px;border-radius:4px}.table-tile em{float:right;font-style:normal;background:#d4f5fa;padding:0 4px}.portal-tile strong{margin-top:12px}.portal-tile span{background:#ccf4dc;align-self:flex-start;padding:5px;border-radius:4px}.plan-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#eafafc;font-weight:700}.social-tile{line-height:2.4;background:#f8f8f8;font-weight:700}.demos-section{background:#f8f4eb}.demos-grid{display:grid;grid-template-columns:.75fr 1fr .55fr;gap:30px;align-items:start}.demos-grid .section-lead{font-size:18px}.demo-note{font-size:13px;color:#5e6976}.text-link{color:#0684a1;font-weight:800}.interactive-demo,.demo-detail{min-width:0}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.demo-tabs button{padding:11px 4px;border:0;background:#fff;cursor:pointer;font-weight:700}.demo-tabs button[aria-selected=true]{background:var(--cyan);box-shadow:inset 0 -3px var(--yellow)}.demo-panel{margin-top:12px;min-height:271px;background:#fff;border:1px solid #ddd;border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.demo-detail{border-left:1px solid #dedbd5;padding-left:23px}.demo-detail h3{font-size:22px;line-height:1.1;margin:0 0 12px}.demo-detail p:not(.eyebrow){font-size:14px;color:#515d68;line-height:1.45}.demo-detail .button{font-size:13px;white-space:normal}.panel-website{height:270px;display:grid;grid-template-columns:55% 45%;background:#fff}.panel-website>div:first-child{padding:26px}.panel-website b{display:block;font-size:13px}.panel-website h3{font-size:29px;line-height:1;margin:22px 0 6px;letter-spacing:-.05em}.panel-website p{font-size:12px;color:#596575}.panel-website span{display:inline-block;background:var(--yellow);padding:8px 12px;border-radius:4px;font-size:12px;font-weight:800}.panel-photo{background:url('/conversion-kit/assets/riverside-living-room.png') center/cover}.panel-crm,.panel-portal{padding:18px}.panel-crm h3,.panel-portal h3{margin:0 0 15px}.panel-crm table{width:100%;border-collapse:collapse;font-size:12px}.panel-crm td,.panel-crm th{padding:11px 5px;border-bottom:1px solid #eee;text-align:left}.panel-crm th{color:#667085}.panel-portal article{border:1px solid #ddd;padding:20px;border-radius:7px}.panel-portal article b,.panel-portal article span{display:block;margin-bottom:10px}.panel-portal article span{color:#426273}.industries-section{background:#fffdf8}.industry-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.industry-heading .section-lead{margin-bottom:0}.search-label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#42516a}.search-label input{min-width:260px;padding:12px 14px;border:1px solid #cdd4d7;border-radius:7px;background:#fff;font-size:14px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 20px}.filter-row button{border:1px solid #b9c7cb;border-radius:999px;background:#fff;padding:8px 13px;cursor:pointer;font-weight:700;font-size:13px}.filter-row button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan)}.industry-results{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.industry-card{display:flex;flex-direction:column;justify-content:space-between;min-height:104px;padding:15px;background:#fff;border:1px solid #e0e0df;border-radius:8px;box-shadow:0 5px 12px rgba(0,0,0,.05)}.industry-card b{font-size:15px}.industry-card a{font-size:12px;color:#007c9b;font-weight:800}.industry-card small{color:#627082}.industry-count{font-size:13px;color:#637081}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.faq-grid details{border-bottom:1px solid #dedbd3;padding:17px 0}.faq-grid summary{font-weight:800;cursor:pointer;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';float:right;font-size:19px}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{color:#596573;font-size:14px;line-height:1.5}.purchase-section{background:#effaff}.purchase-grid{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:center}.purchase-grid p{color:#485969;line-height:1.5}.purchase-card{background:#fff;border:1px solid #d7e2e4;padding:27px;border-radius:12px;box-shadow:var(--shadow)}.purchase-card h3{font-size:23px;margin:0}.purchase-card .button{width:100%;margin-top:8px}.checkout-status{font-size:13px;min-height:1.2em}.checkout-status a{color:#007f9d;font-weight:700}footer{background:#111821;color:#fff;padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.footer-row .brand{font-size:25px}.footer-row .brand span{width:27px;height:27px;font-size:20px;border-width:2px}.footer-row p{margin:0}.footer-row a:not(.brand){color:#d5f9ff}
body[data-variant=barbershop] .hero h1{font-size:clamp(47px,4.3vw,65px)}body[data-variant=barbershop] .hero-copy{padding-top:25px}body[data-variant=barbershop] .home-website .demo-site-content{background:#111;color:#fff}body[data-variant=barbershop] .demo-site-photo,.barber-photo{background-image:url('/conversion-kit/assets/rivertown-barbershop.png')!important;background-size:cover;background-position:center}body[data-variant=barbershop] .demo-site-copy{background:#131416;color:#fff}body[data-variant=barbershop] .demo-site-copy p,body[data-variant=barbershop] .demo-site-copy small{color:#e1e1e1}body[data-variant=barbershop] .demo-site-features{background:#101519;color:#fff}body[data-variant=barbershop] .demo-site-features small{color:#d6d6d6}
body[data-variant=barbershop] .barber-pill{display:inline-block;background:var(--yellow);border-radius:999px;color:#111;padding:8px 15px;margin-bottom:13px}body[data-variant=barbershop] .demo-site-copy h2{font-size:clamp(30px,2.8vw,42px);margin-top:20px}body[data-variant=barbershop] .demo-site-copy .mini-yellow{margin-top:15px}
@media(max-width:1100px){.container{width:min(100% - 46px,1340px)}.nav nav{gap:19px}.hero-grid{gap:25px}.preview-pair{margin-left:0}.demo-site-nav>div{gap:8px}.demos-grid{grid-template-columns:1fr 1.2fr}.demo-detail{grid-column:2;border:0;padding-left:0}.industry-results{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:min(100% - 34px,620px)}.nav{height:64px}.nav nav,.nav-buy{display:none}.brand{font-size:33px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;cursor:pointer;padding:10px}.menu-toggle span{width:27px;height:3px;background:#101319;border-radius:3px}.mobile-menu:not([hidden]){display:flex;flex-direction:column;padding:10px 17px 18px;gap:13px;background:#fffdf8;border-bottom:1px solid var(--line)}.hero{padding:25px 0 35px}.hero-grid{grid-template-columns:1fr;gap:23px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(42px,10vw,66px);max-width:650px}.hero h1 br:first-child{display:none}.hero-lead{font-size:20px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .button{width:100%}.connected-card{width:100%;margin-top:22px}.connected-card>div{font-size:18px}.browser-frame.home-website{height:340px}.demo-site-nav>div{display:none}.demo-site-nav strong{font-size:11px}.demo-site-content{height:240px;grid-template-columns:50% 50%}.demo-site-copy{padding:14px}.demo-site-copy h2{font-size:clamp(20px,5vw,27px)}.demo-site-copy p{font-size:9px}.demo-site-features{height:40px;grid-template-columns:repeat(2,1fr);overflow:hidden}.demo-site-features span:nth-child(n+3){display:none}.preview-pair{display:grid;grid-template-columns:1fr;gap:10px}.mini-crm,.mini-portal{height:225px}.journey{padding:40px 0}.journey h2{font-size:29px;margin-bottom:38px}.journey-grid{grid-template-columns:1fr;gap:18px;text-align:left}.journey-step{display:grid;grid-template-columns:55px 1fr;column-gap:17px;align-items:start;border-bottom:1px solid #e1ded8;padding:0 0 16px}.journey-step .circle-icon{grid-row:span 2;margin:0}.journey-step h3{margin:4px 0 4px}.journey-step p{margin:0;max-width:100%;font-size:14px}.journey-step:not(:last-child):after{display:none}.content-section{padding:56px 0}.content-section h2{font-size:36px}.kit-grid{grid-template-columns:1fr}.kit-item{padding:18px}.demos-grid,.faq-grid,.purchase-grid{grid-template-columns:1fr;gap:26px}.demo-detail{grid-column:auto}.industry-heading{display:block}.search-label{margin-top:20px}.search-label input{width:100%}.industry-results{grid-template-columns:repeat(2,1fr)}.footer-row{flex-direction:column;align-items:flex-start}.demo-detail{padding:0}.purchase-card{padding:20px}}
@media(max-width:460px){.demo-site-nav .mini-yellow{font-size:8px}.mini-crm td,.mini-crm th{font-size:7px;padding:6px 2px}.mini-crm aside{font-size:7px}.mini-portal{font-size:7px}.industry-results{grid-template-columns:1fr}.industry-card{min-height:80px}.hero h1{font-size:11.5vw}.connected-card>div{font-size:16px}.demo-site-copy p{display:none}.demo-site-copy .mini-yellow{margin-top:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}