/* 笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊・   ASKIVE DESIGN SYSTEM v3.0
   險ｭ險域嶌v6.1螳悟・貅匁侠
笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊絶武笊・*/
:root {
  /* Brand */
  --coral: #E86248; --coral-h: #D4503A; --coral-l: #F0806A;
  --coral-pale: #FBE8E4; --coral-paler: #FEF4F2;
  /* Neutral */
  --cream: #F6F1EB; --cream-2: #EDE6DB; --cream-3: #E2D9CC;
  /* Ink */
  --ink: #1E1916; --ink-2: #3D3330; --ink-3: #6B5E59; --ink-4: #A09590; --ink-5: #C9C0BB;
  /* Surface */
  --surface: #FDFAF7; --surface-2: #F9F5F0;
  /* Dark */
  --dark: #181412; --dark-2: #241E1B; --dark-3: #2E2622;
  /* Semantic */
  --success: #2D8659; --warning: #C97A1F; --info: #2563EB; --danger: #C53030;
  /* Article types */
  --type-compare: #E86248; --type-deep: #2563EB; --type-monthly: #2D8659; --type-news: #7C3AED;
  /* Shadows */
  --sh-xs: 0 1px 2px rgba(30,25,22,0.06);
  --sh-sm: 0 2px 8px rgba(30,25,22,0.08), 0 1px 3px rgba(30,25,22,0.04);
  --sh-md: 0 8px 24px rgba(30,25,22,0.10), 0 3px 6px rgba(30,25,22,0.06);
  --sh-lg: 0 16px 48px rgba(30,25,22,0.14), 0 6px 16px rgba(30,25,22,0.08);
  /* Radii */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-2xl: 28px; --r-pill: 9999px;
  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-f: 150ms; --dur-b: 250ms; --dur-s: 400ms;
  /* Fluid type */
  --fs-xs:  clamp(11px, 0.75vw + 9px, 12px);
  --fs-sm:  clamp(13px, 0.5vw + 12px, 14px);
  --fs-base:clamp(15px, 0.5vw + 14px, 17px);
  --fs-lg:  clamp(17px, 0.7vw + 15px, 19px);
  --fs-xl:  clamp(20px, 1vw + 17px, 24px);
  --fs-2xl: clamp(24px, 1.5vw + 19px, 32px);
  --fs-3xl: clamp(28px, 2.5vw + 20px, 40px);
  --fs-4xl: clamp(36px, 3.5vw + 22px, 56px);
  /* Spacing */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
  --sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;
  /* Section gap */
  --sec-gap: clamp(64px, 10vw, 128px);
  /* Fonts */
  --f-jp: 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, 'Noto Sans JP', Meiryo, sans-serif;
  --f-en: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --f-heading-jp: 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, 'Noto Sans JP', Meiryo, sans-serif;
  --f-heading-en: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

/* 笊絶武笊・RESET 笊絶武笊・*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-jp);background:var(--cream);color:var(--ink);line-height:1.8;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 笊絶武笊・FOCUS 笊絶武笊・*/
:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}

/* 笊絶武笊・SKIP LINK 笊絶武笊・*/
.skip-link{position:absolute;top:-100%;left:16px;background:var(--coral);color:#fff;padding:8px 16px;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:999;font-size:var(--fs-sm);font-weight:600;transition:top 0.2s}
.skip-link:focus{top:0}

/* 笊絶武笊・SCROLL PROGRESS 笊絶武笊・*/
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--coral);z-index:301;width:0%;transition:none}

/* 笊絶武笊・LAYOUT 笊絶武笊・*/
.w{max-width:1240px;margin:0 auto;padding:0 var(--sp-6)}
section{padding:var(--sec-gap) 0}
@media(max-width:768px){section{padding:var(--sp-16) 0}}

/* 笊絶武笊・MOTION 笊絶武笊・*/
@media(prefers-reduced-motion:no-preference){
  .fu{opacity:0;transform:translateY(28px);transition:opacity 0.65s var(--ease-out),transform 0.65s var(--ease-out)}
  .fu.v{opacity:1;transform:translateY(0)}
  .fu:nth-child(2){transition-delay:.07s}.fu:nth-child(3){transition-delay:.14s}
  .fu:nth-child(4){transition-delay:.21s}.fu:nth-child(5){transition-delay:.28s}
  .fu:nth-child(6){transition-delay:.35s}
}
@media(prefers-reduced-motion:reduce){.fu{opacity:1!important;transform:none!important}}

