:root{
  font-family:"DM Sans","Noto Sans SC",sans-serif;
  color:#25263a;
  background:#f8f8fc;
  font-synthesis:none;
  --purple:#6255d9;
  --border:#e7e8f0;
  --muted:#797c8c;
}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:linear-gradient(180deg,#fbfbfe 0,#f6f7fb 72%,#f2f3f8 100%)}
a{text-underline-offset:3px}
.site-header{
  height:76px;
  padding:0 max(24px,calc((100vw - 1160px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--border);
  background:#ffffffd9;
  backdrop-filter:blur(14px);
}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#1f2137}
.brand-mark{
  width:36px;
  height:36px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:20px;
  font-weight:700;
  background:linear-gradient(145deg,#8478ef,#5548cc);
  box-shadow:0 7px 15px #6759d93d;
}
.brand b,.brand small{display:block}
.brand b{font-size:16px;line-height:18px}
.brand small{font-size:7px;letter-spacing:2px;color:#9496a5}
.site-header nav{display:flex;align-items:center;gap:22px}
.site-header nav>a{font-size:13px;font-weight:600;text-decoration:none;color:#737686}
.site-header nav>a:hover{color:var(--purple)}
.site-header .login-link{padding:9px 15px;border-radius:8px;background:#2f2d43;color:#fff}
.site-header .login-link:hover{color:#fff;background:#403c5d}
.login-link span,.primary-action span{margin-left:6px}
main{width:min(1160px,calc(100% - 48px));margin:0 auto}
.hero{min-height:640px;padding:86px 0 76px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.8fr);gap:80px;align-items:center}
.eyebrow{margin:0 0 14px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#756add}
.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53bf87;margin-right:7px;box-shadow:0 0 0 4px #53bf8718}
.hero h1{font-size:58px;line-height:1.1;letter-spacing:-2.5px;margin:0 0 12px;color:#29273b}
.product-tagline{font-size:25px;line-height:1.45;letter-spacing:-.5px;margin:0 0 20px;color:#444657;font-weight:600}
.lead{max-width:640px;margin:0;color:#686b7b;font-size:15px;line-height:1.8}
.purpose-summary{max-width:660px;margin-top:22px;padding:17px 19px;border:1px solid #e2e0f2;border-radius:11px;background:#f7f6fd}
.purpose-summary h2{font-size:12px;color:#5d53b8;margin:0 0 7px}
.purpose-summary h2 small{font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:#9a96b8;margin-left:6px}
.purpose-summary p{font-size:12px;line-height:1.7;color:#68697b;margin:0}
.actions{display:flex;align-items:center;gap:12px;margin-top:32px}
.actions a{height:46px;padding:0 19px;border-radius:9px;display:inline-flex;align-items:center;text-decoration:none;font-size:13px;font-weight:700}
.primary-action{background:var(--purple);color:#fff;box-shadow:0 9px 22px #6255d932}
.primary-action:hover{background:#5548cb}
.secondary-action{color:#565969;background:#fff;border:1px solid #dedfe9}
.secondary-action:hover{color:var(--purple);border-color:#d5d1f1}
.access-note{margin:17px 0 0;color:#999ba8;font-size:11px}
.access-note span{color:#4fbe83;margin-right:6px}
.overview{position:relative;padding:22px;border:1px solid #e0e1eb;border-radius:17px;background:#fff;box-shadow:0 24px 65px #2b2d4812}
.overview:before{content:"";position:absolute;inset:-35px -25px auto auto;width:190px;height:190px;border-radius:50%;background:#e8e5ff;filter:blur(45px);opacity:.75;z-index:-1}
.overview header{display:flex;align-items:center;padding-bottom:18px;border-bottom:1px solid #edeef3}
.mini-mark{width:34px;height:34px;border-radius:9px;background:#6659d6;color:#fff;display:grid;place-items:center;font-weight:700;margin-right:10px}
.overview header div{flex:1}
.overview header b,.overview header small{display:block}
.overview header b{font-size:13px}
.overview header small{font-size:9px;color:#9a9ca8;margin-top:2px}
.status{font-size:8px;color:#278d60;background:#e8f8ef;padding:4px 8px;border-radius:12px}
.source-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}
.source-row article{min-height:118px;padding:15px;border:1px solid #ececf2;border-radius:11px;background:#fcfcfe;position:relative}
.source-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:13px;font-weight:700;margin-bottom:12px}
.source-icon.ga{background:#fff0e6;color:#e37559}
.source-icon.gsc{background:#e4f9f8;color:#179d99}
.source-row b,.source-row small{display:block}
.source-row b{font-size:10px}
.source-row small{font-size:8px;color:#999ba7;line-height:1.5;margin-top:3px}
.readonly{position:absolute;right:10px;top:10px;font-size:7px;color:#7166ce;background:#efedfc;padding:3px 6px;border-radius:8px}
.flow-line{height:32px;display:flex;align-items:center;justify-content:center}
.flow-line span{width:5px;height:5px;border-radius:50%;background:#c8c3ef}
.flow-line i{width:85px;height:1px;background:linear-gradient(90deg,#c8c3ef,#84cdb0,#c8c3ef)}
.report-card{display:flex;align-items:center;gap:11px;padding:15px;border-radius:11px;background:linear-gradient(120deg,#37334f,#4b4563);color:#fff}
.report-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#ffffff14;color:#94e2bd}
.report-card div{flex:1}
.report-card small,.report-card b{display:block}
.report-card small{font-size:8px;color:#c5c1d3}
.report-card b{font-size:12px;margin-top:2px}
.check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#5bc08a;font-size:10px}
.overview-note{text-align:center;font-size:8px;color:#999ba8;margin:13px 0 0}
footer{min-height:125px;padding:27px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--border);background:#fff;color:#9799a6;font-size:11px}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand .brand-mark{width:32px;height:32px;font-size:16px}
.footer-brand p{margin:0}
.footer-brand b,.footer-brand small{display:block}
.footer-brand b{color:#444657}
.footer-brand small{font-size:9px;margin-top:1px}
.footer-links{display:flex;gap:18px}
.footer-links a{color:#747786;text-decoration:none}
footer>p{text-align:right;margin:0}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:45px;padding-top:60px}
  .overview{width:min(100%,540px)}
}
@media(max-width:650px){
  .site-header{height:70px;padding:0 17px}
  .site-header nav>a:first-child{display:none}
  main{width:min(100% - 28px,1160px)}
  .hero{padding:48px 0 55px;min-height:0}
  .hero h1{font-size:39px;letter-spacing:-1.5px}
  .product-tagline{font-size:20px}
  .lead{font-size:15px}
  .actions{align-items:stretch;flex-direction:column}
  .actions a{justify-content:center}
  .source-row{grid-template-columns:1fr}
  footer{display:flex;flex-direction:column;text-align:center}
  footer>p{text-align:center}
}