.f360-about-page {
  background:#fff;
  color:#071b31;
  font-family:Inter,system-ui,sans-serif;
}
.f360-about-page *,
.f360-about-page *::before,
.f360-about-page *::after { box-sizing:border-box; }
.f360-about-hero { padding:2.4rem 0 5.25rem; border-bottom:1px solid #eef2f6; background:#fff; }
.f360-about-breadcrumbs { display:flex; align-items:center; gap:.55rem; margin:0 0 2rem; color:#64748b; font-size:.875rem; line-height:1.5; }
.f360-about-breadcrumbs a { color:inherit; text-decoration:none; }
.f360-about-breadcrumbs a:hover { color:#0674dc; }
.f360-about-hero__grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); gap:4.5rem; align-items:center; }
.f360-about-hero__copy { min-width:0; }
.f360-about-pills { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:1.4rem; }
.f360-about-pill { display:inline-flex; min-height:28px; align-items:center; padding:.3rem .7rem; border-radius:999px; background:#e8f2ff; color:#006fd6; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.f360-about-pill--muted { background:#f2f4f7; color:#607086; }
.f360-about-hero h1 { max-width:620px; margin:0 0 1.35rem; color:#071b31; font-size:clamp(3.25rem,4.4vw,4.75rem); font-weight:300!important; line-height:1.07; letter-spacing:-.045em; }
.f360-about-intro { max-width:650px; margin:0; color:#51657d; font-size:1.1rem; line-height:1.72; }
.f360-about-statement { max-width:660px; margin-top:2rem; padding:1.1rem 1.35rem; border-left:3px solid #0674dc; border-radius:0 6px 6px 0; background:#f4f8fe; color:#263b52; font-size:.94rem; line-height:1.65; }
.f360-about-visual { position:relative; min-height:420px; isolation:isolate; }
.f360-about-visual__glow { position:absolute; z-index:-2; inset:13% 6%; border-radius:50%; background:rgba(33,130,222,.13); filter:blur(42px); }
.f360-about-visual__layer { position:absolute; left:50%; top:50%; width:270px; height:235px; border:1px solid #dbeafe; border-radius:22px; background:#fbfdff; box-shadow:0 18px 50px rgba(20,62,105,.06); transform-origin:center; }
.f360-about-visual__layer--back { transform:translate(-50%,-50%) rotate(19deg); opacity:.58; }
.f360-about-visual__layer--middle { transform:translate(-50%,-50%) rotate(9deg); opacity:.82; }
.f360-about-visual__lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.f360-about-visual__lines path { fill:none; stroke:#31b9de; stroke-width:1.8; stroke-linecap:round; stroke-dasharray:4 6; opacity:.68; }
.f360-about-visual__lines path:nth-child(even) { stroke:#2774f0; }
.f360-about-visual__brand { position:absolute; z-index:2; left:50%; top:50%; display:grid; width:150px; height:150px; place-items:center; border:1px solid #e1eaf5; border-radius:22px; background:#fff; box-shadow:0 20px 48px rgba(7,27,49,.13); transform:translate(-50%,-50%) rotate(7deg); }
.f360-about-visual__brand svg { width:82px; fill:none; stroke:#071b31; stroke-width:3; }
.f360-about-visual__system { position:absolute; z-index:3; display:grid; width:78px; height:78px; place-items:center; padding:14px; border:1px solid #e3eaf2; border-radius:15px; background:#fff; box-shadow:0 12px 30px rgba(7,27,49,.1); }
.f360-about-visual__system img { display:block; width:100%; height:100%; object-fit:contain; }
.f360-about-visual__system span { color:#0674dc; font-size:1.25rem; font-weight:600; }
.f360-about-visual__system--1 { left:4%; top:8%; }
.f360-about-visual__system--2 { right:2%; top:10%; }
.f360-about-visual__system--3 { left:0; bottom:8%; }
.f360-about-visual__system--4 { right:3%; bottom:8%; }
.f360-about-company { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.8fr); gap:2rem; align-items:start; margin-top:3.5rem; padding:1.5rem; border:1px solid #dfe7ee; border-radius:12px; background:#fff; }
.f360-about-company__intro span { display:block; margin:0 0 .45rem; color:#0674dc; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.f360-about-company__intro h2 { margin:0 0 .45rem; color:#071b31; font-size:1.45rem; font-weight:400!important; line-height:1.2; letter-spacing:-.02em; }
.f360-about-company__intro p { max-width:36ch; margin:0; color:#51657d; font-size:.9rem; line-height:1.6; }
.f360-about-company__facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; }
.f360-about-company__facts div { min-width:0; padding:0 1.15rem; border-left:1px solid #e6edf3; }
.f360-about-company__facts dt { margin:0 0 .35rem; color:#64748b; font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.f360-about-company__facts dd { margin:0; color:#263b52; font-size:.88rem; line-height:1.55; }
.f360-about-company__facts a { color:#0674dc; text-decoration-thickness:1px; text-underline-offset:3px; }
.f360-about-section { padding:5.5rem 0; background:#fff; }
.f360-about-section--soft { background:#f8fafc; }
.f360-about-section--final { padding-top:2rem; }
.f360-about-section__heading { max-width:790px; margin:0 0 2.25rem; }
.f360-about-section__heading h2,
.f360-about-final h2 { margin:0 0 .85rem; color:#071b31; font-size:clamp(2.15rem,3vw,3rem); font-weight:300!important; line-height:1.15; letter-spacing:-.035em; }
.f360-about-section__heading p,
.f360-about-card p,
.f360-about-mini p,
.f360-about-route p,
.f360-about-final p { margin:0; color:#51657d; font-size:.98rem; line-height:1.7; }
.f360-about-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.5rem; }
.f360-about-card { display:grid; min-height:300px; grid-template-columns:58px minmax(0,1fr); gap:1.25rem; align-items:start; padding:2rem; border:1px solid #dfe7ee; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(7,27,49,.035); }
.f360-about-card--problem { border-color:#efdcd5; }
.f360-about-card--response { border-color:#cfe8dc; }
.f360-about-card__icon { display:grid; width:48px; height:48px; place-items:center; border-radius:50%; background:#fff2ee; color:#ef5c39; }
.f360-about-card--response .f360-about-card__icon { background:#eaf8f1; color:#0ca66b; }
.f360-about-card__icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.f360-about-card h3,
.f360-about-mini h3,
.f360-about-route h3 { margin:0 0 .55rem; color:#071b31; font-size:1.08rem; font-weight:400!important; line-height:1.35; }
.f360-about-list { margin:0; padding:0; list-style:none; }
.f360-about-list li { position:relative; margin:.45rem 0; padding-left:1rem; color:#324860; font-size:.95rem; line-height:1.55; }
.f360-about-list li::before { content:""; position:absolute; left:0; top:.65em; width:5px; height:5px; border-radius:50%; background:#ef5c39; }
.f360-about-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.f360-about-mini,
.f360-about-route { display:grid; grid-template-columns:44px minmax(0,1fr); gap:1rem; align-items:start; padding:1.5rem; border:1px solid #dfe7ee; border-radius:10px; background:#fff; }
.f360-about-mini__icon,
.f360-about-route__icon { display:grid; width:40px; height:40px; place-items:center; border-radius:10px; background:#eaf3ff; color:#0674dc; }
.f360-about-mini__icon--violet,
.f360-about-route__icon--violet { background:#f0ecff; color:#7446e8; }
.f360-about-mini__icon--green { background:#eaf8f5; color:#119899; }
.f360-about-mini__icon svg,
.f360-about-route__icon svg { width:21px; height:21px; }
.f360-about-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.f360-about-route { min-height:175px; padding:1.75rem; }
.f360-about-final { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr) 180px; gap:1.5rem; align-items:start; overflow:hidden; padding:2.25rem; border:1px solid #b9d9fb; border-radius:14px; background:#f7fbff; }
.f360-about-final__icon { display:grid; width:58px; height:58px; place-items:center; border-radius:50%; background:#e5f1ff; color:#0674dc; }
.f360-about-final__icon svg { width:28px; height:28px; }
.f360-about-final__copy { position:relative; z-index:1; max-width:720px; }
.f360-about-final__copy h2 { font-size:2rem; }
.f360-about-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.35rem; }
.f360-about-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:.75rem 1.15rem; border:1px solid #0674dc; border-radius:6px; background:#0674dc; color:#fff!important; font-size:.9rem; font-weight:600; text-decoration:none!important; }
.f360-about-button:hover { background:#005eb8; border-color:#005eb8; }
.f360-about-button--secondary { border-color:#cbd7e3; background:#fff; color:#071b31!important; }
.f360-about-button--secondary:hover { border-color:#0674dc; background:#fff; }
.f360-about-final__dots { align-self:stretch; background-image:radial-gradient(circle,#b9d9fb 2px,transparent 2.5px); background-size:18px 18px; opacity:.66; mask-image:linear-gradient(to left,#000,transparent); }
@media (max-width:980px) {
  .f360-about-hero { padding-bottom:4.5rem; }
  .f360-about-hero__grid { grid-template-columns:1fr; gap:2.75rem; }
  .f360-about-hero h1 { max-width:760px; }
  .f360-about-visual { width:min(100%,620px); min-height:390px; margin-inline:auto; }
  .f360-about-principles { grid-template-columns:1fr; }
  .f360-about-mini { min-height:0; }
	.f360-about-company { grid-template-columns:1fr; }
	.f360-about-company__facts { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:1.25rem; }
	.f360-about-company__facts div:nth-child(odd) { border-left:0; padding-left:0; }
}
@media (max-width:720px) {
  .f360-about-hero { padding:1.75rem 0 3.75rem; }
  .f360-about-breadcrumbs { margin-bottom:1.5rem; }
  .f360-about-hero h1 { font-size:clamp(2.65rem,12vw,3.6rem); line-height:1.08; }
  .f360-about-intro { font-size:1rem; }
  .f360-about-visual { min-height:310px; }
  .f360-about-visual__layer { width:210px; height:180px; }
  .f360-about-visual__brand { width:112px; height:112px; }
  .f360-about-visual__brand svg { width:66px; }
  .f360-about-visual__system { width:62px; height:62px; padding:11px; }
  .f360-about-section { padding:4rem 0; }
  .f360-about-pair,
  .f360-about-routes { grid-template-columns:1fr; }
  .f360-about-card { min-height:0; }
	.f360-about-company { margin-top:2.5rem; padding:1.25rem; }
	.f360-about-company__facts { grid-template-columns:1fr; row-gap:0; }
	.f360-about-company__facts div,
	.f360-about-company__facts div:nth-child(odd) { padding:1rem 0; border-left:0; border-top:1px solid #e6edf3; }
  .f360-about-final { grid-template-columns:56px minmax(0,1fr); padding:1.5rem; }
  .f360-about-final__dots { display:none; }
}
@media (max-width:460px) {
  .f360-about-visual { min-height:275px; }
  .f360-about-visual__system { width:54px; height:54px; padding:10px; }
  .f360-about-visual__system--1 { left:1%; }
  .f360-about-visual__system--2 { right:1%; }
  .f360-about-visual__system--3 { left:0; }
  .f360-about-visual__system--4 { right:0; }
  .f360-about-card,
  .f360-about-mini,
  .f360-about-route { grid-template-columns:1fr; }
  .f360-about-final { grid-template-columns:1fr; }
  .f360-about-actions { flex-direction:column; }
  .f360-about-button { width:100%; }
}