/* 笊絶武笊・COMMON ELEMENTS 笊絶武笊・*/
.eyebrow{font-family:var(--f-heading-en);font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.sec-title{font-family:var(--f-heading-jp);font-size:var(--fs-3xl);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.sec-desc{font-size:var(--fs-base);color:var(--ink-3);line-height:1.85;max-width:560px;text-wrap:pretty}
.sec-hd{margin-bottom:var(--sp-10)}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;padding:3px 10px;border-radius:var(--r-pill);font-family:var(--f-en)}
.badge-compare{background:rgba(232,98,72,.12);color:var(--type-compare)}
.badge-deep{background:rgba(37,99,235,.1);color:var(--type-deep)}
.badge-monthly{background:rgba(45,134,89,.1);color:var(--type-monthly)}
.badge-news{background:rgba(124,58,237,.1);color:var(--type-news)}

/* Buttons */
.btn-p{display:inline-flex;align-items:center;gap:6px;background:var(--coral);color:#fff;font-size:var(--fs-sm);font-weight:700;padding:14px 28px;border-radius:var(--r-pill);box-shadow:0 4px 20px rgba(232,98,72,.3);transition:background var(--dur-b),transform var(--dur-f),box-shadow var(--dur-b);min-height:44px}
.btn-s{display:inline-flex;align-items:center;gap:6px;background:var(--cream);color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;padding:14px 28px;border-radius:var(--r-pill);border:1.5px solid var(--cream-2);transition:background var(--dur-b),transform var(--dur-f);min-height:44px}
@media(hover:hover){
  .btn-p:hover{background:var(--coral-h);transform:translateY(-2px);box-shadow:0 6px 28px rgba(232,98,72,.38)}
  .btn-s:hover{background:var(--cream-2);transform:translateY(-2px)}
}
.btn-p:active,.btn-s:active{transform:scale(.98)}

/* Card base */
.card{background:var(--surface);border-radius:var(--r-xl);transition:transform var(--dur-b) var(--ease-out),box-shadow var(--dur-b)}
@media(hover:hover){.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}}

/* 笊絶武笊・HEADER 笊絶武笊・*/
.site-hd{position:sticky;top:0;z-index:200;background:oklch(99% .01 60/.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--cream-2);transition:box-shadow .3s}
.site-hd.scrolled{box-shadow:var(--sh-sm)}
.hd-inner{max-width:1240px;margin:0 auto;padding:0 var(--sp-6);height:60px;display:flex;align-items:center;gap:var(--sp-8)}
.logo{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;min-height:44px}
.logo-wm{font-family:var(--f-en);font-size:21px;font-weight:700;color:var(--coral);letter-spacing:-.03em}
.hd-nav{display:flex;gap:var(--sp-6);flex:1}
.hd-nav a{font-size:var(--fs-sm);font-weight:500;color:var(--ink-3);position:relative;padding:4px 0;min-height:44px;display:flex;align-items:center;transition:color .2s}
.hd-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--coral);border-radius:2px;transition:width .25s var(--ease-out)}
@media(hover:hover){.hd-nav a:hover{color:var(--coral)}.hd-nav a:hover::after{width:100%}}
.hd-actions{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto}
.hd-search-btn{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:background .2s}
@media(hover:hover){.hd-search-btn:hover{background:var(--cream)}}
.hd-search-btn svg{width:18px;height:18px;stroke:var(--ink-3);fill:none;stroke-width:2;stroke-linecap:round}
.btn-nl{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:600;color:var(--coral);border:1.5px solid var(--coral);padding:7px 14px;border-radius:var(--r-pill);transition:background .2s,color .2s;min-height:36px;display:flex;align-items:center}
@media(hover:hover){.btn-nl:hover{background:var(--coral);color:#fff}}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.hamburger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob-overlay{display:none;position:fixed;inset:60px 0 0;z-index:190;background:var(--surface);flex-direction:column;padding:var(--sp-6);gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mob-overlay.open{display:flex}
.mob-overlay a{font-size:var(--fs-lg);font-weight:500;color:var(--ink-2);padding:var(--sp-4) 0;border-bottom:1px solid var(--cream-2);min-height:44px;display:flex;align-items:center}

/* 笊絶武笊・HERO v5 LIGHT 笊絶武笊・*/
.hero{background:var(--surface);padding:0;overflow:hidden;position:relative;min-height:min(92dvh,860px);display:flex;align-items:center}
.hero::before{content:'';position:absolute;top:-180px;right:-100px;width:600px;height:600px;border-radius:50%;background:radial-gradient(ellipse,oklch(92% .06 25/.3),transparent 60%);pointer-events:none;animation:hero-glow 8s ease-in-out infinite alternate}
.hero::after{content:'';position:absolute;bottom:-160px;left:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(ellipse,oklch(94% .04 80/.25),transparent 60%);pointer-events:none}
@keyframes hero-glow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-20px,15px) scale(1.05)}}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:center;position:relative;z-index:1;padding:var(--sp-24) 0 var(--sp-16)}
.hero-left{max-width:540px}
.hero-ey-v5{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--coral-paler);color:var(--coral);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;padding:6px 16px;border-radius:var(--r-pill);margin-bottom:var(--sp-6);border:1px solid var(--coral-pale)}
.hero h1{font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:var(--ink);margin-bottom:var(--sp-5);text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--coral)}
.hero-sub-v5{font-size:var(--fs-lg);color:var(--ink-3);line-height:1.85;margin-bottom:var(--sp-8);text-wrap:pretty}
.hero-ctas{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-8)}
.hero .btn-p{font-size:var(--fs-base);padding:16px 32px}
.hero .btn-s{font-size:var(--fs-base);padding:16px 32px}
.hero-badges{display:flex;gap:var(--sp-5);flex-wrap:wrap}
.hero-badge{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--ink-4)}
.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);flex-shrink:0}
.hero-right{position:relative;display:flex;justify-content:center;align-items:center}
.hero-card{background:var(--surface);border:1px solid var(--cream-2);border-radius:var(--r-2xl);padding:var(--sp-6);width:100%;max-width:400px;box-shadow:var(--sh-lg),0 0 0 1px var(--cream-2);animation:hero-card-in 1s .3s both var(--ease-out)}
@keyframes hero-card-in{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:none}}
.hero-card-title{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;color:var(--coral);text-transform:uppercase;margin-bottom:var(--sp-4)}
.hero-card-tool{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}
.hero-card-tool-name{font-size:var(--fs-xl);font-weight:700;color:var(--ink)}

.hero-score-rows{display:flex;flex-direction:column;gap:10px}
.hero-score-item{display:flex;align-items:center;gap:var(--sp-2)}
.hero-score-label{font-size:var(--fs-xs);color:var(--ink-4);width:70px;flex-shrink:0}
.hero-score-bar{flex:1;height:6px;background:var(--cream-2);border-radius:var(--r-pill);overflow:hidden}
.hero-score-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--coral),var(--coral-l));transition:width 1.2s var(--ease-out)}
.hero-score-num{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:600;color:var(--ink-2);width:24px;text-align:right;font-variant-numeric:tabular-nums}
.hero-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--cream-2)}
.hero-card-price{font-size:var(--fs-sm);color:var(--ink-4)}
.hero-card-price strong{color:var(--ink);font-weight:700}
.hero-card-link{font-size:var(--fs-xs);color:var(--coral);font-weight:600;display:flex;align-items:center;gap:4px}



}


.hero-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}
.hero-card-dots{display:flex;gap:6px}
.hero-dot-ind{width:8px;height:8px;border-radius:50%;background:var(--cream-2);cursor:pointer;transition:background .3s,transform .2s}
.hero-dot-ind.active{background:var(--coral);transform:scale(1.25)}
.hero-dot-ind:hover{background:var(--coral-l)}
.hero-card-tool-cat{display:block;font-size:var(--fs-xs);color:var(--ink-4);margin-top:2px}
.hero-card-chip{font-family:var(--f-en);font-size:var(--fs-2xl);font-weight:700;color:var(--coral);display:flex;align-items:baseline;gap:2px;line-height:1}
.hero-chip-label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-4)}

@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;text-align:center;padding:var(--sp-16) 0 var(--sp-12)}
  .hero-left{max-width:640px;margin:0 auto}
  .hero-ctas,.hero-badges{justify-content:center}
  .hero-right{margin-top:var(--sp-8)}
  .hero-card{max-width:360px;margin:0 auto}
  
}
@media(max-width:768px){
  .hero h1{font-size:clamp(28px,6vw,40px)}
  .hero-right{display:none}
  .hero{min-height:auto}
}

/* 笊絶武笊・STATS BAR v5 笊絶武笊・*/
.stats-bar{background:var(--surface-2);border-top:1px solid var(--cream-2);border-bottom:1px solid var(--cream-2);padding:var(--sp-5) 0}
.stats-inner{display:flex;justify-content:center;gap:clamp(24px,5vw,64px);flex-wrap:wrap}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}
.stat-num{font-family:var(--f-en);font-weight:700;font-variant-numeric:tabular-nums;color:var(--coral);font-size:var(--fs-2xl)}
.stat-label{font-size:var(--fs-xs);color:var(--ink-4)}

/* 笊絶武笊・SEARCH 笊絶武笊・*/
.search-sec{background:var(--surface);padding:var(--sp-8) 0 var(--sp-16)}
.search-wrap{max-width:680px;margin:0 auto;position:relative;padding:0 var(--sp-6)}
.search-box{width:100%;display:flex;align-items:center;background:var(--cream);border:2px solid var(--cream-2);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);gap:var(--sp-3);transition:border-color .2s,box-shadow .2s,background .2s}
.search-box:focus-within{border-color:var(--coral);background:var(--surface);box-shadow:0 0 0 4px rgba(232,98,72,.12)}
.search-box svg{width:20px;height:20px;stroke:var(--ink-4);flex-shrink:0;fill:none;stroke-width:2;stroke-linecap:round}
.search-input{flex:1;font-family:var(--f-jp);font-size:var(--fs-base);color:var(--ink);border:none;background:transparent;outline:none;min-height:28px}
.search-input::placeholder{color:var(--ink-4)}
.search-kbd{font-family:var(--f-en);font-size:10px;color:var(--ink-4);background:var(--surface);border:1px solid var(--cream-2);border-radius:5px;padding:2px 7px;flex-shrink:0}
.search-chips-label{font-size:var(--fs-sm);color:var(--ink-4);font-weight:500;margin-right:4px}.search-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-3);justify-content:center}
.search-chip{font-size:var(--fs-xs);color:var(--ink-3);background:var(--cream);border:1px solid var(--cream-2);border-radius:var(--r-pill);padding:4px 12px;transition:background .2s,border-color .2s;cursor:pointer}
@media(hover:hover){.search-chip:hover{background:var(--coral-paler);border-color:var(--coral-pale);color:var(--coral)}}
.search-suggests{position:absolute;top:calc(100% - 24px);left:var(--sp-6);right:var(--sp-6);background:var(--surface);border:1.5px solid var(--cream-2);border-radius:var(--r-lg);box-shadow:var(--sh-md);display:none;z-index:50;overflow:hidden;margin-top:var(--sp-2)}
.search-wrap:focus-within .search-suggests{display:block}
.sug-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--ink-2);transition:background .15s;cursor:pointer;min-height:44px}
@media(hover:hover){.sug-item:hover{background:var(--cream)}}
.sug-cat{margin-left:auto;font-size:var(--fs-xs);font-family:var(--f-en)}

