:root {
  --ink: #101828;
  --muted: #526071;
  --line: #dce5ef;
  --blue: #1769e0;
  --cyan: #14b8d4;
  --violet: #7957e8;
  --soft: #f5f9ff;
  --shadow: 0 18px 50px rgba(24, 56, 92, .11);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 17px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
.container { width: min(1160px, calc(100% - 44px)); margin: auto; }
.site-header { background: rgba(255,255,255,.94); border-bottom: 1px solid #edf1f6; position: sticky; top: 0; z-index: 10; backdrop-filter: blur(12px); }
.nav { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.logo { width: 190px; height: auto; display:block; }
.nav-links { display: flex; align-items: center; gap: 25px; font-weight: 650; font-size: 15px; color: #344256; }
.nav-links a:hover { color: var(--blue); }
.nav-cta, .button { display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; padding: 12px 20px; font-weight: 750; color: #fff; background: linear-gradient(110deg, var(--blue), var(--violet)); box-shadow: 0 8px 20px rgba(56, 104, 220, .22); }
.hero { padding: 92px 0 82px; background: radial-gradient(circle at 8% 10%, #ecfbff 0, transparent 32%), radial-gradient(circle at 92% 16%, #f1edff 0, transparent 35%), #fff; }
.hero-grid { display:grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items:center; }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-weight: 800; color: var(--blue); font-size: 13px; }
h1,h2,h3 { line-height: 1.13; margin: 0 0 20px; letter-spacing: -.035em; }
h1 { font-size: clamp(42px, 6vw, 72px); max-width: 720px; }
h2 { font-size: clamp(32px, 4vw, 47px); }
h3 { font-size: 22px; }
.gradient-text { background: linear-gradient(105deg, #1769e0, #13b9d1 48%, #7957e8); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lead { color: var(--muted); font-size: 20px; max-width: 650px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top: 32px; }
.button.secondary { background:#fff; color: var(--blue); border:1px solid #bcd0e8; box-shadow:none; }
.signal-card { border: 1px solid #e0e8f3; background: rgba(255,255,255,.88); padding: 28px; border-radius: 18px; box-shadow: var(--shadow); }
.signal-top { display:flex; align-items:center; justify-content:space-between; margin-bottom: 24px; font-weight:800; }
.pulse { width: 11px; height: 11px; background:#21c99b; border-radius:50%; box-shadow:0 0 0 7px #e4faf3; }
.metric { padding: 17px 0; border-top:1px solid #e8eef5; }
.metric-row { display:flex; justify-content:space-between; gap:15px; margin-bottom:9px; font-size:14px; font-weight:700; }
.bar { height:8px; border-radius:8px; background:#edf2f7; overflow:hidden; } .bar span { display:block; height:100%; border-radius:8px; background:linear-gradient(90deg, var(--cyan), var(--blue), var(--violet)); }
.section { padding: 88px 0; } .section.alt { background: var(--soft); }
.section-intro { max-width: 680px; margin-bottom: 38px; } .section-intro p { color:var(--muted); font-size:18px; }
.tool-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
.tool-card { border:1px solid var(--line); border-radius:14px; padding:25px; background:#fff; transition:.2s ease; } .tool-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color:#a9c5eb; }
.tool-card p { color:var(--muted); margin: 0 0 21px; } .tool-link { color:var(--blue); font-weight:800; font-size:15px; } .tool-card sup { color:#8f99fb; font-size:calc(100% + 2px); font-weight:900; vertical-align:super; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; } .price-card { border:1px solid var(--line); border-radius:16px; padding:30px; background:#fff; box-shadow:var(--shadow); } .price-card.featured { border-color:#8eacf0; box-shadow:0 20px 55px rgba(35,87,170,.16); } .price-card h2 { font-size:48px; margin:12px 0 15px; color:#102a62; } .price-card h2 span { font-size:16px; color:var(--muted); font-weight:650; letter-spacing:0; } .price-card p { color:var(--muted); min-height:78px; } .price-card .button { margin-top:18px; } @media(max-width:820px){ .pricing-grid { grid-template-columns:1fr; } }
.feature-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; } .feature { padding: 5px 0 5px 22px; border-left:3px solid transparent; border-image:linear-gradient(var(--cyan),var(--violet)) 1; } .feature p { color: var(--muted); margin:0; }
.cta { border-radius:20px; padding: 56px; background: linear-gradient(110deg, #102a62, #2258a8 52%, #684ad2); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:32px; } .cta p { color:#dce9ff; max-width:650px; font-size:18px; }
.footer { padding:35px 0; border-top:1px solid #e7edf5; color:#66758a; font-size:14px; } .footer-row { display:flex; justify-content:space-between; gap:20px; }
.page-hero { padding: 75px 0 65px; background:linear-gradient(115deg,#f3fbff,#fff 48%,#f7f3ff); } .page-hero h1 { font-size:clamp(40px,5vw,62px); } .content-grid { display:grid; grid-template-columns: 1.25fr .75fr; gap:55px; align-items:start; } .panel { padding:28px; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); background:#fff; } .checklist { padding:0; list-style:none; } .checklist li { padding:12px 0 12px 30px; border-bottom:1px solid #edf1f6; position:relative; } .checklist li:before { content:'✓'; position:absolute; left:0; color:var(--blue); font-weight:900; }
@media(max-width:820px){ .nav-links { display:none; } .hero-grid,.content-grid { grid-template-columns:1fr; gap:38px; } .tool-grid,.feature-grid { grid-template-columns:1fr 1fr; } .hero { padding-top:60px; } .cta { padding:35px 26px; flex-direction:column; align-items:flex-start; } }
@media(max-width:560px){ .container { width:min(100% - 30px,1160px); } .tool-grid,.feature-grid { grid-template-columns:1fr; } .nav { min-height:70px; } .logo { width:160px; } .section { padding:62px 0; } .footer-row { flex-direction:column; } }
.nav-links a:hover, .nav-dropdown-toggle:hover { color: var(--blue); }.nav-dropdown{position:relative}.nav-links > a:not(.nav-cta), .nav-dropdown-toggle{display:inline-flex;align-items:center;min-height:24px;line-height:1.6}.nav-links .nav-login{color:#0072bb;font-weight:700}.nav-links .nav-login:hover{color:#00598f}.nav-dropdown-toggle{border:0;background:transparent;color:#344256;font:inherit;font-weight:650;cursor:pointer;padding:0}.nav-dropdown-toggle span{display:inline-block;font-size:10px;line-height:1;margin-left:5px;position:relative;top:1px}.nav-dropdown-menu{display:none;position:absolute;top:100%;right:-18px;width:250px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.nav-dropdown-menu:before{content:'';position:absolute;top:4px;right:26px;width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:9px 11px;border-radius:7px;font-size:14px}.nav-dropdown-menu a:hover{background:var(--soft);color:var(--blue)}.nav-dropdown-menu sup{color:#8f99fb;font-size:calc(100% + 2px)}@media(max-width:820px){.nav-dropdown-menu{right:auto;left:-15px}}
/* Field-note articles */
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:30px 0}
.article-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;box-shadow:var(--shadow)}
.article-card h3{margin:8px 0 10px;font-size:18px}
.article-card h3 a{color:var(--text);text-decoration:none}
.article-card h3 a:hover{color:var(--blue)}
.article-card p{color:#5a6a7f;font-size:14.5px;line-height:1.6}
.text-link{color:var(--blue);font-weight:650;text-decoration:none}
.article-post{max-width:760px;margin:0 auto;padding:30px 0}
.article-post h1{font-size:34px;margin:6px 0 18px}
.article-post h2{font-size:22px;margin:28px 0 10px}
.article-post h3{font-size:18px;margin:22px 0 8px}
.article-post p,.article-post li{font-size:16px;line-height:1.75;color:#2d3b4e}
.article-post ul{padding-left:22px;margin:12px 0}
.article-post blockquote{margin:18px 0;padding:10px 18px;border-left:3px solid var(--blue);background:var(--soft);border-radius:8px;font-style:italic}
.article-cta{margin-top:34px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-weight:600}
.article-cta a{color:var(--blue);text-decoration:none}
.faq-list{max-width:820px;margin:32px auto 70px}.faq-list details{border-top:1px solid var(--line);padding:0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:22px 42px 22px 0;font-size:18px;font-weight:750;position:relative;color:var(--text)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:8px;top:17px;font-size:25px;font-weight:400;color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:760px;margin:-5px 0 24px;color:#5a6a7f;line-height:1.7}.faq-list a{color:var(--blue);font-weight:650}
.empty{max-width:620px;margin:60px auto;text-align:center}
.back{display:inline-block;margin:18px 0;color:var(--blue);text-decoration:none;font-weight:650}

/* AEO / AIO readiness tool */
.aeo-dimension-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin:24px 0}
.aeo-assessment-form .panel{margin-bottom:22px}
.aeo-dimension-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.aeo-dimension h2{font-size:22px;margin:4px 0 8px}
.aeo-score{display:flex;flex-direction:column;gap:6px;font-weight:750;white-space:nowrap;color:#344256}
.aeo-score select{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;color:#344256;font:inherit}
.aeo-evidence{font-size:13px;margin-top:16px}
.aeo-result{margin:30px 0;border-top:4px solid var(--blue)}
.aeo-score-display{display:flex;align-items:baseline;gap:10px;margin:12px 0 22px;color:#1769e0}
.aeo-score-display strong{font-size:58px;line-height:1}.aeo-score-display span{font-size:20px;color:#63738a}.aeo-score-display em{margin-left:12px;color:#7957e8;font-style:normal;font-weight:750}
.aeo-result h3{font-size:20px;margin-top:26px;color:#2258a8}.aeo-result li{margin:7px 0;color:#526071}
@media(max-width:700px){.aeo-dimension-grid{grid-template-columns:1fr}.aeo-dimension-head{display:block}.aeo-score{margin-top:14px;display:flex;flex-direction:row;align-items:center}}