/* Account reassurance: original painted panorama with native, accessible product graphics. */
.account-safety{padding:16px 56px 96px;background:#fcfbf8;color:var(--navy);scroll-margin-top:28px}
.safety-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:60px;max-width:1328px;min-height:724px;margin:auto;padding:64px 56px 104px;border-radius:36px;overflow:hidden;background:#d8e8ef url('/assets/account-safety/safety-meadow-v1.webp') center/cover no-repeat}
.safety-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffaf047,transparent 58%)}
.safety-copy{min-width:0}
.safety-copy h2{margin:0 0 38px;font:400 clamp(52px,5.1vw,72px)/1.04 var(--display);letter-spacing:-1.7px}
.safety-copy h2 em{display:block;color:var(--orange-ink);font-weight:400}
.safety-points{display:grid;gap:29px;margin:0;padding:0;list-style:none}
.safety-points>li{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:17px}
.safety-points>li:nth-child(2){margin-left:36px}
.safety-point-icon{display:grid;place-items:center;width:58px;height:58px;background:#fffef4e8;border:1px solid #fff;border-radius:17px;box-shadow:0 5px 14px #3551670c;color:#df5c13}
.safety-icon{display:block;flex:none;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.safety-points h3{margin:0 0 8px;font:600 21px/1.3 var(--sans);letter-spacing:-.2px}
.safety-points p{margin:0;color:#294350;font:400 18px/1.6 var(--sans)}
.safety-card-frame{min-width:0;padding:12px;border:1px solid #ffffffe0;border-radius:32px;background:#ffffff66;box-shadow:0 20px 55px #25465c12}
.safety-access-card{min-width:0;overflow:hidden;border:1px solid #e3e8e7;border-radius:23px;background:#fffefa;box-shadow:0 4px 18px #25465c09;font-family:var(--sans)}
.safety-card-heading{padding:25px 28px 21px;border-bottom:1px solid #e9ece7}
.safety-card-heading h3{margin:0;color:var(--navy);font:400 23px/1.3 var(--sans);letter-spacing:-.3px}
.safety-card-content{padding:24px 28px 28px}
.safety-account{display:flex;align-items:center;justify-content:space-between;gap:16px}
.safety-account-name{display:block;margin:0 0 4px;color:#253f4e;font:600 23px/1.3 var(--sans)}
.safety-account-label{display:block;color:#607079;font:400 16px/1.45 var(--sans)}
.safety-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e2e9e8;border-radius:50%;background:#edf3f1;color:#46685f;font:400 16px/1 var(--sans)}
.safety-route{display:grid;grid-template-columns:92px minmax(48px,1fr) 92px;align-items:start;margin:30px 0 27px}
.safety-endpoint{display:grid;justify-items:center;gap:10px;color:#4a5d68;font:400 16px/1.4 var(--sans)}
.safety-endpoint>span:last-child{white-space:nowrap}
.safety-brand-tile{display:grid;place-items:center;width:76px;height:76px;border:1px solid #e6eae5;border-radius:21px;background:#fff;box-shadow:0 5px 16px #243d4a08}
.safety-google-mark{display:block;width:40px;height:40px}
.safety-brand-tile img{display:block;width:48px;height:auto}
.safety-connection{position:relative;display:grid;place-items:center;min-width:0;height:76px;color:#507065}
.safety-connection:before{content:"";position:absolute;left:0;right:0;top:37px;border-top:1px dashed #a8b9b2}
.safety-lock{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce6df;border-radius:50%;background:#f4f8f1}
.safety-lock .safety-icon{width:18px;height:18px;stroke-width:1.7}
.safety-purpose{margin:0;padding:18px 20px;border:1px solid #e7e9e2;border-radius:13px;background:#f6f7f1}
.safety-purpose dt{margin:0 0 6px;color:#617069;font:400 15px/1.4 var(--sans)}
.safety-purpose dd{margin:0;color:#2c454c;font:400 18px/1.45 var(--sans)}
.safety-manage-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-top:1px solid #e9ece7;background:#fbfaf4;color:#a8410a;text-decoration:none;font:400 17px/1.4 var(--sans)}
.safety-manage-link .safety-icon{width:20px;height:20px}
.safety-manage-link:hover{background:#f6f2e7;color:#823207}
.safety-manage-link:focus-visible{outline:3px solid #bd4b0b;outline-offset:-5px;border-radius:0 0 20px 20px}
@media(min-width:981px) and (max-width:1199px){
 .account-safety{padding-left:40px;padding-right:40px}
 .safety-panel{gap:34px;padding:52px 36px 94px}
 .safety-copy h2{font-size:56px;letter-spacing:-1.2px}
 .safety-points>li{grid-template-columns:50px minmax(0,1fr);gap:14px}
 .safety-point-icon{width:50px;height:50px;border-radius:14px}
 .safety-points>li:nth-child(2){margin-left:18px}
 .safety-card-heading{padding:23px}
 .safety-card-content{padding:23px}
 .safety-card-heading h3{font-size:22px}
 .safety-route{grid-template-columns:92px minmax(26px,1fr) 92px}
 .safety-brand-tile{width:65px;height:65px;border-radius:18px}
 .safety-connection{height:65px}
 .safety-connection:before{top:32px}
 .safety-manage-link{padding-left:23px;padding-right:23px}
}
@media(max-width:980px){
 .account-safety{padding:10px 40px 76px}
 .safety-panel{grid-template-columns:minmax(0,1fr);gap:42px;max-width:800px;min-height:0;padding:50px 44px 96px;background-position:25% center}
 .safety-copy h2{font-size:58px;max-width:580px;margin-bottom:32px}
 .safety-points{gap:27px}
 .safety-points>li:nth-child(2){margin-left:0}
 .safety-points p{max-width:510px}
 .safety-card-frame{width:100%;max-width:560px;justify-self:center}
 .safety-panel:before{background:linear-gradient(180deg,#fffaf075,#fffaf02b 82%,transparent)}
}
@media(max-width:700px){
 .account-safety{padding:8px 16px 64px}
 .safety-panel{gap:34px;padding:38px 16px 82px;border-radius:27px;background-position:16% center}
 .safety-copy h2{font-size:clamp(38px,10.3vw,50px);line-height:1.07;letter-spacing:-1px;margin-bottom:29px}
 .safety-points{gap:26px}
 .safety-points>li{grid-template-columns:48px minmax(0,1fr);gap:14px}
 .safety-point-icon{width:48px;height:48px;border-radius:14px}
 .safety-point-icon .safety-icon{width:23px;height:23px}
 .safety-points h3{font-size:21px;line-height:1.3;margin-bottom:9px}
 .safety-points p{font-size:18px;line-height:1.65}
 .safety-card-frame{padding:8px;border-radius:25px}
 .safety-access-card{border-radius:18px}
 .safety-card-heading{padding:21px 20px 18px}
 .safety-card-heading h3{font-size:22px;line-height:1.35}
 .safety-card-content{padding:22px 20px}
 .safety-account{gap:12px}
 .safety-account-name{font-size:22px}
 .safety-account-label{font-size:16px}
 .safety-avatar{width:38px;height:38px;font-size:15px}
 .safety-route{grid-template-columns:92px minmax(20px,1fr) 92px;margin:27px 0 24px}
 .safety-brand-tile{width:64px;height:64px;border-radius:18px}
 .safety-endpoint{gap:10px;font-size:16px}
 .safety-google-mark{width:35px;height:35px}
 .safety-brand-tile img{width:43px}
 .safety-connection{height:64px}
 .safety-connection:before{top:31px}
 .safety-lock{width:32px;height:32px}
 .safety-lock .safety-icon{width:17px;height:17px}
 .safety-purpose{padding:16px;border-radius:11px}
 .safety-purpose dt{font-size:15px}
 .safety-purpose dd{font-size:18px;line-height:1.5}
 .safety-manage-link{padding:19px 20px;font-size:17px;line-height:1.5;gap:12px}
}
@media(max-width:359px){
 .account-safety{padding-left:12px;padding-right:12px}
 .safety-panel{padding-left:16px;padding-right:16px}
 .safety-points>li{grid-template-columns:42px minmax(0,1fr);gap:12px}
 .safety-point-icon{width:42px;height:42px;border-radius:12px}
 .safety-point-icon .safety-icon{width:22px;height:22px}
 .safety-points h3{font-size:20px}
 .safety-card-heading{padding:20px 17px 17px}
 .safety-card-heading h3{font-size:21px}
 .safety-card-content{padding:21px 17px}
 .safety-account-name{font-size:21px}
 .safety-route{grid-template-columns:92px minmax(20px,1fr) 92px}
 .safety-brand-tile{width:58px;height:58px;border-radius:16px}
 .safety-google-mark{width:32px;height:32px}
 .safety-brand-tile img{width:39px}
 .safety-connection{height:58px}
 .safety-connection:before{top:28px}
 .safety-lock{width:24px;height:24px}
 .safety-purpose{padding:14px}
 .safety-manage-link{padding:18px 17px;font-size:16px}
}