/* 笊絶武笊・PERSONA 笊絶武笊・*/
.persona-sec{background:var(--cream);padding:var(--sec-gap) 0}
.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--sp-4)}
.persona-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-6);cursor:pointer;border:2px solid transparent;transition:transform var(--dur-b) var(--ease-out),box-shadow var(--dur-b),border-color var(--dur-b);min-height:44px}
@media(hover:hover){.persona-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--coral-pale)}}
.persona-icon{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}
.persona-label{font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin-bottom:var(--sp-1)}
.persona-desc{font-size:var(--fs-xs);color:var(--ink-4);line-height:1.6}
.persona-arrow{font-size:var(--fs-sm);color:var(--coral);font-weight:600;margin-top:var(--sp-3);display:flex;align-items:center;gap:4px}

/* 笊絶武笊・COMPARE 笊絶武笊・*/
.compare-sec{background:var(--surface);padding:var(--sec-gap) 0}
.cmp-card{background:var(--cream);border-radius:var(--r-2xl);padding:var(--sp-8);box-shadow:var(--sh-sm)}
.cmp-selects{display:grid;grid-template-columns:1fr 44px 1fr;gap:var(--sp-4);align-items:center;margin-bottom:var(--sp-6)}
.vs-badge{width:44px;height:44px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;color:var(--ink-4);justify-self:center}
.tool-sel{width:100%;padding:var(--sp-3) var(--sp-4);padding-right:36px;border:1.5px solid var(--cream-2);border-radius:var(--r-md);font-family:var(--f-jp);font-size:var(--fs-base);color:var(--ink);background:var(--surface);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23A09590' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:border-color .2s;min-height:44px}
.tool-sel:focus{outline:none;border-color:var(--coral)}
.cmp-btn{width:100%;background:var(--coral);color:#fff;font-size:var(--fs-base);font-weight:700;padding:var(--sp-4);border-radius:var(--r-md);transition:background .2s,transform .15s;margin-bottom:var(--sp-6);min-height:48px}
@media(hover:hover){.cmp-btn:hover{background:var(--coral-h);transform:translateY(-1px)}}
.cmp-btn:active{transform:scale(.98)}
.cmp-results{display:none}
.cmp-results.show{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--sp-5)}
.cmp-tool{border:1.5px solid var(--cream-2);border-radius:var(--r-xl);padding:var(--sp-5);background:var(--surface);transition:border-color .2s}
@media(hover:hover){.cmp-tool:hover{border-color:var(--coral-pale)}}
.cmp-tool-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}
.cmp-tool-name{font-size:var(--fs-lg);font-weight:700}
.score-chip{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;background:var(--coral-pale);color:var(--coral);padding:3px 10px;border-radius:var(--r-pill)}
.score-rows{display:flex;flex-direction:column;gap:var(--sp-2)}
.score-row{display:flex;align-items:center;gap:var(--sp-2)}
.score-lbl{font-size:var(--fs-xs);color:var(--ink-3);width:80px;flex-shrink:0}
.score-bar-bg{flex:1;height:6px;background:var(--cream-2);border-radius:var(--r-pill);overflow:hidden}
.score-bar-fill{height:100%;border-radius:var(--r-pill);transition:width .6s var(--ease-out)}
.score-val{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:600;width:24px;text-align:right;font-variant-numeric:tabular-nums}
.cmp-comment{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--ink-3);line-height:1.7;padding:var(--sp-3);background:var(--cream);border-radius:var(--r-sm)}
.cmp-comment strong{color:var(--ink-2)}
.cmp-detail-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600;color:var(--coral);margin-top:var(--sp-3);min-height:44px}

/* 笊絶武笊・ARTICLES 笊絶武笊・*/
.articles-sec{background:var(--cream);padding:var(--sec-gap) 0}
.feat-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--sp-5)}
.art-hero{background:var(--surface);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s}
@media(hover:hover){.art-hero:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}}
.thumb-h{aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--cream)}.thumb-h>svg{width:100%;height:100%;display:block}
.art-hero-body{padding:var(--sp-5) var(--sp-6) var(--sp-6)}
.art-sub-stack{display:flex;flex-direction:column;gap:var(--sp-3)}
.art-sm{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;display:flex;gap:0;cursor:pointer;flex:1;transition:transform .2s var(--ease-out),box-shadow .2s}
@media(hover:hover){.art-sm:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}}
.thumb-s{width:140px;flex-shrink:0;overflow:hidden;background:var(--cream);align-self:stretch}.thumb-s>svg{width:100%;height:100%;display:block;min-height:120px}
.art-sm-body{padding:var(--sp-3) var(--sp-4);flex:1}
.art-title-l{font-size:var(--fs-lg);font-weight:700;line-height:1.55;color:var(--ink);margin-bottom:var(--sp-2)}
.art-title-s{font-size:var(--fs-sm);font-weight:700;line-height:1.5;color:var(--ink);margin-bottom:4px}
.art-meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-4);font-family:var(--f-en);flex-wrap:wrap}
.art-score{color:var(--coral);font-weight:700}
.art-editor{font-weight:600}

/* 笊絶武笊・A-SCORE (6-axis) 笊絶武笊・*/
.ascore-sec{background:var(--surface);padding:var(--sec-gap) 0}
.ascore-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start}
.radar-wrap{display:flex;justify-content:center;position:sticky;top:100px}
.radar-svg{width:100%;max-width:360px;height:auto}
.ascore-axes{display:flex;flex-direction:column;gap:var(--sp-4)}
.axis-row{display:flex;align-items:center;gap:var(--sp-4)}
.axis-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-xs)}
.axis-icon svg{width:18px;height:18px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.axis-info{flex:1}
.axis-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.axis-nm{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.axis-abbr{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;color:var(--coral);margin-left:4px}
.axis-d{font-size:var(--fs-xs);color:var(--ink-4);line-height:1.5}
.axis-num{font-family:var(--f-en);font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}
.axis-bar{width:100%;height:5px;background:var(--cream-2);border-radius:var(--r-pill)}
.axis-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--coral-l),var(--coral))}
.total-score{margin-top:var(--sp-5);padding:var(--sp-5) var(--sp-6);background:var(--cream);border-radius:var(--r-xl);display:flex;align-items:center;gap:var(--sp-4)}
.total-num{font-family:var(--f-en);font-size:48px;font-weight:700;color:var(--coral);line-height:1;font-variant-numeric:tabular-nums}
.total-label{font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin-bottom:4px}
.total-tiers{font-size:var(--fs-xs);color:var(--ink-4);line-height:1.7}

