/* Theme Name: データ投資の羅針盤 Sales
Author: ゆらゆら
Description: データ投資の羅針盤の営業サイト向けWordPressテーマ。R・Pythonによる投資手法のバックテストとデータ分析を中心に紹介。
Version: 1.0.0 */
:root{--navy:#062b50;--blue:#0788f5;--cyan:#25b9ff;--bg:#f3faff;--text:#15324a;--muted:#647b8d;--line:#d9eaf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;color:var(--text);line-height:1.75}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{height:64px;position:fixed;inset:0 0 auto;background:#032746f5;color:#fff;z-index:10}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:900;font-size:17px}.navlinks{display:flex;gap:25px;font-size:11px}.navlinks a:hover{color:#48c4ff}.contact-mini{background:var(--blue);padding:7px 15px;border-radius:22px;font-size:10px;font-weight:800}.hero{margin-top:64px;min-height:560px;color:#fff;background:linear-gradient(90deg,#032b50f5 0,#064979dc 45%,#073c632b 100%),url("assets/main-visual-reference.png") center/cover no-repeat;display:flex;align-items:center}.hero-inner{padding:70px 0 90px}.hero-copy{max-width:720px}.eyebrow{color:#40c5ff;font-weight:800;font-size:12px}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.13;margin:12px 0 20px;letter-spacing:-.04em}.hero h1 span{color:#28baff}.hero p{font-size:13px;color:#e2f1f9;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;border-radius:24px;padding:10px 21px;font-size:11px;font-weight:800}.btn.primary{background:var(--blue);color:#fff}.btn:not(.primary){border:1px solid #fff;color:#fff}section{padding:75px 0}.alt{background:var(--bg)}.section-head{margin-bottom:28px}.section-head h2{font-size:29px;margin:0;line-height:1.3}.section-head p{color:var(--muted);font-size:11px;margin:4px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:24px;box-shadow:0 8px 25px #0b426b0d}.card .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6f5ff;color:var(--blue);font-size:20px}.card h3{font-size:15px;margin:12px 0 6px}.card p,.profile p,.stance p,.other-grid p,.work p{font-size:11px;color:var(--muted)}.card a,.work a{display:inline-block;margin-top:12px;color:var(--blue);font-size:10px;font-weight:900}.profile-grid{display:grid;grid-template-columns:1fr .85fr;gap:18px}.profile,.stance{background:#fff;border:1px solid var(--line);border-radius:11px;padding:27px}.stance{background:#edf9ff}.stance small{color:#0573cb;font-weight:900}.stance h3{margin:6px 0;font-size:20px}.stance li{font-size:11px;border-top:1px solid #d5eaf7;padding:8px 0;list-style:none}.stance li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:8px}.blue{background:linear-gradient(135deg,#063765,#0b4e83);color:#fff}.blue .section-head p,.blue .other-grid p{color:#d8ebf7}.other-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.other-box{background:#ffffff14;border:1px solid #ffffff33;border-radius:10px;padding:23px}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.mini span{background:#fff;color:var(--text);border-radius:8px;padding:12px 7px;text-align:center;font-size:10px;font-weight:800}.works{display:grid;grid-template-columns:1fr 1fr;gap:16px}.work{display:grid;grid-template-columns:145px 1fr;gap:16px;border:1px solid var(--line);border-radius:10px;padding:17px;background:#fff;box-shadow:0 8px 25px #0b426b0d}.thumb{border-radius:8px;min-height:110px;background:linear-gradient(135deg,#061f35,#0e6da0);color:#58c8ff;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:900}.thumb.light{background:#eaf6ff;color:#1976b8}.work h3{font-size:14px;margin:0}.tags{font-size:9px;color:#60788a;background:#f0f5f8;display:inline-block;border-radius:12px;padding:3px 8px;margin-top:7px}.skills{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.skills>div{padding:20px;border-right:1px solid var(--line)}.skills>div:last-child{border:0}.skills h3{font-size:13px;margin:0 0 6px}.skills p{font-size:10px;color:var(--muted);margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#edf9ff,#fff);border:1px solid var(--line);border-radius:13px;padding:32px;box-shadow:0 10px 30px #0b426b0d}.contact h2{font-size:27px;margin:0}.contact p{font-size:11px;color:var(--muted);margin:3px 0}.site-footer{background:#032746;color:#cde1ee;padding:24px 0;font-size:10px}.foot{display:flex;justify-content:space-between}.footnav{display:flex;gap:20px}.page-wrap{padding:120px 0 80px}.entry{max-width:850px}.entry h1{font-size:38px}.entry p,.entry li{font-size:13px;color:var(--muted)}@media(max-width:900px){.navlinks{display:none}.cards,.profile-grid,.other-grid,.works,.skills{grid-template-columns:1fr 1fr}.work{grid-template-columns:1fr}.contact{display:block}.contact .btn{margin-top:15px}}@media(max-width:600px){.wrap{width:calc(100% - 26px)}.hero{min-height:620px}.hero-inner{padding-top:50px}.hero h1{font-size:39px}.cards,.profile-grid,.other-grid,.works,.skills{grid-template-columns:1fr}.mini{grid-template-columns:1fr 1fr}.skills>div{border-right:0;border-bottom:1px solid var(--line)}.skills>div:last-child{border-bottom:0}.foot{flex-direction:column;gap:10px}}