.top-page{padding-bottom:var(--space-20)}.hero{position:relative;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hero__inner{position:relative;display:block;overflow:hidden;min-height:590px;max-width:1440px;padding-right:0}.hero__copy{position:relative;z-index:2;width:50%;padding-block:var(--space-16);padding-right:var(--space-12)}.hero__eyebrow{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-primary-active);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.hero__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent-yellow)}.hero__title{max-width:9.5em;color:var(--color-heading);font-size:clamp(2.5rem,4.4vw,4rem);font-weight:800;line-height:1.18;letter-spacing:-.055em}.hero__title-accent{color:var(--color-primary)}.hero__title-line{display:block;white-space:nowrap}.hero__desc{max-width:37em;margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.9}.hero__primary-action{display:inline-flex;align-items:center;gap:var(--space-3);min-height:54px;margin-top:var(--space-8);padding:0 var(--space-6);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold);box-shadow:0 10px 28px #2563eb33;transition:background-color var(--transition-fast),transform var(--transition-fast)}.hero__primary-action svg:last-child{margin-left:var(--space-3)}.hero__primary-action:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.hero__quick-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.hero__quick-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.hero__quick-links a:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero__visual{position:absolute;z-index:0;inset:0;overflow:hidden;margin:0;background:radial-gradient(circle at 72% 46%,#fffffff0 0 20%,#fff0 54%),linear-gradient(135deg,#f8f5ed,#eef4f2 56%,#e7f0ed)}.hero__visual:before,.hero__visual:after{position:absolute;content:"";border-radius:50%;pointer-events:none}.hero__visual:before{width:430px;height:430px;top:72px;right:7%;background:color-mix(in srgb,var(--color-primary-light) 42%,transparent)}.hero__visual:after{width:270px;height:270px;top:150px;right:12%;border:1px solid rgba(37,99,235,.2)}.hero__visual-orbit{--hero-visual-orbit-translate-x: 0%;position:absolute;width:520px;height:300px;top:142px;right:2%;pointer-events:none;transform:translate(var(--hero-visual-orbit-translate-x)) rotate(-12deg)}.hero__visual-orbit svg{display:block;overflow:visible;width:100%;height:100%}.hero__visual-orbit-track{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero__visual-orbit-track--outer{stroke:#2563eb33;stroke-width:2;stroke-dasharray:8 10}.hero__visual-orbit-track--inner{stroke:#2563eb47;stroke-width:1;stroke-dasharray:12 18}@keyframes hero-visual-orbit-track-spin{to{stroke-dashoffset:-180}}.hero__hakase{position:absolute;z-index:1;right:8%;bottom:-21%;display:block;width:min(34vw,460px);height:auto;filter:drop-shadow(0 22px 34px rgba(15,23,42,.13));-webkit-user-select:none;user-select:none}.hero__status{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius-full);background:#fffefae0;color:var(--color-heading);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hero__status svg{color:var(--color-primary)}.hero__status--router{top:15%;left:57%}.hero__status--speed{top:37%;right:4%}.hero__status--speed svg{color:var(--color-accent-orange)}.hero__status--device{bottom:14%;left:58%}.hero__status--device svg{color:#ef6a5b}.trust-strip{margin:0 0 var(--space-16);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.trust-strip__inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:var(--space-6);padding-block:var(--space-4)}.trust-strip__item,.trust-strip__more{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold, 600)}.trust-strip__item svg,.trust-strip__more{color:var(--color-primary)}.trust-strip__more{justify-self:end;font-weight:var(--font-weight-bold);white-space:nowrap}.top-section{margin-bottom:var(--space-20)}.top-section--symptoms{padding:0;background:transparent}.top-section--symptoms .symptom-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-8);border-top:1px solid var(--color-border)}.top-section--symptoms .symptom-list__item{border-bottom:1px solid var(--color-border)}.top-section--symptoms .symptom-list__link{min-height:68px;padding:var(--space-3) 0;border:0;border-radius:0;background:transparent;box-shadow:none}.top-section--symptoms .symptom-list__link:hover{background:transparent;color:var(--color-primary)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.category-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast),transform var(--transition-fast)}.category-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));transform:translateY(-2px)}.thumbnail.category-card__thumb{width:100%;height:148px;aspect-ratio:auto;border-radius:0}.category-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.category-card__title{color:var(--color-heading);font-size:var(--font-size-md);line-height:1.45}.category-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.75}.category-card__count{margin-top:auto;padding-top:var(--space-2);color:var(--color-primary-active);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.top-section--cta{margin-bottom:0}@media(max-width:1080px){.hero__copy{padding-right:var(--space-8)}.trust-strip__inner{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-strip__more{display:none}}@media(max-width:860px){.hero__inner{display:grid;grid-template-columns:1fr;padding-inline:0}.hero__copy{width:100%;padding:var(--space-12) clamp(20px,5vw,40px)}.hero__visual{position:relative;inset:auto;min-height:420px}.hero__hakase{right:50%;bottom:-54%;width:min(64vw,430px);transform:translate(50%)}.hero__visual:before{right:50%;transform:translate(50%)}.hero__visual:after{right:50%;transform:translate(50%)}.hero__visual-orbit{--hero-visual-orbit-translate-x: 50%;right:50%}.category-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero__copy{padding-block:var(--space-10)}.hero__title{font-size:clamp(2.05rem,9.2vw,2.45rem)}.hero__desc{font-size:var(--font-size-base)}.hero__primary-action{width:100%;justify-content:center}.hero__primary-action svg:last-child{margin-left:auto}.hero__visual{min-height:310px}.hero__hakase{bottom:-68%;width:min(78vw,340px)}.hero__visual:before{width:290px;height:290px;top:26px}.hero__visual:after{width:190px;height:190px;top:66px}.hero__visual-orbit{width:340px;height:190px;top:77px}.hero__status{min-height:34px;padding:6px 9px;font-size:.6875rem}.hero__status--router{top:10%;left:7%}.hero__status--speed{top:42%;right:5%}.hero__status--device{display:none}.trust-strip__inner{display:flex;overflow-x:auto;gap:var(--space-6);padding-inline:20px}.trust-strip__item{min-width:max-content}.top-section{margin-bottom:var(--space-16)}.top-section--symptoms .symptom-list,.category-grid,.article-grid{grid-template-columns:1fr}.category-card{grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto}.thumbnail.category-card__thumb{height:100%;min-height:154px}.category-card__desc{display:none}}@media(prefers-reduced-motion:no-preference){.hero__visual-orbit-track--outer{animation:hero-visual-orbit-track-spin 12s linear infinite}.hero__visual-orbit-track--inner{animation:hero-visual-orbit-track-spin 16s linear infinite reverse}}