/* 笊絶武笊・CONTENT STRATEGY 笊絶武笊・*/
.content-sec{background:var(--cream);padding:var(--sec-gap) 0}
.content-layers{display:flex;flex-direction:column;gap:var(--sp-4);max-width:800px}
.layer{border-radius:var(--r-xl);padding:var(--sp-6);position:relative;overflow:hidden}
.layer-flag{background:var(--surface);border:2px solid var(--coral-pale)}
.layer-seo{background:var(--surface);border:2px solid var(--cream-2)}
.layer-col{background:var(--coral-paler);border:2px solid var(--coral-pale)}
.layer-tag{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-2)}
.layer-title{font-size:var(--fs-lg);font-weight:700;color:var(--ink);margin-bottom:var(--sp-2)}
.layer-desc{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.8}
.layer-meta{display:flex;gap:var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap}
.layer-meta span{font-size:var(--fs-xs);color:var(--ink-4);display:flex;align-items:center;gap:4px}

/* 笊絶武笊・CORPORATE REPORTS 笊絶武笊・*/
.reports-sec{background:var(--surface);padding:var(--sec-gap) 0}
.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--sp-5)}
.report-card{background:var(--cream);border-radius:var(--r-xl);padding:var(--sp-6);display:flex;flex-direction:column;border:2px solid transparent;transition:border-color .2s,transform .25s var(--ease-out),box-shadow .25s}
@media(hover:hover){.report-card:hover{border-color:var(--coral-pale);transform:translateY(-4px);box-shadow:var(--sh-md)}}
.report-card.recommended{border-color:var(--coral);position:relative}
.report-pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--coral);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:3px 12px;border-radius:var(--r-pill);white-space:nowrap}
.report-type{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;color:var(--coral);letter-spacing:.08em;margin-bottom:var(--sp-2)}
.report-name{font-family:var(--f-heading-jp);font-size:var(--fs-xl);font-weight:700;color:var(--ink);margin-bottom:var(--sp-2)}
.report-price{font-family:var(--f-en);font-size:var(--fs-2xl);font-weight:700;color:var(--ink);margin-bottom:var(--sp-1)}
.report-price-note{font-size:var(--fs-xs);color:var(--ink-4);margin-bottom:var(--sp-4)}
.report-features{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5);flex:1}
.report-feat{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6}
.report-feat svg{width:16px;height:16px;stroke:var(--success);flex-shrink:0;margin-top:3px;fill:none;stroke-width:2;stroke-linecap:round}
.report-btn{width:100%;text-align:center;justify-content:center}
.report-trust{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}
.trust-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--success);background:rgba(45,134,89,.08);padding:3px 8px;border-radius:var(--r-pill)}

/* 笊絶武笊・SOCIAL 笊絶武笊・*/
.social-sec{background:var(--cream);padding:var(--sp-12) 0}
.social-bar{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center;align-items:stretch}
.social-card{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--ink-2);transition:transform .2s var(--ease-out),box-shadow .2s;cursor:pointer;min-height:44px}
@media(hover:hover){.social-card:hover{transform:translateY(-2px);box-shadow:var(--sh-sm)}}
.social-card svg{width:20px;height:20px;flex-shrink:0}
.social-card strong{font-weight:600}

/* 笊絶武笊・TEAM 笊絶武笊・*/
.team-sec{background:var(--surface);padding:var(--sec-gap) 0}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--sp-4)}
.team-card{background:var(--cream);border-radius:var(--r-xl);padding:var(--sp-6) var(--sp-4);text-align:center;transition:transform .2s var(--ease-out),box-shadow .2s}
@media(hover:hover){.team-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}}
.team-card.chief{background:var(--coral-paler)}
.team-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto var(--sp-3);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px oklch(10% .05 25/.15)}


.team-role{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--f-en);color:var(--coral);margin-bottom:4px}
.team-nm{font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin-bottom:2px}
.team-nm-en{font-family:var(--f-en);font-size:var(--fs-xs);color:var(--ink-4);margin-bottom:var(--sp-2)}
.team-info{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.6}




/* 笊絶武笊・WHY ASKIVE 笊絶武笊・*/
.why-sec{background:var(--dark);padding:var(--sec-gap) 0}
.why-sec .eyebrow{color:var(--coral-l)}
.why-sec .sec-title{color:#fff}
.why-sec .sec-desc{color:oklch(65% .02 30)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--sp-5)}
.why-card{background:var(--dark-2);border-radius:var(--r-xl);padding:var(--sp-6);border:1px solid var(--dark-3);transition:transform .2s var(--ease-out),border-color .2s}
@media(hover:hover){.why-card:hover{transform:translateY(-4px);border-color:oklch(40% .1 25)}}
.why-num{font-family:var(--f-en);font-size:48px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--coral);margin-bottom:var(--sp-4);letter-spacing:-.02em;display:block}
.why-title{font-family:var(--f-heading-jp);font-size:var(--fs-xl);font-weight:700;color:#fff;line-height:1.5;margin-bottom:var(--sp-2)}
.why-body{font-size:var(--fs-sm);color:oklch(60% .02 30);line-height:1.85}

/* 笊絶武笊・AI DASHBOARD 笊絶武笊・*/
.dash-sec{background:var(--dark-2);padding:var(--sec-gap) 0}
.dash-sec .eyebrow{color:var(--coral-l)}
.dash-sec .sec-title{color:#fff}
.dash-sec .sec-desc{color:oklch(65% .02 30)}
.dash-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--sp-8);align-items:start}
.dash-big{text-align:center}
.dash-pct{font-family:var(--f-en);font-size:clamp(56px,8vw,80px);font-weight:700;color:var(--coral);line-height:1;font-variant-numeric:tabular-nums}
.dash-pct-label{font-size:var(--fs-sm);color:oklch(60% .02 30);margin-top:var(--sp-2)}
.dash-delta{font-family:var(--f-en);font-size:var(--fs-sm);font-weight:700;color:var(--success);margin-top:var(--sp-1)}
.dash-bars{display:flex;flex-direction:column;gap:var(--sp-4)}
.dash-bar-row{display:flex;align-items:center;gap:var(--sp-3)}
.dash-bar-name{font-size:var(--fs-sm);color:oklch(75% .02 30);width:100px;flex-shrink:0;font-family:var(--f-en);font-weight:500}
.dash-bar-bg{flex:1;height:8px;background:var(--dark-3);border-radius:var(--r-pill);overflow:hidden}
.dash-bar-fill{height:100%;border-radius:var(--r-pill);background:var(--coral);transition:width .8s var(--ease-out)}
.dash-bar-val{font-family:var(--f-en);font-size:var(--fs-sm);font-weight:600;color:#fff;width:36px;text-align:right;font-variant-numeric:tabular-nums}
.dash-note{font-size:var(--fs-xs);color:oklch(50% .02 30);margin-top:var(--sp-5);line-height:1.7}

/* 笊絶武笊・COLUMN PICKUP 笊絶武笊・*/
.column-sec{background:var(--surface);padding:var(--sec-gap) 0}
.column-card{background:var(--cream);border-radius:var(--r-2xl);padding:var(--sp-8);max-width:800px;position:relative}
.column-badge{display:inline-flex;align-items:center;gap:4px;background:var(--coral-pale);color:var(--coral);font-size:var(--fs-xs);font-weight:700;padding:4px 12px;border-radius:var(--r-pill);margin-bottom:var(--sp-4)}
.column-title{font-family:var(--f-heading-jp);font-size:var(--fs-xl);font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:var(--sp-4);text-wrap:balance}
.column-excerpt{font-size:var(--fs-base);color:var(--ink-3);line-height:1.9;border-left:3px solid var(--coral);padding-left:var(--sp-5);margin-bottom:var(--sp-5);font-style:italic}
.column-author{display:flex;align-items:center;gap:var(--sp-3)}
.column-av{width:40px;height:40px;border-radius:50%;background:var(--coral-pale);display:flex;align-items:center;justify-content:center;font-size:9px;font-family:monospace;color:var(--coral)}
.column-author-name{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.column-author-role{font-size:var(--fs-xs);color:var(--ink-4)}

/* 笊絶武笊・POLICY 笊絶武笊・*/
.policy-sec{background:var(--cream);padding:var(--sec-gap) 0}
.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--sp-5)}
.pol-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--sh-xs)}
.pol-icon{width:40px;height:40px;background:var(--coral-pale);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}
.pol-icon svg{width:20px;height:20px;stroke:var(--coral);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pol-title{font-size:var(--fs-base);font-weight:700;color:var(--ink);margin-bottom:var(--sp-1)}
.pol-body{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.85}
.pol-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;color:var(--success);background:rgba(45,134,89,.08);padding:4px 10px;border-radius:var(--r-pill);margin-top:var(--sp-3)}

