:root{--navy:#052943;--deep:#031e33;--red:#f2252c;--gold:#ffc928;--bg:#f4f9fc;--text:#0c2c47;--muted:#657c90;--line:#d9e5ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}button,input{font:inherit}.nav{position:sticky;top:0;z-index:40;background:var(--deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.navin{max-width:1120px;height:58px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:950}.brand b{color:var(--gold);font-size:25px}.navcta,.cta{background:var(--red);color:#fff;border:1px solid var(--gold);border-radius:999px;font-weight:900}.navcta{padding:9px 15px;font-size:13px}.hero{background:var(--deep);color:#fff}.heroin{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;min-height:440px}.hero-copy{padding:48px 28px}.hero-q{display:inline-block;font-size:28px;font-weight:950;border-bottom:5px solid var(--red);margin-bottom:12px}.gmark{display:inline-block;background:var(--gold);color:#192d3b;font-weight:950;padding:7px 12px;margin-bottom:14px}.hero h1{font-size:58px;line-height:1.04;margin:0 0 16px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--gold)}.hero .lead{font-size:20px;font-weight:800}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.badge{border:1px solid var(--gold);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:800}.cta{display:inline-flex;align-items:center;justify-content:center;border:0;padding:15px 28px;font-size:18px;box-shadow:0 6px 0 rgba(152,15,20,.4);cursor:pointer}.hero-media{position:relative;overflow:hidden;background:#eaf2f6;min-height:440px}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),rgba(3,30,51,.16) 26%,transparent 52%)}.section{padding:46px 0}.soft{background:linear-gradient(#fbfdff,#f2f8fc)}.container{max-width:1120px;width:calc(100% - 32px);margin:auto}.section-title{text-align:center;font-size:31px;margin:0 0 6px;font-weight:950}.sub{text-align:center;margin:0 0 24px;color:var(--muted);font-size:14px}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.type-card{background:#fff;border:1px solid #d7e2ea;border-radius:13px;overflow:hidden;box-shadow:0 2px 9px rgba(9,42,68,.06);display:block;transition:.15s transform,.15s box-shadow}.type-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(9,42,68,.1)}.type-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover;display:block}.type-copy{height:74px;padding:9px 11px;background:#fff;display:flex;flex-direction:column;justify-content:flex-start}.type-copy span{font-size:11px;font-weight:950;color:#d51d24;letter-spacing:.06em}.type-copy strong{font-size:15px;line-height:1.25;margin-top:2px}.steps{margin-top:32px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;gap:12px}.num{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 34px}.step p{margin:4px 0 0;color:var(--muted);font-size:14px}.quiz{background:#f6fbfe;border-top:1px solid #e1ebf1;border-bottom:1px solid #e1ebf1}.quiz-card{max-width:760px;margin:auto;background:#fff;border:1px solid #d7e2ea;border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(7,41,69,.07)}.quiz-head{display:flex;justify-content:space-between;font-weight:900;color:#526b80}.progress{height:8px;background:#e8eef3;border-radius:999px;overflow:hidden;margin:12px 0 22px}.progress>i{display:block;height:100%;width:5%;background:linear-gradient(90deg,#167ee7,#00b2ff);transition:.2s}.q-panel{border:0;padding:0;margin:0;display:none}.q-panel.active{display:block}.q-panel legend{font-size:22px;font-weight:950;margin-bottom:18px}.answers{display:grid;gap:9px}.answer{display:flex;align-items:center;gap:11px;padding:14px;border:1.5px solid #cddae4;border-radius:12px;cursor:pointer;font-weight:800}.answer input{position:absolute;opacity:0;pointer-events:none}.radio{width:20px;height:20px;border:2px solid #b7c7d3;border-radius:50%;flex:0 0 20px}.answer.selected{border-color:#1785d4;background:#eff8ff}.answer input:checked+.radio{border:6px solid #1785d4}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.ghost,.next{border-radius:999px;padding:12px 20px;font-weight:900;cursor:pointer}.ghost{background:#fff;border:1px solid #c6d5df;color:var(--text)}.next{background:var(--navy);color:#fff;border:0;min-width:120px}.next:disabled{opacity:.35}.podcast{background:var(--deep);color:#fff;padding:34px 0}.podin{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.podcover{width:220px;border-radius:12px;display:block}.podlabel{color:var(--gold);font-weight:900}.podtitle{font-size:23px;font-weight:900;margin:3px 0 8px}.podtext{margin:0 0 14px;color:#dbe7f1}
.platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.platform{height:56px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid rgba(255,255,255,.22);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.platform:nth-child(1){background:#1ED760}
.platform:nth-child(2){background:#8E2DE2}
.platform:nth-child(3){background:#0B365D}
.platform:nth-child(4){background:#FF8A00}
.platform img{display:block;width:auto;height:34px;max-width:100%;object-fit:contain;border-radius:6px}
.footer{padding:19px 0;border-top:1px solid #dce6ed}.footin{display:flex;align-items:center;gap:20px;font-size:13px;color:#38566c}.footbrand{font-size:17px;font-weight:900;margin-right:auto}.copyright{margin-left:auto}.type-modal,.result-modal{position:fixed;inset:0;z-index:100;display:none}.type-modal:target{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(1,16,28,.72)}.type-dialog{position:relative;z-index:2;width:min(720px,calc(100% - 28px));background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:280px 1fr;box-shadow:0 30px 80px rgba(0,0,0,.35)}.type-dialog img{width:100%;height:100%;object-fit:cover}.type-dialog>div{padding:24px}.pill{display:inline-block;background:#e51e25;color:#fff;padding:4px 10px;border-radius:7px;font-weight:900}.type-dialog h3{font-size:30px;margin:9px 0 5px}.quote{font-weight:900;color:#ce8700}.compat{background:#f3f8fb;padding:12px;border-radius:10px}.close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;background:#eef3f6;display:grid;place-items:center;font-size:24px;z-index:3}.result-modal.open{display:grid;place-items:center;background:rgba(1,16,28,.75)}.result-box{width:min(760px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;position:relative}.result-box .closebtn{position:absolute;right:12px;top:12px;border:0;background:#eef3f6;border-radius:50%;width:38px;height:38px;font-size:24px}.result-top{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.result-top img{width:100%;aspect-ratio:1.45/1;object-fit:cover;border-radius:14px}.result-name{font-size:32px;margin:8px 0}.result-quote{font-size:18px;font-weight:900;color:#c98300}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.result-details>div{background:#f4f9fc;border:1px solid #d8e4ec;border-radius:12px;padding:13px}.result-details b{color:#0f4f78}.result-actions{text-align:center;margin-top:18px}.retry{border:0;background:var(--red);color:#fff;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer}
@media(max-width:760px){.navin{height:56px;padding:0 12px}.brand{font-size:18px}.brand b{font-size:22px}.navcta{font-size:12px;padding:8px 11px}.heroin{display:block;min-height:0}.hero-copy{padding:24px 16px 18px;position:relative;z-index:2}.hero-q{font-size:22px;border-width:4px}.gmark{font-size:14px}.hero h1{font-size:41px}.hero .lead{font-size:16px}.badges{gap:6px}.badge{font-size:11px;padding:7px 8px}.cta{width:100%;font-size:17px}.hero-media{height:178px;min-height:178px}.hero-media img{object-fit:cover;object-position:center 26%}.hero-media:after{background:linear-gradient(180deg,var(--deep) 0%,rgba(3,30,51,.03) 22%,transparent 55%)}.section{padding:30px 0}.container{width:calc(100% - 20px)}.section-title{font-size:24px}.sub{font-size:12px;margin-bottom:16px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.type-card img{aspect-ratio:1.4/1}.type-copy{height:64px;padding:8px 9px}.type-copy strong{font-size:13px}.type-copy span{font-size:10px}.step-grid{grid-template-columns:1fr;gap:9px}.step{padding:13px}.quiz-card{padding:16px 12px;border-radius:14px}.q-panel legend{font-size:19px}.answer{padding:13px 11px;font-size:14px}.quiz-nav{position:sticky;bottom:0;padding-top:16px;background:linear-gradient(transparent,#fff 24%)}.podin{grid-template-columns:92px 1fr;gap:12px;align-items:start}.podcover{width:92px}.podtitle{font-size:16px;line-height:1.35}.podtext{font-size:12px}.platforms{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px}.platform{height:48px}.footin{flex-wrap:wrap;justify-content:center;text-align:center;gap:10px}.footbrand,.copyright{width:100%;margin:0}.type-dialog{grid-template-columns:1fr;max-height:88vh;overflow:auto}.type-dialog img{height:180px}.type-dialog>div{padding:18px}.type-dialog h3{font-size:25px}.result-modal.open{align-items:flex-end}.result-box{width:100%;border-radius:18px 18px 0 0;max-height:92vh}.result-top{grid-template-columns:1fr}.result-top img{max-width:280px;margin:auto}.result-name{font-size:26px}.result-details{grid-template-columns:1fr}}

/* final mobile polish */
@media(max-width:760px){
  .hero-copy{padding-left:20px!important;padding-right:20px!important}
  .hero-media{width:100%!important;margin:0!important;border-radius:0!important;height:190px!important;min-height:190px!important}
  .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 44%!important}
  .quiz-card{overflow:visible!important}
  .q-panel.active{display:block!important}
  .q-panel legend{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .answers{display:grid!important;gap:10px!important}
  .answer{display:flex!important;min-height:52px!important;white-space:normal!important}
  .podin{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
  .podcover{width:84px!important;height:84px!important;object-fit:cover!important}
  .podtitle{font-size:15px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-top:0!important}
  .podtext{font-size:12px!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .platforms{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:4px!important}
  .platform{height:50px!important;padding:0!important;background:transparent!important}
  .platform img{width:100%!important;height:100%!important;object-fit:contain!important}
}
@media(max-width:374px){
  .podin{grid-template-columns:72px minmax(0,1fr)!important}
  .podcover{width:72px!important;height:72px!important}
  .podtitle{font-size:14px!important}
  .podtext{font-size:11px!important}
}

@media (max-width:700px){
  .platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .platform{height:54px;padding:8px 10px}
  .platform img{height:32px;max-width:92%}
}


/* ---- next original style block ---- */


/* FV: 画像内文字を途中で切らず、人物の上半身まで見せる */
.hero-media{background:#031e33;display:flex;align-items:center;justify-content:center;}
.hero-media img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;max-width:100%;}
.hero-media:after{background:linear-gradient(90deg,rgba(3,30,51,.42),rgba(3,30,51,0) 34%)!important;pointer-events:none;}

/* 診断: iPhone/Safari/アプリ内WebViewでも押せるネイティブラジオ */
.answer{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.answer input[type="radio"]{position:static!important;opacity:1!important;pointer-events:auto!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0 2px 0 0!important;accent-color:#167ee7;}
.answer .radio{display:none!important;}
.answer.selected{border-color:#1785d4!important;background:#eff8ff!important;}
.next:not(:disabled){background:#0b426d!important;}

@media(max-width:760px){
  .hero-copy{padding:24px 16px 18px!important;}
  .hero-media{height:300px!important;min-height:300px!important;padding:0 12px;}
  .hero-media img{width:auto!important;height:100%!important;max-width:100%!important;object-fit:contain!important;}
  .hero-media:after{background:linear-gradient(180deg,rgba(3,30,51,.04),rgba(3,30,51,.0) 55%,rgba(3,30,51,.28))!important;}
  .quiz-card{padding:18px 14px!important;}
  .answer{min-height:58px;padding:12px 13px!important;font-size:15px!important;line-height:1.35;}
  .quiz-nav{position:static!important;background:none!important;padding-top:18px!important;}
  .next,.ghost{min-height:48px;}
}


/* ---- next original style block ---- */


.hero-media{background:#082b43;display:flex;align-items:center;justify-content:center;min-height:0!important}
.hero-media img{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:2.264/1;object-fit:cover!important;object-position:center center!important;display:block}
.hero-media:after{display:none!important}
@media(min-width:761px){.heroin{grid-template-columns:1.08fr .92fr;align-items:center}.hero-media{align-self:stretch}.hero-media img{height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}}
@media(max-width:760px){.hero-media{height:auto!important;min-height:0!important;margin:0 16px 18px;border-radius:14px;overflow:hidden}.hero-media img{height:auto!important;aspect-ratio:2.264/1!important;object-fit:cover!important}.hero-copy{padding-bottom:16px}}


/* ---- next original style block ---- */


/* Device-stable layout: 320px -> desktop */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:320px}
.navin,.heroin,.container,.podin,.footin{min-width:0}
.brand,.navcta{white-space:nowrap}
.hero-copy,.type-card,.type-copy,.step,.quiz-card,.podin>*{min-width:0}
.type-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.platform img{object-fit:contain!important}

/* Large phone / tablet portrait */
@media (max-width:760px){
  .navin{width:100%;height:58px;padding:0 14px;gap:10px}
  .brand{font-size:clamp(17px,4.7vw,20px);letter-spacing:-.02em}
  .brand b{font-size:1.22em}
  .navcta{font-size:clamp(11px,3vw,13px);padding:8px 12px;flex:0 0 auto}

  .hero-copy{width:100%;padding:clamp(24px,6.5vw,34px) clamp(16px,4.5vw,22px) 18px!important;text-align:left}
  .hero-q{font-size:clamp(22px,6.6vw,30px);line-height:1.2;margin-bottom:14px;max-width:100%;white-space:normal}
  .gmark{font-size:clamp(13px,3.7vw,16px);padding:8px 12px;margin-bottom:16px}
  .hero h1{font-size:clamp(38px,10.5vw,50px);line-height:1.02;letter-spacing:-.045em;margin-bottom:18px;overflow-wrap:normal;word-break:keep-all}
  .hero .lead{font-size:clamp(15px,4.2vw,19px);line-height:1.45}
  .badges{display:grid!important;grid-template-columns:.92fr 1.08fr 1.35fr;gap:7px!important;width:100%;margin:18px 0 20px}
  .badge{display:flex;align-items:center;justify-content:center;min-width:0;padding:8px 4px!important;font-size:clamp(9px,2.65vw,12px)!important;white-space:nowrap;text-align:center;letter-spacing:-.015em}
  .cta{width:100%;min-height:58px;font-size:clamp(17px,4.8vw,21px);padding:14px 18px}

  /* Full-bleed hero visual: no inset box, stable crop */
  .hero-media{width:100%!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#082b43!important}
  .hero-media img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2.18/1!important;object-fit:cover!important;object-position:50% 48%!important}

  .section{padding:34px 0}
  .container{width:calc(100% - 24px);max-width:none}
  .section-title{font-size:clamp(23px,6.7vw,30px);line-height:1.2;word-break:keep-all}
  .sub{font-size:clamp(12px,3.35vw,14px);padding:0 8px}
  .type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .type-card{height:100%;border-radius:12px}
  .type-card img{width:100%;aspect-ratio:1.48/1!important;object-fit:cover;object-position:center center}
  .type-copy{height:68px!important;padding:8px 9px!important}
  .type-copy span{font-size:10px}
  .type-copy strong{font-size:clamp(12px,3.45vw,14px);line-height:1.23;margin-top:3px}

  .step-grid{grid-template-columns:1fr;gap:10px}
  .step{align-items:flex-start}
  .quiz-card{width:100%;max-width:none;padding:18px 14px!important}
  .q-panel legend{font-size:clamp(18px,5vw,22px);line-height:1.4}
  .answer{font-size:clamp(14px,3.8vw,16px)!important;min-height:58px}

  .podcast{padding:28px 0}
  .podin{grid-template-columns:96px minmax(0,1fr);gap:13px;align-items:start}
  .podcover{width:96px;max-width:100%}
  .podtitle{font-size:clamp(15px,4.2vw,18px);line-height:1.35;word-break:keep-all}
  .podtext{font-size:clamp(11px,3.2vw,13px);line-height:1.55}
  .platforms{grid-template-columns:1fr 1fr;gap:9px}
  .platform{height:50px;border-radius:9px;padding:0;overflow:hidden}
  .platform img{width:100%;height:100%;object-fit:contain!important;display:block}

  .footin{padding:0 6px;gap:9px}
  .footbrand{font-size:16px}
  .copyright{font-size:12px}
}

/* Narrow phones: iPhone SE-class / 320-374px */
@media (max-width:374px){
  .navin{padding:0 10px}
  .brand{font-size:16px}
  .navcta{font-size:10.5px;padding:7px 9px}
  .hero-copy{padding-left:14px!important;padding-right:14px!important}
  .hero-q{font-size:21px}
  .gmark{font-size:12px}
  .hero h1{font-size:35px}
  .hero .lead{font-size:14px}
  .badges{gap:5px!important}
  .badge{font-size:8.8px!important;padding:7px 2px!important}
  .hero-media img{aspect-ratio:2.05/1!important;object-position:52% 48%!important}
  .container{width:calc(100% - 18px)}
  .type-grid{gap:8px}
  .type-copy{height:66px!important;padding:7px 8px!important}
  .type-copy strong{font-size:12px}
  .podin{grid-template-columns:84px minmax(0,1fr);gap:10px}
  .podcover{width:84px}
  .platform{height:46px}
}

/* Standard phones: 375-430px */
@media (min-width:375px) and (max-width:430px){
  .hero-media img{aspect-ratio:2.15/1!important;object-position:51% 48%!important}
  .type-copy{height:69px!important}
}

/* Large phones / foldable portrait: 431-760px */
@media (min-width:431px) and (max-width:760px){
  .hero-copy{max-width:560px;margin:0 auto}
  .hero-media img{aspect-ratio:2.3/1!important;object-position:50% 48%!important}
  .container{width:calc(100% - 32px);max-width:650px}
  .type-grid{gap:12px}
  .type-copy{height:72px!important}
  .platform{height:52px}
}

/* Desktop/tablet: keep the intended two-column hero without stretch artifacts */
@media (min-width:761px){
  .heroin{align-items:stretch}
  .hero-media{min-width:0}
  .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:54% center!important}
  .type-card img{object-position:center center}
}


/* ---- next original style block ---- */


/* Podcast platform buttons - refined LP style */
.platforms{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important}
.platform{height:52px!important;border-radius:9px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-sizing:border-box!important;text-decoration:none!important;box-shadow:none!important;overflow:hidden!important}
.platform img{display:none!important}
.platform::before{font-size:20px;line-height:1;flex:0 0 auto}
.platform::after{font-size:14px;font-weight:700;white-space:nowrap;line-height:1;color:#fff}
.platform:nth-child(1){background:#1DB954!important;border:1px solid #1DB954!important}.platform:nth-child(1)::before{content:'●';color:#fff}.platform:nth-child(1)::after{content:'Spotify'}
.platform:nth-child(2){background:#8B2BE2!important;border:1px solid #8B2BE2!important}.platform:nth-child(2)::before{content:'◉';color:#fff}.platform:nth-child(2)::after{content:'Apple Podcasts'}
.platform:nth-child(3){background:#123B63!important;border:1px solid #2C5F8C!important}.platform:nth-child(3)::before{content:'a';font-family:Arial,sans-serif;font-weight:800;color:#fff}.platform:nth-child(3)::after{content:'Amazon Music'}
.platform:nth-child(4){background:#F7931E!important;border:1px solid #F7931E!important}.platform:nth-child(4)::before{content:'◔';color:#fff}.platform:nth-child(4)::after{content:'Audible'}
@media(max-width:760px){
 .platforms{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .platform{height:50px!important;padding:0 12px!important}
 .platform::after{font-size:13px!important}
 .platform::before{font-size:18px!important}
}
@media(max-width:360px){.platform::after{font-size:12px!important}.platform{padding:0 8px!important;gap:7px!important}}

/* 2026-09-18 CTA color polish: keep existing dimensions/position, unify both primary CTAs in red */
.navcta,.cta{
  background:#f5252d!important;
  color:#fff!important;
  border-color:#f5252d!important;
}
.navcta:hover,.cta:hover{
  background:#dc1f27!important;
  border-color:#dc1f27!important;
}

/* 2026-09-20 mobile readability patch
   Forces the intended mobile layout on touch phones even when the browser uses a wide CSS viewport. */
@media (hover:none) and (pointer:coarse) and (max-width:1024px){
  .navin{width:100%;height:58px;padding:0 14px;gap:10px}
  .brand{font-size:18px;letter-spacing:-.02em}
  .brand b{font-size:1.2em}
  .navcta{font-size:11px;padding:8px 11px;flex:0 0 auto}

  .heroin{display:block!important;min-height:0!important}
  .hero-copy{width:100%!important;max-width:620px!important;margin:0 auto!important;padding:30px 20px 24px!important;text-align:left!important}
  .hero-q{font-size:26px!important;line-height:1.2!important;margin-bottom:14px!important;white-space:normal!important}
  .gmark{font-size:14px!important;padding:8px 12px!important;margin-bottom:16px!important}
  .hero h1{font-size:42px!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:0 0 18px!important;word-break:normal!important;overflow-wrap:normal!important}
  .hero .lead{font-size:17px!important;line-height:1.5!important}
  .badges{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:18px 0 22px!important}
  .badge{font-size:11px!important;padding:8px 9px!important;white-space:nowrap!important}
  .cta{width:auto!important;min-width:190px!important;min-height:56px!important;font-size:18px!important;padding:14px 24px!important}

  .hero-media{width:100%!important;height:250px!important;min-height:250px!important;margin:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important;background:#082b43!important}
  .hero-media img{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 38%!important}
  .hero-media:after{display:none!important}

  .section{padding:40px 0!important}
  .container{width:calc(100% - 28px)!important;max-width:680px!important}
  .section-title{font-size:28px!important;line-height:1.25!important;margin-bottom:8px!important}
  .sub{font-size:13px!important;margin-bottom:20px!important}
  .type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .type-card{border-radius:13px!important}
  .type-card img{width:100%!important;aspect-ratio:1.42/1!important;object-fit:cover!important}
  .type-copy{height:76px!important;padding:10px 11px!important}
  .type-copy span{font-size:10px!important}
  .type-copy strong{font-size:14px!important;line-height:1.28!important;margin-top:3px!important}

  .step-grid{grid-template-columns:1fr!important;gap:10px!important}
  .quiz-card{width:100%!important;max-width:none!important;padding:18px 14px!important}
  .podin{grid-template-columns:96px minmax(0,1fr)!important;gap:13px!important;align-items:start!important}
  .platforms{grid-template-columns:1fr 1fr!important}
}

@media (hover:none) and (pointer:coarse) and (max-width:430px){
  .hero-copy{padding:26px 18px 20px!important}
  .hero-q{font-size:23px!important}
  .hero h1{font-size:38px!important}
  .hero .lead{font-size:16px!important}
  .hero-media{height:220px!important;min-height:220px!important}
  .container{width:calc(100% - 22px)!important}
  .section-title{font-size:25px!important}
  .type-grid{gap:10px!important}
  .type-copy{height:72px!important;padding:9px 9px!important}
  .type-copy strong{font-size:13px!important}
}