/* ITONARU Focus B 1.5 — approved Creative hero composition and final visual hierarchy. */
.focus-site{--ink:#163654;--muted:#526a78;--paper:#f7fbfc;--line:#d9e7eb;--mint:#eaf7f0;--sky:#edf7fd;--cream:#fff7df;--green:#7bad47;--blue:#1c9ae8;--orange:#f1a018;--brand:#173b5f}
.focus-site .fb-hero-v15{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;overflow:hidden;margin:0 0 22px;border:1px solid #dce9ec;border-radius:18px;background:linear-gradient(112deg,#ffffff 0%,#f8fcfd 62%,#eff9fb 100%);box-shadow:0 14px 40px rgba(25,70,91,.07);min-height:440px}
.focus-site .fb-hero-v15 .fb-hero-visual{min-width:0;position:relative;background:#f5faf7}
.focus-site .fb-hero-v15 .fb-hero-scene{position:absolute;inset:0;margin:0;overflow:hidden;background:#f3f9f6}
.focus-site .fb-hero-v15 .fb-hero-photograph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
.focus-site .fb-hero-v15 .fb-image-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:linear-gradient(135deg,#eef8f2,#edf7fc);color:#5a716e;gap:8px}
.focus-site .fb-hero-v15 .fb-image-pending strong{font-size:18px}.focus-site .fb-hero-v15 .fb-image-pending span{font-size:13px}
.focus-site .fb-hero-copy{position:relative;min-width:0;padding:36px clamp(28px,3vw,48px) 30px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 92% 7%,rgba(112,211,236,.18) 0 12%,transparent 12.4%),radial-gradient(circle at 100% 28%,rgba(245,169,190,.17) 0 10%,transparent 10.4%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(245,252,254,.98))}
.focus-site .fb-hero-script{position:absolute;right:30px;top:21px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:15px;letter-spacing:.02em;color:#3e9daa;transform:rotate(-4deg)}
.focus-site .fb-hero-v15 h1{margin:20px 0 12px;font-size:clamp(31px,3vw,48px);line-height:1.48;letter-spacing:-.045em;font-weight:600;color:#0f3154}
.focus-site .fb-hero-lead{margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.9;color:#405d72;font-weight:500}
.focus-site .fb-hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:25px}
.focus-site .fb-hero-card{display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:8px;min-width:0;min-height:82px;padding:12px 12px;border-radius:11px;border:1px solid #dce6e9;background:#fff;box-shadow:0 6px 16px rgba(26,63,80,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.focus-site .fb-hero-card.guide{background:linear-gradient(145deg,#fff,#f7fbef);border-color:#dce8ce}.focus-site .fb-hero-card.free{background:linear-gradient(145deg,#fff,#f2f9ff);border-color:#d5e7f2}.focus-site .fb-hero-card.products{background:linear-gradient(145deg,#fff,#fff7e4);border-color:#eadfbd}
.focus-site .fb-hero-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(26,63,80,.10)}
.focus-site .fb-hero-card>span:nth-child(2){min-width:0;display:block}.focus-site .fb-hero-card b{display:block;font-size:14px;line-height:1.55;color:#173b5f;white-space:nowrap}.focus-site .fb-hero-card small{display:block;margin-top:2px;font-size:11px;line-height:1.55;color:#667a86}.focus-site .fb-hero-card>svg{width:16px;height:16px;color:#54717e}
.focus-site .fb-hero-card-icon{display:block;width:34px;height:34px;padding:5px;border-radius:9px;background:#fff;stroke-width:1.8}.focus-site .fb-hero-card-icon.book{color:#6fa33e;border:1px solid #dce9cc}.focus-site .fb-hero-card-icon.gift{color:#168fd6;border:1px solid #d1e6f4}.focus-site .fb-hero-card-icon.cart{color:#ed990c;border:1px solid #efe0b7}
.focus-site .fb-hero-filepass{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:12px;margin:14px auto 0;width:min(92%,520px);min-height:64px;padding:11px 17px;border-radius:999px;border:1px solid #d6e4e9;background:rgba(255,255,255,.96);box-shadow:0 6px 16px rgba(27,70,92,.07);color:#163b60}
.focus-site .fb-hero-filepass:hover{border-color:#91bed3;box-shadow:0 8px 20px rgba(27,70,92,.10)}.focus-site .fb-filepass-icon{display:block;width:40px;height:34px;padding:4px;border-radius:8px;background:#eef8ff;color:#168ed5;stroke-width:1.8}.focus-site .fb-hero-filepass b{display:block;font-size:14px;line-height:1.5}.focus-site .fb-hero-filepass small{display:block;font-size:11px;line-height:1.55;color:#657b89;margin-top:2px}.focus-site .fb-hero-filepass>svg{width:17px;height:17px}
.focus-site .fb-hero-themes{display:flex;align-items:center;justify-content:center;gap:0;margin:20px 0 0;color:#4c6776;font-size:11px;line-height:1.5}.focus-site .fb-hero-themes span{display:inline-flex;align-items:center;min-height:25px;padding:0 14px;border-right:1px solid #d8e5e8;white-space:nowrap}.focus-site .fb-hero-themes span:last-child{border-right:0}
/* Home entrance cards: clear hierarchy, no decorative numbering. */
.focus-site .fb-entry-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:50px}.focus-site .fb-entry-three .entry{min-height:88px;padding:18px 20px;border-radius:12px;border:1px solid #d9e6e1;box-shadow:none}.focus-site .fb-entry-three .entry.start{background:#fff}.focus-site .fb-entry-three .entry.free{background:#f2f9ed}.focus-site .fb-entry-three .entry.products{background:#fff8e8}.focus-site .fb-entry-three .entry b{font-size:16px}.focus-site .fb-entry-three .entry p{font-size:13px;color:#5d746e}
/* Consistent section rhythm across home and lower pages. */
.focus-site .section{margin-bottom:64px}.focus-site .section-head{padding-bottom:14px;border-bottom:1px solid #d9e7e2;margin-bottom:26px}.focus-site .section-head h2{font-size:clamp(24px,2.2vw,31px);font-weight:600;color:#173b5f}.focus-site .section-head p{color:#5d7473;font-size:14px}
.focus-site .product-feature,.focus-site .tools-grid .tool-card,.focus-site .fb-info-grid>section,.focus-site .fb-service-card,.focus-site .fb-warning,.focus-site .request-panel{border-radius:13px;box-shadow:0 5px 18px rgba(32,73,79,.045)}
.focus-site .filepass-section{background:linear-gradient(125deg,#236886,#2b5f7b 52%,#325a79);border-radius:15px;box-shadow:0 10px 30px rgba(29,75,104,.11)}
.focus-site .filepass-section h2{font-weight:600}.focus-site .filepass-section .btn.light{border-radius:999px}.focus-site .filepass-visual{background:linear-gradient(145deg,#eef9ff,#f7fcff);border:1px solid rgba(255,255,255,.55)}
.focus-site .request-section{background:linear-gradient(135deg,#eef8f6,#f4fafb);border-radius:15px}.focus-site .request-intro h2{color:#173b5f}.focus-site .footer{background:linear-gradient(180deg,#edf6f1,#e8f1ed)}
/* Sidebar: strong scanning, subtle selected state. */
.focus-site .sidebar{background:linear-gradient(180deg,#eef6f1,#edf4f2)}.focus-site .brand{color:#173b5f}.focus-site .side-entry{border-radius:9px}.focus-site .side-entry:hover,.focus-site .side-entry[aria-current="page"]{background:#fff;border-color:#90b4a5;box-shadow:inset 3px 0 #3d8b72}.focus-site .fb-side-service{border-top-color:#bfd5d5}.focus-site .fb-side-service .side-entry{background:#f0f8fc;border-color:#d2e4ed}
/* Lower-page hero/intros match the creative mood without competing with the home hero. */
.focus-site .fb-intro{background:radial-gradient(circle at 96% 10%,rgba(122,210,230,.14) 0 9%,transparent 9.4%),linear-gradient(120deg,#eef8f3,#f5fbfd);border-radius:14px;padding:clamp(25px,4vw,45px)}.focus-site .fb-intro h1{font-weight:600;color:#173b5f}.focus-site .fb-document{gap:34px}.focus-site .fb-prose{line-height:2}.focus-site .fb-prose h2{color:#173b5f;font-weight:600}.focus-site .fb-prose h3{color:#284a5f}
/* Numbers: only ordered steps; thin serif as requested. */
.focus-site :is(.fb-steps>li::before,.fb-process>li::before){font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-style:normal!important;font-synthesis:none;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.045em;color:#55776a;background:none!important;border:0!important}
@media(max-width:1120px){.focus-site .fb-hero-v15{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:420px}.focus-site .fb-hero-copy{padding:30px 25px}.focus-site .fb-hero-v15 h1{font-size:clamp(29px,3.2vw,40px)}.focus-site .fb-hero-card{grid-template-columns:30px 1fr 14px;padding:10px 9px}.focus-site .fb-hero-card-icon{width:30px;height:30px;font-size:19px}.focus-site .fb-hero-card b{font-size:13px}.focus-site .fb-hero-themes span{padding-inline:9px}}
@media(max-width:900px){.focus-site .fb-hero-v15{grid-template-columns:1fr;min-height:0}.focus-site .fb-hero-v15 .fb-hero-visual{min-height:310px}.focus-site .fb-hero-v15 .fb-hero-scene{position:absolute}.focus-site .fb-hero-copy{padding:29px 25px 25px}.focus-site .fb-hero-script{right:24px;top:15px}.focus-site .fb-hero-v15 h1{font-size:clamp(29px,5vw,39px);margin-top:23px}.focus-site .fb-hero-actions{grid-template-columns:repeat(3,1fr)}.focus-site .fb-entry-three{grid-template-columns:1fr}}
@media(max-width:620px){.focus-site .fb-hero-v15{border-radius:12px}.focus-site .fb-hero-v15 .fb-hero-visual{min-height:235px}.focus-site .fb-hero-v15 .fb-hero-photograph{object-position:left center}.focus-site .fb-hero-copy{padding:25px 17px 21px}.focus-site .fb-hero-script{position:static;display:block;margin:0 0 6px;text-align:right;font-size:13px}.focus-site .fb-hero-v15 h1{font-size:clamp(25px,7vw,33px);margin:8px 0 11px;line-height:1.55}.focus-site .fb-hero-lead{font-size:15px;line-height:1.85}.focus-site .fb-hero-actions{grid-template-columns:1fr;gap:8px;margin-top:19px}.focus-site .fb-hero-card{grid-template-columns:34px 1fr 16px;min-height:64px;padding:10px 13px}.focus-site .fb-hero-card b{font-size:14px}.focus-site .fb-hero-filepass{width:100%;border-radius:11px;margin-top:10px}.focus-site .fb-hero-themes{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px}.focus-site .fb-hero-themes span{justify-content:center;border-right:0;border-bottom:1px solid #dce8ea;padding:5px 4px}.focus-site .fb-hero-themes span:nth-last-child(-n+2){border-bottom:0}.focus-site .section{margin-bottom:48px}.focus-site .section-head{margin-bottom:20px}.focus-site .fb-entry-three{margin-bottom:40px}}
@media(max-width:359px){.focus-site .fb-hero-v15 .fb-hero-visual{min-height:190px}.focus-site .fb-hero-copy{padding-inline:14px}.focus-site .fb-hero-v15 h1{font-size:23px}.focus-site .fb-hero-filepass{grid-template-columns:34px 1fr 15px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.focus-site .fb-hero-card{transition:none}}