/* 笊絶武笊・PILLAR 笊絶武笊・*/
.pillar-sec{background:var(--surface);padding:var(--sec-gap) 0}
.pillar-card{background:var(--cream);border-radius:var(--r-2xl);padding:var(--sp-8);max-width:800px}
.pillar-title{font-family:var(--f-heading-jp);font-size:var(--fs-2xl);font-weight:700;color:var(--ink);margin-bottom:var(--sp-4);text-wrap:balance}
.pillar-desc{font-size:var(--fs-base);color:var(--ink-3);line-height:1.85;margin-bottom:var(--sp-5)}
.cluster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--sp-3)}
.cluster-item{background:var(--surface);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--ink-2);display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--cream-2)}
.cluster-item svg{width:14px;height:14px;stroke:var(--coral);flex-shrink:0;fill:none;stroke-width:2}

/* 笊絶武笊・NEWSLETTER 笊絶武笊・*/
.nl-sec{background:var(--coral);padding:var(--sp-16) 0;text-align:center}
.nl-inner{max-width:560px;margin:0 auto;padding:0 var(--sp-6)}
.nl-ey{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;color:oklch(92% .05 25);text-transform:uppercase;margin-bottom:var(--sp-4)}
.nl-title{font-family:var(--f-heading-jp);font-size:var(--fs-2xl);font-weight:700;color:#fff;line-height:1.4;margin-bottom:var(--sp-2);text-wrap:balance}
.nl-sub{font-size:var(--fs-base);color:oklch(92% .05 25);margin-bottom:var(--sp-2)}
.nl-hook{font-size:var(--fs-sm);font-weight:700;color:#fff;margin-bottom:var(--sp-6);background:oklch(100% 0 0/.12);display:inline-block;padding:4px 14px;border-radius:var(--r-pill)}
.nl-form{display:flex;gap:var(--sp-2)}
.nl-input{flex:1;padding:14px 20px;border-radius:var(--r-pill);border:none;font-family:var(--f-jp);font-size:var(--fs-base);background:oklch(100% 0 0/.18);color:#fff;transition:background .2s;min-height:48px}
.nl-input::placeholder{color:oklch(92% .05 25)}
.nl-input:focus{outline:none;background:oklch(100% 0 0/.28)}
.nl-btn-sub{background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:700;padding:14px 24px;border-radius:var(--r-pill);flex-shrink:0;transition:background .2s,transform .15s;min-height:48px}
@media(hover:hover){.nl-btn-sub:hover{background:var(--ink-2);transform:translateY(-1px)}}
.nl-meta{font-size:var(--fs-xs);color:oklch(88% .04 25);margin-top:var(--sp-4)}
.nl-count{font-family:var(--f-en);font-weight:700}

/* 笊絶武笊・FOOTER 笊絶武笊・*/
footer{background:var(--dark);padding:var(--sp-16) 0 var(--sp-8)}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--sp-10);margin-bottom:var(--sp-12)}
.ft-brand .ft-logo{font-family:var(--f-heading-en);font-size:20px;font-weight:700;color:var(--coral-l);margin-bottom:var(--sp-2)}
.ft-brand p{font-size:var(--fs-sm);color:oklch(55% .02 30);line-height:1.8;max-width:260px;margin-bottom:var(--sp-5)}
.ft-social{display:flex;gap:var(--sp-3)}
.soc-btn{width:36px;height:36px;border-radius:var(--r-sm);background:var(--dark-2);display:flex;align-items:center;justify-content:center;transition:background .2s;min-width:36px;min-height:36px}
@media(hover:hover){.soc-btn:hover{background:var(--dark-3)}}
.soc-btn svg{width:16px;height:16px;stroke:oklch(65% .02 30);fill:none;stroke-width:1.8}
.ft-col-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--f-en);color:oklch(55% .02 30);margin-bottom:var(--sp-4)}
.ft-links{display:flex;flex-direction:column;gap:var(--sp-2)}
.ft-links a{font-size:var(--fs-sm);color:oklch(50% .02 30);transition:color .2s;padding:2px 0;min-height:28px;display:flex;align-items:center}
@media(hover:hover){.ft-links a:hover{color:var(--coral-l)}}
.ft-compliance{display:flex;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-5) 0;border-top:1px solid var(--dark-2);margin-bottom:var(--sp-5)}
.comp-badge{font-size:10px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--dark-3);color:oklch(60% .02 30);display:flex;align-items:center;gap:4px}
.comp-badge svg{width:12px;height:12px;stroke:var(--success);fill:none;stroke-width:2}
.ft-bottom{border-top:1px solid var(--dark-2);padding-top:var(--sp-5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.ft-copy{font-family:var(--f-en);font-size:var(--fs-xs);color:oklch(40% .02 30)}
.ft-bottom-links{display:flex;gap:var(--sp-5)}
.ft-bottom-links a{font-size:var(--fs-xs);color:oklch(45% .02 30);transition:color .2s}
@media(hover:hover){.ft-bottom-links a:hover{color:var(--coral-l)}}

/* 笊絶武笊・CATEGORIES 笊絶武笊・*/
.cat-sec{padding:var(--sec-gap) 0}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(12px,2vw,20px)}
.cat-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-6) var(--sp-4);text-align:center;cursor:pointer;border:2px solid transparent;transition:transform .2s var(--ease-out),box-shadow .2s,border-color .2s}
@media(hover:hover){.cat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--coral-pale)}}
.cat-pill{display:inline-flex;width:48px;height:48px;border-radius:var(--r-md);align-items:center;justify-content:center;margin:0 auto var(--sp-3);box-shadow:var(--sh-xs)}
.cat-pill svg{width:22px;height:22px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.cat-nm{font-size:var(--fs-sm);font-weight:700;color:var(--ink);line-height:1.45}
.cat-count{font-family:var(--f-en);font-size:var(--fs-xs);color:var(--ink-4);margin-top:2px}

/* 笊絶武笊・RESPONSIVE 笊絶武笊・*/
@media(max-width:1024px){
  .ft-top{grid-template-columns:1fr 1fr 1fr;gap:var(--sp-8)}
  .ft-top>:first-child{grid-column:1/-1}
  .dash-layout{grid-template-columns:1fr}
  .dash-big{margin-bottom:var(--sp-4)}
}
@media(max-width:768px){
  .hd-nav,.btn-nl{display:none}
  .hamburger{display:flex}
  .feat-grid{grid-template-columns:1fr}
  .ascore-layout{grid-template-columns:1fr}
  .radar-wrap{position:static;margin-bottom:var(--sp-8)}
  .cmp-selects{grid-template-columns:1fr;gap:var(--sp-3)}
  .vs-badge{display:none}
  .ft-top{grid-template-columns:1fr 1fr;gap:var(--sp-6)}
  .nl-form{flex-direction:column}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr}
  .hero-badges{flex-direction:column;align-items:center}
}

