.refonte-hero-demo{--rd-ink:#172536;--rd-muted:#647383;--rd-paper:#f6f5f1;--rd-card:#fdfcfb;--rd-line:#dfe4e6;--rd-orange:#e95e2a;width:100%;min-width:0;max-width:650px;color:var(--rd-ink);font-family:var(--font-inter),sans-serif;margin-inline:auto;container-type:inline-size}.dark .refonte-hero-demo{--rd-ink:#f3f2ed;--rd-muted:#bec9d1;--rd-paper:#1b2934;--rd-card:#263642;--rd-line:#3e4e5a}.refonte-demo-stage{aspect-ratio:1.22;position:relative}.refonte-demo-frame{border:1px solid var(--rd-line);background:var(--rd-card);border-radius:clamp(12px,2.8cqw,19px);flex-direction:column;gap:clamp(8px,1.75cqw,12px);padding:clamp(10px,2.8cqw,19px);display:flex;position:absolute;inset:3.5%;box-shadow:0 18px 45px #17253612}.refonte-hero-demo :is(p,h3){margin:0}.refonte-demo-top{flex:none;align-items:center;gap:9px;display:flex}.refonte-demo-top>span{background:var(--rd-orange);color:#fff;border-radius:7px;place-items:center;width:clamp(20px,4.3cqw,29px);height:clamp(20px,4.3cqw,29px);display:grid}.refonte-demo-top svg{stroke-width:1.5px;width:65%;height:65%}.refonte-demo-top strong{letter-spacing:-.02em;font-size:clamp(11px,2.35cqw,16px);font-weight:600}.refonte-demo-top small{color:var(--rd-muted);margin-left:auto;font-size:10px}.refonte-demo-tabs{border:1px solid var(--rd-line);background:var(--rd-paper);border-radius:9px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.refonte-demo-tabs button{min-height:clamp(29px,5.7cqw,39px);color:var(--rd-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:6px 5px;font-size:clamp(10px,1.9cqw,13px);display:flex}.refonte-demo-tabs button>span{opacity:.6;font-size:clamp(9px,1.5cqw,11px)}.refonte-demo-tabs [aria-selected=true]{background:var(--rd-card);color:var(--rd-ink);border-color:var(--rd-line)}.refonte-demo-tabs [aria-selected=true]>span{color:var(--rd-orange);opacity:1}.refonte-demo-panel{border:1px solid var(--rd-line);background:var(--rd-paper);border-radius:10px;flex:1;min-height:0;overflow:hidden}.refonte-demo-site{height:100%;animation:.4s both refonte-page-in}.refonte-demo-browser{border-bottom:1px solid var(--rd-line);background:var(--rd-card);align-items:center;gap:8px;height:clamp(27px,5.5cqw,38px);padding-inline:clamp(9px,2cqw,14px);display:flex}.refonte-demo-browser>svg{width:15px;height:15px;color:var(--rd-muted);flex:none}.refonte-demo-browser>span{font-size:clamp(9px,1.7cqw,12px);font-weight:550}.refonte-demo-browser small{color:var(--rd-muted);margin-left:auto;font-size:clamp(8px,1.3cqw,9px)}.refonte-demo-site-body{flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(7px,1.8cqw,12px);height:calc(100% - clamp(27px,5.5cqw,38px));padding:clamp(10px,3.5cqw,24px);display:flex}.refonte-demo-site-body>span:first-child{color:var(--rd-muted);letter-spacing:.055em;font-size:clamp(8px,1.4cqw,10px)}.refonte-demo-site :is(h3,.seo-visual-title){max-width:88%;color:var(--rd-muted);letter-spacing:-.025em;font-size:clamp(16px,4.2cqw,29px);font-weight:500;line-height:1.2}.refonte-demo-site p{color:var(--rd-muted);font-size:clamp(10px,1.9cqw,13px);line-height:1.5}.refonte-demo-page-items{gap:clamp(8px,2cqw,14px);display:flex}.refonte-demo-page-items>span{color:var(--rd-muted);align-items:center;gap:5px;font-size:clamp(9px,1.6cqw,11px);display:flex}.refonte-demo-page-items svg{width:13px;height:13px}.refonte-demo-site-cta{border:1px solid var(--rd-line);min-height:clamp(25px,5.5cqw,38px);color:var(--rd-muted);border-radius:5px;align-items:center;gap:15px;padding:5px 13px;font-size:clamp(10px,1.8cqw,13px);display:flex}.refonte-demo-site-cta svg{width:14px;height:14px}.refonte-demo-site[data-new=true] :is(h3,.seo-visual-title){color:var(--rd-ink);letter-spacing:-.04em;font-weight:650}.refonte-demo-site[data-new=true] .refonte-demo-site-body>span:first-child,.refonte-demo-site[data-new=true] .refonte-demo-page-items svg{color:var(--rd-orange)}.refonte-demo-site[data-new=true] .refonte-demo-site-cta{color:#fff;background:var(--rd-orange);border-color:var(--rd-orange);border-radius:30px}.refonte-demo-migration{flex-direction:column;justify-content:center;gap:clamp(8px,1.9cqw,13px);height:100%;padding:clamp(10px,3cqw,21px);animation:.4s both refonte-page-in;display:flex}.refonte-demo-migration-icon{width:clamp(24px,5cqw,34px);height:clamp(24px,5cqw,34px);color:var(--rd-orange);background:color-mix(in srgb,var(--rd-orange)8%,var(--rd-card));border-radius:8px;place-items:center;display:grid}.refonte-demo-migration-icon svg{stroke-width:1.5px;width:60%;height:60%}.refonte-demo-migration :is(h3,.seo-visual-title){color:var(--rd-ink);letter-spacing:-.035em;font-size:clamp(16px,3.8cqw,26px);font-weight:600;line-height:1.15}.refonte-demo-migration p{color:var(--rd-muted);font-size:clamp(10px,1.7cqw,12px)}.refonte-demo-migration ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.refonte-demo-migration li{border:1px solid var(--rd-line);background:var(--rd-card);border-radius:6px;grid-template-columns:1.2fr 45px 1fr 14px;align-items:center;gap:8px;padding:clamp(6px,1.5cqw,10px);font-size:clamp(9px,1.7cqw,12px);display:grid}.refonte-demo-migration li>span{color:var(--rd-muted)}.refonte-demo-migration li strong{font-weight:500}.refonte-demo-migration li i{color:var(--rd-orange);align-items:center;gap:5px;font-size:10px;font-style:normal;display:flex}.refonte-demo-migration li svg{width:12px;height:12px;color:var(--rd-orange)}.refonte-demo-migration>button{border:1px solid var(--rd-line);background:var(--rd-card);color:var(--rd-ink);font:inherit;cursor:pointer;border-radius:20px;align-self:flex-start;align-items:center;gap:7px;padding:7px 12px;font-size:clamp(10px,1.7cqw,12px);display:flex}.refonte-demo-migration>button svg{width:15px;height:15px;color:var(--rd-orange)}.refonte-demo-status{color:var(--rd-muted);flex:none;align-items:center;gap:8px;font-size:clamp(10px,1.85cqw,13px);line-height:1.5;display:flex}.refonte-demo-status svg{width:18px;height:18px;color:var(--rd-orange);stroke-width:1.5px;flex:none}.refonte-demo-points{border-top:1px solid var(--rd-line);color:var(--rd-muted);flex:none;justify-content:space-between;gap:8px;padding-top:clamp(7px,1.5cqw,10px);font-size:clamp(9px,1.6cqw,11px);display:flex}.refonte-demo-points span{align-items:center;gap:5px;display:flex}.refonte-demo-points svg{width:12px;height:12px;color:var(--rd-orange)}.refonte-demo-controls{min-height:37px;color:var(--rd-muted);justify-content:space-between;align-items:center;gap:8px;padding:3px 5%;font-size:10px;display:flex}.refonte-demo-controls button{min-height:31px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:5px;display:flex}.refonte-demo-controls svg{width:12px;height:12px}.refonte-hero-demo :is(button,[tabindex]):focus-visible{outline:2px solid var(--rd-orange);outline-offset:3px}@container (max-width:430px){.refonte-demo-frame{gap:6px;padding:10px}.refonte-demo-top small,.refonte-demo-tabs button>span,.refonte-demo-browser small,.refonte-demo-site-body>span:first-child,.refonte-demo-page-items,.refonte-demo-site p,.refonte-demo-migration-icon,.refonte-demo-migration p,.refonte-demo-points{display:none}.refonte-demo-tabs{padding:2px}.refonte-demo-tabs button{min-height:25px;padding:4px}.refonte-demo-browser{height:24px}.refonte-demo-site-body{gap:9px;height:calc(100% - 24px);padding:9px}.refonte-demo-site :is(h3,.seo-visual-title){max-width:100%;font-size:17px}.refonte-demo-site-cta{min-height:23px;padding:4px 9px;font-size:10px}.refonte-demo-migration{gap:6px;padding:8px}.refonte-demo-migration :is(h3,.seo-visual-title){font-size:12px;line-height:1.2}.refonte-demo-migration :is(h3,.seo-visual-title) br{display:none}.refonte-demo-migration li{grid-template-columns:1.2fr 35px 1fr 10px;gap:4px;padding:4px 5px;font-size:9px}.refonte-demo-migration li i{gap:2px;font-size:9px}.refonte-demo-migration ol{gap:3px}.refonte-demo-migration>button{padding:4px 7px;font-size:9px}.refonte-demo-migration>button svg{width:12px;height:12px}.refonte-demo-status{gap:5px;font-size:9px;line-height:1.3}.refonte-demo-status svg{width:13px;height:13px}.refonte-demo-controls{padding-inline:3%;font-size:9px}}@keyframes refonte-page-in{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.refonte-hero-demo *{transition:none!important;animation:none!important}}
.refonte-page .service-hero-backdrop{opacity:.42;filter:blur(3px);background-position:50%}.refonte-page .service-hero-backdrop:after{background:linear-gradient(90deg,var(--service-hero-paper),transparent 45%),linear-gradient(0deg,var(--service-hero-paper),transparent 40%)}.refonte-opening{border-block:1px solid var(--bs-line);background:var(--bs-card)}.refonte-opening .business-copy>p:first-child{margin-top:0}.refonte-audit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;display:grid}.refonte-audit-grid article{padding-right:24px}.refonte-audit-grid article+article{border-left:1px solid var(--bs-line);padding-left:29px}.refonte-audit-grid :is(h3,.seo-visual-title){margin-top:19px}.refonte-audit-grid p{margin-top:12px;font-size:13px}.refonte-audit-grid article>span:last-child{color:var(--bs-accent);margin-top:22px;font-size:10px;line-height:1.6;display:block}.refonte-planning-photo{aspect-ratio:1.2}.refonte-planning-photo>img{-o-object-position:center;object-position:center}.refonte-decisions{gap:10px;margin-top:26px;display:grid}.refonte-decisions details{border:1px solid var(--bs-line);background:var(--bs-card);border-radius:10px}.refonte-decisions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;font-size:14px;font-weight:550;list-style:none;display:flex}.refonte-decisions summary::-webkit-details-marker{display:none}.refonte-decisions summary svg{width:15px;height:15px;color:var(--bs-muted);flex:none}.refonte-decisions details[open] summary{color:var(--bs-accent)}.refonte-decisions details[open] summary svg{transform:rotate(180deg)}.refonte-decisions p{padding:0 19px 19px;font-size:13px}.business-content .refonte-credit{font-size:10px}.refonte-credit a{text-underline-offset:3px;text-decoration:underline}.refonte-migration-plan{border:1px solid var(--bs-line);background:#ffffff04;border-radius:15px;padding:12px 26px}.refonte-migration-plan article{align-items:flex-start;gap:17px;padding:25px 0;display:flex}.refonte-migration-plan article+article{border-top:1px solid var(--bs-line)}.refonte-migration-plan article>span{color:#f4a27d;margin-top:3px;font-size:11px}.refonte-migration-plan :is(h3,.seo-visual-title){font-size:17px}.refonte-migration-plan article p{margin-top:9px;font-size:13px}.refonte-migration-plan article>svg{color:#f4a27d;flex:none;width:17px;height:17px;margin-top:3px;margin-left:auto}.refonte-migration-plan>p{border-top:1px solid var(--bs-line);align-items:center;gap:9px;padding:18px 0 10px;font-size:11px;display:flex}.refonte-migration-plan>p svg{color:#f4a27d;flex:none;width:17px;height:17px}.refonte-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;display:grid}.refonte-method-grid article{border-top:1px solid var(--bs-line);flex-direction:column;padding-top:20px;display:flex}.refonte-method-grid article>span{color:var(--bs-orange);margin-bottom:18px;font-size:12px}.refonte-method-grid :is(h3,.seo-visual-title){font-size:17px}.refonte-method-grid p{margin-top:12px;font-size:13px}.refonte-method-grid strong{color:var(--bs-accent);margin-top:auto;padding-top:20px;font-size:11px;font-weight:500;line-height:1.6}.refonte-handover{grid-template-columns:50px 1fr auto;align-items:center;gap:25px;display:grid}.refonte-handover h2{font-size:29px}.refonte-handover p{max-width:580px;margin-top:14px;font-size:13px}.refonte-handover .site-cta-secondary{white-space:normal;text-align:center;max-width:260px}.refonte-related{flex-wrap:wrap;justify-content:center;gap:20px 35px;margin-top:25px;display:flex}.refonte-related a{color:var(--bs-muted);align-items:center;gap:9px;font-size:12px;display:flex}.refonte-related svg{color:var(--bs-orange)}@media (max-width:1150px){.refonte-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.refonte-handover{grid-template-columns:45px 1fr}.refonte-handover>a{grid-column:2}}@media (max-width:850px){.refonte-audit-grid{gap:20px}.refonte-audit-grid article{padding-right:0}.refonte-audit-grid article+article{padding-left:20px}.refonte-planning-photo{aspect-ratio:1.7}}@media (max-width:560px){.refonte-audit-grid{grid-template-columns:1fr;gap:26px}.refonte-audit-grid article+article{border-left:0;border-top:1px solid var(--bs-line);padding-top:25px;padding-left:0}.refonte-planning-photo{aspect-ratio:1.15}.refonte-migration-plan{padding-inline:18px}.refonte-migration-plan article{gap:12px}.refonte-method-grid{grid-template-columns:1fr;gap:26px}.refonte-handover{grid-template-columns:1fr;gap:18px}.refonte-handover>a{grid-column:auto}.refonte-related{flex-direction:column;align-items:flex-start;gap:15px}}