:root{--sub-blue:#0360e5;--sub-blue-dark:#003f9e;--sub-cyan:#00afea;--sub-yellow:#ffdf24;--sub-pale:#e8f2ff;--sub-ink:#111827;--sub-muted:#526174;--sub-line:#c9daf2;--sub-orange:#ff9900;--sub-green:#06c755}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--sub-ink);background:#fff;font-family:"Noto Sans JP",sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
.sub-header{position:sticky;z-index:40;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid #e6edf7;backdrop-filter:blur(12px)}
.sub-nav-wrap{width:min(1180px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;gap:32px}
.sub-brand{display:flex;align-items:center;gap:10px;color:var(--sub-blue);font:800 23px/1 Poppins,sans-serif;letter-spacing:.04em}
.sub-brand-mark{position:relative;width:29px;height:27px;display:block}.sub-brand-mark i{position:absolute;width:9px;height:25px;border-radius:9px 9px 3px 3px;background:var(--sub-blue);transform:rotate(35deg)}.sub-brand-mark i:nth-child(2){left:10px;background:var(--sub-cyan);height:20px;top:4px}.sub-brand-mark i:nth-child(3){left:20px;background:var(--sub-yellow);height:15px;top:8px}
.sub-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;font-weight:700}.sub-nav>a:not(.sub-nav-cta){padding:9px 0;border-bottom:2px solid transparent}.sub-nav>a:not(.sub-nav-cta):hover,.sub-nav>a[aria-current="page"]{color:var(--sub-blue);border-color:var(--sub-blue)}
.sub-nav-cta,.sub-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:12px;padding:0 26px;border-radius:999px;font-weight:800;line-height:1.25;transition:transform .2s,box-shadow .2s}.sub-nav-cta{background:var(--sub-orange);color:#172033;box-shadow:0 5px 0 #c87900}.sub-button:hover,.sub-nav-cta:hover{transform:translateY(-2px)}
.sub-menu{display:none;margin-left:auto;width:48px;height:48px;border:0;border-radius:50%;background:var(--sub-blue);color:#fff;font-size:22px}
.sub-hero{position:relative;overflow:hidden;background:var(--sub-blue);color:#fff}.sub-hero:before,.sub-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.sub-hero:before{width:430px;height:430px;right:-80px;top:-180px;background:rgba(255,255,255,.11)}.sub-hero:after{width:210px;height:210px;right:31%;bottom:-140px;background:var(--sub-yellow)}
.sub-hero-grid{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));min-height:500px;margin:auto;padding:72px 0;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.sub-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:700 13px/1.4 Poppins,sans-serif;letter-spacing:.16em}.sub-kicker:before{content:"";width:36px;height:3px;background:var(--sub-yellow)}.sub-hero h1{margin:0;font-size:clamp(42px,5.3vw,70px);line-height:1.2;letter-spacing:.04em;font-weight:900}.sub-hero-lead{max-width:670px;margin:28px 0 0;font-size:19px;font-weight:600;line-height:2}.sub-hero-media{position:relative;padding:16px;background:#fff;border-radius:26px;box-shadow:0 20px 50px rgba(0,28,85,.28);transform:rotate(1.2deg)}.sub-hero-media img{aspect-ratio:4/3;object-fit:cover;border-radius:16px}.sub-hero-tag{position:absolute;left:-24px;bottom:34px;padding:14px 20px;background:var(--sub-yellow);color:#172033;border-radius:12px;font-weight:900;box-shadow:0 8px 0 rgba(0,0,0,.15)}
.sub-breadcrumb{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:22px 0;color:#66758a;font-size:13px}.sub-breadcrumb a{color:var(--sub-blue);font-weight:700}.sub-breadcrumb span{margin:0 10px}
.sub-section{padding:100px 0}.sub-section.is-pale{background:var(--sub-pale)}.sub-section.is-dark{background:#072d68;color:#fff}.sub-container{width:min(1180px,calc(100% - 48px));margin:auto}.sub-heading{max-width:800px;margin:0 auto 54px;text-align:center}.sub-heading.is-left{margin-left:0;text-align:left}.sub-heading .sub-kicker{justify-content:center;color:var(--sub-blue)}.sub-heading.is-left .sub-kicker{justify-content:flex-start}.sub-heading h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.45;letter-spacing:.055em;font-weight:900}.sub-heading p{margin:18px auto 0;max-width:720px;color:var(--sub-muted);font-size:17px}.is-dark .sub-heading p{color:#dceaff}.is-dark .sub-heading .sub-kicker{color:#77ddff}
.sub-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sub-card{position:relative;padding:36px 32px;background:#fff;border:2px solid var(--sub-blue);border-radius:22px;box-shadow:0 9px 0 #bed8ff}.sub-card-number{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:24px;border-radius:50%;background:var(--sub-yellow);font:800 18px/1 Poppins,sans-serif}.sub-card h3{margin:0 0 12px;font-size:23px;line-height:1.5}.sub-card p{margin:0;color:var(--sub-muted)}
.detail-list{display:grid;gap:88px}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.detail-row:nth-child(even) .detail-copy{order:2}.detail-row:nth-child(even) .detail-media{order:1}.detail-index{display:inline-flex;align-items:center;gap:12px;color:var(--sub-blue);font:800 15px/1 Poppins,sans-serif;letter-spacing:.12em}.detail-index:after{content:"";width:54px;height:2px;background:var(--sub-blue)}.detail-copy h2{margin:20px 0;font-size:clamp(30px,3.4vw,44px);line-height:1.45;letter-spacing:.04em}.detail-copy p{color:var(--sub-muted);font-size:16px}.detail-points{padding:0;margin:24px 0 0;list-style:none}.detail-points li{position:relative;padding:10px 0 10px 34px;font-weight:700}.detail-points li:before{content:"✓";position:absolute;left:0;top:9px;display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:var(--sub-yellow);color:#172033;font-size:14px}.detail-media{overflow:hidden;border-radius:24px;background:#dbe9ff;box-shadow:18px 18px 0 var(--sub-pale)}.detail-media img{aspect-ratio:5/4;object-fit:cover}
.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.industry-card{overflow:hidden;background:#fff;border:1px solid #d6e3f5;border-radius:24px;box-shadow:0 14px 34px rgba(3,57,128,.09)}.industry-card img{height:265px;object-fit:cover}.industry-body{padding:30px}.industry-body h2{margin:0 0 14px;font-size:28px}.industry-body h3{margin:22px 0 8px;color:var(--sub-blue);font-size:15px}.industry-body p,.industry-body ul{color:var(--sub-muted)}.industry-body ul{padding-left:1.3em}.industry-card.is-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.industry-card.is-wide img{height:100%;min-height:340px}
.step-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:steps}.step-card{position:relative;padding:30px 22px;background:#fff;color:var(--sub-ink);border-radius:18px}.step-card:before{counter-increment:steps;content:"0" counter(steps);display:block;margin-bottom:20px;color:var(--sub-blue);font:800 26px/1 Poppins,sans-serif}.step-card h3{margin:0 0 10px;font-size:19px}.step-card p{margin:0;color:var(--sub-muted);font-size:14px}
.note-box{margin-top:36px;padding:24px 28px;border-radius:16px;background:#fff8d2;color:#5b4b00;font-size:14px}.note-box strong{display:block;margin-bottom:4px;color:#322900}
.faq-list{max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid var(--sub-line);padding:22px 4px}.faq-list summary{cursor:pointer;font-size:18px;font-weight:800}.faq-list p{color:var(--sub-muted)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(3,57,128,.1)}.article-thumb{min-height:185px;display:grid;place-items:center;padding:28px;background:var(--sub-pale);color:var(--sub-blue);font:900 28px/1.45 "Noto Sans JP",sans-serif;text-align:center}.article-card:nth-child(2n) .article-thumb{background:#e6fbff}.article-card:nth-child(3n) .article-thumb{background:#fff5c4}.article-body{display:flex;flex:1;flex-direction:column;padding:26px}.article-body h2{margin:0 0 12px;font-size:21px}.article-body p{margin:0 0 20px;color:var(--sub-muted);font-size:14px}.article-body a{margin-top:auto;color:var(--sub-blue);font-weight:800}
.sub-cta{padding:72px 0;background:var(--sub-blue);color:#fff}.sub-cta-grid{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.sub-cta h2{margin:0;font-size:clamp(30px,3.8vw,46px);line-height:1.4}.sub-cta p{margin:14px 0 0;color:#dceaff}.sub-cta-actions{display:flex;gap:16px}.sub-button.is-orange{background:var(--sub-orange);color:#172033;box-shadow:0 6px 0 #b96f00}.sub-button.is-line{background:var(--sub-green);color:#102a19;box-shadow:0 6px 0 #038b3a}.sub-button.is-white{background:#fff;color:var(--sub-blue);box-shadow:0 6px 0 #aac7ee}
.sub-footer{padding:68px 0 28px;background:#071d3f;color:#fff}.sub-footer-grid{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:54px}.sub-footer h2{margin:0 0 18px;font-size:15px}.sub-footer a{display:block;margin:11px 0;color:#c8d8ed;font-size:14px}.sub-footer a:hover{color:#fff}.sub-footer-intro p{color:#c8d8ed;font-size:14px}.sub-footer-bottom{width:min(1180px,calc(100% - 48px));margin:44px auto 0;padding-top:22px;border-top:1px solid #294368;color:#9eb0c9;font-size:12px}
@media(max-width:980px){.sub-nav-wrap{height:72px}.sub-menu{display:block}.sub-nav{position:absolute;left:0;right:0;top:72px;display:none;padding:22px 24px;background:#fff;box-shadow:0 18px 30px rgba(0,30,75,.14)}.sub-nav.is-open{display:grid}.sub-nav-cta{margin-top:8px}.sub-hero-grid{grid-template-columns:1fr;gap:44px;padding:64px 0}.sub-hero-media{max-width:680px}.sub-card-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.detail-row{gap:42px}.step-list{grid-template-columns:repeat(3,1fr)}.sub-cta-grid{grid-template-columns:1fr}.sub-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sub-nav-wrap,.sub-hero-grid,.sub-breadcrumb,.sub-container,.sub-cta-grid,.sub-footer-grid,.sub-footer-bottom{width:min(100% - 32px,1180px)}.sub-hero-grid{min-height:auto;padding:52px 0}.sub-hero h1{font-size:38px}.sub-hero-lead{font-size:16px;line-height:1.85}.sub-hero-tag{left:-8px;bottom:18px;font-size:13px}.sub-section{padding:72px 0}.sub-heading{margin-bottom:38px}.sub-card-grid,.industry-grid,.article-grid,.detail-row{grid-template-columns:1fr}.detail-list{gap:70px}.detail-row:nth-child(even) .detail-copy,.detail-row:nth-child(even) .detail-media{order:initial}.industry-card.is-wide{grid-column:auto;display:block}.industry-card.is-wide img{min-height:0;height:265px}.step-list{grid-template-columns:1fr}.sub-cta-actions{flex-direction:column}.sub-button{width:100%}.sub-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.sub-footer-intro{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sub-button,.sub-nav-cta{transition:none}}
:focus-visible{outline:4px solid var(--sub-yellow);outline-offset:4px}
.sub-brand{width:151px;height:60px;gap:0;background:url("./assets/tagengo-logo.png") center/contain no-repeat;font-size:0}.sub-brand .sub-brand-mark{display:none}.sub-footer .sub-brand{background-image:url("./assets/tagengo-logo-white.png")}
@media(max-width:700px){.sub-brand{width:126px;height:50px}}
.sample-catalog{scroll-margin-top:88px}.industry-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:-14px auto 28px}.industry-jump a{padding:10px 16px;border:1px solid #a9c5ea;border-radius:999px;background:#fff;color:var(--sub-blue-dark);font-size:13px;font-weight:800;transition:background .2s,color .2s,transform .2s}.industry-jump a:hover{background:var(--sub-blue);color:#fff;transform:translateY(-2px)}.sample-disclaimer{max-width:900px;margin:0 auto 54px;padding:15px 20px;border-radius:12px;background:#fff8d2;color:#5b4b00;font-size:13px;text-align:center}.industry-showcase-list{display:grid;gap:42px}.industry-showcase{scroll-margin-top:104px;padding:38px;background:#fff;border:1px solid #d6e3f5;border-radius:28px;box-shadow:0 18px 45px rgba(3,57,128,.08)}.industry-showcase:nth-child(3n+2){background:#f9fcff}.industry-showcase-head{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:40px;align-items:end;margin-bottom:26px}.industry-showcase-head .sub-kicker{margin-bottom:10px;color:var(--sub-blue)}.industry-showcase-head h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.3}.industry-showcase-head>p{margin:0;color:var(--sub-muted)}.sample-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sample-tile{margin:0;overflow:hidden;border:1px solid #d6e3f5;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(3,57,128,.09)}.sample-tile button{display:block;width:100%;padding:0;border:0;background:#dbe9ff;cursor:zoom-in}.sample-tile img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .28s}.sample-tile button:hover img{transform:scale(1.018)}.sample-tile figcaption{padding:14px 18px;color:#18304f;font-size:14px;font-weight:800}.sample-lightbox{width:min(1420px,calc(100% - 32px));max-width:none;padding:0;border:0;border-radius:18px;background:#071d3f;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.45)}.sample-lightbox::backdrop{background:rgba(3,17,38,.84);backdrop-filter:blur(5px)}.sample-dialog-bar{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:8px 12px 8px 22px}.sample-dialog-bar button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:#fff;color:#071d3f;font-size:28px;line-height:1;cursor:pointer}.sample-lightbox>img{width:100%;height:auto;max-height:calc(100vh - 90px);aspect-ratio:3/2;object-fit:contain;background:#06152d}
@media(max-width:700px){.industry-jump{justify-content:flex-start}.industry-showcase{padding:24px 16px;border-radius:22px}.industry-showcase-head,.sample-gallery{grid-template-columns:1fr}.industry-showcase-head{gap:12px}.sample-gallery{gap:16px}.sample-tile figcaption{padding:12px 14px}}

.sub-brand img{display:block;width:146px;max-width:100%;height:auto;object-fit:contain}
.sub-brand,.sub-footer .sub-brand{background:none!important}
.sub-hero h1{font-size:clamp(34px,4vw,54px);letter-spacing:.01em;word-break:keep-all}
@media(max-width:700px){.sub-hero h1{font-size:clamp(32px,8vw,38px);letter-spacing:.02em}}


:root {
  --ink: #222222;
  --ink-soft: #46505f;
  --muted: #687384;
  --blue: #0360e5;
  --blue-dark: #004bb8;
  --blue-pale: #e8f2ff;
  --cyan: #00afea;
  --yellow: #ffdf24;
  --page: #f7f9fc;
  --white: #ffffff;
  --line: #d8e6f8;
  --line-strong: #b9d2f3;
  --slate: #152238;
  --slate-2: #20334f;
  --orange: #ff9900;
  --orange-hover: #e88900;
  --orange-active: #cc7900;
  --orange-border: #c97300;
  --line-green: #06c755;
  --line-green-hover: #05b34c;
  --line-green-active: #049a41;
  --line-green-border: #049a41;
  --on-orange: #111827;
  --on-line: #0b1b12;
  --max: 1200px;
  --shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);
  --shadow-md: 0 14px 30px rgb(15 23 42 / 9%);
  --shadow-lg: 0 28px 70px rgb(15 23 42 / 14%);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--white);
  font-family: "Noto Sans JP", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, textarea { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
figure { margin: 0; }
p { margin: 0; }
h1, h2, h3 { margin: 0; line-height: 1.35; letter-spacing: .035em; }
ul, ol { margin: 0; padding: 0; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
.icon { width: 20px; height: 20px; flex: 0 0 auto; }
.container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.section { padding: 116px 0; }

:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; box-shadow: 0 0 0 2px var(--white); }

.site-header { position: sticky; top: 0; z-index: 30; background: rgb(255 255 255 / 94%); border-bottom: 1px solid rgb(219 228 239 / 85%); backdrop-filter: blur(14px); }
.nav-wrap { min-height: 76px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-family: "Poppins", "Noto Sans JP", sans-serif; font-size: 20px; font-weight: 800; line-height: 1; letter-spacing: .04em; }
.brand-mark { display: flex; gap: 3px; align-items: flex-start; width: 27px; height: 25px; transform: rotate(-12deg); }
.brand-mark i { display: block; width: 7px; height: 16px; border-radius: 7px; background: var(--blue); }
.brand-mark i:nth-child(2) { height: 20px; margin-top: 3px; background: var(--orange); }
.brand-mark i:nth-child(3) { height: 24px; margin-top: 6px; background: var(--line-green); }
.site-nav { display: flex; align-items: center; gap: 27px; margin-left: auto; font-size:16px; font-weight: 700; color: #334155; }
.site-nav > a { transition: color 180ms ease; }
.site-nav > a:hover { color: var(--blue); }
.nav-diagnosis { min-height: 42px; padding: 0 17px; color: var(--on-orange); background: var(--orange); border: 1px solid var(--orange-border); border-radius: 8px; font-size:16px; font-weight: 800; transition: background 180ms ease, border-color 180ms ease; }
.nav-diagnosis:hover { background: var(--orange-hover); border-color: #b96800; }
.menu-toggle { display: none; align-items: center; justify-content: center; width: 42px; height: 42px; margin-left: auto; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--white); }

.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--blue); font-family: "Poppins", "Noto Sans JP", sans-serif; font-size:16px; font-weight: 800; letter-spacing: .14em; line-height: 1.4; }
.eyebrow > span { width: 24px; height: 2px; background: currentColor; }
.eyebrow-blue { color: #2563eb; }
.eyebrow-light { color: #c9dcff; }

.hero { position: relative; display: flex; align-items: center; min-height: clamp(650px, 78vh, 810px); overflow: hidden; padding: 95px 0 105px; color: #fff; background: #0b1a31; }
.hero-background { position: absolute; inset: 0; }
.hero-background::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgb(3 96 229 / 96%) 0%, rgb(3 96 229 / 88%) 39%, rgb(3 96 229 / 55%) 66%, rgb(3 96 229 / 22%) 100%), linear-gradient(0deg, rgb(0 49 132 / 58%), transparent 56%); }
.hero-background img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 720px); align-items: center; }
.hero-copy { padding: 22px 0; text-shadow: 0 2px 18px rgb(0 37 94 / 28%); }
.hero h1 { max-width: 780px; color: #fff; font-size: clamp(44px, 5vw, 70px); font-weight: 900; line-height: 1.28; letter-spacing: .045em; }
.hero h1 span { color: var(--yellow); text-shadow: 0 3px 0 rgb(0 57 145 / 38%); }
.hero-lead { max-width: 670px; margin-top: 25px; color: #e7effa; font-size: 17px; line-height: 1.9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 33px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 56px; padding: 0 27px; border: 1px solid transparent; border-radius: 999px; font-size: 16px; font-weight: 800; line-height: 1.2; letter-spacing: .025em; transition: background 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.button:hover { transform: translateY(-2px); }
.button:active { box-shadow: none; transform: translateY(0); }
.button-orange { color: var(--on-orange); background: var(--orange); border-color: var(--orange-border); box-shadow: 0 6px 0 #b96800; }
.button-orange:hover { background: var(--orange-hover); border-color: #b96800; }
.button-orange:active { background: var(--orange-active); border-color: #a45d00; }
.button-line { color: var(--on-line); background: var(--line-green); border-color: var(--line-green-border); box-shadow: 0 6px 0 #03883a; }
.button-line:hover { background: var(--line-green-hover); border-color: #047d34; }
.button-line:active { background: var(--line-green-active); border-color: #037632; }
.button-outline { color: var(--ink); background: var(--white); border: 2px solid var(--blue); box-shadow: 0 6px 0 #aac7ef; }
.button-outline:hover { color: #1748a6; background: #f4f8ff; border-color: #5b91ee; }
.button-compact { min-height: 50px; padding-inline: 21px; font-size:16px; }
.hero-points { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: 22px; color: #e3edf9; font-size:16px; font-weight: 700; list-style: none; }
.hero-points li { display: flex; align-items: center; gap: 5px; }
.hero-points .icon { width: 15px; height: 15px; color: #74e0a1; }

.hero-visual { position: relative; min-height: 466px; padding: 24px 0 14px 38px; }
.browser-card { position: relative; z-index: 2; overflow: hidden; width: 100%; border: 1px solid #cfdbeb; border-radius: 13px; background: #fff; box-shadow: 0 25px 62px rgb(30 64 175 / 18%); }
.browser-bar { display: flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 13px; background: #f3f6fa; border-bottom: 1px solid #e0e7f0; color: #76859b; font-size: 9px; }
.browser-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #c5d2e2; }
.browser-bar b { width: min(50%, 220px); margin-left: auto; margin-right: auto; padding: 3px 9px; border-radius: 4px; background: #fff; text-align: center; font-weight: 600; }
.browser-page { min-height: 362px; padding: 19px 20px 17px; }
.mock-header { display: flex; align-items: center; justify-content: space-between; color: #4d5c72; font-size: 9px; }
.mock-header strong { color: #142746; font-size:16px; letter-spacing: .07em; }
.mock-main { display: grid; grid-template-columns: 1fr 1.02fr; gap: 20px; align-items: center; margin-top: 23px; }
.mock-main small { color: #2563eb; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.mock-main h2 { margin: 10px 0 12px; color: #112442; font-size: clamp(25px, 2.6vw, 37px); font-weight: 800; line-height: 1.03; }
.mock-main p { color: #66758a; font-size: 9px; line-height: 1.7; }
.mock-main i { display: inline-block; margin-top: 15px; padding: 7px 11px; color: #fff; background: #174fa9; border-radius: 3px; font-size: 8px; font-style: normal; font-weight: 800; }
.mock-main img { width: 100%; aspect-ratio: .94; border-radius: 5px; object-fit: cover; object-position: 50% 50%; }
.mock-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; padding-top: 12px; border-top: 1px solid #e5ebf3; color: #6b7a8e; font-size: 7px; letter-spacing: .08em; }
.mock-metrics b { display: block; margin-top: 2px; color: #1e334f; font-size: 10px; letter-spacing: 0; }
.locale-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; min-width: 130px; padding: 11px 13px; border: 1px solid #dce6f2; border-radius: 8px; background: rgb(255 255 255 / 96%); box-shadow: 0 14px 28px rgb(15 23 42 / 12%); color: #172b49; font-size:16px; }
.locale-card small { display: block; margin-left: auto; color: #748399; font-size: 9px; }
.locale-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line-green); box-shadow: 0 0 0 3px #e5f9ed; }
.locale-card-one { top: 65px; left: 0; }
.locale-card-two { right: -12px; bottom: 39px; }

.split-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 72px; align-items: end; }
.split-heading h2, .centered-heading h2, .strengths h2, .reassurance h2, .sample-heading h2, .support-heading h2, .platform-heading h2, .voices-heading h2, .articles-heading h2, .faq h2, .final-cta h2 { font-size: clamp(34px, 3.6vw, 51px); font-weight: 800; }
.split-heading > p { max-width: 420px; padding-bottom: 7px; color: var(--ink-soft); line-height: 1.9; }
.problems { background: var(--white); }
.problems-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 56px; align-items: stretch; margin-top: 56px; }
.problem-image { overflow: hidden; min-height: 430px; border-radius: 12px; background: #e7eef8; }
.problem-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.problem-list { display: grid; gap: 14px; }
.problem-card { display: grid; grid-template-columns: 46px 1fr; gap: 17px; padding: 22px 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; transition: border-color 180ms ease, box-shadow 180ms ease; }
.problem-card:hover { border-color: #a9c8ff; box-shadow: var(--shadow-sm); }
.problem-card > span { color: var(--blue); font-size:16px; font-weight: 800; }
.problem-card h3 { font-size: 19px; letter-spacing: -.025em; }
.problem-card p { margin-top: 5px; color: var(--ink-soft); font-size:16px; line-height: 1.75; }

.section-blue { background: var(--blue-pale); }
.centered-heading { max-width: 860px; margin: 0 auto; text-align: center; }
.centered-heading .eyebrow { justify-content: center; }
.centered-heading > p:last-child { max-width: 660px; margin: 18px auto 0; color: var(--ink-soft); }
.solution-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 57px; }
.solution-card { position: relative; min-height: 310px; padding: 28px; border: 1px solid #cfdef5; border-radius: 11px; background: #fff; box-shadow: var(--shadow-sm); }
.card-number { position: absolute; top: 25px; right: 26px; color: #99b9eb; font-size:16px; font-weight: 800; }
.feature-icon { width: 35px; height: 35px; color: var(--blue); }
.solution-card h3 { margin-top: 66px; font-size: 21px; }
.solution-card p { margin-top: 10px; color: var(--ink-soft); font-size:16px; line-height: 1.8; }

.strengths { background: var(--white); }
.strengths-grid { display: grid; grid-template-columns: .77fr 1.23fr; gap: 82px; align-items: center; }
.strengths-copy > p:not(.eyebrow) { max-width: 390px; margin-top: 22px; color: var(--ink-soft); line-height: 1.9; }
.text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 29px; padding: 0; color: var(--blue-dark); border: 0; background: transparent; font-size:16px; font-weight: 800; transition: color 180ms ease; }
.text-link:hover { color: #0f3c91; text-decoration: underline; text-underline-offset: 4px; }
.text-link .icon { width: 18px; height: 18px; }
.strengths-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--white); box-shadow: var(--shadow-md); }
.tab-list { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); background: #f8fafc; }
.tab-list button { padding: 17px 10px; color: #607089; border: 0; border-bottom: 2px solid transparent; background: transparent; font-size:16px; font-weight: 800; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
.tab-list button:hover { color: var(--blue-dark); background: #f2f7ff; }
.tab-list button[aria-selected="true"] { color: var(--blue-dark); border-bottom-color: var(--blue); background: var(--white); }
.tab-content { min-height: 330px; padding: 38px 42px 40px; }
.tab-content > span { color: #9ebce9; font-size:16px; font-weight: 800; }
.tab-content h3 { margin-top: 20px; font-size: clamp(25px, 2.6vw, 35px); line-height: 1.25; }
.tab-content p { max-width: 570px; margin-top: 14px; color: var(--ink-soft); }
.tab-content ul { display: flex; flex-wrap: wrap; gap: 11px 20px; margin-top: 23px; list-style: none; color: #40506a; font-size:16px; font-weight: 700; }
.tab-content li { display: flex; align-items: center; gap: 6px; }
.tab-content li .icon { width: 16px; height: 16px; color: var(--blue); }

.reassurance { background: #f7fafc; }
.reassurance-grid { display: grid; grid-template-columns: .94fr 1.06fr; gap: 75px; align-items: center; }
.consultation-image { overflow: hidden; min-height: 495px; border-radius: 12px; background: #dce5ef; }
.consultation-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.reassurance-copy > p:not(.eyebrow) { max-width: 530px; margin-top: 18px; color: var(--ink-soft); }
details { border-top: 1px solid var(--line-strong); }
details:last-of-type { border-bottom: 1px solid var(--line-strong); }
summary { position: relative; padding: 17px 35px 17px 0; color: #25344e; list-style: none; font-size:16px; font-weight: 800; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
summary::after { position: absolute; right: 5px; top: 21px; width: 11px; height: 11px; content: ""; border-right: 2px solid #4573c8; border-bottom: 2px solid #4573c8; transform: rotate(45deg); transition: transform 180ms ease; }
details[open] summary::after { top: 26px; transform: rotate(225deg); }
details p { padding: 0 24px 18px 0; color: var(--ink-soft); font-size:16px; line-height: 1.85; }
.reassurance-copy details:first-of-type { margin-top: 25px; }
.reassurance-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px; margin-top: 27px; }
.reassurance-actions .text-link { margin-top: 0; }

.section-slate { color: #edf4ff; background: var(--slate); }
.sample-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 72px; align-items: end; }
.sample-heading > p { max-width: 380px; padding-bottom: 6px; color: #c2d0e3; font-size:16px; line-height: 1.9; }
.sample-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 54px; }
.sample-card { overflow: hidden; padding: 18px; border: 1px solid rgb(255 255 255 / 16%); border-radius: 12px; background: rgb(255 255 255 / 6%); }
.sample-browser { overflow: hidden; border-radius: 6px; box-shadow: 0 12px 24px rgb(0 0 0 / 18%); }
.sample-browser-bar { display: flex; gap: 5px; height: 22px; padding: 8px 9px; background: #dfe5ec; }
.sample-browser-bar i { display: block; width: 5px; height: 5px; border-radius: 50%; background: #a8b4c3; }
.sample-page { display: flex; flex-direction: column; justify-content: flex-end; min-height: 202px; padding: 19px; }
.sample-page small { font-size: 7px; font-weight: 800; letter-spacing: .14em; }
.sample-page b { margin: 8px 0 19px; font-size: 25px; line-height: 1.05; letter-spacing: -.05em; }
.sample-page span { width: max-content; padding: 7px 10px; border-radius: 3px; font-size: 8px; font-weight: 800; }
.sample-page-manufacturing { color: #fff; background: linear-gradient(120deg, rgb(7 20 39 / 70%), rgb(7 20 39 / 22%)), url("https://tagen5.com/wp-content/uploads/2026/09/manufacturing-hero.webp") center / cover; }
.sample-page-manufacturing span { color: #142746; background: #ffe38d; }
.sample-page-hospitality { color: #fff; background: linear-gradient(110deg, rgb(51 61 53 / 83%), rgb(51 61 53 / 12%)), url("https://tagen5.com/wp-content/uploads/2026/09/hospitality-hero.webp") center / cover; }
.sample-page-hospitality span { color: #2f332e; background: #f6f2e8; }
.sample-page-food { color: #fff; background: linear-gradient(110deg, rgb(75 48 20 / 83%), rgb(75 48 20 / 10%)), url("https://tagen5.com/wp-content/uploads/2026/09/food-brand-hero.webp") center / cover; }
.sample-page-food span { color: #fff; background: #394a2f; }
.sample-card > p { margin-top: 20px; color: #a7c7ff; font-size:16px; font-weight: 800; }
.sample-card h3 { margin-top: 7px; font-size: 18px; line-height: 1.5; letter-spacing: -.025em; }

.industries { background: #fff; }
.industry-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: 72px; align-items: end; }
.industry-heading > p { max-width: 435px; padding-bottom: 7px; color: var(--ink-soft); font-size:16px; line-height: 1.9; }
.industry-filter { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 43px; }
.industry-filter button { min-height: 40px; padding: 0 15px; color: #52627a; border: 1px solid var(--line-strong); border-radius: 999px; background: #fff; font-size:16px; font-weight: 800; transition: color 180ms ease, background 180ms ease, border-color 180ms ease; }
.industry-filter button:hover { color: var(--blue-dark); border-color: #91b5f0; background: #f3f8ff; }
.industry-filter button[aria-pressed="true"] { color: #fff; border-color: var(--blue); background: var(--blue); }
.industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 27px; }
.industry-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow-sm); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, opacity 180ms ease; }
.industry-card:hover { border-color: #accaf6; box-shadow: var(--shadow-md); transform: translateY(-2px); }
.industry-card.is-filtered { display: none; }
.industry-preview { padding: 15px 15px 0; background: #edf4fb; }
.preview-browser { position: relative; overflow: hidden; min-height: 216px; border: 1px solid rgb(17 24 39 / 12%); border-bottom: 0; border-radius: 6px 6px 0 0; background: #fff; }
.preview-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; min-height: 34px; padding: 0 13px; color: rgb(255 255 255 / 78%); font-size: 7px; }
.preview-top b { color: #fff; font-size: 9px; letter-spacing: .07em; }
.preview-copy { position: relative; z-index: 2; padding: 26px 18px; color: #fff; }
.preview-copy small { display: block; font-size: 7px; font-weight: 800; letter-spacing: .12em; opacity: .83; }
.preview-copy strong { display: block; margin-top: 9px; font-size: 27px; line-height: 1.03; letter-spacing: -.055em; }
.preview-copy i { display: inline-block; margin-top: 18px; padding: 7px 10px; border-radius: 3px; background: #fff; color: #1a2b45; font-size: 8px; font-style: normal; font-weight: 800; }
.preview-image { position: absolute; z-index: 1; inset: 0; }
.preview-manufacturing .preview-browser { background: #0c2344; }
.preview-manufacturing .preview-image { background: linear-gradient(95deg, rgb(8 27 53 / 93%) 0%, rgb(8 27 53 / 60%) 53%, rgb(8 27 53 / 12%) 100%), url("https://tagen5.com/wp-content/uploads/2026/09/manufacturing-hero.webp") center / cover; }
.preview-hospitality .preview-browser { background: #4e574f; }
.preview-hospitality .preview-image { background: linear-gradient(97deg, rgb(53 61 52 / 93%) 0%, rgb(53 61 52 / 58%) 56%, rgb(53 61 52 / 12%) 100%), url("https://tagen5.com/wp-content/uploads/2026/09/hospitality-hero.webp") center / cover; }
.preview-hospitality .preview-copy i { color: #344133; background: #dce6c5; }
.preview-food .preview-browser { background: #6e4d25; }
.preview-food .preview-image { background: linear-gradient(97deg, rgb(87 57 23 / 90%) 0%, rgb(87 57 23 / 50%) 58%, rgb(87 57 23 / 7%) 100%), url("https://tagen5.com/wp-content/uploads/2026/09/food-brand-hero.webp") center / cover; }
.preview-food .preview-copy i { color: #513715; background: #f4d18f; }
.preview-it .preview-browser { background: #182b6b; }
.preview-it .preview-image { background: linear-gradient(97deg, rgb(20 36 101 / 92%) 0%, rgb(20 36 101 / 61%) 56%, rgb(20 36 101 / 10%) 100%), linear-gradient(130deg, #182c6d 0%, #446fdf 48%, #74c3ec 48%, #c4e5ee 100%); }
.preview-it .preview-image::after { position: absolute; right: 22px; bottom: 25px; width: 115px; height: 69px; content: ""; border: 1px solid rgb(255 255 255 / 55%); border-radius: 4px; background: linear-gradient(90deg, transparent 10%, rgb(255 255 255 / 35%) 10% 12%, transparent 12% 24%, rgb(255 255 255 / 35%) 24% 26%, transparent 26% 38%, rgb(255 255 255 / 35%) 38% 40%, transparent 40%), rgb(255 255 255 / 15%); }
.preview-it .preview-copy i { color: #19376d; background: #d8e7ff; }
.preview-service .preview-browser { background: #2a3c47; }
.preview-service .preview-image { background: linear-gradient(97deg, rgb(28 43 53 / 93%) 0%, rgb(28 43 53 / 61%) 55%, rgb(28 43 53 / 9%) 100%), linear-gradient(145deg, #344b5c 0%, #768b92 55%, #d4c7b6 56%, #ac977b 100%); }
.preview-service .preview-copy i { color: #263941; background: #c5e0d4; }
.industry-meta { padding: 20px 20px 21px; }
.industry-meta > p { color: var(--blue); font-size:16px; font-weight: 800; }
.industry-meta h3 { margin-top: 6px; font-size: 18px; line-height: 1.5; letter-spacing: -.025em; }
.industry-meta button { display: inline-flex; align-items: center; gap: 5px; margin-top: 15px; padding: 0; color: var(--blue-dark); border: 0; background: transparent; font-size:16px; font-weight: 800; }
.industry-meta button:hover { color: #103b91; text-decoration: underline; text-underline-offset: 3px; }
.industry-meta .icon { width: 17px; height: 17px; }
.industry-card-cta { display: grid; place-items: center; min-height: 385px; padding: 31px; color: #1d3d78; border-color: #b8d2ff; background: #edf5ff; }
.industry-card-cta:hover { border-color: #79a9f1; background: #e7f1ff; }
.industry-cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--blue); border-radius: 50%; background: #fff; box-shadow: var(--shadow-sm); }
.industry-cta-icon .icon { width: 25px; height: 25px; }
.industry-card-cta p { margin-top: 19px; color: #4b78c7; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.industry-card-cta h3 { margin-top: 8px; font-size: 22px; line-height: 1.4; }
.industry-card-cta .button { width: 100%; margin-top: 25px; padding-inline: 13px; font-size:16px; }
.sample-dialog-points { display: grid; gap: 10px; margin-top: 23px; }
.sample-dialog-points > div { display: grid; grid-template-columns: 28px 1fr; gap: 11px; padding: 13px; border: 1px solid #d5e3f6; border-radius: 8px; background: #f7fbff; }
.sample-dialog-points span { display: grid; place-items: center; width: 27px; height: 27px; color: #fff; border-radius: 50%; background: var(--blue); font-size:16px; font-weight: 800; }
.sample-dialog-points h3 { font-size:16px; letter-spacing: -.02em; }
.sample-dialog-points p { margin-top: 2px; color: var(--ink-soft); font-size:16px; line-height: 1.65; }
.sample-dialog-note { margin-top: 20px; color: #63728a; font-size:16px; line-height: 1.7; }

.support { background: #f7f9fc; }
.support-heading, .voices-heading, .articles-heading { display: grid; grid-template-columns: 1.08fr .92fr; gap: 80px; align-items: end; }
.support-heading > p, .voices-heading > p, .articles-heading > p { color: var(--ink-soft); line-height: 1.9; }
.support-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 52px; }
.support-card { display: flex; flex-direction: column; min-height: 280px; padding: 25px 23px 22px; overflow: hidden; border: 1px solid var(--line-strong); border-top: 4px solid var(--blue); border-radius: 10px; background: #fff; box-shadow: var(--shadow-sm); }
.support-card-green { border-top-color: #06c755; }
.support-card-orange { border-top-color: #ff9900; }
.support-card-navy { border-top-color: #18345e; }
.support-number { color: #6d7f99; font-size:16px; font-weight: 800; letter-spacing: .12em; }
.support-card h3 { margin-top: 29px; font-size: 20px; }
.support-card p { margin-top: 10px; color: var(--ink-soft); font-size:16px; line-height: 1.8; }
.support-card button { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; margin-top: auto; padding: 16px 0 0; color: #173b78; border: 0; background: transparent; font-size:16px; font-weight: 800; }
.support-card button:hover { text-decoration: underline; text-underline-offset: 4px; }
.support-card button .icon { width: 17px; height: 17px; }
.support-note { margin-top: 18px; color: #66758a; font-size:16px; }

.split-heading-process { align-items: center; }
.process { background: var(--white); }
.process-intro { max-width: 600px; margin-top: 18px; color: var(--ink-soft); line-height: 1.9; }
.process-list { margin-top: 57px; list-style: none; border-top: 1px solid var(--line-strong); }
.process-list li { display: grid; grid-template-columns: 72px 1fr 120px; gap: 25px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line-strong); }
.process-list li > span { color: var(--blue); font-size:16px; font-weight: 800; }
.process-list h3 { font-size: 21px; }
.process-list p { margin-top: 5px; color: var(--ink-soft); font-size:16px; }
.process-list b { color: #7688a4; font-size: 10px; letter-spacing: .14em; text-align: right; }

.platform { position: relative; color: #fff; background: linear-gradient(100deg, rgb(9 25 48 / 96%) 0%, rgb(12 37 73 / 90%) 50%, rgb(10 39 68 / 74%) 100%), url("https://tagen5.com/wp-content/uploads/2026/09/manufacturing-hero.webp") center 48% / cover; }
.platform::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px) 0 0 / 80px 80px; pointer-events: none; }
.platform-inner { position: relative; z-index: 1; }
.platform-heading { max-width: 720px; }
.platform-heading h2 { color: #fff; }
.platform-heading > p:not(.eyebrow) { max-width: 630px; margin-top: 20px; color: #dbe7f6; line-height: 1.9; }
.platform-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 45px; }
.platform-grid article { min-height: 218px; padding: 24px 21px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 9px; background: rgb(9 25 48 / 62%); backdrop-filter: blur(8px); }
.platform-grid span { display: inline-grid; place-items: center; width: 34px; height: 34px; color: #112038; border-radius: 50%; background: #ffb039; font-size:16px; font-weight: 800; }
.platform-grid h3 { margin-top: 30px; color: #fff; font-size: 20px; }
.platform-grid p { margin-top: 9px; color: #d9e5f5; font-size:16px; line-height: 1.75; }
.platform-note { margin-top: 17px; color: #b9cae0; font-size:16px; }

.voices { background: #fff; }
.voice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 50px; }
.voice-card { position: relative; min-height: 310px; padding: 30px 27px 25px; border: 1px solid #d8e1ed; border-radius: 10px; background: #fff; box-shadow: var(--shadow-sm); }
.voice-card::before { position: absolute; top: 0; right: 27px; left: 27px; height: 4px; content: ""; background: #90a7c6; }
.voice-card-featured { background: #edf5ff; }
.voice-card-featured::before { background: #ff9900; }
.voice-label { color: #315f9f; font-size:16px; font-weight: 800; }
.voice-card h3 { margin-top: 25px; color: #17345f; font-size: 22px; line-height: 1.55; }
.voice-card h3 + p { margin-top: 17px; color: var(--ink-soft); font-size:16px; line-height: 1.8; }
.voice-card > span { display: block; margin-top: 25px; color: #7b8da5; font-size: 9px; font-weight: 800; letter-spacing: .14em; }

.articles-heading { align-items: end; }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 50px; }
.article-card { overflow: hidden; border: 1px solid #cbdcf4; border-radius: 10px; background: #fff; box-shadow: var(--shadow-sm); }
.article-media { display: flex; align-items: flex-end; min-height: 190px; padding: 18px; background-position: center; background-size: cover; }
.article-media-start { background-image: linear-gradient(15deg, rgb(12 34 66 / 76%), rgb(12 34 66 / 12%)), url("https://tagen5.com/wp-content/uploads/2026/09/manufacturing-hero.webp"); }
.article-media-seo { background-image: linear-gradient(15deg, rgb(12 34 66 / 76%), rgb(12 34 66 / 10%)), url("https://tagen5.com/wp-content/uploads/2026/09/consultation.webp"); }
.article-media-ai { background-image: linear-gradient(15deg, rgb(12 34 66 / 76%), rgb(12 34 66 / 10%)), url("https://tagen5.com/wp-content/uploads/2026/09/food-brand-hero.webp"); }
.article-media span { color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.article-body { min-height: 216px; padding: 23px; }
.article-body > p { color: #3a6db2; font-size:16px; font-weight: 800; }
.article-body h3 { margin-top: 10px; color: #18355e; font-size: 20px; line-height: 1.55; }
.article-body button { display: inline-flex; align-items: center; gap: 6px; margin-top: 24px; padding: 0; color: #173b78; border: 0; background: transparent; font-size:16px; font-weight: 800; }
.article-body button:hover { text-decoration: underline; text-underline-offset: 4px; }
.article-body .icon { width: 17px; height: 17px; }

.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 72px; }
.faq-copy > p:not(.eyebrow) { margin-top: 17px; color: var(--ink-soft); }
.faq-copy .button { margin-top: 27px; }
.faq-list details { border-color: #cbdcf5; }
.faq-list summary { color: #1e355a; }
.faq-list details p { color: #52627a; }

.final-cta { position: relative; overflow: hidden; color: #fff; background: linear-gradient(126deg, #173b7a 0%, #1e56b9 60%, #2463d8 100%); text-align: center; }
.final-cta::before, .final-cta::after { position: absolute; border: 1px solid rgb(255 255 255 / 14%); border-radius: 50%; content: ""; pointer-events: none; }
.final-cta::before { top: -400px; left: -210px; width: 700px; height: 700px; }
.final-cta::after { right: -290px; bottom: -500px; width: 820px; height: 820px; }
.final-cta-inner { position: relative; z-index: 1; max-width: 920px; }
.final-cta .eyebrow { justify-content: center; }
.final-cta h2 { color: #fff; }
.final-cta-inner > p:not(.eyebrow) { max-width: 650px; margin: 22px auto 0; color: #d8e7ff; }
.final-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.final-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; color: #d8e7ff; font-size:16px; }
.final-links button { padding: 2px; color: inherit; border: 0; background: transparent; text-decoration: underline; text-decoration-color: rgb(216 231 255 / 55%); text-underline-offset: 4px; }
.final-links button:hover { color: #fff; }

.site-footer { color: #b8c3d2; background: #111d30; }
.footer-grid { display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: 58px; padding: 72px 0 55px; }
.footer-brand p { max-width: 300px; margin-top: 20px; color: #aebbd0; font-size:16px; line-height: 1.8; }
.footer-brand .button { margin-top: 25px; font-size:16px; }
.brand-footer { color: #fff; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.footer-column h2 { margin-bottom: 8px; color: #fff; font-size:16px; }
.footer-column a, .footer-column button { padding: 2px 0; color: #acb9cc; border: 0; background: transparent; font-size:16px; text-align: left; }
.footer-column a:hover, .footer-column button:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding: 22px 0 28px; border-top: 1px solid rgb(255 255 255 / 12%); }
.footer-bottom p, .site-footer small { color: #8390a2; font-size:16px; }

.dialog { width: min(100% - 32px, 650px); max-height: min(850px, calc(100dvh - 32px)); margin: auto; padding: 0; overflow: auto; color: var(--ink); border: 0; border-radius: 15px; background: var(--white); box-shadow: var(--shadow-lg); }
.dialog::backdrop { background: rgb(15 23 42 / 58%); backdrop-filter: blur(4px); }
.dialog-small { width: min(100% - 32px, 535px); }
.dialog-inner { position: relative; padding: 37px 40px 40px; }
.dialog-close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 37px; height: 37px; color: #516278; border: 1px solid #d7e0eb; border-radius: 50%; background: #fff; transition: color 180ms ease, background 180ms ease; }
.dialog-close:hover { color: var(--ink); background: #f1f5f9; }
.dialog-heading > p:not(.eyebrow), .dialog-inner > p:not(.eyebrow) { margin-top: 15px; color: var(--ink-soft); font-size:16px; }
.dialog h2 { font-size: clamp(25px, 4vw, 34px); font-weight: 800; }
.dialog form { margin-top: 26px; }
.diagnosis-step { margin: 0; padding: 0; border: 0; }
.diagnosis-step legend { width: 100%; margin-bottom: 15px; color: #273b5e; font-size: 16px; font-weight: 800; }
.diagnosis-step legend span { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 7px; color: #fff; border-radius: 50%; background: var(--blue); font-size:16px; }
.diagnosis-step label { display: flex; align-items: center; gap: 11px; min-height: 51px; margin-top: 9px; padding: 11px 14px; color: #334155; border: 1px solid var(--line-strong); border-radius: 8px; font-size:16px; font-weight: 700; cursor: pointer; transition: border-color 180ms ease, background 180ms ease; }
.diagnosis-step label:hover { border-color: #80adf4; background: #f5f9ff; }
.diagnosis-step input { width: 17px; height: 17px; accent-color: var(--blue); }
.diagnosis-step input:checked + span { color: var(--blue-dark); }
.form-message { min-height: 22px; margin: 13px 0 0; color: #b91c1c; font-size:16px; font-weight: 700; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 11px; margin-top: 16px; }
.dialog-actions .button { min-height: 47px; font-size:16px; }
.diagnosis-result { margin-top: 25px; padding: 26px; border: 1px solid #bcd6ff; border-radius: 10px; background: #f2f7ff; }
.result-mark { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 18px; color: #fff; border-radius: 50%; background: var(--blue); }
.result-mark .icon { width: 21px; height: 21px; }
.diagnosis-result h3 { margin-top: 13px; font-size: 25px; }
.diagnosis-result > p:not(.eyebrow) { margin-top: 11px; color: var(--ink-soft); font-size:16px; }
.diagnosis-result ul { display: grid; gap: 7px; margin-top: 17px; padding-left: 20px; color: #304667; font-size:16px; }
.result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.result-actions .button { min-height: 48px; padding-inline: 17px; font-size:16px; }
.line-field { display: block; margin-top: 22px; color: #2a3f62; font-size:16px; font-weight: 800; }
textarea { display: block; width: 100%; margin-top: 7px; padding: 12px; resize: vertical; color: var(--ink); border: 1px solid var(--line-strong); border-radius: 8px; background: #fff; font-size:16px; line-height: 1.7; }
textarea:focus { border-color: var(--blue); outline: 3px solid rgb(37 99 235 / 18%); }
.copy-feedback { min-height: 20px; margin-top: 9px; color: #14733a; font-size:16px; font-weight: 700; }
.line-guide-steps { display: grid; gap: 9px; margin-top: 23px; list-style: none; }
.line-guide-steps li { display: flex; align-items: center; gap: 11px; padding: 12px 13px; color: #31445f; border: 1px solid #d7e3f0; border-radius: 8px; background: #f8fbff; font-size:16px; font-weight: 700; }
.line-guide-steps span { display: grid; place-items: center; width: 29px; height: 29px; color: #10261b; border-radius: 50%; background: #06c755; font-size: 10px; font-weight: 800; }
.line-note { margin-top: 12px !important; color: #66758a !important; font-size:16px !important; }
.consultation-list { display: grid; gap: 10px; margin-top: 23px; list-style: none; color: #41516a; font-size:16px; }
.consultation-list li { display: flex; gap: 7px; align-items: flex-start; }
.consultation-list .icon { width: 18px; height: 18px; margin-top: 3px; color: var(--blue); }
.full-button { width: 100%; margin-top: 28px; }
.article-dialog-content { display: grid; gap: 10px; margin-top: 24px; }
.article-dialog-content section { display: grid; grid-template-columns: 35px 1fr; gap: 4px 12px; padding: 15px; border: 1px solid #d7e3f2; border-radius: 8px; background: #f7faff; }
.article-dialog-content span { grid-row: 1 / 3; display: grid; place-items: center; align-self: start; width: 31px; height: 31px; color: #fff; border-radius: 50%; background: var(--blue); font-size:16px; font-weight: 800; }
.article-dialog-content h3 { font-size:16px; }
.article-dialog-content p { color: var(--ink-soft); font-size:16px; line-height: 1.7; }

/* Kaminashi-inspired TAGENGO visual system: vivid blue, yellow accents, bold Japanese type. */
.site-header { border-bottom-color: #dfe9f6; background: rgb(255 255 255 / 97%); }
.nav-wrap { min-height: 84px; }
.site-nav { color: #2d3440; font-weight: 800; }
.nav-diagnosis { min-height: 48px; padding-inline: 21px; border-radius: 999px; box-shadow: 0 5px 0 #b96800; }
.menu-toggle { color: #fff; border: 0; border-radius: 50%; background: var(--blue); }
.brand-mark i { background: var(--blue); }
.brand-mark i:nth-child(2) { background: var(--yellow); }
.brand-mark i:nth-child(3) { background: var(--cyan); }

.split-heading h2, .centered-heading h2, .strengths h2, .reassurance h2, .sample-heading h2, .support-heading h2, .platform-heading h2, .voices-heading h2, .articles-heading h2, .faq h2, .final-cta h2 {
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: .06em;
}
.eyebrow > span { height: 4px; border-radius: 99px; background: var(--yellow); }
.eyebrow-blue { color: var(--blue); }
.eyebrow-light { color: #fff; }
.eyebrow-light > span { background: var(--yellow); }

.hero { background: var(--blue); }
.hero-lead { font-size: 18px; font-weight: 600; }
.hero-points { font-size:16px; }

.section-blue { background: var(--blue-pale); }
.problems { background: #fff; }
.problem-image { border: 5px solid #fff; border-radius: 24px; box-shadow: 0 18px 0 #d8e9ff; }
.problem-card { padding: 24px 22px; border: 2px solid #d9e8fb; border-radius: 18px; box-shadow: none; }
.problem-card:hover { border-color: var(--blue); box-shadow: 0 7px 0 #cfe2ff; transform: translateY(-2px); }
.problem-card > span { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; border-radius: 50%; background: var(--blue); }
.problem-card h3 { font-weight: 800; line-height: 1.55; letter-spacing: .025em; }

.solution-card { border: 2px solid #cde1fb; border-radius: 22px; box-shadow: 0 8px 0 #d3e5fc; }
.solution-card:nth-child(2n) { border-top: 7px solid var(--yellow); }
.solution-card:nth-child(2n + 1) { border-top: 7px solid var(--blue); }
.solution-card h3 { font-weight: 900; letter-spacing: .04em; }
.feature-icon { color: var(--blue); }
.card-number { color: var(--blue); font-family: "Poppins", sans-serif; }

.strengths-panel { border: 2px solid #bfd8f7; border-radius: 22px; box-shadow: 0 10px 0 #d6e7fb; }
.tab-list { background: var(--blue-pale); }
.tab-list button { min-height: 58px; font-weight: 800; }
.tab-list button[aria-selected="true"] { color: #222; border-bottom: 6px solid var(--yellow); }
.tab-content h3 { font-weight: 900; line-height: 1.45; letter-spacing: .045em; }

.reassurance, .support { background: var(--blue-pale); }
.consultation-image { border: 5px solid #fff; border-radius: 24px; box-shadow: 0 18px 0 #cfe2ff; }
.reassurance-copy details, .faq-list details { border-color: #b9d2f3; }
.reassurance-copy summary, .faq-list summary { font-weight: 800; }

.section-slate { background: linear-gradient(135deg, #003c99 0%, var(--blue) 100%); }
.sample-card { border: 0; border-radius: 22px; box-shadow: 0 8px 0 rgb(0 39 105 / 50%); }
.sample-browser { border-radius: 15px; }

.industry-filter button { min-height: 44px; border: 2px solid #bcd6f7; border-radius: 999px; background: #fff; font-weight: 800; }
.industry-filter button[aria-pressed="true"] { color: #fff; border-color: var(--blue); background: var(--blue); box-shadow: 0 5px 0 #0047aa; }
.industry-card { border: 2px solid #d5e5f8; border-radius: 22px; box-shadow: 0 7px 0 #e0ebfa; }
.industry-card:hover { border-color: var(--blue); box-shadow: 0 10px 0 #cfe1fa; transform: translateY(-3px); }
.industry-card-cta { color: #003f9e; border-color: #9fc5f6; background: var(--blue-pale); }

.support-card { border: 2px solid #c8def8; border-top-width: 8px; border-radius: 20px; box-shadow: 0 7px 0 #d0e3fa; }
.support-card h3 { font-weight: 900; letter-spacing: .04em; }
.support-card button, .industry-meta button, .article-body button { color: var(--blue); }

.process-list { border-top: 3px solid var(--blue); }
.process-list li { border-bottom: 2px solid #c8ddf7; }
.process-list li > span { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; border-radius: 50%; background: var(--blue); font-family: "Poppins", sans-serif; }
.process-list h3 { font-weight: 900; letter-spacing: .04em; }

.platform { background: linear-gradient(100deg, rgb(3 71 180 / 96%) 0%, rgb(3 96 229 / 91%) 52%, rgb(3 96 229 / 69%) 100%), url("https://tagen5.com/wp-content/uploads/2026/09/manufacturing-hero.webp") center 48% / cover; }
.platform-grid article { border: 2px solid rgb(255 255 255 / 44%); border-radius: 20px; background: rgb(0 44 124 / 63%); }
.platform-grid span { background: var(--yellow); }
.platform-grid h3 { font-weight: 900; letter-spacing: .04em; }

.voice-card, .article-card { border: 2px solid #c7ddf7; border-radius: 22px; box-shadow: 0 8px 0 #dce9fa; }
.voice-card-featured { background: var(--blue-pale); }
.voice-card h3, .article-body h3 { font-weight: 900; line-height: 1.55; letter-spacing: .035em; }
.voice-card-featured::before { height: 7px; border-radius: 0 0 7px 7px; background: var(--yellow); }
.article-media { min-height: 210px; }

.faq { background: #fff; }
.faq-list details { margin-bottom: 12px; padding: 0 22px; border: 2px solid #c9ddf6; border-radius: 16px; }
.faq-list details:last-of-type { border-bottom: 2px solid #c9ddf6; }
.faq-list details[open] { background: var(--blue-pale); }

.final-cta { background: var(--blue); }
.final-cta::before, .final-cta::after { border: 4px solid rgb(255 223 36 / 24%); }
.final-cta-inner > p:not(.eyebrow) { color: #fff; font-weight: 600; }
.final-links { color: #fff; font-weight: 700; }

.site-footer { background: #003375; }
.footer-column h2 { color: var(--yellow); font-weight: 900; }
.footer-column a, .footer-column button, .footer-brand p { color: #e6f0ff; }
.footer-bottom { border-top-color: rgb(255 255 255 / 22%); }
.footer-bottom p, .site-footer small { color: #bfd4f2; }

.dialog { border: 3px solid #b9d4f5; border-radius: 24px; }
.dialog-close { color: #fff; border: 0; background: var(--blue); }
.line-guide-steps li, .article-dialog-content section, .sample-dialog-points > div { border: 2px solid #c6dcf7; border-radius: 14px; background: var(--blue-pale); }

@media (max-width: 1000px) {
  .site-nav { gap: 18px; }
  .hero-grid { gap: 33px; }
  .problems-grid, .reassurance-grid { gap: 42px; }
  .strengths-grid { gap: 52px; }
  .solution-card { padding: 23px; }
}

@media (max-width: 820px) {
  html { scroll-padding-top: 70px; }
  .container { width: min(calc(100% - 36px), var(--max)); }
  .section { padding: 78px 0; }
  .nav-wrap { min-height: 65px; }
  .menu-toggle { display: inline-flex; }
  .site-nav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 18px 18px; border-bottom: 1px solid var(--line); background: rgb(255 255 255 / 98%); box-shadow: var(--shadow-md); }
  .site-nav.is-open { display: flex; }
  .site-nav > a { padding: 13px 0; border-bottom: 1px solid #edf1f6; }
  .nav-diagnosis { width: 100%; min-height: 48px; margin-top: 12px; }
  .hero { min-height: 680px; padding: 70px 0 80px; }
  .hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .hero-copy { padding: 0; }
  .hero h1 { font-size: clamp(39px, 8vw, 53px); }
  .hero-lead { font-size: 16px; }
  .split-heading, .problems-grid, .strengths-grid, .reassurance-grid, .sample-heading, .industry-heading, .support-heading, .voices-heading, .articles-heading, .faq-grid { grid-template-columns: 1fr; gap: 28px; }
  .split-heading > p, .sample-heading > p, .industry-heading > p, .support-heading > p, .voices-heading > p, .articles-heading > p { max-width: 620px; padding-bottom: 0; }
  .problem-image { min-height: 380px; }
  .solution-grid { grid-template-columns: repeat(2, 1fr); }
  .solution-card { min-height: 285px; }
  .strengths-copy > p:not(.eyebrow) { max-width: 610px; }
  .reassurance-grid { gap: 35px; }
  .consultation-image { min-height: 390px; }
  .sample-heading { gap: 18px; }
  .sample-grid { gap: 13px; }
  .sample-page { min-height: 170px; padding: 14px; }
  .sample-page b { font-size: 21px; }
  .industry-grid { grid-template-columns: repeat(2, 1fr); }
  .support-grid, .platform-grid { grid-template-columns: repeat(2, 1fr); }
  .voice-grid, .article-grid { grid-template-columns: repeat(2, 1fr); }
  .voice-card:last-child, .article-card:last-child { grid-column: 1 / -1; }
  .split-heading-process { gap: 23px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 45px; }
}

@media (max-width: 560px) {
  .container { width: min(calc(100% - 32px), var(--max)); }
  .section { padding: 64px 0; }
  .brand { font-size: 17px; }
  .eyebrow { margin-bottom: 14px; font-size: 10px; }
  .hero h1 { font-size: clamp(34px, 10vw, 44px); }
  .hero-lead { margin-top: 19px; font-size:16px; }
  .hero-actions, .final-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button, .final-actions .button { width: 100%; }
  .hero-points { display: grid; gap: 5px; }
  .hero { min-height: 650px; }
  .hero-background::after { background: linear-gradient(90deg, rgb(3 96 229 / 95%), rgb(3 96 229 / 82%)), linear-gradient(0deg, rgb(0 49 132 / 70%), transparent 54%); }
  .locale-card { min-width: 116px; padding: 8px 10px; font-size: 10px; }
  .locale-card-one { top: 43px; left: -5px; }
  .locale-card-two { right: -5px; bottom: 18px; }
  .browser-page { min-height: 260px; padding: 14px; }
  .mock-header { font-size: 7px; }
  .mock-header strong { font-size: 9px; }
  .mock-main { gap: 12px; margin-top: 15px; }
  .mock-main h2 { margin: 7px 0; font-size: 24px; }
  .mock-main p { font-size: 7px; }
  .mock-main i { margin-top: 9px; padding: 5px 7px; font-size: 6px; }
  .mock-metrics { margin-top: 13px; padding-top: 8px; }
  .mock-metrics b { font-size: 8px; }
  .split-heading h2, .centered-heading h2, .strengths h2, .reassurance h2, .sample-heading h2, .support-heading h2, .platform-heading h2, .voices-heading h2, .articles-heading h2, .faq h2, .final-cta h2 { font-size: 31px; line-height: 1.45; letter-spacing: .045em; }
  .problems-grid { margin-top: 35px; }
  .problem-image { min-height: 295px; }
  .problem-card { grid-template-columns: 30px 1fr; gap: 10px; padding: 17px 14px; }
  .problem-card h3 { font-size: 16px; }
  .problem-card p { font-size:16px; }
  .solution-grid { grid-template-columns: 1fr; margin-top: 35px; }
  .solution-card { min-height: 0; padding: 23px; }
  .solution-card h3 { margin-top: 39px; }
  .tab-list button { padding: 13px 6px; font-size:16px; }
  .tab-content { min-height: 0; padding: 25px 20px 28px; }
  .tab-content h3 { font-size: 25px; }
  .tab-content ul { display: grid; gap: 7px; }
  .consultation-image { min-height: 302px; }
  .reassurance-actions { display: grid; align-items: stretch; gap: 12px; }
  .reassurance-actions .button { width: 100%; }
  .reassurance-actions .text-link { justify-content: center; }
  .sample-grid { grid-template-columns: 1fr; gap: 14px; }
  .sample-card { padding: 14px; }
  .sample-page { min-height: 190px; }
  .industry-filter { gap: 7px; margin-top: 28px; }
  .industry-filter button { min-height: 37px; padding-inline: 12px; font-size:16px; }
  .industry-grid { grid-template-columns: 1fr; gap: 14px; }
  .preview-browser { min-height: 201px; }
  .industry-card-cta { min-height: 270px; }
  .support-grid, .platform-grid, .voice-grid, .article-grid { grid-template-columns: 1fr; gap: 14px; }
  .voice-card:last-child, .article-card:last-child { grid-column: auto; }
  .support-card { min-height: 235px; }
  .platform-grid article { min-height: 190px; }
  .process-list { margin-top: 35px; }
  .process-list li { grid-template-columns: 35px 1fr; gap: 10px; padding: 21px 0; }
  .process-list h3 { font-size: 18px; }
  .process-list p { font-size:16px; }
  .process-list b { display: none; }
  .faq-copy .button { width: 100%; }
  .final-cta h2 { font-size: 30px; }
  .final-links { display: grid; gap: 8px; }
  .final-links span { display: none; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 24px; padding: 55px 0 42px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-column:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .footer-column:last-child h2 { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; gap: 8px; }
  .dialog { width: min(100% - 20px, 650px); max-height: calc(100dvh - 20px); }
  .dialog-inner { padding: 31px 20px 24px; }
  .dialog h2 { font-size: 25px; }
  .dialog-actions { display: grid; grid-template-columns: 1fr; }
  .dialog-actions .button { width: 100%; }
  .diagnosis-result { padding: 20px; }
  .diagnosis-result h3 { font-size: 22px; }
  .result-actions { display: grid; }
  .result-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; }
}
.brand{width:151px;height:60px;gap:0;background:url("../images/tagengo-logo.png") center/contain no-repeat;font-size:0}.brand .brand-mark{display:none}.brand.brand-footer{background-image:url("../images/tagengo-logo-white.png")}
.pricing{background:#f7f9fc}.pricing-heading{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end}.pricing-heading h2{font-size:clamp(34px,3.6vw,51px);font-weight:800}.pricing-heading>p{margin:0;color:var(--ink-soft);line-height:1.9}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.price-card{display:flex;flex-direction:column;min-height:435px;padding:30px;border:2px solid #c8def8;border-radius:22px;background:#fff;box-shadow:0 8px 0 #d0e3fa}.price-card.is-featured{border-color:var(--blue);box-shadow:0 8px 0 #99c4ff}.price-label{margin:0;color:var(--blue);font-size:16px;font-weight:900;letter-spacing:.08em}.price-card h3{margin:14px 0 6px;font-size:28px}.price-price{margin:0;color:#102449;font:800 34px/1.2 "Poppins","Noto Sans JP",sans-serif;letter-spacing:-.03em}.price-month{margin:8px 0 18px;color:#66758a;font-size:16px;font-weight:700}.price-card ul{margin:0;padding:18px 0 14px;list-style:none;border-top:1px solid var(--line-strong);color:var(--ink-soft);font-size:16px;line-height:1.8}.price-card li{position:relative;padding:7px 0 7px 22px}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.price-card .button{width:100%;margin-top:auto}.pricing-note{margin:24px auto 0;color:#66758a;font-size:16px;line-height:1.8;text-align:center}
@media(max-width:980px){.pricing-heading{grid-template-columns:1fr;gap:24px}.pricing-grid{grid-template-columns:1fr 1fr}.brand{width:136px;height:54px}}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:0}.brand{width:121px;height:48px}.pricing-heading{gap:18px}}


.industry-gallery{background:#f4f8fd}.industry-gallery h2{max-width:780px;font-size:clamp(28px,3.5vw,48px);font-weight:850;color:#172238}
.gallery-intro{max-width:760px;margin:22px 0 30px;color:#46505f}.gallery-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}
.gallery-filters button{border:1px solid #b9d2f3;border-radius:999px;background:#fff;color:#152238;padding:9px 17px;font-weight:700;min-height:44px}
.gallery-filters button:hover,.gallery-filters button.is-selected{background:#035fdb;color:#fff;border-color:#035fdb}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-card{display:block;width:100%;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #d8e6f8;border-radius:15px;background:#fff;box-shadow:0 6px 22px #10284d0c}
.gallery-card:hover{box-shadow:0 13px 35px #10284d20;transform:translateY(-2px)}.gallery-card[hidden]{display:none}.gallery-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#e9eff7;overflow:hidden}.gallery-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.gallery-caption{display:flex;align-items:center;gap:6px;padding:13px 14px;color:#172238;font-size:16px;line-height:1.4}.gallery-caption b{color:#035fdb}.gallery-caption span:last-child{margin-left:auto;font-size:18px}.gallery-note{margin-top:24px;color:#687384;font-size:16px}
.gallery-detail{margin-top:20px}.gallery-detail a{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border-radius:999px;background:#035fdb;color:#fff;font-weight:800;text-decoration:none}.gallery-detail a:hover,.gallery-detail a:focus-visible{background:#014baf;outline:3px solid #ffdb45;outline-offset:3px}
.gallery-dialog{border:0;border-radius:16px;padding:0;max-width:min(94vw,1250px);max-height:94vh;background:#fff;color:#172238;box-shadow:0 20px 80px #071c3655}.gallery-dialog::backdrop{background:#071c36c9}.gallery-dialog-inner{padding:18px}.gallery-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font-weight:800}.gallery-dialog-head button{border:0;border-radius:999px;background:#edf3fa;min-width:44px;min-height:44px;font-size:22px}.gallery-dialog img{display:block;max-width:100%;max-height:calc(94vh - 104px);width:auto;height:auto;object-fit:contain;margin:auto}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.gallery-filters button{white-space:nowrap;flex:none}.gallery-card{max-width:100%}}
.brand .production-logo { width: 180px; height: auto; max-height: 70px; object-fit: contain; }


/* TAGENGO static hero Version: 1.0.1 */
.hero{min-height:min(620px,calc(100svh - 85px));padding:40px 0;align-items:center}
.hero-grid{grid-template-columns:minmax(0,1000px)}
.hero-copy{padding:0}
.hero .kicker{margin-bottom:16px}
.hero h1{max-width:1000px;font-size:clamp(36px,3.4vw,52px);line-height:1.25;letter-spacing:.02em}
.hero-lead{max-width:760px;margin-top:20px;font-size:16px;line-height:1.75}
.hero-actions{margin-top:24px}
.hero-points{margin-top:16px}
@media(min-width:901px) and (max-height:650px){.hero{padding:28px 0}.hero h1{font-size:clamp(36px,3.3vw,46px)}.hero-lead{margin-top:16px}.hero-actions{margin-top:20px}}
@media(max-width:900px){.hero{min-height:0;padding:36px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(32px,5.5vw,44px)}}
@media(max-width:600px){.hero{padding:30px 0}.hero h1{font-size:clamp(30px,8vw,40px);line-height:1.28}.hero-lead{font-size:16px;margin-top:18px}.hero-actions{margin-top:22px;gap:12px}}


/* TAGENGO unified design Version: 2.1.43 */
:root{--sub-ink:var(--slate);--sub-blue:var(--blue);--sub-muted:#46505f;--sub-pale:#f3f7fc;--sub-line:#d8e6f8}
body{color:var(--slate);font-size:16px}
.site-nav{gap:18px;font-size:16px}.site-nav>a{min-height:48px;display:flex;align-items:center}
.nav-diagnosis,.menu-toggle{min-height:48px;font-size:16px}.menu-toggle{width:48px}
.site-nav [aria-current=page]{color:#004bb8;text-decoration:underline;text-underline-offset:8px}
.brand .production-logo{width:160px;height:auto;max-height:none;object-fit:contain}
.site-header .nav-wrap{min-height:80px}.button,.button-compact{font-size:16px;min-height:56px}
.brand{background-image:none!important}.button-orange,.tg-shell .button-orange{color:var(--on-orange)}.button-line,.tg-shell .button-line{color:var(--on-line)}
.gallery-filters button,.gallery-dialog-head button,.dialog-close{min-height:48px;min-width:48px}
.eyebrow,.sub-kicker{font-size:16px}.sub-kicker:before{background:var(--blue);width:24px;height:2px}
.hero.unified-hero{min-height:540px;padding:64px 0 72px;overflow:hidden}.tg-shell .hero-background img{width:100%;height:100%;object-fit:cover}
.unified-hero .hero-grid{grid-template-columns:minmax(0,780px)}
.unified-hero .hero-copy{padding:0}.unified-hero h1{font-size:clamp(36px,4.7vw,64px);line-height:1.35}
.unified-hero .hero-lead{font-size:18px;max-width:720px;color:#fff;margin-top:24px}
.unified-hero .hero-background:after{background:linear-gradient(90deg,#0360e5f5 0%,#0360e5e8 42%,#0360e59e 72%,#0360e552)}
.hero-actions a{white-space:normal;text-align:center}
.sub-container,.sub-breadcrumb,.sub-cta-grid{width:min(calc(100% - 48px),1200px)}
.sub-breadcrumb{font-size:16px;padding:16px 0}.sub-breadcrumb a{display:inline-flex;align-items:center;min-height:48px}
.sub-section{padding:88px 0}.sub-section.is-pale{background:#f3f7fc}.sub-section.is-dark{background:#f3f7fc;color:var(--slate)}
.sub-heading{margin:0 0 48px;max-width:900px;text-align:left}.sub-heading .sub-kicker{justify-content:flex-start;color:#004bb8}
.sub-heading h2,.detail-copy h2{font-size:clamp(28px,3.4vw,46px);line-height:1.5;letter-spacing:.025em;text-wrap:pretty;overflow-wrap:anywhere}
.sub-heading p,.is-dark .sub-heading p{color:#46505f;font-size:16px;margin:20px 0 0}
.sub-card{border:1px solid #b9d2f3;border-radius:12px;box-shadow:0 14px 30px #0f172a0d;padding:32px}
.sub-card-number{background:#e8f2ff;color:#004bb8;border-radius:8px;font-size:20px}
.sub-card h3{font-size:24px}.sub-card p,.detail-copy p{color:#46505f;font-size:16px}
.detail-list{gap:88px}.detail-row{gap:56px}.detail-index{font-size:16px;color:#004bb8}
.detail-media{border-radius:12px;box-shadow:none;border:1px solid #d8e6f8;background:#fff}
.detail-media img{aspect-ratio:auto;height:auto;object-fit:contain}
.detail-points li{font-size:16px}.detail-points li:before{background:#e8f2ff;color:#004bb8}
.step-list{gap:16px}.step-card{border:1px solid #b9d2f3;border-radius:12px;padding:24px}
.step-card h3{font-size:20px}.step-card p,.note-box{font-size:16px;color:#46505f}
.note-box{border:1px solid #b9d2f3;border-radius:12px;background:#fff;padding:24px}
.note-box strong{color:#152238}.is-dark .sub-heading .sub-kicker{color:#004bb8}
.faq-list{max-width:none}.faq-list summary{min-height:48px;display:flex;align-items:center;padding:8px 0;font-size:18px}
.faq-list p{font-size:16px;padding:16px 0;color:#46505f}
.article-card{border:1px solid #b9d2f3;border-radius:12px;box-shadow:0 14px 30px #0f172a0d}
.article-body{padding:28px}.article-body h2{font-size:24px;line-height:1.5}.article-body p{font-size:16px}
.article-body a{display:flex;align-items:center;min-height:48px;color:#004bb8}
.sub-cta{background:#0360e5;padding:72px 0}.sub-cta-grid{grid-template-columns:1fr;gap:32px}
.sub-cta h2{font-size:clamp(30px,3.6vw,48px)}.sub-cta p{color:#fff;font-size:16px}
.sub-cta-actions{flex-wrap:wrap}.sub-button{min-height:56px;font-size:16px;padding:16px 24px;border:1px solid transparent}
.sub-button.is-orange{background:#ff9900;color:#111827;border-color:#c97300}
.sub-button.is-line{background:#06c755;color:#10261b;border-color:#049a41}
.sub-button.is-white{color:#003f9e;border-color:#004bb8}
.sub-button:hover{transform:translateY(-2px)}.sub-button:active{transform:translateY(0);box-shadow:none}
.sub-button.is-orange:hover{background:#e88900}.sub-button.is-line:hover{background:#05b34c}
.industry-jump a{font-size:16px;min-height:48px;display:inline-flex;align-items:center}
.industry-showcase{border-radius:12px;border:1px solid #b9d2f3;box-shadow:none;padding:32px}
.industry-showcase-head h2{font-size:28px}.industry-showcase-head p,.sample-disclaimer{font-size:16px;color:#46505f}
.sample-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sample-tile{border:1px solid #b9d2f3;border-radius:12px}.sample-tile img{aspect-ratio:3/2;height:auto;object-fit:contain}
.sample-tile span{font-size:16px;min-height:48px;display:flex;align-items:center;padding:12px 16px}
.sample-dialog-bar button{min-width:48px;min-height:48px;font-size:16px}
.footer-grid{gap:40px}.footer-column h2,.footer-column a,.footer-column button,.footer-brand p,.footer-brand .button,.footer-bottom p,.site-footer small{font-size:16px}
.site-footer a,.site-footer button{min-height:48px}.footer-column a{display:flex;align-items:center}
.footer-bottom p,.site-footer small{color:#dceaff}.footer-brand .production-logo{background:#fff;border-radius:8px;padding:8px;width:160px;height:auto}
button,a{transition-duration:220ms}button:disabled,.button[aria-disabled=true]{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}
.pricing-tax{margin:12px 0 0;color:#46505f;font-size:16px}.price-period{font-size:16px}
.unified-review-note{padding:12px 24px;background:#fff7e6;border-bottom:1px solid #c97300;font-size:16px;color:#152238}
@media(max-width:1199px){.menu-toggle{display:inline-flex}.site-nav{display:none}.site-nav.is-open{display:flex;position:absolute;top:100%;left:24px;right:24px;padding:24px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #b9d2f3;box-shadow:0 14px 30px #0f172a18}.site-nav>a{min-height:48px}.site-nav .nav-diagnosis{width:100%}}
@media(min-width:1200px){.site-nav{display:flex}.menu-toggle{display:none}}
@media(max-width:900px){.detail-row{grid-template-columns:1fr;gap:32px}.detail-row:nth-child(even) .detail-copy{order:0}.detail-row:nth-child(even) .detail-media{order:0}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-card-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.container,.sub-container,.sub-breadcrumb,.sub-cta-grid{width:calc(100% - 40px)}.site-header .nav-wrap{min-height:72px}.brand .production-logo{width:134px}.hero.unified-hero{min-height:0;padding:48px 0 56px}.unified-hero h1{font-size:30px;line-height:1.45;letter-spacing:.015em}.unified-hero .hero-lead{font-size:16px;margin-top:20px;line-height:1.8}.unified-hero .eyebrow{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px;gap:16px}.hero-actions .button{width:100%;padding:16px}.sub-section{padding:56px 0}.sub-heading{margin-bottom:32px}.sub-heading h2,.detail-copy h2{font-size:28px}.sub-card-grid,.article-grid,.step-list,.sample-gallery{grid-template-columns:1fr}.sub-card,.step-card,.industry-showcase{padding:24px}.detail-list{gap:56px}.sub-cta{padding:56px 0}.sub-cta-actions{display:grid;grid-template-columns:1fr}.sub-button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:16px;flex-direction:column}.industry-jump{gap:8px}.industry-showcase-head{display:block}.sample-dialog-bar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* TAGENGO sitewide presentation Version: 2.1.43. Native content/logic retained. */
html[lang] body.tg-unified-site{--blue:#0360e5;--blue-deep:#003f9e;--blue-bright:#0360e5;--amber:#ff9900;--amber-d:#e88900;--max:1200px;--line:#d8e6f8;--soft:#f3f7fc;--ink:#152238;--body:#46505f;--muted:#46505f;font-family:"Noto Sans JP",system-ui,sans-serif!important;font-size:16px;line-height:1.8;background:#fff;color:#152238;padding-bottom:0}
body.tg-unified-site h1,body.tg-unified-site h2,body.tg-unified-site h3{font-family:inherit!important;font-weight:800!important;line-height:1.45;letter-spacing:.015em;text-wrap:pretty;overflow-wrap:anywhere}
.tg-unified-site p,.tg-unified-site li,.tg-unified-site label,.tg-unified-site input,.tg-unified-site textarea,.tg-unified-site select,.tg-unified-site small,.tg-unified-site td,.tg-unified-site th,.tg-unified-site .lead,.tg-unified-site .sub,.tg-unified-site .meta,.tg-unified-site .badge,.tg-unified-site .tag,.tg-unified-site .cap,.tg-unified-site .note,.tg-unified-site .hint,.tg-unified-site .pill,.tg-unified-site .yr,.tg-unified-site .trust span{font-size:16px!important}
.tg-unified-site .site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #d8e6f8}
.tg-unified-site .site-header .container,.tg-unified-site .site-footer .container{width:min(calc(100% - 48px),1200px);max-width:1200px;margin:0 auto;padding:0}
.tg-unified-site .site-header .nav-wrap{display:flex;align-items:center;gap:24px;min-height:80px}
.tg-unified-site .site-header .brand{flex:0 0 auto;background:none!important;min-height:48px}
.tg-unified-site .site-header .site-nav{margin-left:auto;color:#152238;gap:18px;font-weight:700;font-size:16px;line-height:1.4}
.tg-unified-site .site-nav a{color:inherit}
.tg-unified-site .site-nav a:hover{color:#004bb8}
.tg-unified-site .site-nav .nav-diagnosis{background:#ff9900;color:#111827;border-radius:999px;padding:16px 20px;box-shadow:none;border:1px solid #c97300}
.tg-unified-site .menu-toggle{padding:0;display:none;align-items:center;justify-content:center;margin-left:auto;color:#003f9e;background:#e8f2ff;border:1px solid #b9d2f3;border-radius:8px;width:48px;min-width:48px;height:48px}
.tg-unified-site .icon{width:24px;height:24px;flex:0 0 24px}
.tg-unified-site .site-footer{margin:0;padding:72px 0 32px;background:#062b66;color:#fff;line-height:1.8;border:0;text-align:left}
.tg-unified-site .site-footer h2{color:#fff;font-size:16px;text-align:left;margin-bottom:16px}
.tg-unified-site .site-footer p,.tg-unified-site .site-footer a,.tg-unified-site .site-footer small{color:#dceaff}
.tg-unified-site .site-footer .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:40px}
.tg-unified-site .site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;margin-top:40px;border-top:1px solid #ffffff38;gap:24px}
.tg-unified-site .site-footer .button-orange{color:#111827}
.tg-unified-site .site-footer .brand{background:none!important;display:inline-flex}
.tg-unified-site .wrap{max-width:1200px;padding:0 24px;margin:0 auto}
.tg-unified-site .btn,.tg-unified-site .et_pb_button,.tg-unified-site .sw-btn-amazon,.tg-unified-site .wpforms-submit{font-family:inherit!important;font-size:16px!important;min-height:56px;padding:16px 24px!important;border-radius:999px!important;line-height:1.4!important;display:inline-flex;justify-content:center;align-items:center;gap:8px}
.tg-unified-site .btn-cta,.tg-unified-site .btn-primary,.tg-unified-site .htdi-btn-primary,.tg-unified-site .sw-btn-amazon,.tg-unified-site .wpforms-submit{background:#ff9900!important;background-image:none!important;color:#111827!important;border:1px solid #c97300!important;box-shadow:none!important}
.tg-unified-site .btn-line,.tg-unified-site a.et_pb_button[href*="lin.ee"],.tg-unified-site .htdi-btn-line{background:#06c755!important;background-image:none!important;color:#10261b!important;border:1px solid #049a41!important;box-shadow:none!important}
.tg-unified-site .btn-ghost{background:#fff;color:#003f9e;border:1px solid #b9d2f3}
.tg-unified-site .btn-cta:hover,.tg-unified-site .sw-btn-amazon:hover{background:#e88900!important;color:#111827!important}
.tg-unified-site .btn-line:hover{background:#05b34c!important;color:#10261b!important}
.tg-unified-site input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.tg-unified-site select,.tg-unified-site textarea{min-height:48px;max-width:100%;padding:12px;border-radius:8px;border:1px solid #8395b1;color:#152238;background:#fff;font-size:16px!important}
.tg-unified-site button,.tg-unified-site summary{font-size:16px;min-height:48px;cursor:pointer}
.tg-unified-site a:focus-visible,.tg-unified-site button:focus-visible,.tg-unified-site input:focus-visible,.tg-unified-site select:focus-visible,.tg-unified-site textarea:focus-visible,.tg-unified-site summary:focus-visible{outline:3px solid #003f9e;outline-offset:4px}
.tg-unified-site .site-footer a:focus-visible{outline-color:#ffdf24}
.tg-unified-site .hero,.tg-unified-site .tg-native-title,.tg-unified-site .htdi-sec-hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#0360e5f5,#0360e5d9),url('https://tagen5.com/assets/hero-gallery-1672.webp') center/cover!important;color:#fff;padding:64px 0 72px!important;text-align:left;border:0;min-height:360px;overflow:hidden}
.tg-unified-site .hero h1,.tg-unified-site .tg-native-title h1,.tg-unified-site .htdi-sec-hero h1{color:#fff!important;font-size:clamp(32px,4.6vw,60px)!important;max-width:1000px;margin:16px 0 24px;line-height:1.45!important}
.tg-unified-site .hero h1 b,.tg-unified-site .hero h1 span,.tg-unified-site .htdi-sec-hero h1 strong{color:#ffdf24!important}
.tg-unified-site .hero p,.tg-unified-site .hero .eyebrow,.tg-unified-site .tg-native-title .eyebrow,.tg-unified-site .htdi-sec-hero p{color:#fff!important;font-size:18px!important;max-width:880px;margin-left:0}
.tg-unified-site .hero .btn-row,.tg-unified-site .hero .hero-actions{justify-content:flex-start}
.tg-static .hero:before,.tg-static .hero:after{content:none!important}
.tg-static .hero>.wrap>*{animation:none!important;opacity:1!important;transform:none!important}
.tg-static .hero .hero-cta{justify-content:flex-start}
.tg-static .hero .btn-ghost{color:#003f9e;background:#fff;border-color:#b9d2f3}
.tg-static .hero .trust{justify-content:flex-start}
.tg-unified-site .hero .card p{color:#46505f!important}
.tg-unified-site section:not(.hero):not(.htdi-sec-hero):not(.tg-native-title){scroll-margin-top:96px}
.tg-unified-site .card,.tg-unified-site .box,.tg-unified-site .tg-archive-card{border:1px solid #b9d2f3;border-radius:12px;box-shadow:0 14px 30px #0f172a0d;background:#fff;color:#152238}
.tg-unified-site .card h2,.tg-unified-site .card h3{color:#152238}
.tg-unified-site .fbar{display:none}
.tg-static img{max-width:100%;height:auto}
.tg-static .grid>*{min-width:0}
.tg-static table{font-size:16px;max-width:100%;border-collapse:collapse}
.tg-static th,.tg-static td{padding:16px;overflow-wrap:anywhere}
.tg-static .plan .price{font-family:Poppins,"Noto Sans JP",sans-serif;font-size:40px;line-height:1.5;color:#003f9e}
.tg-static .plan .price small{display:block;font-family:"Noto Sans JP",sans-serif;color:#46505f}
.tg-static .table-wrap{max-width:100%;overflow-x:auto}
.tg-completion main.wrap{max-width:1200px;margin:0 auto;padding:72px 24px;min-height:440px}
.tg-completion h1{font-size:clamp(28px,4vw,48px);color:#003f9e}
.tg-completion .card{padding:32px}
.tg-brochure>.wrap{padding-top:64px;padding-bottom:64px}
.tg-brochure h1{font-size:clamp(30px,4.5vw,54px);color:#003f9e}
.tg-wordpress img{width:auto;max-width:100%;height:auto;object-fit:contain}
.tg-wordpress .site-header img,.tg-wordpress .site-footer img{display:block}
.tg-wordpress #page-container{padding-top:0!important;background:#fff}
.tg-wordpress #main-content{background:#fff}
.tg-wordpress .et_pb_section{background-color:#fff}
.tg-wordpress .et_pb_row{width:min(calc(100% - 48px),1200px);max-width:1200px;padding:40px 0}
.tg-wordpress .et_pb_column{min-width:0}
.tg-wordpress .et_pb_module p,.tg-wordpress .et_pb_module li,.tg-wordpress .entry-content{font-size:16px!important;line-height:1.9!important}
.tg-wordpress .et_pb_module h2,.tg-wordpress .entry-content h2{font-size:clamp(26px,3vw,36px)!important;color:#003f9e;line-height:1.5!important;margin:32px 0 20px}
.tg-wordpress .et_pb_module h3,.tg-wordpress .entry-content h3{font-size:24px!important;color:#152238;line-height:1.6!important;margin:28px 0 16px}
.tg-wordpress .et_pb_post_title{background:linear-gradient(90deg,#0360e5f5,#0360e5d9),url('https://tagen5.com/assets/hero-gallery-1672.webp') center/cover;color:#fff;padding:48px 32px;border-radius:12px;margin-bottom:32px}
.tg-wordpress .et_pb_post_title .entry-title{font-size:clamp(30px,4vw,50px)!important;color:#fff!important;line-height:1.5!important;margin:0 0 16px}
.tg-wordpress .et_pb_post_title .et_pb_title_meta_container,.tg-wordpress .et_pb_post_title a{color:#fff!important;font-size:16px!important}
.tg-wordpress .et_pb_widget a,.tg-wordpress .entry-content a:not(.et_pb_button):not(.btn):not(.button){color:#004bb8;text-decoration:underline;text-underline-offset:4px}
.tg-wordpress .et_pb_widget li a{display:inline-flex;align-items:center;min-height:48px}
.tg-wordpress .et_pb_blog_grid .et_pb_post{border:1px solid #b9d2f3;border-radius:12px;padding:24px;background:#fff}
.tg-wordpress table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}
.tg-wordpress th,.tg-wordpress td{padding:16px;border:1px solid #d8e6f8}
.tg-wordpress pre{max-width:100%;overflow:auto;background:#f3f7fc;padding:24px;font-size:16px}
.tg-wordpress .entry-content blockquote{margin:24px 0;border-left:4px solid #0360e5;background:#f3f7fc;padding:24px;color:#46505f}
.tg-wordpress .tg-native-content{padding:56px 0 80px;max-width:900px}
.tg-wordpress .tg-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:56px 0 80px}
.tg-wordpress .tg-archive-card{padding:24px}
.tg-wordpress .htdi-sec-hero .et_pb_row{padding:0}
.tg-wordpress .htdi-sec-hero .htdi-eyebrow{color:#ffdf24!important}
.tg-wordpress .htdi-card{border:1px solid #b9d2f3;border-radius:12px;padding:24px;background:#fff}
.tg-wordpress .et_pb_button[href*="contact"],.tg-wordpress .et_pb_button[href*="shindan"],.tg-wordpress .et_pb_button[href*="assessment"]{background:#ff9900!important;background-image:none!important;color:#111827!important;border:1px solid #c97300!important}
.tg-unified-site [id]{scroll-margin-top:104px}
@media(max-width:1199px){.tg-unified-site .menu-toggle{display:inline-flex}.tg-unified-site .site-nav{display:none}.tg-unified-site .site-nav.is-open{display:flex;position:absolute;top:100%;left:24px;right:24px;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:24px;background:#fff;border:1px solid #b9d2f3;box-shadow:0 14px 30px #0f172a18;max-height:calc(100dvh - 88px);overflow-y:auto}.tg-unified-site .site-nav a{display:flex;align-items:center;min-height:48px}.tg-unified-site .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}.tg-unified-site .site-footer .footer-brand{grid-column:1/-1}}
@media(min-width:1200px){.tg-unified-site .site-nav{display:flex}}
@media(max-width:767px){.tg-unified-site .site-header .container,.tg-unified-site .site-footer .container,.tg-wordpress .container{width:calc(100% - 40px)}.tg-unified-site .wrap{padding:0 20px}.tg-unified-site .site-header .nav-wrap{min-height:72px}.tg-unified-site .hero,.tg-unified-site .tg-native-title,.tg-unified-site .htdi-sec-hero{padding:48px 0 56px!important;min-height:0}.tg-unified-site .hero h1,.tg-unified-site .tg-native-title h1,.tg-unified-site .htdi-sec-hero h1{font-size:30px!important}.tg-unified-site .hero p,.tg-unified-site .htdi-sec-hero p{font-size:16px!important}.tg-unified-site .hero .btn-row{display:grid;grid-template-columns:1fr;gap:16px}.tg-unified-site .hero .btn-row a{width:100%;white-space:normal}.tg-unified-site .site-footer{padding:56px 0 24px}.tg-unified-site .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.tg-unified-site .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.tg-wordpress .et_pb_row{width:calc(100% - 40px);padding:28px 0}.tg-wordpress .et_pb_post_title{padding:32px 24px}.tg-wordpress .et_pb_post_title .entry-title{font-size:28px!important}.tg-wordpress .tg-native-content{padding:40px 0 56px}.tg-wordpress .tg-archive-grid{grid-template-columns:1fr;padding:40px 0 56px}.tg-wordpress .et_pb_column{width:100%!important}.tg-static .grid{grid-template-columns:1fr}.tg-static th,.tg-static td{padding:12px}}
@media(prefers-reduced-motion:reduce){.tg-unified-site *{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* TAGENGO reference refresh Version: 2.1.43. Presentation only. */
html[lang] body .faq-grid{grid-template-columns:1fr!important;gap:36px!important;max-width:960px;margin-inline:auto}
html[lang] body .faq-copy{text-align:center;max-width:760px;margin-inline:auto}
html[lang] body .faq-copy .eyebrow{justify-content:center}
html[lang] body .faq-copy .button{margin-top:20px}
html[lang] body .faq-list{width:100%;max-width:960px;margin-inline:auto;display:grid;gap:20px}
html[lang] body .faq details,html[lang] body .faq-list details{margin:0 0 20px;padding:0!important;border:0!important;border-radius:32px;background:#f5f5f5;box-shadow:none;overflow:visible}
html[lang] body .faq-list details{margin:0}
html[lang] body .faq summary,html[lang] body .faq-list summary{position:relative;display:grid!important;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:16px;min-height:88px;padding:24px 32px!important;border:0!important;border-radius:32px;color:#fff!important;background:#0360e5;font-size:22px!important;font-weight:800;line-height:1.5;list-style:none;cursor:pointer;transition:background-color 250ms ease,border-radius 250ms ease}
html[lang] body .faq summary::-webkit-details-marker,html[lang] body .faq-list summary::-webkit-details-marker{display:none}
html[lang] body .faq summary::marker,html[lang] body .faq-list summary::marker{content:""}
html[lang] body .faq summary::before,html[lang] body .faq-list summary::before{content:"Q";position:static;color:#fff;font:800 32px/1 Poppins,"Noto Sans JP",sans-serif}
html[lang] body .faq summary::after,html[lang] body .faq-list summary::after{content:"";position:static;display:block;inset:auto;width:12px;height:12px;border-right:3px solid #fff;border-bottom:3px solid #fff;color:#fff;transform:rotate(45deg);margin-top:-6px;transition:transform 250ms ease,margin 250ms ease}
html[lang] body .faq details[open]>summary,html[lang] body .faq-list details[open]>summary{border-radius:32px 32px 0 0}
html[lang] body .faq details[open]>summary::after,html[lang] body .faq-list details[open]>summary::after{transform:rotate(225deg);margin-top:6px}
html[lang] body .faq details>p,html[lang] body .faq-list details>p{position:relative;margin:0!important;padding:28px 32px 30px 84px!important;color:#34445b!important;background:#f5f5f5;border-radius:0 0 32px 32px;font-size:16px!important;line-height:1.9!important}
html[lang] body .faq details>p:first-of-type::before,html[lang] body .faq-list details>p:first-of-type::before{content:"A";position:absolute;left:32px;top:30px;color:#0360e5;font:800 30px/1 Poppins,"Noto Sans JP",sans-serif}
html[lang] body .faq summary:hover,html[lang] body .faq-list summary:hover{background:#004bb8}
html[lang] body .faq summary:focus-visible,html[lang] body .faq-list summary:focus-visible{outline:3px solid #003f9e;outline-offset:4px;z-index:1}

/* Existing Divi FAQ uses its own toggle behavior, within this sales-page scope. */
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle{padding:0!important;margin:0 0 20px;border:0!important;border-radius:32px;background:#f5f5f5;overflow:visible}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title{position:relative;display:flex;align-items:center;min-height:88px;margin:0!important;padding:24px 64px 24px 84px!important;border-radius:32px;color:#fff!important;background:#0360e5;font-size:22px!important;font-weight:800;line-height:1.5;cursor:pointer;transition:background-color 250ms ease}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title::before{content:"Q"!important;position:absolute;left:32px;right:auto;top:50%;margin:0;color:#fff!important;font:800 32px/1 Poppins,"Noto Sans JP",sans-serif!important;transform:translateY(-50%)}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title::after{content:"";position:absolute;right:32px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);transition:transform 250ms ease}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_open .et_pb_toggle_title{border-radius:32px 32px 0 0}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_open .et_pb_toggle_title::after{transform:rotate(225deg);margin-top:-2px}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_content{position:relative;margin:0;padding:28px 32px 30px 84px!important;border-radius:0 0 32px 32px;color:#34445b!important;background:#f5f5f5;font-size:16px!important;line-height:1.9}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_content::before{content:"A";position:absolute;left:32px;top:30px;color:#0360e5;font:800 30px/1 Poppins,"Noto Sans JP",sans-serif}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_content p{margin:0;color:inherit!important;font-size:16px!important}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title:hover{background:#004bb8}
html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title:focus-visible{outline:3px solid #003f9e;outline-offset:4px;z-index:1}
html[lang] body .htdi-sec-faq-list .htdi-faq .tg-faq-trigger{display:flex;align-items:center;width:100%;min-height:48px;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;box-shadow:none;white-space:normal}
html[lang] body .htdi-sec-faq-list .htdi-faq .tg-faq-trigger:focus-visible{outline:3px solid #ffdf24;outline-offset:4px;border-radius:4px}

/* Raised pills share the same normal/hover/pressed behavior across templates. */
html[lang] body :is(.button,.btn,.nav-diagnosis,.htdi-btn-primary,.htdi-btn-line,.sw-btn-amazon,.wpforms-submit,.et_pb_button){min-height:56px;border-radius:999px!important;font-size:16px!important;transition:transform 250ms ease,box-shadow 250ms ease,background-color 250ms ease,color 250ms ease!important}
html[lang] body :is(.button-orange,.btn-cta,.btn-primary,.nav-diagnosis,.htdi-btn-primary,.sw-btn-amazon,.wpforms-submit),html[lang] body .et_pb_button:is([href*="contact"],[href*="shindan"],[href*="assessment"]){color:#111827!important;background:#ff9900!important;background-image:none!important;border:1px solid #b96800!important;box-shadow:0 6px 0 #b96800!important}
html[lang] body :is(.button-outline,.button-light,.btn-ghost){color:#003f9e!important;background:#fff!important;border:1px solid #0360e5!important;box-shadow:0 6px 0 #0360e5!important}
html[lang] body :is(.button-line,.btn-line,.htdi-btn-line),html[lang] body .et_pb_button[href*="lin.ee"]{color:#10261b!important;background:#06c755!important;border:1px solid #047f36!important;box-shadow:0 6px 0 #047f36!important}
 html[lang] body :is(.button-orange,.btn-cta,.btn-primary,.nav-diagnosis,.htdi-btn-primary,.sw-btn-amazon,.wpforms-submit):hover,html[lang] body .et_pb_button:is([href*="contact"],[href*="shindan"],[href*="assessment"]):hover{background:#e88900!important;box-shadow:0 2px 0 #b96800!important;transform:translateY(4px)!important}
 html[lang] body :is(.button-outline,.button-light,.btn-ghost):hover{color:#003f9e!important;background:#f3f7fc!important;box-shadow:0 2px 0 #0360e5!important;transform:translateY(4px)!important}
 html[lang] body :is(.button-line,.btn-line,.htdi-btn-line):hover,html[lang] body .et_pb_button[href*="lin.ee"]:hover{background:#05b34c!important;box-shadow:0 2px 0 #047f36!important;transform:translateY(4px)!important}
html[lang] body :is(.button,.btn,.nav-diagnosis,.htdi-btn-primary,.htdi-btn-line,.sw-btn-amazon,.wpforms-submit,.et_pb_button):active{box-shadow:none!important;transform:translateY(6px)!important}
html[lang] body :is(.button,.btn,.nav-diagnosis,.htdi-btn-primary,.htdi-btn-line,.sw-btn-amazon,.wpforms-submit,.et_pb_button):focus-visible{outline:3px solid #003f9e!important;outline-offset:5px}
html[lang] body :is(.button,.btn,.wpforms-submit):disabled{transform:none!important;box-shadow:none!important;cursor:not-allowed}
html[lang] body.tg-wordpress .et_pb_text_inner>span:is([style*="font-size:12px"],[style*="font-size: 12px"]){font-size:16px!important;line-height:1.7}
html[lang] body.tg-wordpress .wp-block-search__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:999px;font-size:16px!important;line-height:1.4;color:#003f9e;background:#fff;border:1px solid #0360e5;box-shadow:0 6px 0 #0360e5;transition:transform 250ms ease,box-shadow 250ms ease,background-color 250ms ease}
html[lang] body.tg-wordpress .wp-block-search__button:hover{background:#f3f7fc;box-shadow:0 2px 0 #0360e5;transform:translateY(4px)}
html[lang] body.tg-wordpress .wp-block-search__button:active{box-shadow:none;transform:translateY(6px)}
html[lang] body.tg-wordpress .wp-block-search__button:focus-visible{outline:3px solid #003f9e;outline-offset:5px}

/* White footer, blue divider, existing destinations and official logo retained. */
html[lang] body .site-footer{margin:0;padding:64px 0 28px!important;background:#fff!important;color:#152238!important;border:0;border-top:6px solid #0360e5!important;text-align:left}
html[lang] body .site-footer .footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;gap:40px}
html[lang] body .site-footer :is(h2,p,a,button,small){color:#34445b!important;font-size:16px!important;line-height:1.8}
html[lang] body .site-footer h2{margin-bottom:16px;color:#152238!important;font-weight:800}
html[lang] body .site-footer .footer-brand p{margin-top:20px;max-width:330px}
html[lang] body .site-footer .brand{display:inline-flex;min-height:72px;background:transparent!important}
html[lang] body .site-footer .production-logo{width:180px!important;height:auto!important;max-height:90px;object-fit:contain;background:transparent!important;padding:0!important;border-radius:0!important}
html[lang] body .site-footer .footer-column :is(a,button){display:flex;align-items:center;min-height:48px;padding:4px 0;margin:0;background:transparent;border:0;text-align:left;text-decoration:none;cursor:pointer}
html[lang] body .site-footer .footer-column :is(a,button):hover{color:#004bb8!important;text-decoration:underline;text-underline-offset:4px}
html[lang] body .site-footer :is(a,button):focus-visible{outline:3px solid #003f9e;outline-offset:4px}
html[lang] body .site-footer .button-orange{color:#111827!important}
html[lang] body .site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d9e3f0!important;margin-top:40px;padding-top:28px}

/* Only confirmed service facts. This is not a customer/award claim. */
html[lang] body .tg-facts{padding:56px 0;background:#fff;border-bottom:1px solid #d9e3f0}
html[lang] body .tg-facts h2{margin:0 0 28px;color:#152238;font-size:clamp(26px,3vw,36px);line-height:1.45;text-align:center}
html[lang] body .tg-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html[lang] body .tg-fact{text-align:center;padding:8px 16px;min-width:0}
html[lang] body .tg-fact+.tg-fact{border-left:1px solid #d9e3f0}
html[lang] body .tg-fact-label{display:block;color:#34445b;font-size:18px;font-weight:800}
html[lang] body .tg-fact strong{display:block;color:#0360e5;font:800 clamp(36px,4.2vw,60px)/1.3 Poppins,"Noto Sans JP",sans-serif;letter-spacing:-.02em;margin:8px 0}
html[lang] body .tg-fact strong span{font-size:20px;letter-spacing:0}
html[lang] body .tg-fact .tg-fact-word{font-size:30px;line-height:1.8}
html[lang] body .tg-fact small{font-size:16px;color:#46505f}
html[lang] body .tg-facts-condition{font-size:16px!important;color:#46505f;text-align:center;margin:24px 0 0;line-height:1.8}

/* Measured result-state readability repair, without changing scoring or mail. */
html[lang] body .qz-score,html[lang] body .qz-diag .wk,html[lang] body .qz-diag li{font-size:16px!important}
html[lang] body .qz-diag .wk{color:#8b4c00!important}
html[lang] body .qz-radar-wrap{display:grid;justify-items:center;gap:12px;width:260px;max-width:100%}
html[lang] body #qzRadar{width:200px;height:180px;max-width:100%;overflow:visible}
html[lang] body #qzRadar text{font-size:16px;fill:#46505f}
html[lang] body .qz-radar-legend{margin:0;padding:0 0 0 28px;width:100%;font-size:16px;color:#46505f;line-height:1.8;list-style:decimal}
html[lang] body .qz-radar-legend li{font-size:16px!important}
@media(max-width:1199px){html[lang] body .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px 40px}html[lang] body .site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:767px){
 html[lang] body .faq-grid{gap:28px!important}html[lang] body .faq summary,html[lang] body .faq-list summary{grid-template-columns:26px minmax(0,1fr) 14px;gap:10px;padding:20px 18px!important;min-height:80px;font-size:18px!important;border-radius:24px}
 html[lang] body .faq details,html[lang] body .faq-list details{border-radius:24px;margin-bottom:14px}html[lang] body .faq-list{gap:14px}html[lang] body .faq-list details{margin-bottom:0}
 html[lang] body .faq summary::before,html[lang] body .faq-list summary::before{font-size:26px}html[lang] body .faq summary::after,html[lang] body .faq-list summary::after{width:9px;height:9px;border-width:2px}
 html[lang] body .faq details[open]>summary,html[lang] body .faq-list details[open]>summary{border-radius:24px 24px 0 0}
 html[lang] body .faq details>p,html[lang] body .faq-list details>p{padding:22px 18px 24px 54px!important;border-radius:0 0 24px 24px}
 html[lang] body .faq details>p:first-of-type::before,html[lang] body .faq-list details>p:first-of-type::before{left:18px;top:25px;font-size:26px}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle{border-radius:24px;margin-bottom:14px}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title{min-height:80px;padding:20px 42px 20px 54px!important;border-radius:24px;font-size:18px!important}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title::before{left:18px;font-size:26px!important}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_title::after{right:18px;width:9px;height:9px;border-width:2px}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_open .et_pb_toggle_title{border-radius:24px 24px 0 0}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_content{padding:22px 18px 24px 54px!important;border-radius:0 0 24px 24px}
 html[lang] body .htdi-sec-faq-list .htdi-faq .et_pb_toggle_content::before{left:18px;top:25px;font-size:26px}
 html[lang] body .site-footer{padding:40px 0 24px!important}html[lang] body .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}html[lang] body .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px}
 html[lang] body .tg-facts{padding:36px 0}html[lang] body .tg-facts-grid{grid-template-columns:1fr 1fr;gap:24px 12px}html[lang] body .tg-fact{padding:4px 0}html[lang] body .tg-fact:nth-child(3){border-left:0}html[lang] body .tg-fact strong{font-size:36px}html[lang] body .tg-fact strong span{font-size:16px}html[lang] body .tg-fact .tg-fact-word{font-size:24px}html[lang] body .tg-fact-label{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html[lang] body :is(.button,.btn,.nav-diagnosis,.wpforms-submit,.et_pb_button),html[lang] body .faq summary,html[lang] body .faq-list summary,html[lang] body .htdi-faq .et_pb_toggle_title{transition:none!important}}