/* 笊絶武笊・ADDICTIVE MICRO-INTERACTIONS 笊絶武笊・*/

/* CTA breathing glow */
@keyframes cta-breathe{0%,100%{box-shadow:0 4px 20px rgba(232,98,72,.3)}50%{box-shadow:0 4px 32px rgba(232,98,72,.5),0 0 60px rgba(232,98,72,.15)}}
.btn-p{animation:cta-breathe 3s ease-in-out infinite}
.btn-p:hover{animation:none}

/* Card shine sweep on hover */
.card-shine{position:relative;overflow:hidden}
.card-shine::after{content:'';position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,oklch(99% .01 60/.12),transparent);transform:rotate(25deg);transition:none;pointer-events:none;opacity:0}
@media(hover:hover){.card-shine:hover::after{opacity:1;animation:shine-sweep .6s ease-out forwards}}
@keyframes shine-sweep{0%{left:-60%}100%{left:120%}}

/* Score bar shimmer */
@keyframes bar-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.hero-score-fill,.score-bar-fill,.axis-fill{background:linear-gradient(90deg,var(--coral),var(--coral-l),var(--coral));background-size:200% 100%;animation:bar-shimmer 2.5s ease-in-out infinite}

/* Hero card 3D tilt 窶・applied via JS */
.hero-card{transition:transform .15s ease-out,box-shadow .3s;transform-style:preserve-3d;perspective:800px}
.hero-card:hover{box-shadow:0 40px 80px oklch(10% .05 25/.12),0 0 0 1px var(--cream-2)}

/* Enhanced stagger for grid items */
.stagger-grid>*:nth-child(1){transition-delay:.0s}
.stagger-grid>*:nth-child(2){transition-delay:.08s}
.stagger-grid>*:nth-child(3){transition-delay:.16s}
.stagger-grid>*:nth-child(4){transition-delay:.24s}
.stagger-grid>*:nth-child(5){transition-delay:.32s}
.stagger-grid>*:nth-child(6){transition-delay:.4s}

/* Article card hover zoom on thumbnail */
.thumb-h,.thumb-s{transition:transform .4s var(--ease-out)}
@media(hover:hover){
  .art-hero:hover .thumb-h{transform:scale(1.04)}
  .art-sm:hover .thumb-s{transform:scale(1.06)}
}

/* Category card icon bounce */
@media(hover:hover){
  .cat-card:hover .cat-pill{animation:icon-bounce .5s var(--ease-out)}
}
@keyframes icon-bounce{0%{transform:scale(1)}40%{transform:scale(1.2)}70%{transform:scale(.95)}100%{transform:scale(1)}}

/* Stat number pulse on count complete */
@keyframes num-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.stat-num{animation:num-pop .4s 1.5s both var(--ease-out)}

/* Score chip subtle pulse */
}


/* Smooth section color transitions using pseudo-elements */
.compare-sec{position:relative}
.compare-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,var(--surface),var(--cream));pointer-events:none}

/* Why section ambient glow */
.why-sec{position:relative;overflow:hidden}
.why-sec::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;background:radial-gradient(ellipse,oklch(30% .12 25/.15),transparent 60%);transform:translate(-50%,-50%);pointer-events:none}

