.repio-demo{--green:#2e7d52;--green-dark:#236743;--green-soft:#eef7f2;--green-border:#d6eae0;--fg:#3d4a44;--destructive:#f97066;--g50:#f9fafb;--g100:#f3f4f6;--g300:#d1d5db;--g500:#6b7280;--g800:#1f2937;--g900:#111827;--head:var(--font-head),-apple-system,"Segoe UI",sans-serif;--body:var(--font-body),-apple-system,"Segoe UI",sans-serif;--r:14px;--shadow:0 8px 30px rgba(17,24,39,.08);font-family:var(--body);color:var(--fg);background:linear-gradient(172deg,#eaf5ee 0%,#fbfdfc 36%,#f3faf6 68%,#e7f3ec 100%);min-height:100dvh;font-size:16px;font-weight:400;line-height:1.55}.repio-demo *{box-sizing:border-box;margin:0;padding:0}.repio-demo h1,.repio-demo h2,.repio-demo h3,.repio-demo button,.repio-demo .chip,.repio-demo .eyebrow,.repio-demo label,.repio-demo .badge{font-family:var(--head);font-weight:600}.repio-demo button{cursor:pointer;border:none;font-size:16px}.repio-demo .bgfx{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.repio-demo .blob{filter:blur(72px);opacity:.55;border-radius:50%;animation:24s ease-in-out infinite alternate rp-drift;position:absolute}.repio-demo .b1{background:#cfe9db;width:440px;height:440px;top:-140px;right:-120px}.repio-demo .b2{background:#d9eee2;width:380px;height:380px;animation-duration:30s;animation-delay:-8s;bottom:-140px;left:-140px}.repio-demo .b3{background:#e4f3ea;width:300px;height:300px;animation-duration:26s;animation-delay:-14s;top:38%;left:58%}@keyframes rp-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-70px,50px)scale(1.18)}}.repio-demo .dots{background-image:radial-gradient(rgba(46,125,82,.13) 1.2px,transparent 1.2px);background-size:28px 28px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 12%,#000 0%,transparent 100%);mask-image:radial-gradient(70% 55% at 50% 12%,#000 0%,transparent 100%)}.repio-demo .tooth{display:block;position:absolute}.repio-demo .tbig{fill:var(--green)}.repio-demo .tsm{fill:none;stroke:var(--green);stroke-width:3.5px;stroke-linejoin:round}.repio-demo .t1{opacity:.06;width:232px;height:232px;top:-42px;right:5%;transform:rotate(-12deg)}.repio-demo .t2{opacity:.05;width:186px;height:186px;bottom:-26px;left:3%;transform:rotate(16deg)}.repio-demo .t3{opacity:.11;width:52px;height:52px;top:13%;left:54%;transform:rotate(9deg)}@media (prefers-reduced-motion:reduce){.repio-demo .blob,.repio-demo .hm,.repio-demo .hphoto,.repio-demo .hatt,.repio-demo .hcap{animation:none!important}.repio-demo .hco,.repio-demo .bar,.repio-demo .barval,.repio-demo .barpill{transition:none!important}}.repio-demo .view{z-index:1;min-height:100dvh;display:none;position:relative}.repio-demo .view.active{display:block}.repio-demo .wrap{max-width:1060px;margin:0 auto;padding:0 20px}.repio-demo .topbar{justify-content:space-between;align-items:center;max-width:1060px;margin:0 auto;padding:14px 20px;display:flex}.repio-demo .brand{font-family:var(--head);color:var(--g900);align-items:center;gap:9px;font-size:17px;font-weight:600;display:flex}.repio-demo .brand svg{width:28px;height:28px}.repio-demo .brand .tag{color:var(--green);border:1px solid var(--green-border);background:#fff;border-radius:99px;margin-left:2px;padding:3px 9px;font-size:11px;font-weight:500}.repio-demo .reset{color:var(--g500);font-size:13px;font-family:var(--body);background:0 0;text-decoration:underline}.repio-demo .eyebrow{letter-spacing:.09em;color:var(--green);border:1px solid var(--green-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,255,255,.82);border-radius:99px;align-self:flex-start;margin-bottom:14px;padding:6px 12px;font-size:11.5px;display:inline-block}.repio-demo .cta{background:var(--green);color:#fff;border-radius:var(--r);align-items:center;gap:8px;padding:14px 24px;font-size:16.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 6px 18px rgba(46,125,82,.28)}.repio-demo .cta:hover{background:var(--green-dark);transform:translateY(-1px)}.repio-demo .cta-note{color:var(--g500);margin-top:10px;font-size:13px}.repio-demo .hero{grid-template-columns:1fr;align-items:start;gap:28px;padding:18px 0 44px;display:grid;position:relative}@media (min-width:900px){.repio-demo .hero{grid-template-columns:.96fr 1.04fr;align-items:stretch;gap:44px;padding:30px 0 56px}}.repio-demo .herocol{flex-direction:column;display:flex}.repio-demo .hero h1{color:var(--g900);letter-spacing:-.01em;margin-bottom:12px;font-size:max(26px,min(5.4vw,38px));font-weight:600;line-height:1.22}.repio-demo .hero .sub{color:var(--g500);max-width:30em;margin-bottom:20px;font-size:16px}.repio-demo .hcallouts{flex-direction:column;gap:8px;margin-top:16px;display:flex}.repio-demo .hco{border:1px solid var(--g100);border-left:3px solid var(--green);opacity:.3;background:rgba(255,255,255,.9);border-radius:12px;align-items:center;gap:11px;padding:9px 13px;transition:all .4s;display:flex;transform:translate(-6px)}.repio-demo .hco.on{opacity:1;transform:none;box-shadow:0 4px 14px rgba(46,125,82,.1)}.repio-demo .hco-ic{background:var(--green-soft);border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.repio-demo .hco-ic svg{width:17px;height:17px;stroke:var(--green);stroke-width:2px;fill:none}.repio-demo .hco b{font-family:var(--head);color:var(--g900);font-size:13px;display:block}.repio-demo .hco span{color:var(--g500);font-size:12px}.repio-demo .hphone{border:1.5px solid var(--g100);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.repio-demo .hphone-head{border-bottom:1px solid var(--g100);align-items:center;gap:10px;padding:13px 16px;display:flex}.repio-demo .hphone-head b{font-family:var(--head);color:var(--g900);font-size:14px;display:block}.repio-demo .hstatus{color:var(--green);align-items:center;gap:5px;font-size:11.5px;display:flex}.repio-demo .hstatus i{background:#34c759;border-radius:50%;width:7px;height:7px}.repio-demo .hmsgs{scroll-behavior:smooth;background:linear-gradient(#f6fbf8,#fbfdfc);flex-direction:column;flex:1 1 0;gap:8px;min-height:460px;padding:16px 14px 54px;display:flex;overflow-y:auto}.repio-demo .hgroup{flex-direction:column;gap:4px;display:flex}.repio-demo .htime{color:var(--g500);border:1px solid var(--g100);text-align:center;background:#fff;border-radius:99px;align-self:center;align-items:center;gap:4px;padding:3px 12px;font-size:11.5px;display:inline-flex}.repio-demo .hmoon{stroke:#f0a650;fill:none;width:13px;height:13px}.repio-demo .hm{white-space:pre-line;border-radius:15px;max-width:84%;padding:10px 13px;font-size:14px;animation:.35s rp-rise}.repio-demo .hm.u{background:var(--g100);color:var(--g800);border-bottom-right-radius:5px;align-self:flex-end}.repio-demo .hm.a{background:var(--green-soft);border:1px solid var(--green-border);color:var(--g800);border-bottom-left-radius:5px;align-self:flex-start}@keyframes rp-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.repio-demo .hstamp{color:var(--g500);align-self:flex-start;align-items:center;gap:4px;margin:1px 0 2px 6px;font-size:10.5px;display:flex}.repio-demo .hstamp svg{width:12px;height:12px;stroke:var(--green);fill:none}.repio-demo .hphoto{border:1px solid var(--g300);background:linear-gradient(145deg,#e8eef3,#d8e2ea);border-radius:15px 15px 5px;flex-direction:column;flex:none;justify-content:center;align-self:flex-end;align-items:center;gap:7px;width:150px;height:96px;animation:.35s rp-rise;display:flex}.repio-demo .hphoto svg{stroke:#8896a0;stroke-width:1.6px;fill:none;width:26px;height:26px}.repio-demo .hphoto span{color:var(--g500);background:rgba(255,255,255,.85);border-radius:99px;padding:2px 8px;font-size:10px}.repio-demo .hatt{border:1.5px solid var(--green-border);background:#fff;border-radius:15px 15px 15px 5px;flex:none;align-self:flex-start;align-items:center;gap:10px;padding:9px 13px;animation:.35s rp-rise;display:flex}.repio-demo .hatt-ic{background:var(--green-soft);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.repio-demo .hatt-ic svg{width:17px;height:17px;stroke:var(--green);fill:none}.repio-demo .hatt b{font-family:var(--head);color:var(--g900);font-size:12.5px;display:block}.repio-demo .hatt span{color:var(--g500);font-size:10.5px}.repio-demo .hcap{font-family:var(--head);color:var(--green);border:1.5px solid var(--green);background:#fff;border-radius:99px;flex:none;align-self:center;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;animation:.4s rp-pop;display:flex}.repio-demo .hcap svg{width:14px;height:14px;stroke:var(--green);stroke-width:2.4px;fill:none}@keyframes rp-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.repio-demo .htyping{background:var(--green-soft);border:1px solid var(--green-border);border-radius:15px 15px 15px 5px;align-self:flex-start;gap:4px;padding:11px 14px;display:flex}.repio-demo .htyping i{background:var(--green);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.1s infinite rp-tp}.repio-demo .htyping i:nth-child(2){animation-delay:.18s}.repio-demo .htyping i:nth-child(3){animation-delay:.36s}.repio-demo .hreplay{border:1px solid var(--g300);color:var(--g500);font-size:12px;font-family:var(--head);background:#fff;border-radius:99px;padding:6px 12px;position:absolute;bottom:12px;right:12px}.repio-demo .secblock{padding:28px 0}.repio-demo .sechead{text-align:center;margin-bottom:20px}.repio-demo .sechead h2{color:var(--g900);margin-bottom:6px;font-size:max(20px,min(4vw,26px))}.repio-demo .sechead h2 em{color:var(--green);font-style:normal}.repio-demo .sechead p{color:var(--g500);max-width:36em;margin:0 auto;font-size:14px}.repio-demo .pains{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (min-width:760px){.repio-demo .pains{grid-template-columns:repeat(4,1fr)}}.repio-demo .pain{border:1px solid var(--green-border);background:#fff;border-radius:16px;padding:15px;box-shadow:0 4px 16px rgba(17,24,39,.06)}.repio-demo .pain-ic{background:var(--green-soft);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:9px;display:flex}.repio-demo .pain-ic svg{width:20px;height:20px;stroke:var(--green);stroke-width:1.9px;fill:none}.repio-demo .pain b{font-family:var(--head);color:var(--g900);margin-bottom:3px;font-size:13.5px;line-height:1.35;display:block}.repio-demo .pain span{color:var(--g500);font-size:12px;line-height:1.45;display:block}.repio-demo .feat{grid-template-columns:1fr;gap:12px;display:grid}.repio-demo .frow{border:1px solid var(--green-border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr;gap:14px;padding:18px;display:grid}@media (min-width:760px){.repio-demo .frow{grid-template-columns:1.1fr .9fr;align-items:center}.repio-demo .frow:nth-child(2n) .fviz{order:-1}}.repio-demo .frow h3{color:var(--g900);margin-bottom:4px;font-size:17px}.repio-demo .frow h3 em{color:var(--green);font-style:normal}.repio-demo .frow p{color:var(--g500);font-size:13.5px}.repio-demo .fviz{border:1px solid var(--green-border);background:linear-gradient(145deg,#f5faf7,#e9f5ef);border-radius:14px;flex-direction:column;justify-content:center;gap:7px;min-height:104px;padding:14px;display:flex}.repio-demo .vmsg{border-radius:11px;max-width:88%;padding:7px 10px;font-size:12px}.repio-demo .vmsg.a{border:1px solid var(--green-border);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.repio-demo .vmsg.u{background:var(--g100);border-bottom-right-radius:4px;align-self:flex-end}.repio-demo .vrule{flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.repio-demo .vrule .tagx{font-family:var(--head);border:1px solid var(--green-border);color:var(--green);background:#fff;border-radius:7px;padding:3px 8px}.repio-demo .arr{color:var(--green);font-size:16px}.repio-demo .vchan{justify-content:center;align-items:center;gap:8px;display:flex}.repio-demo .vc{color:#fff;width:38px;height:38px;font-family:var(--head);border-radius:10px;justify-content:center;align-items:center;font-size:11px;display:flex}.repio-demo .vinbox{background:var(--green-soft);border:1.5px solid var(--green);color:var(--green);font-family:var(--head);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.repio-demo .vinbox svg{width:15px;height:15px;stroke:var(--green);fill:none}.repio-demo .vimgs{justify-content:center;gap:7px;display:flex}.repio-demo .vimg{border:1px solid var(--green-border);text-align:center;max-width:96px;color:var(--g500);background:#fff;border-radius:10px;flex:1;padding:10px 6px;font-size:10.5px}.repio-demo .vimg svg{width:19px;height:19px;stroke:var(--green);stroke-width:1.9px;fill:none;margin:0 auto 5px;display:block}.repio-demo .vhand{justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.repio-demo .vb{border:1px solid var(--green-border);font-family:var(--head);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.repio-demo .vb svg{width:15px;height:15px;stroke:var(--green);fill:none}.repio-demo .vb.alert{color:#b45309;background:#fff6ea;border-color:#f5d9b0}.repio-demo .vb.alert svg{stroke:#f0a650}.repio-demo .ba{border:1px solid var(--g100);background:#fff;border-radius:18px;max-width:720px;margin:0 auto;overflow:hidden;box-shadow:0 1px 3px rgba(17,24,39,.04)}.repio-demo .ba table{border-collapse:collapse;width:100%;font-size:13.5px}.repio-demo .ba th{font-family:var(--head);letter-spacing:.04em;text-align:left;padding:12px 16px;font-size:12px;font-weight:600}.repio-demo .ba th:first-child{width:24%}.repio-demo .ba th:nth-child(2){color:#b47a73;background:#fbf1ef}.repio-demo .ba th:nth-child(3){color:var(--green);background:#edf6f0}.repio-demo .ba td{vertical-align:top;border-top:1px solid #f1f3f2;padding:11px 16px;line-height:1.45}.repio-demo .ba td:first-child{font-family:var(--head);color:var(--g800);font-size:12.5px;font-weight:600}.repio-demo .ba td:nth-child(2){color:#9e635b;background:#fcf6f5;font-weight:500}.repio-demo .ba td:nth-child(3){color:var(--green-dark);background:#f3f9f5;font-weight:500}.repio-demo .ba td:nth-child(2):before{content:"✕";color:#ce968f;margin-right:7px;font-weight:700}.repio-demo .ba td:nth-child(3):before{content:"✓";color:#3d9a68;margin-right:7px;font-weight:700}.repio-demo .chartcard{border:1.5px solid var(--green-border);box-shadow:var(--shadow);background:#fff;border-radius:22px;max-width:720px;margin:0 auto;padding:26px 18px 16px}.repio-demo .chart{border-bottom:2px solid var(--g100);justify-content:center;align-items:flex-end;gap:5%;min-height:280px;padding:0 4%;display:flex}.repio-demo .bargrp{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:170px;display:flex}.repio-demo .barpill{font-family:var(--head);color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);opacity:0;border-radius:99px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 9px;font-size:11px;transition:all .5s .9s;display:inline-flex}.repio-demo .barpill svg{width:11px;height:11px;stroke:var(--green);fill:none;stroke-width:2.6px}.repio-demo .bargrp.strong .barpill{background:var(--green);color:#fff;border-color:var(--green)}.repio-demo .bargrp.strong .barpill svg{stroke:#fff}.repio-demo .barval{font-family:var(--head);color:var(--g500);opacity:0;margin-bottom:6px;font-size:max(16px,min(3.4vw,24px));transition:all .5s .6s}.repio-demo .bargrp.mid .barval{color:#3d9a68}.repio-demo .bargrp.strong .barval{color:var(--green);font-size:max(19px,min(4vw,28px))}.repio-demo .bar{border-radius:10px 10px 0 0;flex-shrink:0;width:100%;height:0;transition:height 1s cubic-bezier(.2,.7,.2,1)}.repio-demo .bargrp.muted .bar{background:#c9d6cf}.repio-demo .bargrp.mid .bar{background:#5dbf82;transition-delay:.15s}.repio-demo .bargrp.strong .bar{background:linear-gradient(180deg,#3d9a68,var(--green));transition-delay:.3s;box-shadow:0 8px 32px rgba(46,125,82,.25)}.repio-demo .chart.go .bar{height:var(--h)}.repio-demo .chart.go .barval,.repio-demo .chart.go .barpill{opacity:1}.repio-demo .chartlabels{justify-content:center;gap:5%;padding:10px 4% 0;display:flex}.repio-demo .chartlabels div{text-align:center;max-width:170px;color:var(--g500);flex:1;font-size:12.5px;line-height:1.35}.repio-demo .chartlabels b{font-family:var(--head);color:var(--g800)}.repio-demo .chartsrc{text-align:center;color:var(--g500);margin-top:12px;font-size:11.5px}.repio-demo .final{border:1.5px solid var(--green-border);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:22px;max-width:720px;margin:10px auto 40px;padding:30px 22px}.repio-demo .final h2{color:var(--g900);margin-bottom:8px;font-size:max(20px,min(4.4vw,27px))}.repio-demo .final p{color:var(--g500);max-width:34em;margin:0 auto 18px;font-size:14px}.repio-demo .final .cta{justify-content:center}.repio-demo .final .cta-note{text-align:center}.repio-demo .sticky{padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--g100);z-index:20;background:rgba(255,255,255,.92);justify-content:center;transition:all .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(120%)}.repio-demo .sticky.on{transform:none}.repio-demo .sticky .cta{justify-content:center;width:100%;max-width:430px;padding:13px;font-size:15.5px}@media (min-width:900px){.repio-demo .sticky{display:none}}.repio-demo .panel{max-width:500px;margin:0 auto;padding:28px 20px 60px}.repio-demo .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--g100);box-shadow:var(--shadow);background:rgba(255,255,255,.88);border-radius:20px;padding:26px 22px}.repio-demo .steps{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.repio-demo .steps i{background:rgba(255,255,255,.9);border-radius:99px;width:26px;height:4px}.repio-demo .steps i.on{background:var(--green)}.repio-demo .card h2{color:var(--g900);margin-bottom:6px;font-size:22px}.repio-demo .card .hint{color:var(--g500);margin-bottom:18px;font-size:14px}.repio-demo label{color:var(--g800);margin:18px 0 8px;font-size:14px;font-weight:600;display:block}.repio-demo label small{color:var(--g500);font-weight:400;font-family:var(--body)}.repio-demo input[type=text],.repio-demo input[type=tel]{border:1.5px solid var(--g300);width:100%;font-family:var(--body);color:var(--g900);background:#fff;border-radius:12px;outline:none;padding:13px 14px;font-size:16px;transition:all .15s}.repio-demo input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,82,.12)}.repio-demo input.err{border-color:var(--destructive);box-shadow:0 0 0 3px rgba(249,112,102,.12)}.repio-demo .errmsg{color:var(--destructive);margin-top:6px;font-size:13px}.repio-demo .chip{border:1.5px solid var(--g300);color:var(--g800);background:#fff;border-radius:99px;padding:9px 15px;font-size:14.5px;font-weight:500;transition:all .15s}.repio-demo .chip.on{border-color:var(--green);background:var(--green-soft);color:var(--green);box-shadow:0 0 0 3px rgba(46,125,82,.09)}.repio-demo .chips{flex-wrap:wrap;gap:8px;display:flex}.repio-demo .wide{justify-content:center;width:100%;margin-top:24px}.repio-demo .micro{text-align:center;color:var(--g500);margin-top:12px;font-size:13px}.repio-demo .vbadge{font-size:12.5px;font-weight:500;font-family:var(--head);color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 11px;display:inline-flex}.repio-demo .avatar{background:var(--green-soft);border:1px solid var(--green-border);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.repio-demo .avatar svg{width:22px;height:22px}.repio-demo .consent{color:var(--g500);align-items:flex-start;gap:9px;margin-top:16px;font-size:13px;display:flex}.repio-demo .consent input{width:17px;height:17px;accent-color:var(--green);flex:none;margin-top:2px}.repio-demo .card.success{text-align:center}.repio-demo .okmark{background:var(--green-soft);border:2px solid var(--green);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:4px auto 14px;display:flex}.repio-demo .okmark svg{width:28px;height:28px;stroke:var(--green);stroke-width:2.6px;fill:none}.repio-demo .nextsteps{counter-reset:step;text-align:left;flex-direction:column;gap:9px;margin:16px 0 4px;padding:0;list-style:none;display:flex}.repio-demo .nextsteps li{counter-increment:step;color:var(--g800);align-items:flex-start;gap:10px;font-size:14px;display:flex}.repio-demo .nextsteps li:before{content:counter(step);background:var(--green-soft);border:1px solid var(--green-border);width:22px;height:22px;color:var(--green);font-family:var(--head);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.repio-demo a.cta{text-decoration:none}.repio-demo .cta:disabled{opacity:.6}.repio-demo footer{text-align:center;color:var(--g500);padding:26px 20px 90px;font-size:12.5px}.repio-demo footer a{color:var(--green)}