/* Approved hybrid public entry, scoped to the homepage. Lower page controls remain. */
body.reference-public{background:#fff;color:#263348;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--line:#e4e8ee;--navy:#17284d;}
.reference-public :is(.public-header,.hero,.public-bottom,.signin-footer),.reference-public :is(.public-header,.hero,.public-bottom) *{box-sizing:border-box;}
.reference-public .brand{display:flex;align-items:center;gap:7px;font-size:23px;font-weight:740;letter-spacing:-1px;color:#162e53;text-decoration:none;}.reference-public .brand img{width:28px;height:28px;}
.reference-public .btn{border:1px solid #dce2ea;background:#fff;border-radius:6px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:35px;white-space:nowrap;text-decoration:none;}
.reference-public .hero .eyebrow{font-size:10px;letter-spacing:.12em;color:#7b8596;font-weight:600;}
.reference-public .public-nav a{font-size:12px;color:#6a778a;text-decoration:none;}
.reference-public .mini-review{font-size:9px;color:#718798;margin-top:18px;display:flex;justify-content:space-between;gap:6px;}.reference-public #hero-enlarge{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;}
.reference-public .mini-inner .tag{float:right;font-size:10px;color:#52657b;padding:4px 7px;background:#edf1f6;border-radius:4px;font-weight:550;}
.reference-public .public-bottom .number{font-size:9px;letter-spacing:.08em;color:#8b96a7;}
.reference-public .public-header{height:87px;max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 42px}
.reference-public .public-nav{display:flex;align-items:center;gap:28px;font-size:12px}
.reference-public .public-nav button{background:none;border:0;font-size:12px;color:#6a778a}
.reference-public .public-nav .btn{border:1px solid var(--line);padding:9px 15px}
.reference-public .hero{max-width:1180px;margin:55px auto 0;padding:0 42px 70px;display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}
.reference-public .hero h1{font-size:53px;line-height:1.09;letter-spacing:-2.4px;font-weight:560;margin:20px 0}
.reference-public .hero p{font-size:14px;line-height:1.8;color:#748093;max-width:420px}
.reference-public .hero .btn{margin-top:18px;padding:13px 19px}
.reference-public .hero small{display:block;margin-top:14px;font-size:10px;color:#8b95a4}
.reference-public .product-preview{background:#f5f7fb;padding:30px 20px;border-radius:9px}
.reference-public .mini-window{border:1px solid #e0e6ef;border-radius:7px;background:#fff;box-shadow:0 18px 35px #243a6010;overflow:hidden}
.reference-public .mini-top{padding:14px 16px;border-bottom:1px solid var(--line);font-size:10px;display:flex;justify-content:space-between;color:#718098}
.reference-public .mini-inner{padding:20px}
.reference-public .mini-inner h3{font-size:19px;margin:10px 0 20px;letter-spacing:-.5px}
.reference-public .mini-days{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.reference-public .mini-day{border-top:1px solid var(--line);padding-top:10px;min-width:0}
.reference-public .mini-day>small{font-size:9px;color:#7b899d}
.reference-public .mini-day>strong{font-size:22px;font-weight:500;display:block;margin:7px 0 15px}
.reference-public .mini-shift{margin:10px 0;padding:8px;background:#f2f5fb;border-left:2px solid #9fb2d4;font-size:10px;color:#42567b}
.reference-public .mini-shift small{font-size:8px;display:block;margin:0 0 5px;color:#8493a9}
.reference-public .public-bottom{max-width:1096px;margin:0 auto 35px;padding:30px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.reference-public .public-bottom h3{font-size:13px;font-weight:550}
.reference-public .public-bottom p{font-size:12px;line-height:1.7;color:#788699}
.reference-public .signin-footer{text-align:center;font-size:10px;color:#919caa;padding:25px}
@media(max-width:750px){.reference-public .public-header{height:75px;padding:0 22px}}
@media(max-width:750px){.reference-public .public-nav{gap:8px}}
@media(max-width:750px){.reference-public .public-nav>.secondary{display:none}}
@media(max-width:750px){.reference-public .public-nav .btn{font-size:11px;padding:8px 11px}}
@media(max-width:750px){.reference-public .hero{grid-template-columns:1fr;gap:35px;padding:10px 24px 35px;margin-top:20px}}
@media(max-width:750px){.reference-public .hero h1{font-size:41px;letter-spacing:-1.8px}}
@media(max-width:750px){.reference-public .hero p{font-size:13px}}
@media(max-width:750px){.reference-public .product-preview{padding:20px 13px}}
@media(max-width:750px){.reference-public .mini-inner{padding:15px}}
@media(max-width:750px){.reference-public .mini-days{gap:5px}}
@media(max-width:750px){.reference-public .mini-shift{padding:7px 5px;font-size:9px}}
@media(max-width:750px){.reference-public .public-bottom{grid-template-columns:1fr;margin:0 24px;gap:12px}}
@media(max-width:750px){.reference-public .signin-footer{line-height:1.8}}
.reference-public .rose-text{color:#a94767}
.reference-public .public-header{border-bottom:1px solid #edf0f4}
.reference-public .hero{margin-top:55px}
.reference-public .hero h1{color:#183653}
.reference-public .hero p{color:#657a92}
.reference-public .hero .btn.primary{background:#a94767;border-color:#a94767;box-shadow:0 5px 12px #a9476720}
.reference-public .hero .btn.primary:hover{background:#933953}
.reference-public .product-preview{background:radial-gradient(ellipse at 90% 15%,#eee3ee,transparent 60%),linear-gradient(150deg,#e4edf9,#f0f4fa);padding:33px 23px;position:relative}
.reference-public .mini-window{box-shadow:0 20px 35px #19396319;border-color:#d4deed}
.reference-public .mini-top{background:#1e3a5d;color:#c5d3e4;border-color:#1e3a5d}
.reference-public .mini-shift{background:#eaf1fb;border-left-color:#749bd0}
.reference-public .mini-shift:nth-child(even){background:#f1eaf4;border-left-color:#b394bd}
.reference-public .founder{display:flex;align-items:center;gap:11px;margin-top:30px}
.reference-public .founder img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:2px solid white;box-shadow:0 0 0 1px #e3e9f1}
.reference-public .founder b{display:block;font-size:10px;color:#6c7d94;font-weight:500}
.reference-public .founder span{display:block;font-size:9px;color:#8896a8;margin-top:5px}
.reference-public .public-bottom h3{color:#314e72}
@media(max-width:750px){.reference-public .founder{margin-top:24px}}
@media(max-width:750px){.reference-public .hero{margin-top:20px}}
@media(max-width:750px){.reference-public .public-header{margin:0 18px;padding:0 4px}}
@media(max-width:750px){.reference-public .product-preview{padding:22px 13px}}
.reference-public .public-header{background:#fff}
.reference-public .public-bottom{background:#f7f9fc;border-radius:12px;padding:28px}
@media(max-width:750px){.reference-public .public-bottom{padding:22px}}
@media(max-width:750px){.reference-public .public-nav>.secondary{display:none;}}

.reference-public :is(.public-header,.hero,.public-bottom,.signin-footer){line-height:normal;}
.reference-public .founder{background:transparent;}
.reference-public .founder img{filter:none;aspect-ratio:1;}
.reference-public .hero .btn,.reference-public .public-nav .btn{font-weight:400;}
.reference-public .mini-inner h3{font-weight:700;line-height:normal;}

body.reference-public{color:#253b58;}
body.reference-public .hero .eyebrow{font-size:10px;line-height:normal;margin:0;}
body.reference-public .hero .btn,body.reference-public .public-nav .btn{border-radius:6px;}
.reference-public .public-nav>.secondary{padding:2px 6px;}
.reference-public .hero h1,.reference-public .mini-inner h3,.reference-public .public-bottom h3{font-family:Inter,system-ui,sans-serif;}
.reference-public .hero p{margin:14px 0;}
.reference-public .hero small{line-height:normal;}
.reference-public .public-bottom h3{line-height:normal;margin:13px 0;}
.reference-public .public-bottom p{margin:12px 0;}

@media(max-width:750px){.reference-public .hero p{margin:13px 0;}}
.reference-public .public-bottom .number{font-size:10px;color:#a4647c;letter-spacing:normal;}