/* Newsletter section subtle gradient shift */
@keyframes nl-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.nl-sec{background:linear-gradient(135deg,#E86248,#D4503A,#E86248);background-size:200% 200%;animation:nl-shift 8s ease infinite}

/* Link underline slide-in */
.animated-link{position:relative;display:inline}
.animated-link::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:1.5px;background:var(--coral);transition:width .3s var(--ease-out)}
@media(hover:hover){.animated-link:hover::after{width:100%}}


/* 笊絶武笊・COMPARE FIXES 笊絶武笊・*/
.score-lbl{font-size:var(--fs-xs);color:var(--ink-3);width:56px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-sel{width:100%;padding:14px 44px 14px 16px;border:2px solid var(--cream-2);border-radius:var(--r-lg);font-family:var(--f-jp);font-size:var(--fs-base);color:var(--ink);background:var(--surface);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%236B5E59' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-height:52px;font-weight:500}
.tool-sel:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(232,98,72,.1)}
.tool-sel:hover{border-color:var(--ink-5)}
.cmp-btn{width:100%;background:var(--coral);color:#fff;font-size:var(--fs-base);font-weight:700;padding:16px;border-radius:var(--r-lg);transition:background .2s,transform .15s;margin-bottom:var(--sp-6);min-height:52px;letter-spacing:.01em}
.score-bar-bg{flex:1;height:8px;background:var(--cream-2);border-radius:var(--r-pill);overflow:hidden}
.cmp-tool{border:2px solid var(--cream-2);border-radius:var(--r-xl);padding:var(--sp-6);background:var(--surface);transition:border-color .2s}
.score-val{font-family:var(--f-en);font-size:var(--fs-sm);font-weight:700;width:32px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.cmp-tool-name{font-size:var(--fs-xl);font-weight:700}
.score-chip{font-family:var(--f-en);font-size:var(--fs-sm);font-weight:700;background:var(--coral);color:#fff;padding:6px 14px;border-radius:var(--r-pill)}

/* 笊絶武笊・A-SCORE FIXES 笊絶武笊・*/
.axis-icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--cream);border:1px solid var(--cream-2)}
.total-score{margin-top:var(--sp-6);padding:var(--sp-6);background:var(--cream);border-radius:var(--r-xl);display:flex;align-items:center;gap:var(--sp-5)}
.total-num{font-family:var(--f-en);font-size:56px;font-weight:700;color:var(--coral);line-height:1;font-variant-numeric:tabular-nums}
.total-label{font-size:var(--fs-lg);font-weight:700;color:var(--ink);margin-bottom:4px}
.total-tier{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-en);font-size:var(--fs-sm);font-weight:700;padding:4px 12px;border-radius:var(--r-pill);margin-top:6px}
.total-tier.excellent{background:rgba(45,134,89,.1);color:var(--success)}
.total-tier.good{background:var(--coral-pale);color:var(--coral)}
.total-tier.fair{background:rgba(201,122,31,.1);color:var(--warning)}
.total-tiers{font-size:var(--fs-xs);color:var(--ink-4);line-height:1.7;margin-top:var(--sp-3)}
.axis-bar{width:100%;height:6px;background:var(--cream-2);border-radius:var(--r-pill);margin-top:8px}

/* 笊絶武笊・RADAR FIXES 笊絶武笊・*/
.radar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:sticky;top:100px;padding:var(--sp-6)}
.radar-svg{width:100%;max-width:380px;height:auto;overflow:visible}

/* 笊絶武笊・CATEGORY FIXES 笊絶武笊・*/
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--sp-4)}
.cat-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-6);cursor:pointer;border:2px solid transparent;transition:transform .2s var(--ease-out),box-shadow .2s,border-color .2s;display:flex;align-items:center;gap:var(--sp-4);text-align:left}
.cat-pill{display:inline-flex;width:52px;height:52px;border-radius:var(--r-lg);align-items:center;justify-content:center;flex-shrink:0;background:var(--cream);border:1px solid var(--cream-2)}
.cat-pill svg{width:24px;height:24px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.cat-nm{font-size:var(--fs-base);font-weight:700;color:var(--ink);line-height:1.35}
.cat-count{font-family:var(--f-en);font-size:var(--fs-xs);color:var(--ink-4);margin-top:2px}
.cat-info{flex:1}


.team-avatar-initial{font-size:34px;font-weight:700;font-family:var(--f-jp);line-height:1;color:#fff}
.team-avatar-badge{position:absolute;bottom:-4px;right:-4px;background:#fff;color:var(--ink);font-family:var(--f-en);font-size:9px;font-weight:700;padding:3px 7px;border-radius:var(--r-pill);box-shadow:var(--sh-sm);letter-spacing:.05em}
.column-av{width:48px;height:48px;border-radius:50%;flex-shrink:0;box-shadow:var(--sh-sm)}


/* Compare verdict bar */
.cmp-verdict{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:14px var(--sp-5);background:linear-gradient(135deg,var(--coral-pale),var(--coral-paler));border-radius:var(--r-lg);margin-bottom:var(--sp-6)}
.cmp-verdict-label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3);letter-spacing:.05em}
.cmp-verdict-winner{font-size:var(--fs-base);font-weight:700;color:var(--coral)}
@media(max-width:600px){.cmp-verdict{flex-direction:column;gap:4px;padding:12px}.cmp-verdict-winner{font-size:var(--fs-sm)}}


.ascore-toolbar{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-7);flex-wrap:wrap;justify-content:center}
.ascore-toolbar-label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-3)}
.ascore-tool-tabs{display:flex;gap:8px;flex-wrap:wrap}
.ascore-tab{padding:8px 16px;border-radius:var(--r-pill);border:1.5px solid var(--cream-2);background:var(--surface);color:var(--ink-3);font-family:var(--f-jp);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .2s;min-height:36px}
.ascore-tab:hover{border-color:var(--coral);color:var(--coral)}
.ascore-tab.active{background:var(--coral);color:#fff;border-color:var(--coral);box-shadow:0 4px 12px rgba(232,98,72,.25)}
@media(max-width:600px){.ascore-toolbar{flex-direction:column;align-items:flex-start}.ascore-tool-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.ascore-tab{flex-shrink:0}}

/* 笊絶武笊・A-SCORE LIVE ENGINE 笊絶武笊・*/
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#E63946;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 0 rgba(230,57,70,.7);animation:livePulse 1.8s ease-out infinite;position:relative;top:-1px}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(230,57,70,.6)}70%{box-shadow:0 0 0 10px rgba(230,57,70,0)}100%{box-shadow:0 0 0 0 rgba(230,57,70,0)}}

.live-search-wrap{margin-bottom:var(--sp-12);max-width:780px;margin-left:auto;margin-right:auto}
.live-search{display:flex;align-items:center;gap:0;background:#fff;border:2px solid var(--cream-2);border-radius:var(--r-pill);padding:6px 6px 6px 24px;box-shadow:0 8px 32px rgba(232,98,72,.08);transition:border-color .2s,box-shadow .2s}
.live-search:focus-within{border-color:var(--coral);box-shadow:0 8px 40px rgba(232,98,72,.18)}
.live-search-icon{color:var(--ink-3);flex-shrink:0}
.live-search-input{flex:1;border:none;outline:none;background:transparent;padding:14px 16px;font-family:var(--f-jp);font-size:var(--fs-base);color:var(--ink-1);min-width:0}
.live-search-input::placeholder{color:var(--ink-4)}
.live-search-input:disabled{opacity:.5}
.live-search-btn{display:inline-flex;align-items:center;gap:8px;background:var(--coral);color:#fff;border:none;border-radius:var(--r-pill);padding:12px 24px;font-family:var(--f-jp);font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:transform .15s,background .2s;flex-shrink:0;min-height:44px;white-space:nowrap}
.live-search-btn:hover:not(:disabled){background:var(--coral-d);transform:translateY(-1px)}
.live-search-btn:disabled{opacity:.5;cursor:not-allowed}

.live-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:var(--sp-5);justify-content:center}
.live-chips-label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3);letter-spacing:.05em}
.live-chip{padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--cream-2);background:var(--surface);color:var(--ink-2);font-family:var(--f-jp);font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all .2s}
.live-chip:hover:not(:disabled){border-color:var(--coral);color:var(--coral);background:#FFF7F4}
.live-chip.active{background:var(--coral);color:#fff;border-color:var(--coral)}
.live-chip.recent{border-style:dashed}
.live-chip:disabled{opacity:.4;cursor:not-allowed}

.live-error{margin-top:var(--sp-4);padding:12px 16px;background:#FFF0EE;border:1px solid #FFD5CD;border-radius:var(--r-md);color:#B23A1F;font-size:var(--fs-sm);text-align:center}

.live-layout{position:relative;transition:opacity .3s}
.radar-stage{position:relative;display:inline-block}
.radar-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.radar-pulse{position:absolute;width:120px;height:120px;border:2px solid var(--coral);border-radius:50%;opacity:0;animation:radarPulse 1.8s ease-out infinite}
@keyframes radarPulse{0%{transform:scale(.4);opacity:.7}100%{transform:scale(2.2);opacity:0}}

.active-tool-name{font-family:var(--f-heading-jp);font-size:var(--fs-2xl);font-weight:800;color:var(--ink-1);margin-top:var(--sp-5);text-align:center;letter-spacing:-.01em;line-height:1.2}
.loading-tool{display:inline-flex;align-items:center;gap:10px;color:var(--ink-3)}
.dot-flash{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);animation:dotFlash 1s ease-in-out infinite}
@keyframes dotFlash{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}

.phase-label{font-size:var(--fs-xs);color:var(--ink-3);text-align:center;margin-top:var(--sp-3);font-weight:600;letter-spacing:.05em;animation:fadeInPhase .3s ease-out}
@keyframes fadeInPhase{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.num-shimmer{display:inline-block;color:var(--ink-4);font-family:var(--f-en);letter-spacing:-.04em;animation:dotFlash 1s ease-in-out infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.axis-row.is-loading .axis-nm,.axis-row.is-loading .axis-d,.axis-row.is-loading .axis-abbr{opacity:.5}
.axis-row{transition:opacity .3s}

.live-verdict{transition:all .4s var(--ease-out)}
.live-verdict.is-loading{opacity:.5}
.live-verdict .verdict-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.verdict-summary{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.7;margin-top:6px;font-weight:500;letter-spacing:.005em}

.verdict-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-4)}
.verdict-card{padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--cream-2);background:#fff}
.verdict-card.pros{border-left:3px solid #2E7D5B}
.verdict-card.cons{border-left:3px solid #C44B3A}
.verdict-card-label{font-family:var(--f-en);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:6px;margin-bottom:6px}
.verdict-card.pros .verdict-card-label{color:#2E7D5B}
.verdict-card.cons .verdict-card-label{color:#C44B3A}
.verdict-card-body{font-size:var(--fs-sm);color:var(--ink-1);line-height:1.6;font-weight:500}

@media(max-width:768px){
  .live-search{flex-direction:column;border-radius:var(--r-xl);padding:8px;align-items:stretch}
  .live-search-icon{display:none}
  .live-search-input{padding:12px 16px;border-radius:var(--r-lg);background:#FAF7F1}
  .live-search-btn{width:100%;justify-content:center;margin-top:6px}
  .verdict-pros-cons{grid-template-columns:1fr}
  .active-tool-name{font-size:var(--fs-xl)}
}


.social-logo{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.social-logo svg{width:18px;height:18px}
.social-logo-x{background:#000}
.social-logo-note{background:#41C9B4}
.soc-btn svg{width:16px;height:16px}
.soc-btn{padding:8px}


.cat-desc{font-size:var(--fs-xs);color:var(--ink-3);margin-top:4px;line-height:1.5}
.cat-arrow{font-family:var(--f-en);font-size:18px;color:var(--ink-4);transition:transform .2s,color .2s;flex-shrink:0;align-self:center}
.cat-card:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:var(--sh-md)}
.cat-card:hover .cat-arrow{color:var(--coral);transform:translateX(4px)}
.cat-card{text-decoration:none;color:inherit}


/* ═══ PAGE LAYOUT (for sub-pages) ═══ */
.page-main{max-width:800px;margin:0 auto;padding:var(--sp-16) var(--sp-6)}
.page-hero{background:var(--surface);padding:var(--sp-16) 0 var(--sp-12);border-bottom:1px solid var(--cream-2)}
.page-hero .w{max-width:800px}
.page-hero-ey{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--coral-paler);color:var(--coral);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;padding:5px 14px;border-radius:var(--r-pill);margin-bottom:var(--sp-4);border:1px solid var(--coral-pale)}
.page-h1{font-size:var(--fs-3xl);font-weight:700;line-height:1.3;color:var(--ink);margin-bottom:var(--sp-4);text-wrap:balance}
.page-desc{font-size:var(--fs-base);color:var(--ink-3);line-height:1.85;max-width:560px}
.page-content{padding:var(--sp-12) 0;max-width:1240px;margin:0 auto;padding-left:var(--sp-6);padding-right:var(--sp-6)}
.prose{max-width:720px}
.prose h2{font-size:var(--fs-2xl);font-weight:700;color:var(--ink);margin:var(--sp-10) 0 var(--sp-4);line-height:1.4}
.prose h3{font-size:var(--fs-xl);font-weight:700;color:var(--ink);margin:var(--sp-8) 0 var(--sp-3)}
.prose p{font-size:var(--fs-base);color:var(--ink-2);line-height:1.9;margin-bottom:var(--sp-4)}
.prose ul,.prose ol{margin:var(--sp-4) 0 var(--sp-4) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}
.prose li{font-size:var(--fs-base);color:var(--ink-2);line-height:1.8}
.prose a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}
.prose strong{font-weight:700;color:var(--ink)}
.info-box{background:var(--cream);border-left:3px solid var(--coral);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--sp-4) var(--sp-5);margin:var(--sp-6) 0}
.info-box p{margin:0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.8}
.table-wrap{overflow-x:auto;margin:var(--sp-6) 0;border-radius:var(--r-lg);border:1px solid var(--cream-2)}
table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
th{background:var(--cream);padding:12px 16px;text-align:left;font-weight:700;color:var(--ink-2);border-bottom:2px solid var(--cream-2)}
td{padding:12px 16px;border-bottom:1px solid var(--cream-2);color:var(--ink-2);line-height:1.6}
tr:last-child td{border-bottom:none}
.tag-list{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-4) 0}
.tag{background:var(--cream);color:var(--ink-3);font-size:var(--fs-xs);padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--cream-2)}


/* ═══════════════════════════════════════
   MOBILE-FIRST RESPONSIVE HARDENING (v3.1)
   - 横スクロール完全防止
   - タッチターゲット最低48px
   - iOS Safari 100vh問題対応(dvh)
   - フォントサイズ最適化(iOS拡大防止)
═══════════════════════════════════════ */

/* 横スクロール完全防止 */
html,body{overflow-x:hidden;max-width:100vw}
*{box-sizing:border-box}
img,video,iframe{max-width:100%;height:auto}

/* iOS Safari 100vh対策 */
.hero,.hero-v5,.fullscreen{min-height:100vh;min-height:100dvh}

/* タッチターゲット最低48px(WCAG 2.2 AAA) */
@media(max-width:768px){
  button,a.btn,a.btn-p,a.btn-s,a.btn-nl,.cta,.live-search-btn,.cmp-btn,
  .live-chip,.search-chip,.tag-pill,.tab-btn{min-height:48px;min-width:48px;padding:14px 18px}
  input,textarea,select{min-height:48px;font-size:16px!important;padding:12px 14px}
  .hd-nav a{min-height:48px}
  .hamburger{min-width:48px;min-height:48px}
  .mob-overlay a{min-height:52px;font-size:18px}
}

/* スマホでの基本余白調整 */
@media(max-width:768px){
  .w{padding-left:16px;padding-right:16px}
  section{padding:48px 0}
  .sec-hd{margin-bottom:32px}
  .sec-title{font-size:clamp(24px,6vw,32px);line-height:1.3}
  .sec-desc{font-size:15px;line-height:1.65}
  .hero-title{font-size:clamp(28px,8vw,40px);line-height:1.2}
  .hero-sub-v5{font-size:15px;line-height:1.6}
}

/* スマホでのカード/グリッド調整 */
@media(max-width:480px){
  .feat-grid,.cat-grid,.art-grid,.cmp-grid,.team-grid,.why-grid,.report-grid,
  .feat-grid-v2,.type-grid,.scene-grid,.tier-grid,.ai-grid,.process-grid,.promise-grid,.mini-grid{
    grid-template-columns:1fr!important;gap:16px
  }
  .ascore-layout,.live-layout{grid-template-columns:1fr!important;gap:20px}
  .compare-widget,.cmp-table-v2 table{font-size:13px}
  .cards-3,.cards-2{grid-template-columns:1fr!important}
  .card,.card-shine,.feat-card,.cat-card,.art-sm,.team-card,.why-card,.report-card{padding:20px}
  .mega-cta{padding:32px 20px}
  .mega-cta h2{font-size:24px;line-height:1.3}
  .mega-cta p{font-size:14px}
  .page-hero-v2{padding:40px 16px}
  .page-hero-v2 h1{font-size:clamp(26px,7vw,36px)}
  .hero-stats{flex-wrap:wrap;gap:12px;justify-content:center}
  .hero-stat .num{font-size:28px}
  .pull-quote{padding:24px 20px;font-size:16px}
  .editor-profile{padding:24px 20px;flex-direction:column;text-align:center}
  .editor-profile .avatar-lg{margin:0 auto}
  .ft-top{grid-template-columns:1fr!important;gap:32px}
  .ft-bottom{flex-direction:column;gap:8px;text-align:center}
}

/* スマホで邪魔になりがちな要素 */
@media(max-width:768px){
  .hero-badges{display:none}
  .stats-bar{padding:24px 0;font-size:13px}
  .stats-bar .stat-num{font-size:22px}
  .floating-cta,.scroll-hint{display:none}
}

/* スマホでの比較ウィジェット最適化 */
@media(max-width:768px){
  .cmp-selects{grid-template-columns:1fr!important;gap:12px}
  .vs-badge{display:none}
  .cmp-tool{padding:14px}
  .compare-result{flex-direction:column;gap:16px}
  .axis-label,.axis-name{font-size:13px}
}

/* スマホでフォーム最適化 */
@media(max-width:768px){
  .live-search{flex-direction:column;gap:12px;padding:12px}
  .live-search-input{width:100%;border-radius:12px}
  .live-search-btn{width:100%;border-radius:12px;justify-content:center}
  .nl-form{flex-direction:column;gap:8px}
  .nl-input,.nl-btn-sub{width:100%}
}

/* セーフエリア対応(iPhone X以降のノッチ/ホームバー) */
@supports(padding:max(0px)){
  body{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
  .site-hd{padding-top:max(8px,env(safe-area-inset-top))}
  footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}

/* リンクのフォーカスリング(キーボード操作対応) */
:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:4px}
.btn-p:focus-visible,.btn-s:focus-visible{outline-offset:4px}

/* スクリーンリーダー専用 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* スキップリンク強化 */
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--coral);color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;z-index:9999}
.skip-link:focus{left:8px}