.lp-page{--lp-blue: var(--color-primitive-blue-900);--lp-blue-strong: var(--color-primitive-blue-1000);--lp-blue-dark: var(--color-primitive-blue-1200);--lp-light-blue: var(--color-primitive-light-blue-500);--lp-gold: var(--color-brand-gold);--lp-navy: var(--color-primitive-blue-1000);--lp-navy-2: var(--color-primitive-blue-1100);--lp-ink: var(--color-neutral-solid-gray-800);--lp-sub: var(--color-neutral-solid-gray-700);--lp-line: var(--color-neutral-solid-gray-200);--lp-white: var(--color-neutral-white);--lp-bg-soft: var(--color-primitive-blue-50);font-family:var(--font-sans);color:var(--lp-ink);line-height:1.7;letter-spacing:.02em;background:var(--lp-white)}.lp-page *{box-sizing:border-box}.lp-page img{max-width:100%;height:auto;display:block}.lp-page ul{list-style:none;margin:0;padding:0}.lp-container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.lp-section{padding:80px 0;position:relative}.lp-page .bg-pattern{background:var(--color-neutral-solid-gray-50)}.lp-page .bg-gray{background:var(--lp-bg-soft)}.lp-title{font-size:32px;font-weight:700;color:var(--lp-ink);margin:0 auto 56px;text-align:center;line-height:1.5;letter-spacing:.01em}.lp-title span{display:block;color:var(--lp-blue-strong);font-size:16px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}.lp-title:after{content:"";display:block;width:64px;height:4px;background:var(--lp-blue);margin:20px auto 0;border-radius:2px}.lp-btn{display:inline-flex;justify-content:center;align-items:center;background:var(--lp-white);color:var(--lp-blue-strong);font-weight:700;font-size:16px;padding:14px 32px;min-height:56px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--font-sans);line-height:1.5;text-align:center;text-decoration:none}@media(hover:hover){.lp-btn:hover{background:var(--color-primitive-blue-50)}}.lp-btn:active{background:var(--color-primitive-blue-100)}.lp-btn:disabled{opacity:.6;cursor:not-allowed}.lp-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.lp-form input[type=email],.lp-form input[type=text]{flex:1;min-width:260px;padding:14px 16px;min-height:56px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-solid-gray-600);background:var(--lp-white);font-size:16px;color:var(--lp-ink);font-family:var(--font-sans);line-height:1.7}.lp-form button{min-width:200px;white-space:nowrap}.lp-form .lp-hp{position:absolute;left:-9999px;width:0;height:0;opacity:0}.lp-note{font-size:14px;margin-top:12px;color:#ffffffd9}.lp-error{color:#ffd0d0;font-weight:700;font-size:16px;margin-top:10px}@media(max-width:768px){.lp-form{flex-direction:column}.lp-form input,.lp-form button{width:100%;min-width:0}}.lp-header{background:var(--lp-white);border-bottom:1px solid var(--lp-line);padding:14px 0;position:sticky;top:0;z-index:1000}.lp-header .lp-container{display:flex;justify-content:space-between;align-items:center}.lp-logo{display:inline-flex;align-items:center}.lp-logo img{height:32px;width:auto;display:block}.lp-back{font-size:16px;color:var(--lp-blue-strong);font-weight:700}.lp-hero{background:linear-gradient(135deg,#eaf3f9,#d5e8f2);color:var(--lp-ink);padding:80px 0;position:relative;overflow:hidden;border-bottom:1px solid var(--color-primitive-blue-100)}.lp-hero .lp-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.lp-hero-content{width:62%}.lp-hero-tag{background:var(--lp-blue-strong);border:1px solid var(--lp-blue-strong);color:var(--lp-white);padding:6px 16px;border-radius:var(--radius-sm);font-weight:700;margin-bottom:20px;display:inline-block;font-size:16px}.lp-hero h1{font-size:45px;line-height:1.4;margin:0 0 20px;font-weight:700;letter-spacing:0;color:var(--lp-blue-strong)}.lp-hero h1 .cat{display:block;font-size:20px;font-weight:400;margin-bottom:12px;color:var(--lp-sub)}.lp-hero-lead{font-size:18px;margin-bottom:8px;color:var(--lp-sub);line-height:1.7}.lp-hero .lp-btn{background:var(--lp-blue-strong);color:var(--lp-white)}@media(hover:hover){.lp-hero .lp-btn:hover{background:var(--lp-blue)}}.lp-hero .lp-btn:active{background:var(--lp-blue-dark)}.lp-hero .lp-note{color:var(--lp-sub)}.lp-hero .lp-error{color:#ce2d27}.lp-hero-visual{width:34%;display:flex;justify-content:center;align-items:center;position:relative}.lp-book{width:100%;max-width:260px;aspect-ratio:3 / 4;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--lp-navy),var(--lp-navy-2));box-shadow:var(--elevation-6);transform:perspective(1000px) rotateY(-14deg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;overflow:hidden}.lp-book img{width:100%;height:100%;object-fit:cover}.lp-book .lp-book-fallback{color:#ffffffe6;padding:24px}.lp-book .lp-book-fallback .ic{font-size:3rem;margin-bottom:10px}.lp-book .lp-book-fallback .ty{font-size:14px;letter-spacing:.1em;opacity:.8}@media(max-width:768px){.lp-hero .lp-container{flex-direction:column-reverse;text-align:center}.lp-hero-content,.lp-hero-visual{width:100%}.lp-hero h1{font-size:32px;line-height:1.5}.lp-book{max-width:200px}.lp-form{justify-content:center}}.lp-problems{background:var(--lp-white);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--elevation-2);margin-top:-50px;position:relative;z-index:10;border:1px solid var(--lp-line)}.lp-eyebrow{text-align:center;color:var(--lp-blue-strong);font-weight:700;letter-spacing:.08em;font-size:16px}.lp-sub-title{font-size:28px;font-weight:700;color:var(--lp-ink);text-align:center;margin:8px 0 32px;line-height:1.5;letter-spacing:.01em}.lp-problems-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.lp-problem{display:flex;align-items:flex-start;padding:16px;border-bottom:1px solid var(--lp-line)}.lp-check{width:28px;height:28px;background:var(--lp-blue);color:var(--lp-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:14px;font-size:15px;flex-shrink:0;margin-top:3px}.lp-problem strong{display:block;margin-bottom:4px;font-size:17px;color:var(--lp-ink)}.lp-problem p{font-size:16px;color:var(--lp-sub);margin:0}@media(max-width:768px){.lp-problems{padding:28px 20px}.lp-problems-list{grid-template-columns:1fr}}.lp-cost{background:var(--lp-navy);color:var(--lp-white)}.lp-cost .lp-title{color:var(--lp-white)}.lp-cost .lp-title span{color:var(--lp-light-blue)}.lp-cost .lp-title:after{background:var(--lp-white)}.lp-cost-lead{text-align:center;max-width:780px;margin:0 auto 44px;opacity:.95;font-size:18px}.lp-cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.lp-cost-item{background:#ffffff14;padding:24px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2)}.lp-cost-item h4{color:#ffb4b4;margin:0 0 10px;font-weight:700;font-size:17px;display:flex;align-items:center}.lp-cost-item h4:before{content:"⚠";margin-right:10px}.lp-cost-item p{font-size:16px;margin:0;opacity:.95}.lp-cost-price{display:block;margin-top:12px;font-size:16px;color:var(--lp-white);font-weight:700;background:#00000047;padding:6px 10px;border-radius:var(--radius-sm);text-align:center;font-family:var(--font-mono)}.lp-cost-close{text-align:center;margin-top:36px;font-weight:700;font-size:20px;color:var(--lp-white)}.lp-concept{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:18px;max-width:900px;margin:0 auto}.lp-concept-box{background:var(--lp-white);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--elevation-1);position:relative;border:1px solid var(--lp-line)}.lp-concept-box.bad{border-top:5px solid var(--color-neutral-solid-gray-400)}.lp-concept-box.good{border-top:5px solid var(--lp-blue)}.lp-concept-box h3{margin:0 0 14px;font-size:20px}.lp-concept-box.bad h3{color:var(--lp-sub)}.lp-concept-box.good h3{color:var(--lp-blue-strong);font-weight:700}.lp-concept-box ul{list-style:disc;padding-left:20px}.lp-concept-box li{font-size:16px;margin-bottom:6px}.lp-concept-box.bad li{color:var(--lp-sub)}.lp-good-badge{position:absolute;top:-14px;right:20px;background:var(--lp-blue);color:var(--lp-white);font-weight:700;padding:4px 14px;border-radius:var(--radius-full);font-size:14px}.lp-arrow{color:var(--lp-blue);font-size:2.6rem;text-align:center;font-weight:900}@media(max-width:900px){.lp-concept{grid-template-columns:1fr}.lp-arrow{transform:rotate(90deg)}}.lp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-benefit{text-align:center;background:var(--lp-white);padding:32px 22px;border-radius:var(--radius-lg);box-shadow:var(--elevation-1);border-top:5px solid var(--lp-blue);position:relative;transition:box-shadow .2s,transform .2s;border-left:1px solid var(--lp-line);border-right:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}@media(hover:hover){.lp-benefit:hover{box-shadow:var(--elevation-3);transform:translateY(-4px)}}.lp-benefit-num{font-size:44px;color:var(--color-primitive-blue-100);font-weight:700;position:absolute;top:8px;right:18px;line-height:1;font-family:var(--font-mono)}.lp-benefit-icon{width:72px;height:72px;background:var(--lp-bg-soft);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}.lp-benefit h3{color:var(--lp-blue-strong);margin:0 0 12px;font-weight:700;font-size:20px}.lp-benefit p{font-size:16px;margin:0;color:var(--lp-sub)}@media(max-width:900px){.lp-benefits{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.lp-highlights{max-width:940px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.lp-highlight{position:relative;overflow:hidden;background:var(--lp-white);padding:26px 26px 24px;border-radius:var(--radius-lg);border:1px solid var(--lp-line);border-top:4px solid var(--lp-blue);box-shadow:var(--elevation-1);display:flex;align-items:center;gap:18px;transition:box-shadow .2s,transform .2s}@media(hover:hover){.lp-highlight:hover{box-shadow:var(--elevation-3);transform:translateY(-3px)}}.lp-highlight-num{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--lp-blue-strong),var(--lp-blue));color:var(--lp-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:20px;font-weight:700;line-height:1;letter-spacing:.02em;box-shadow:0 6px 16px #013a5647;border:2px solid var(--lp-gold)}.lp-highlight p{margin:0;font-size:17px;font-weight:500;line-height:1.6}.lp-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.lp-case{background:var(--lp-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--elevation-1);display:flex;flex-direction:column;border:1px solid var(--lp-line);transition:box-shadow .2s,transform .2s}@media(hover:hover){.lp-case:hover{box-shadow:var(--elevation-3);transform:translateY(-4px)}}.lp-case-img{height:130px;background:linear-gradient(135deg,var(--lp-navy),var(--lp-navy-2));position:relative;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:2.2rem;font-weight:700;letter-spacing:.15em}.lp-case-badge{position:absolute;bottom:0;left:0;background:var(--lp-blue);color:var(--lp-white);padding:5px 15px;font-weight:700;font-size:14px;border-top-right-radius:var(--radius-sm)}.lp-case-body{padding:26px;flex:1;display:flex;flex-direction:column}.lp-case-result{color:var(--lp-blue-strong);font-weight:700;font-size:17px;margin-bottom:12px;border-bottom:2px solid var(--lp-line);padding-bottom:10px}.lp-case-body h3{color:var(--lp-ink);margin:0 0 10px;font-size:17px}.lp-case-body p{font-size:16px;color:var(--lp-sub);margin:0}.lp-profile{background:var(--lp-white);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);overflow:hidden;display:flex;flex-wrap:wrap;border:1px solid var(--lp-line)}.lp-profile-visual{width:38%;min-height:360px;background:linear-gradient(160deg,var(--color-primitive-blue-50),var(--color-primitive-blue-100));display:flex;align-items:center;justify-content:center}.lp-profile-avatar{width:150px;height:150px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--lp-navy),var(--lp-navy-2));color:var(--lp-white);display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;box-shadow:var(--elevation-3)}.lp-profile-photo{width:100%;height:100%;object-fit:contain;object-position:bottom center;align-self:flex-end;display:block;filter:drop-shadow(6px 8px 10px rgba(0,0,0,.45))}.lp-profile-content{width:62%;padding:44px}.lp-supervisor-label{background:var(--lp-blue-strong);color:var(--lp-white);padding:5px 15px;font-size:14px;font-weight:700;letter-spacing:.06em;display:inline-block;border-radius:var(--radius-sm)}.lp-profile-content h3{margin:12px 0 4px;font-size:24px;color:var(--lp-ink)}.lp-profile-role{color:var(--lp-blue-strong);font-weight:700;display:block;margin-bottom:18px}.lp-profile-content p{margin:0 0 16px;font-size:16px;color:var(--lp-sub)}.lp-profile-book{margin-top:20px;padding-top:18px;border-top:1px solid var(--lp-line);font-size:14px;color:var(--muted)}@media(max-width:900px){.lp-profile-visual,.lp-profile-content{width:100%}.lp-profile-visual{min-height:220px}.lp-profile-content{padding:28px 20px}}.lp-achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.lp-achievement{background:var(--lp-white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--elevation-1);border-top:5px solid var(--lp-blue);border-left:1px solid var(--lp-line);border-right:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}.lp-achievement-num{font-size:40px;color:var(--lp-blue);font-weight:700;font-family:var(--font-mono);margin-bottom:12px}.lp-achievement h3{color:var(--lp-blue-strong);margin:0 0 14px;font-size:20px;line-height:1.5}.lp-achievement p{font-size:16px;color:var(--lp-sub);margin:0}.lp-achievement-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.lp-achievement-photos img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--elevation-1);border:1px solid var(--lp-line);filter:brightness(.68) saturate(.7) contrast(1.03)}@media(max-width:900px){.lp-achievement-photos{grid-template-columns:1fr;gap:16px}}.lp-cta{background:linear-gradient(135deg,var(--lp-navy) 0%,var(--lp-navy-2) 100%);color:var(--lp-white);text-align:center;position:relative;overflow:hidden}.lp-cta-glow1,.lp-cta-glow2{display:none}.lp-cta h2{font-size:32px;font-weight:700;margin:0 0 18px;line-height:1.5;letter-spacing:.01em}.lp-cta-lead{margin:0 auto 32px;font-size:18px;opacity:.95;max-width:640px}.lp-cta-box{background:#ffffff1a;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-lg);padding:34px;max-width:720px;margin:0 auto;text-align:left}.lp-cta-box h4{color:var(--lp-white);margin:0 0 16px;text-align:center;font-size:18px}.lp-cta-perk{display:flex;align-items:center;margin-bottom:10px;font-size:16px}.lp-cta-perk span.ck{color:var(--lp-light-blue);margin-right:10px;font-weight:700}@media(max-width:768px){.lp-cta h2{font-size:24px}.lp-cta-box{padding:24px 18px}}.lp-success{background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);padding:24px;margin-top:16px}.lp-success h4{margin:0 0 8px;color:var(--lp-white);font-size:18px}.lp-success p{margin:0;font-size:16px;opacity:.95}.lp-footer{background:var(--lp-navy);color:var(--lp-white);padding:60px 0 28px;text-align:center}.lp-footer-logo{margin-bottom:24px}.lp-footer-logo img{height:34px;width:auto;display:inline-block}.lp-footer-links{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:28px}.lp-footer-links a{color:#ffffffe6;font-size:16px}.lp-footer-links a:visited{color:#ffffffe6}.lp-copyright{font-size:14px;opacity:.8;margin:0}.lp-fade{opacity:0;transform:translateY(28px);transition:opacity .8s ease-out,transform .8s ease-out}.lp-fade.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.lp-fade{opacity:1;transform:none;transition:none}}.lp-audience{max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.lp-audience-item{position:relative;overflow:hidden;background:var(--lp-white);padding:22px 24px 22px 22px;border-radius:var(--radius-lg);box-shadow:var(--elevation-1);border:1px solid var(--lp-line);display:flex;align-items:center;gap:16px;transition:box-shadow .2s,transform .2s}.lp-audience-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--lp-blue-strong),var(--lp-light-blue))}@media(hover:hover){.lp-audience-item:hover{box-shadow:var(--elevation-3);transform:translateY(-3px)}}.lp-audience-ic{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--lp-blue-strong),var(--lp-blue));color:var(--lp-white);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #013a5647}.lp-audience-ic svg{display:block}.lp-audience-item p{margin:0;font-size:17px;font-weight:500;line-height:1.6}.lp-narrow{max-width:800px}.lp-markdown{color:var(--lp-ink);font-size:17px;line-height:1.9}.lp-markdown h2{font-size:28px;font-weight:700;color:var(--lp-blue-strong);margin:8px 0 20px;line-height:1.5}.lp-markdown h3{font-size:22px;font-weight:700;color:var(--lp-ink);margin:40px 0 14px;line-height:1.5}.lp-markdown h4{font-size:19px;font-weight:700;color:var(--lp-ink);margin:28px 0 10px}.lp-markdown h5{font-size:17px;font-weight:700;color:var(--lp-ink);margin:20px 0 8px}.lp-markdown p{margin:0 0 20px}.lp-markdown strong{color:var(--lp-blue-strong)}.lp-markdown ul,.lp-markdown ol{margin:0 0 20px;padding-left:1.4em}.lp-markdown li{margin-bottom:8px}.lp-markdown blockquote{margin:24px 0;padding:16px 22px;border-left:4px solid var(--lp-gold);background:var(--lp-bg-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--lp-sub)}.lp-markdown blockquote p:last-child{margin-bottom:0}.lp-sticky-cta{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1500;background:var(--lp-blue);color:var(--lp-white);border:none;border-radius:var(--radius-full);padding:15px 34px;font-size:16px;font-weight:700;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--elevation-4);max-width:calc(100% - 32px)}@media(hover:hover){.lp-sticky-cta:hover{background:var(--lp-blue-strong)}}.lp-state{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--lp-sub)}:root{--color-primitive-blue-50: #edf4f8;--color-primitive-blue-100: #d3e5ee;--color-primitive-blue-200: #acd0e2;--color-primitive-blue-300: #77b5d4;--color-primitive-blue-400: #3396cc;--color-primitive-blue-500: #1574a8;--color-primitive-blue-600: #096190;--color-primitive-blue-700: #05517a;--color-primitive-blue-800: #034363;--color-primitive-blue-900: #013a56;--color-primitive-blue-1000: #003149;--color-primitive-blue-1100: #002233;--color-primitive-blue-1200: #001824;--color-primitive-light-blue-50: #f0f8fb;--color-primitive-light-blue-500: #3396cc;--color-primitive-yellow-300: #ffd042;--color-primitive-yellow-400: #f5c000;--color-primitive-magenta-1000: #6c006c;--color-primitive-orange-1000: #8b3200;--color-brand-gold: #dda82c;--color-brand-gold-deep: #bf8718;--color-brand-gold-tint: #f7ecd0;--color-neutral-white: #ffffff;--color-neutral-solid-gray-50: #f2f2f2;--color-neutral-solid-gray-100: #e6e6e6;--color-neutral-solid-gray-200: #cccccc;--color-neutral-solid-gray-300: #b3b3b3;--color-neutral-solid-gray-400: #999999;--color-neutral-solid-gray-420: #949494;--color-neutral-solid-gray-500: #7f7f7f;--color-neutral-solid-gray-536: #767676;--color-neutral-solid-gray-600: #666666;--color-neutral-solid-gray-700: #4d4d4d;--color-neutral-solid-gray-800: #333333;--color-neutral-solid-gray-900: #1a1a1a;--color-neutral-black: #1a1a1a;--color-semantic-success-1: #188b61;--color-semantic-success-2: #107050;--color-semantic-error-1: #ce2d27;--color-semantic-error-2: #af211d;--color-semantic-warning-1: #d46c11;--color-semantic-warning-2: #b85b0a;--bg: var(--color-neutral-solid-gray-50);--surface: var(--color-neutral-white);--ink: var(--color-neutral-solid-gray-800);--ink-sub: var(--color-neutral-solid-gray-700);--muted: var(--color-neutral-solid-gray-536);--line: var(--color-neutral-solid-gray-200);--brand: var(--color-primitive-blue-900);--brand-strong: var(--color-primitive-blue-1000);--brand-active: var(--color-primitive-blue-1200);--selected-bg: var(--color-primitive-blue-100);--focus-ring: var(--color-primitive-yellow-300);--danger: var(--color-semantic-error-1);--ok: var(--color-semantic-success-2);--accent-gold: var(--color-brand-gold);--accent-gold-deep: var(--color-brand-gold-deep);--navy: var(--color-primitive-blue-1000);--navy-2: var(--color-primitive-blue-1100);--font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Noto Sans Mono", monospace;--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-6: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--elevation-1: 0 2px 8px 1px rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.3);--elevation-2: 0 2px 12px 2px rgba(0,0,0,.1), 0 1px 6px 0 rgba(0,0,0,.3);--elevation-3: 0 4px 16px 3px rgba(0,0,0,.1), 0 1px 6px 0 rgba(0,0,0,.3);--elevation-4: 0 6px 20px 4px rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.3);--elevation-6: 0 10px 30px 6px rgba(0,0,0,.1), 0 3px 12px 0 rgba(0,0,0,.3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:17px;line-height:1.7;letter-spacing:.02em;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}:focus-visible{outline:4px solid var(--color-neutral-black);outline-offset:2px;box-shadow:0 0 0 2px var(--color-primitive-yellow-300);border-radius:2px}a{color:var(--color-primitive-blue-1000);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:visited{color:var(--color-primitive-magenta-1000)}@media(hover:hover){a:hover{text-decoration-thickness:3px}}a:active{color:var(--color-primitive-orange-1000)}a:focus-visible{background-color:var(--color-primitive-yellow-300);color:var(--color-neutral-black)}.container{max-width:1080px;margin:0 auto;padding:0 var(--sp-2)}.muted{color:var(--muted)}.right{text-align:right}.clickable{cursor:pointer}.spinner{padding:var(--sp-6) var(--sp-2);text-align:center;color:var(--muted)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--sp-1);background:var(--brand);color:var(--color-neutral-white);border:none;min-height:48px;padding:12px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;text-decoration:none}@media(hover:hover){.btn:hover{background:var(--brand-strong)}}.btn:active{background:var(--brand-active)}.btn:disabled{background:var(--color-neutral-solid-gray-300);color:var(--color-neutral-solid-gray-50);cursor:not-allowed}.btn.secondary{background:var(--color-neutral-white);color:var(--brand);border:1px solid currentColor}@media(hover:hover){.btn.secondary:hover{background:var(--selected-bg)}}.btn.secondary:active{background:var(--color-primitive-blue-200)}.btn.secondary:disabled{color:var(--color-neutral-solid-gray-420);border-color:var(--color-neutral-solid-gray-300);background:var(--color-neutral-white)}.btn.ghost{background:transparent;color:var(--brand);border:none;min-height:44px;padding:8px 12px}@media(hover:hover){.btn.ghost:hover{background:var(--color-primitive-blue-50)}}.btn.danger{background:transparent;color:var(--danger);border:none;min-height:44px}@media(hover:hover){.btn.danger:hover{background:var(--color-primitive-red-50, #fdeeee)}}.btn.small{min-height:36px;padding:6px 12px;font-size:14px;position:relative}.btn.small:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;height:44px;transform:translateY(-50%)}.site-header{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--sp-2) 0}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.site-header .brand{display:inline-flex}.brand-logo{height:34px;width:auto;display:block}.header-search{width:220px;max-width:42vw;padding:8px 14px;border:1px solid var(--color-neutral-solid-gray-600);border-radius:var(--radius-full);font-size:14px;background:var(--surface);color:var(--ink);font-family:var(--font-sans)}@media(hover:hover){.header-search:hover,.header-search:focus{border-color:var(--color-neutral-black)}}@media(max-width:520px){.header-search{width:150px}}.site-footer{background:var(--color-primitive-blue-1000);color:#fff;padding:56px 0 28px;text-align:center;margin-top:var(--sp-6)}.site-footer-logo{margin-bottom:22px}.site-footer-logo img{height:32px;width:auto;display:inline-block}.site-footer-links{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:24px}.site-footer-links a,.site-footer-links a:visited{color:#ffffffe6;font-size:15px}.site-footer-copyright{font-size:13px;opacity:.8;margin:0}.catalog-toolbar{display:flex;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-1);flex-wrap:wrap}.catalog-search,.catalog-sort{padding:12px 16px;border:1px solid var(--color-neutral-solid-gray-600);border-radius:var(--radius-sm);font-size:16px;background:var(--surface);color:var(--ink);min-height:48px;font-family:var(--font-sans)}.catalog-search{flex:1;min-width:240px}@media(hover:hover){.catalog-search:hover,.catalog-sort:hover{border-color:var(--color-neutral-black)}}.catalog-count{font-size:16px;margin:var(--sp-1) 0 var(--sp-2);color:var(--ink-sub)}.tabs{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin:var(--sp-2) 0 var(--sp-1)}.tab{border:1px solid var(--color-neutral-solid-gray-600);background:var(--surface);padding:8px 16px;min-height:44px;border-radius:var(--radius-full);font-size:16px;color:var(--ink);cursor:pointer;font-family:var(--font-sans)}@media(hover:hover){.tab:hover{background:var(--selected-bg)}}.tab.active{background:var(--brand);color:var(--color-neutral-white);border-color:var(--brand)}.tab-count{display:inline-block;font-size:14px;background:var(--color-primitive-blue-50);color:var(--brand-strong);border-radius:var(--radius-full);padding:0 8px;margin-left:4px;line-height:20px}.tab.active .tab-count{background:#ffffff3d;color:var(--color-neutral-white)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-3);padding-bottom:var(--sp-6)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}@media(hover:hover){.card.clickable:hover{box-shadow:var(--elevation-3);transform:translateY(-3px)}}.card .thumb{aspect-ratio:4 / 5;background:linear-gradient(135deg,var(--color-primitive-blue-50),var(--color-primitive-blue-100));display:flex;align-items:center;justify-content:center;color:var(--color-primitive-blue-300);font-size:40px;overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover;object-position:center top}.card .body{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);flex:1}.card .cat{align-self:flex-start;font-size:14px;background:var(--selected-bg);color:var(--brand-strong);padding:2px 12px;border-radius:var(--radius-full)}.card h3{margin:0;font-size:20px;line-height:1.5;letter-spacing:.02em;color:var(--ink)}.card .desc{color:var(--ink-sub);font-size:16px;flex:1}.card .meta{font-size:14px;color:var(--muted);font-family:var(--font-mono)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a80;display:flex;align-items:center;justify-content:center;padding:var(--sp-2);z-index:50}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-4);width:100%;max-width:440px;box-shadow:var(--elevation-6)}.modal h3{margin:0 0 var(--sp-1);font-size:24px;line-height:1.5;color:var(--ink)}.modal p.sub{color:var(--ink-sub);font-size:16px;margin:0 0 var(--sp-3)}.field{margin-bottom:var(--sp-2)}.field label{display:block;font-size:16px;margin-bottom:var(--sp-1);font-weight:700;color:var(--ink)}.field input,.field select,.field textarea{width:100%;padding:12px 16px;border:1px solid var(--color-neutral-solid-gray-600);border-radius:var(--radius-sm);font-size:16px;min-height:48px;font-family:var(--font-sans);color:var(--ink);background:var(--surface);line-height:1.7}@media(hover:hover){.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-neutral-black)}}.field input:invalid{border-color:var(--color-semantic-error-1)}.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}.error{color:var(--color-semantic-error-1);font-size:16px;font-weight:700;margin:var(--sp-1) 0 0}.modal-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.modal-actions .btn{flex:1}.admin-topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--sp-2) 0}.admin-topbar .container{display:flex;align-items:center;justify-content:space-between;width:100%}.admin-brand{display:inline-flex;align-items:center;gap:12px}.admin-brand .brand-logo{height:26px}.stat-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-3) 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-3);min-width:150px}.stat .n{font-size:32px;font-weight:700;font-family:var(--font-mono);color:var(--ink);line-height:1.4}.stat .l{font-size:14px;color:var(--ink-sub)}.toolbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin:var(--sp-2) 0}.toolbar input,.toolbar select{padding:10px 12px;border:1px solid var(--color-neutral-solid-gray-600);border-radius:var(--radius-sm);font-size:16px;min-height:44px;font-family:var(--font-sans);color:var(--ink);background:var(--surface)}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}th{background:var(--color-neutral-solid-gray-50);font-size:14px;color:var(--ink-sub);font-weight:700;letter-spacing:.02em}tr:last-child td{border-bottom:none}.row-expand td{background:var(--color-neutral-solid-gray-50);padding:0}.subtable{padding:12px 16px}.subtable table{border:1px solid var(--line)}.switch{display:inline-flex;align-items:center;gap:var(--sp-1)}.badge{font-size:14px;padding:2px 8px;border-radius:var(--radius-full)}.badge.pub{background:#e6f5ec;color:var(--color-semantic-success-2)}.badge.draft{background:var(--color-neutral-solid-gray-100);color:var(--ink-sub)}.badge.ext{background:var(--color-primitive-blue-50);color:var(--brand-strong)}td.reorder{white-space:nowrap}td.reorder .btn.small{min-width:30px;padding:4px 6px}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:var(--sp-3) 0 var(--sp-1)}.admin-tab{border:none;background:none;padding:10px 16px;min-height:44px;font-size:16px;color:var(--ink-sub);border-bottom:3px solid transparent;cursor:pointer;font-family:var(--font-sans)}@media(hover:hover){.admin-tab:hover{color:var(--brand-strong)}}.admin-tab.active{color:var(--brand-strong);border-bottom-color:var(--brand);font-weight:700}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-2)}.dl-complete{padding:var(--sp-6) 0}.dl-card{max-width:620px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-4);text-align:center;box-shadow:var(--elevation-2)}.dl-check{width:72px;height:72px;margin:0 auto var(--sp-3);border-radius:var(--radius-full);background:var(--navy);color:var(--color-neutral-white);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700}.dl-card h2{margin:0 0 var(--sp-2);font-size:28px;line-height:1.5;letter-spacing:.01em;color:var(--ink)}.dl-resource{font-size:18px;font-weight:700;color:var(--brand-strong);margin:0 0 var(--sp-2)}.dl-lead{color:var(--ink-sub);margin:0 auto var(--sp-3);max-width:460px}.dl-btn{min-height:56px;padding:14px 32px;font-size:16px}.dl-note{font-size:14px;margin:var(--sp-3) auto 0;max-width:460px}.dl-back{display:inline-block;margin-top:var(--sp-3);font-size:16px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.segmented .seg{display:inline-flex;align-items:center;gap:6px;margin:0;padding:9px 16px;font-size:14px;font-weight:700;color:var(--ink-sub);background:var(--surface);cursor:pointer;min-height:40px}.segmented .seg+.seg{border-left:1px solid var(--line)}.segmented .seg.on{background:var(--brand);color:var(--color-neutral-white)}.segmented .seg input{position:absolute;opacity:0;width:0;height:0}.dl-cta-group{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap;margin:var(--sp-3) auto 0;max-width:560px}.dl-cta-group.single{max-width:340px}.dl-cta{min-height:52px;padding:12px 24px;flex:1 1 220px;max-width:320px}.dl-related{max-width:1080px;margin:var(--sp-6) auto 0}.dl-related h3{font-size:22px;text-align:center;margin:0 0 var(--sp-3);color:var(--ink);letter-spacing:.02em}