.public-home { background:radial-gradient(ellipse at 8% 0%,#dcefed,transparent 55%),radial-gradient(ellipse at 100% 10%,#dceaf2,transparent 50%),#f5f9fa; }
html[data-theme=dark] .public-home { background:radial-gradient(ellipse at 10% 0%,#203b39,transparent 65%),#111e22; }
.public-home .public-nav,.public-home .public-footer { max-width:1280px; }
.public-home main { padding:10px 32px 18px; }
.public-nav-pill { border:1px solid var(--line); border-radius:999px; background:var(--surface); padding:10px 18px; font-size:.8rem; white-space:nowrap; }
.record-hero { max-width:1216px; margin:0 auto; padding:44px; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:48px; background:var(--surface); border:1px solid var(--line); border-radius:22px; box-shadow:0 16px 50px #183f4910; }
.record-eyebrow { display:inline-block; font-size:.73rem; font-weight:600; border:1px solid var(--line); padding:7px 13px; border-radius:999px; color:var(--accent); background:var(--soft); }
.record-hero h1 { font-size:clamp(2.3rem,3.6vw,3.6rem); letter-spacing:-.045em; line-height:1.1; font-weight:680; margin:22px 0; }
.record-hero__copy>p { color:var(--muted); font-size:1rem; line-height:1.8; max-width:49ch; }
.record-hero .public-actions { gap:12px; margin:24px 0; }
.record-hero .public-button { font-size:.8rem; padding:13px 17px; border-radius:10px; }
.record-facilities { display:flex; gap:14px; align-items:center; border-top:1px solid var(--line); padding-top:22px; margin-top:24px; }
.record-facilities svg { width:24px; height:24px; flex:none; color:var(--accent); }
.record-facilities strong { display:block; font-size:.9rem; font-weight:600; }
.record-facilities small { display:block; color:var(--muted); font-size:.76rem; line-height:1.6; margin-top:4px; }
.record-visual { border:1px solid #d9e9ee; border-radius:18px; background:radial-gradient(ellipse at 50% 85%,#c4e8ef,transparent 65%),#f0f8fa; padding:20px 26px 10px; position:relative; overflow:hidden; }
.record-visual__caption { display:flex; justify-content:space-between; gap:12px; font-size:.65rem; color:var(--muted); margin-bottom:20px; letter-spacing:.03em; }
.record-phone { max-width:330px; margin:auto; border:5px solid #213345; border-radius:30px; background:var(--surface); padding:22px; box-shadow:0 20px 28px #23445b15; }
.record-phone__brand { display:flex; gap:12px; align-items:center; font-size:.63rem; color:var(--muted); }
.record-phone h2 { font-size:1.65rem; line-height:1.13; letter-spacing:-.035em; margin:22px 0 18px; font-weight:650; }
.record-assurance { background:#087f79; color:white; border-radius:12px; padding:16px; display:flex; gap:10px; align-items:flex-start; }
.record-assurance svg { width:22px; height:22px; flex:none; }
.record-assurance strong { font-size:.8rem; font-weight:600; }
.record-assurance p { font-size:.7rem; line-height:1.6; margin:5px 0 0; color:#e1f3f1; }
.record-journey { list-style:none; padding:0; margin:18px 0 8px; }
.record-journey li { display:flex; gap:12px; padding:12px 0; align-items:flex-start; }
.record-journey li+li { border-top:1px solid var(--line); }
.record-journey li>span { font-size:.63rem; color:var(--accent); padding-top:3px; }
.record-journey strong { display:block; font-size:.73rem; font-weight:600; }
.record-journey small { display:block; color:var(--muted); font-size:.64rem; margin-top:3px; }
.record-phone__link { display:flex; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid var(--line); color:var(--accent); font-size:.7rem; font-weight:600; }
.record-visual__note { text-align:center; color:var(--muted); font-size:.65rem; margin:16px 0 4px; }
html[data-theme=dark] .record-visual { background:radial-gradient(ellipse at 50% 85%,#254f56,transparent 70%),#192e33; border-color:var(--line); }
html[data-theme=dark] .record-phone { border-color:#617d85; }
@media(max-width:1000px) { .record-hero { gap:28px; padding:30px; } .record-visual { padding:18px; } .public-nav nav { gap:10px; } }
@media(max-width:760px) { .record-hero { grid-template-columns:1fr; padding:26px; } .public-home main { padding:8px 18px; } .public-nav { padding:22px 18px; flex-wrap:wrap; gap:16px; } .public-nav nav { flex-wrap:wrap; gap:8px; } .public-nav-pill { padding:9px 12px; } .record-hero h1 { font-size:2.7rem; } .record-hero__copy>p { font-size:.95rem; } .record-visual { margin-top:8px; } .public-home .public-footer { padding:26px 18px; } }