/* Tuurio ID Demo Hub 1.3 – BuddyX 5.1.x · Product Demo */
:root {
  --tuurio-blue:#2f5fea;
  --tuurio-blue-dark:#173568;
  --tuurio-navy:#182642;
  --tuurio-ink:#13213a;
  --tuurio-muted:#667085;
  --tuurio-line:#e4e9f2;
  --tuurio-soft:#eef3ff;
  --tuurio-soft-2:#f6f8fc;
  --tuurio-green:#1f9d69;
  --tuurio-white:#fff;
  --tuurio-shadow:0 18px 55px rgba(24,38,66,.10);
  --tuurio-radius:20px;

  /* BuddyX token override: demo site feels like Tuurio everywhere. */
  --bx-color-accent:#2f5fea;
  --bx-color-link:#173568;
  --bx-color-link-hover:#2f5fea;
  --bx-color-button-bg:#2f5fea;
  --bx-color-button-bg-hover:#244fd0;
  --bx-color-button-border:#2f5fea;
  --bx-color-button-border-hover:#244fd0;
  --bx-color-menu-hover:#2f5fea;
  --bx-color-menu-active:#2f5fea;
  --color-theme-primary:#2f5fea;
  --color-menu-hover:#2f5fea;
  --color-menu-active:#2f5fea;
  --button-background-color:#2f5fea;
  --button-background-hover-color:#244fd0;
  --button-border-color:#2f5fea;
  --button-border-hover-color:#244fd0;
}

html { scroll-behavior:smooth; }
body { background:#fff; }
body .site-header-wrapper { background:rgba(255,255,255,.97); border-bottom:1px solid #e8edf5; box-shadow:none; }
body .site-header-wrapper .container { max-width:1240px; }
body .site-header { min-height:74px; }
body .site-branding .site-title { font-weight:800; letter-spacing:-.02em; }
body .site-branding .site-description { display:none; }
body .main-navigation ul#primary-menu>li>a { font-size:13px; font-weight:650; letter-spacing:-.01em; }
body .main-navigation ul.sub-menu { border-radius:14px; box-shadow:0 18px 44px rgba(24,38,66,.12); border:1px solid #e7ecf4; overflow:hidden; }
body .main-navigation ul.sub-menu li a { font-size:13px; }
body .site-footer { border-top:1px solid #edf0f5; }
body .site-footer-wrapper { background:#fafbfc; }
body .site-info { font-size:12px; }

/* Full-screen BuddyX template cleanup. */
body.tuurio-demo-site #primary.site-main { width:100%; max-width:none; padding:0; margin:0; }
body.tuurio-demo-site .entry-content { margin:0; padding:0; }
body.tuurio-demo-site .entry-content > .tuurio-demo-hub { margin-top:0; }
body.tuurio-demo-site .site-sub-header { display:none !important; }

.tuurio-demo-hub { color:var(--tuurio-ink); font-family:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow:hidden; }
.tuurio-demo-hub * { box-sizing:border-box; }
.tuurio-demo-hub h1,.tuurio-demo-hub h2,.tuurio-demo-hub h3,.tuurio-demo-hub h4,.tuurio-demo-hub p { margin-top:0; }
.tuurio-demo-hub h1,.tuurio-demo-hub h2,.tuurio-demo-hub h3,.tuurio-demo-hub h4 { color:var(--tuurio-ink); letter-spacing:-.04em; }
.tuurio-demo-hub a { text-decoration:none; }
.tuurio-eyebrow { display:inline-flex; align-items:center; font-size:11px; line-height:1.2; letter-spacing:.13em; font-weight:850; color:var(--tuurio-blue); text-transform:uppercase; }
.tuurio-eyebrow.light { color:#9fb4ff; }

/* Hero */
.tuurio-hero { max-width:1240px; min-height:650px; margin:0 auto; padding:74px 30px 82px; display:grid; grid-template-columns:1.03fr .97fr; gap:70px; align-items:center; }
.tuurio-kicker { display:inline-flex; align-items:center; gap:9px; margin-bottom:24px; color:var(--tuurio-navy); font-size:11px; font-weight:850; letter-spacing:.12em; }
.tuurio-live-dot { width:8px; height:8px; background:var(--tuurio-green); border-radius:50%; box-shadow:0 0 0 5px rgba(31,157,105,.12); }
.tuurio-hero h1 { max-width:720px; margin-bottom:25px; font-size:clamp(46px,5.35vw,76px); line-height:.99; font-weight:800; }
.tuurio-hero h1 span { color:var(--tuurio-blue); }
.tuurio-hero-lead { max-width:670px; margin-bottom:30px; color:var(--tuurio-muted); font-size:18px; line-height:1.66; }
.tuurio-actions { display:flex; flex-wrap:wrap; gap:11px; align-items:center; }
.tuurio-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 19px; border-radius:11px; font-size:13px; font-weight:760; transition:.18s ease; }
.tuurio-btn:hover { transform:translateY(-1px); }
.tuurio-btn-primary { color:#fff !important; background:var(--tuurio-blue); box-shadow:0 10px 24px rgba(47,95,234,.20); }
.tuurio-btn-primary:hover { background:#244fd0; }
.tuurio-btn-secondary { color:var(--tuurio-navy)!important; background:#fff; border:1px solid var(--tuurio-line); }
.tuurio-btn-white { color:var(--tuurio-navy)!important; background:#fff; }
.tuurio-btn-disabled { color:#8b95a7!important; background:#f5f7fa; border:1px dashed #ccd3df; pointer-events:none; }
.tuurio-user-dot { width:7px; height:7px; border-radius:50%; background:var(--tuurio-green); }
.tuurio-trust-row { display:flex; flex-wrap:wrap; gap:10px 19px; margin-top:29px; color:#7a8495; font-size:11px; font-weight:650; }
.tuurio-trust-row span::before { content:'✓'; margin-right:7px; color:var(--tuurio-green); font-weight:900; }

.tuurio-hero-visual { display:grid; place-items:center; }
.tuurio-architecture { width:min(510px,100%); padding:28px; border-radius:28px; background:linear-gradient(145deg,#f6f8fd,#edf3ff); border:1px solid #e0e8fa; box-shadow:var(--tuurio-shadow); position:relative; }
.tuurio-arch-label { margin-bottom:17px; color:#8894a8; text-align:center; font-size:10px; font-weight:850; letter-spacing:.16em; }
.tuurio-app-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.tuurio-app-row span { min-height:55px; display:grid; place-items:center; padding:8px; border:1px solid #dce4f2; border-radius:12px; background:rgba(255,255,255,.83); color:#4a5670; font-size:10px; font-weight:750; text-align:center; }
.tuurio-connector { display:grid; grid-template-columns:repeat(3,1fr); height:30px; }
.tuurio-connector i { position:relative; }
.tuurio-connector i::after { content:''; position:absolute; width:1px; top:0; bottom:0; left:50%; background:#bdc9dc; }
.tuurio-wp-layer { min-height:76px; display:flex; align-items:center; justify-content:center; gap:15px; padding:14px 18px; border-radius:16px; background:#fff; border:1px solid #dce4f2; }
.tuurio-wp-layer>b { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#182642; color:#fff; font-family:Georgia,serif; font-size:22px; }
.tuurio-wp-layer div { display:flex; flex-direction:column; }
.tuurio-wp-layer strong { font-size:17px; color:var(--tuurio-navy); }
.tuurio-wp-layer small { margin-top:2px; color:#7a8495; font-size:10px; }
.tuurio-arrow-down { height:45px; display:grid; place-items:center; color:#8aa4f6; font-size:24px; }
.tuurio-id-layer { min-height:112px; display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; align-content:center; justify-content:center; column-gap:5px; padding:20px; border-radius:19px; background:var(--tuurio-navy); box-shadow:0 14px 34px rgba(24,38,66,.22); }
.tuurio-id-layer span { align-self:end; color:#afc0ff; font-size:11px; font-weight:800; letter-spacing:.15em; }
.tuurio-id-layer strong { grid-row:1 / 3; color:#fff; font-size:48px; line-height:.9; letter-spacing:-.06em; }
.tuurio-id-layer small { color:#b9c3d8; font-size:10px; }
.tuurio-arch-foot { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:15px; }
.tuurio-arch-foot span { padding:5px 9px; border:1px solid #d8e1f0; border-radius:999px; background:rgba(255,255,255,.65); color:#66738a; font-size:9px; font-weight:750; }

/* How it works */
.tuurio-how { max-width:1180px; margin:0 auto 105px; padding:55px; display:grid; grid-template-columns:.86fr 1.14fr; gap:58px; border-radius:28px; background:var(--tuurio-navy); }
.tuurio-how-intro h2 { margin:12px 0 17px; color:#fff; font-size:clamp(32px,3.5vw,47px); line-height:1.08; }
.tuurio-how-intro p { color:#aeb9cc; font-size:15px; line-height:1.65; }
.tuurio-how-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.tuurio-how-steps>div { min-height:205px; padding:22px 20px; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.04); }
.tuurio-how-steps b { color:#8faaff; font-size:11px; letter-spacing:.1em; }
.tuurio-how-steps h3 { margin:31px 0 9px; color:#fff; font-size:18px; letter-spacing:-.02em; }
.tuurio-how-steps p { color:#aeb9cc; font-size:12px; line-height:1.55; }

/* Demo journeys */
.tuurio-demo-intro { max-width:1180px; margin:0 auto; padding:0 20px 47px; display:grid; grid-template-columns:180px 1fr; gap:28px; }
.tuurio-demo-intro h2 { margin:0 0 13px; font-size:clamp(38px,4.7vw,59px); line-height:1; }
.tuurio-demo-intro p { max-width:730px; color:var(--tuurio-muted); font-size:16px; line-height:1.65; }
.tuurio-journey-group { max-width:1180px; margin:0 auto 70px; padding:0 20px; scroll-margin-top:110px; }
.tuurio-group-head { display:grid; grid-template-columns:70px minmax(280px,.95fr) 1fr; gap:24px; align-items:end; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid var(--tuurio-line); }
.tuurio-group-number { color:#c1cad9; font-size:30px; font-weight:750; letter-spacing:-.04em; }
.tuurio-group-head h3 { margin:6px 0 0; font-size:24px; letter-spacing:-.025em; }
.tuurio-group-head>p { margin:0; color:var(--tuurio-muted); font-size:13px; line-height:1.55; }
.tuurio-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.tuurio-card { min-height:305px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--tuurio-line); border-radius:18px; background:#fff; color:var(--tuurio-ink)!important; transition:.2s ease; }
.tuurio-card:hover { transform:translateY(-4px); border-color:#bfcdf7; box-shadow:0 18px 42px rgba(24,38,66,.08); }
.tuurio-card-top { display:flex; justify-content:space-between; align-items:flex-start; min-height:58px; }
.tuurio-card-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:var(--tuurio-soft); }
.tuurio-card-icon img { width:25px; height:25px; }
.tuurio-card-icon.large { width:64px; height:64px; border-radius:18px; }
.tuurio-card-icon.large img { width:32px; height:32px; }
.tuurio-live-badge { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:999px; background:#f7f8fa; color:#8a94a5; font-size:9px; font-weight:750; white-space:nowrap; }
.tuurio-live-badge i { width:6px; height:6px; border-radius:50%; background:#aab2bf; }
.tuurio-live-badge.is-ready { color:#15734d; background:#edf9f4; }
.tuurio-live-badge.is-ready i { background:var(--tuurio-green); box-shadow:0 0 0 3px rgba(31,157,105,.10); }
.tuurio-plugin-label { margin:20px 0 6px; color:#8792a5; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tuurio-card h4 { margin-bottom:9px; font-size:21px; letter-spacing:-.025em; }
.tuurio-card>p { color:var(--tuurio-muted); font-size:13px; line-height:1.58; }
.tuurio-persona { margin-top:auto; padding-top:20px; color:#8a94a5; font-size:10px; }
.tuurio-persona strong { color:var(--tuurio-navy); font-size:10px; letter-spacing:.05em; }
.tuurio-card-link { margin-top:15px; color:var(--tuurio-blue); font-size:12px; font-weight:800; }
.tuurio-card-link b { margin-left:4px; }

/* Technical */
.tuurio-tech { margin:105px 0 0; padding:90px max(30px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:.85fr 1.15fr; gap:75px; align-items:center; background:linear-gradient(135deg,#17243f,#1d3157); }
.tuurio-tech h2 { margin:12px 0 17px; color:#fff; font-size:clamp(34px,4vw,52px); line-height:1.05; }
.tuurio-tech p { color:#b8c3d6; font-size:14px; line-height:1.66; }
.tuurio-tech-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:25px; }
.tuurio-tech-tags span { padding:7px 10px; border:1px solid rgba(255,255,255,.17); border-radius:999px; color:#c9d3e3; font-size:9px; font-weight:750; }
.tuurio-tech-stack { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; }
.tuurio-tech-stack>div { min-height:155px; padding:23px 20px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.05); }
.tuurio-tech-stack small { color:#8faaff; font-size:10px; font-weight:800; }
.tuurio-tech-stack strong { margin-top:27px; color:#fff; font-size:17px; }
.tuurio-tech-stack span { margin-top:4px; color:#aeb9cc; font-size:10px; }
.tuurio-tech-stack>b { color:#8196bd; }

/* Status */
.tuurio-status-wrap { max-width:1180px; margin:0 auto; padding:90px 20px 30px; }
.tuurio-status-heading { display:grid; grid-template-columns:180px 1fr; gap:28px; margin-bottom:28px; }
.tuurio-status-heading h2 { margin:0 0 8px; font-size:30px; }
.tuurio-status-heading p { grid-column:2; margin:-20px 0 0; color:var(--tuurio-muted); font-size:13px; }
.tuurio-status-panel { display:grid; grid-template-columns:230px 1fr; gap:35px; padding:29px; border:1px solid var(--tuurio-line); border-radius:18px; background:var(--tuurio-soft-2); }
.tuurio-status-summary strong { display:block; margin:10px 0 7px; color:var(--tuurio-blue); font-size:48px; letter-spacing:-.06em; }
.tuurio-status-summary strong small { color:#9ba5b4; font-size:17px; }
.tuurio-status-summary p { margin:0; color:var(--tuurio-muted); font-size:12px; line-height:1.5; }
.tuurio-status-list { display:flex; flex-wrap:wrap; align-content:center; gap:8px; }
.tuurio-status { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid #e1e6ee; border-radius:999px; background:#fff; color:#637086; font-size:10px; font-weight:700; }
.tuurio-status-dot { width:6px; height:6px; border-radius:50%; background:#a8b0bd; }
.tuurio-status.is-active .tuurio-status-dot { background:var(--tuurio-green); }
.tuurio-status.is-inactive { opacity:.58; }

/* Sovereignty */
.tuurio-sovereignty { max-width:1180px; margin:70px auto 0; padding:57px; display:grid; grid-template-columns:1.05fr .95fr; gap:55px; align-items:center; border:1px solid #dae4fb; border-radius:26px; background:linear-gradient(135deg,#edf3ff,#f9fbff); }
.tuurio-sovereignty h2 { margin:11px 0 18px; font-size:clamp(34px,4.2vw,52px); line-height:1.04; }
.tuurio-sovereignty p { color:#627086; font-size:14px; line-height:1.7; }
.tuurio-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.tuurio-proof>div { min-height:118px; padding:17px 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid rgba(47,95,234,.11); border-radius:14px; background:rgba(255,255,255,.73); }
.tuurio-proof strong { color:var(--tuurio-blue); font-size:18px; letter-spacing:-.03em; }
.tuurio-proof span { margin-top:6px; color:#76839a; font-size:9px; font-weight:700; }

/* FAQ */
.tuurio-faq { max-width:1180px; margin:105px auto; padding:0 20px; display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; }
.tuurio-faq h2 { margin:10px 0 0; max-width:360px; font-size:42px; line-height:1.04; }
.tuurio-faq-list { border-top:1px solid var(--tuurio-line); }
.tuurio-faq details { border-bottom:1px solid var(--tuurio-line); }
.tuurio-faq summary { position:relative; padding:21px 34px 21px 0; cursor:pointer; list-style:none; color:var(--tuurio-ink); font-size:14px; font-weight:720; }
.tuurio-faq summary::-webkit-details-marker { display:none; }
.tuurio-faq summary::after { content:'+'; position:absolute; right:4px; top:18px; color:#778399; font-size:20px; font-weight:400; }
.tuurio-faq details[open] summary::after { content:'−'; }
.tuurio-faq details p { max-width:690px; padding:0 36px 20px 0; margin:0; color:var(--tuurio-muted); font-size:12px; line-height:1.65; }

/* Final CTA */
.tuurio-final-cta { margin:0; padding:72px max(30px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; background:linear-gradient(120deg,#2f5fea,#203e83); }
.tuurio-final-cta h2 { max-width:740px; margin:11px 0 0; color:#fff; font-size:37px; line-height:1.08; }
.tuurio-final-cta .tuurio-btn-secondary { background:transparent; color:#fff!important; border-color:rgba(255,255,255,.35); }

/* Scenario page */
.tuurio-scenario-page { padding-bottom:30px; }
.tuurio-scenario-hero { padding:55px max(30px,calc((100vw - 1140px)/2)) 62px; background:linear-gradient(180deg,#f8faff,#fff); border-bottom:1px solid #edf0f5; }
.tuurio-breadcrumb { display:flex; gap:8px; align-items:center; color:#8a94a5; font-size:10px; }
.tuurio-breadcrumb a { color:#66738a!important; }
.tuurio-breadcrumb b { color:var(--tuurio-navy); font-weight:700; }
.tuurio-scenario-main { display:grid; grid-template-columns:1fr 320px; gap:80px; align-items:end; margin-top:48px; }
.tuurio-scenario-meta { display:flex; align-items:center; gap:15px; }
.tuurio-scenario-meta>div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.tuurio-scenario-main h1 { margin:25px 0 13px; font-size:clamp(44px,5.5vw,67px); line-height:.98; }
.tuurio-scenario-main>div>p { max-width:700px; margin-bottom:19px; color:var(--tuurio-muted); font-size:17px; line-height:1.55; }
.tuurio-persona-big { display:inline-flex; gap:6px; align-items:center; padding:7px 10px; border-radius:999px; background:var(--tuurio-soft); color:#63708a; font-size:10px; }
.tuurio-persona-big strong { color:var(--tuurio-blue-dark); letter-spacing:.04em; }
.tuurio-scenario-quick { padding:21px 22px; display:grid; grid-template-columns:1fr; gap:3px; border:1px solid var(--tuurio-line); border-radius:17px; background:#fff; box-shadow:0 12px 34px rgba(24,38,66,.06); }
.tuurio-scenario-quick span { color:#9aa4b4; font-size:8px; font-weight:850; letter-spacing:.13em; }
.tuurio-scenario-quick strong { color:var(--tuurio-navy); font-size:13px; }
.tuurio-scenario-quick i { margin:4px 0; color:#9ab0f6; font-style:normal; }
.tuurio-scenario-grid { max-width:1140px; margin:0 auto; padding:55px 20px; display:grid; grid-template-columns:1.3fr .7fr; gap:18px; }
.tuurio-test-card,.tuurio-observe-card { padding:31px; border:1px solid var(--tuurio-line); border-radius:18px; background:#fff; }
.tuurio-test-card h2 { margin:10px 0 24px; font-size:30px; }
.tuurio-test-card ol { margin:0 0 28px; padding:0; list-style:none; }
.tuurio-test-card li { min-height:67px; display:grid; grid-template-columns:40px 1fr; gap:13px; align-items:start; padding:14px 0; border-top:1px solid #eef1f5; }
.tuurio-test-card li span { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:var(--tuurio-soft); color:var(--tuurio-blue); font-size:9px; font-weight:850; }
.tuurio-test-card li p { margin:5px 0 0; color:#47536a; font-size:13px; line-height:1.5; }
.tuurio-observe-card { background:var(--tuurio-soft-2); }
.tuurio-observe-card h3 { margin:10px 0 19px; font-size:23px; }
.tuurio-observe-card ul { margin:0; padding:0; list-style:none; }
.tuurio-observe-card li { position:relative; padding:12px 0 12px 23px; border-top:1px solid #e4e8ef; color:#657086; font-size:12px; line-height:1.5; }
.tuurio-observe-card li::before { content:'✓'; position:absolute; left:0; color:var(--tuurio-green); font-weight:900; }
.tuurio-separation { max-width:1140px; margin:20px auto 45px; padding:45px; display:grid; grid-template-columns:.9fr 1.1fr; gap:55px; align-items:center; border-radius:23px; background:var(--tuurio-navy); }
.tuurio-separation h2 { margin:10px 0 14px; color:#fff; font-size:35px; line-height:1.05; }
.tuurio-separation p { margin:0; color:#b8c3d5; font-size:13px; line-height:1.65; }
.tuurio-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:9px; align-items:center; }
.tuurio-flow>div { min-height:105px; padding:17px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(255,255,255,.13); border-radius:13px; background:rgba(255,255,255,.05); }
.tuurio-flow small { color:#8faaff; font-size:8px; font-weight:800; letter-spacing:.1em; }
.tuurio-flow strong { margin-top:12px; color:#fff; font-size:12px; }
.tuurio-flow>b { color:#8399c2; }
.tuurio-scenario-foot { max-width:1140px; margin:0 auto; padding:0 20px 45px; display:flex; justify-content:space-between; color:#8a94a5; font-size:10px; }
.tuurio-scenario-foot a { color:var(--tuurio-blue)!important; font-weight:750; }

@media (max-width:1020px) {
  .tuurio-hero { grid-template-columns:1fr; gap:45px; }
  .tuurio-hero-copy { max-width:820px; }
  .tuurio-hero-visual { justify-items:start; }
  .tuurio-how,.tuurio-tech,.tuurio-sovereignty,.tuurio-faq,.tuurio-scenario-main,.tuurio-separation { grid-template-columns:1fr; }
  .tuurio-how { margin-left:20px; margin-right:20px; }
  .tuurio-tech { gap:45px; }
  .tuurio-scenario-main { gap:30px; }
  .tuurio-scenario-quick { max-width:470px; }
}
@media (max-width:780px) {
  .tuurio-hero { min-height:auto; padding:52px 20px 60px; }
  .tuurio-hero h1 { font-size:clamp(42px,12vw,60px); }
  .tuurio-architecture { padding:20px; }
  .tuurio-how { padding:34px 25px; }
  .tuurio-how-steps,.tuurio-card-grid,.tuurio-proof { grid-template-columns:1fr; }
  .tuurio-how-steps>div { min-height:150px; }
  .tuurio-how-steps h3 { margin-top:20px; }
  .tuurio-demo-intro,.tuurio-status-heading { grid-template-columns:1fr; }
  .tuurio-status-heading p { grid-column:auto; margin:0; }
  .tuurio-group-head { grid-template-columns:55px 1fr; }
  .tuurio-group-head>p { grid-column:2; }
  .tuurio-card { min-height:245px; }
  .tuurio-tech-stack,.tuurio-flow { grid-template-columns:1fr; }
  .tuurio-tech-stack>b,.tuurio-flow>b { transform:rotate(90deg); text-align:center; }
  .tuurio-status-panel,.tuurio-scenario-grid { grid-template-columns:1fr; }
  .tuurio-sovereignty { margin-left:20px; margin-right:20px; padding:35px 25px; }
  .tuurio-faq { gap:35px; }
  .tuurio-final-cta { grid-template-columns:1fr; padding:55px 25px; }
  .tuurio-scenario-hero { padding:40px 20px 48px; }
  .tuurio-scenario-grid { padding-left:20px; padding-right:20px; }
  .tuurio-separation { margin-left:20px; margin-right:20px; padding:30px 24px; }
}
@media (max-width:520px) {
  .tuurio-app-row { grid-template-columns:1fr; }
  .tuurio-connector { display:none; }
  .tuurio-wp-layer { margin-top:10px; }
  .tuurio-group-head { grid-template-columns:1fr; }
  .tuurio-group-number { font-size:22px; }
  .tuurio-group-head>p { grid-column:auto; }
  .tuurio-scenario-foot { flex-direction:column; gap:12px; }
}

/* v1.2 — embedded application pages */
.tuurio-tool-page{max-width:1180px;margin:0 auto;padding:0 28px}.tuurio-tool-head{padding:64px 0 34px;border-bottom:1px solid #e4e9f2;margin-bottom:28px}.tuurio-tool-head>a{display:inline-flex;margin-bottom:26px;color:#536078;text-decoration:none;font-weight:650}.tuurio-tool-head h1{margin:8px 0 10px;font-size:clamp(34px,4vw,56px);letter-spacing:-.035em;color:#172b4d}.tuurio-tool-head p{max-width:760px;margin:0 0 22px;color:#536078;font-size:17px;line-height:1.65}.tuurio-tool-page + .wp-block-shortcode{max-width:1180px;margin:0 auto 72px;padding:0 28px}.tuurio-scenario-page .tuurio-actions{flex-wrap:wrap;gap:10px}

/* ======================================================================
   v1.3 PRODUCT-DEMO LAYER
   ====================================================================== */
body.tuurio-demo-site .site-header-wrapper { position:relative; z-index:50; }
body.tuurio-demo-site .site-branding .site-title { font-size:24px!important; line-height:1.05!important; }
body.tuurio-demo-site .site-branding .site-title a { color:var(--tuurio-navy)!important; }
body.tuurio-demo-site .main-navigation ul#primary-menu>li>a { padding-left:11px; padding-right:11px; }

.tuurio-demo-hub { --tuurio-amber:#d58a22; --tuurio-amber-soft:#fff7e8; }
.tuurio-section-head { max-width:760px; margin-bottom:34px; }
.tuurio-section-head h2 { margin:10px 0 13px; font-size:clamp(36px,4.6vw,58px); line-height:1.02; }
.tuurio-section-head p { max-width:680px; color:var(--tuurio-muted); font-size:15px; line-height:1.65; }

/* Hero refinements */
.tuurio-hero { min-height:690px; }
.tuurio-user-layer { min-height:64px; display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 18px; border:1px solid #dce4f2; border-radius:14px; background:rgba(255,255,255,.78); }
.tuurio-user-layer>span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#fff; border:1px solid #dce4f2; font-size:17px; }
.tuurio-user-layer div { display:flex; flex-direction:column; }
.tuurio-user-layer strong { color:var(--tuurio-navy); font-size:13px; }
.tuurio-user-layer small { color:#7a8495; font-size:9px; }
.tuurio-arrow-down.small { height:28px; font-size:17px; }

/* Principle statement */
.tuurio-principle { margin:0; padding:74px max(30px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:.88fr 1.12fr; gap:70px; align-items:center; background:var(--tuurio-navy); }
.tuurio-principle h2 { margin:12px 0 0; color:#fff; font-size:clamp(33px,4vw,51px); line-height:1.06; }
.tuurio-principle-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:11px; align-items:center; }
.tuurio-principle-flow>div { min-height:145px; padding:22px 18px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.05); }
.tuurio-principle-flow b { color:#8faaff; font-size:10px; }
.tuurio-principle-flow strong { margin-top:27px; color:#fff; font-size:17px; }
.tuurio-principle-flow span { margin-top:4px; color:#afbbcf; font-size:10px; }
.tuurio-principle-flow>i { color:#7890ba; font-style:normal; }

/* Quick-start / wow demos */
.tuurio-quick { max-width:1180px; margin:100px auto 105px; padding:0 20px; scroll-margin-top:100px; }
.tuurio-quick-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.tuurio-quick-card { min-height:330px; padding:30px; display:flex; flex-direction:column; border:1px solid var(--tuurio-line); border-radius:22px; background:#fff; color:var(--tuurio-ink)!important; box-shadow:0 8px 26px rgba(24,38,66,.03); transition:.2s ease; }
.tuurio-quick-card:hover { transform:translateY(-4px); border-color:#b8c8f4; box-shadow:0 22px 48px rgba(24,38,66,.09); }
.tuurio-quick-card.is-featured { background:linear-gradient(145deg,#182642,#203b72); border-color:transparent; }
.tuurio-quick-card.is-featured h3,.tuurio-quick-card.is-featured p,.tuurio-quick-card.is-featured>strong { color:#fff; }
.tuurio-quick-card.is-featured .tuurio-quick-tag { color:#a9bcff; }
.tuurio-quick-card.is-featured .tuurio-mini-flow span { border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.07); color:#d9e1f1; }
.tuurio-quick-tag { color:var(--tuurio-blue); font-size:10px; font-weight:850; letter-spacing:.13em; }
.tuurio-quick-card h3 { margin:18px 0 20px; font-size:30px; line-height:1.06; letter-spacing:-.035em; }
.tuurio-quick-card p { max-width:560px; margin:20px 0 25px; color:var(--tuurio-muted); font-size:13px; line-height:1.6; }
.tuurio-quick-card>strong { margin-top:auto; color:var(--tuurio-blue); font-size:12px; }
.tuurio-mini-flow { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.tuurio-mini-flow span { padding:7px 10px; border:1px solid #e1e7f0; border-radius:9px; background:#f8faff; color:#59667b; font-size:9px; font-weight:750; }
.tuurio-mini-flow b { color:#9aa7bc; font-size:11px; }

/* Cards */
.tuurio-live-badge.is-partial { color:#9a651b; background:var(--tuurio-amber-soft); }
.tuurio-live-badge.is-partial i { background:var(--tuurio-amber); box-shadow:0 0 0 3px rgba(213,138,34,.10); }
.tuurio-plugin-name { margin-top:20px; color:#8b95a7; font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.tuurio-card h4 { margin:7px 0 12px; font-size:21px; line-height:1.12; }
.tuurio-card p { color:var(--tuurio-muted); font-size:12px; line-height:1.55; }
.tuurio-card-link { margin-top:15px; color:var(--tuurio-blue); font-size:11px; font-weight:800; }

/* Three perspectives */
.tuurio-perspectives { max-width:1180px; margin:105px auto; padding:0 20px; }
.tuurio-perspective-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.tuurio-perspective-grid>div { min-height:250px; padding:28px; border:1px solid var(--tuurio-line); border-radius:20px; background:var(--tuurio-soft-2); }
.tuurio-perspective-grid span { color:#a7b1c0; font-size:12px; font-weight:800; }
.tuurio-perspective-grid h3 { margin:30px 0 9px; color:var(--tuurio-blue); font-size:14px; letter-spacing:.02em; }
.tuurio-perspective-grid strong { display:block; max-width:270px; color:var(--tuurio-navy); font-size:19px; line-height:1.28; }
.tuurio-perspective-grid p { margin:15px 0 0; color:var(--tuurio-muted); font-size:12px; line-height:1.55; }

/* Live context */
.tuurio-context { margin-top:18px; padding:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(255,255,255,.04); }
.tuurio-context>span { grid-column:1/-1; margin-bottom:2px; color:#8faaff; font-size:8px; font-weight:850; letter-spacing:.13em; }
.tuurio-context>div { min-height:62px; padding:11px; border-radius:10px; background:rgba(255,255,255,.05); }
.tuurio-context small { display:block; color:#8fa0bd; font-size:8px; }
.tuurio-context strong { display:block; margin-top:7px; color:#fff; font-size:11px; overflow-wrap:anywhere; }
.tuurio-context strong.is-good { color:#6ee2ad; }
.tuurio-context.is-logged-out { grid-template-columns:1fr; color:#fff; }
.tuurio-context.is-logged-out>strong { color:#fff; font-size:13px; }
.tuurio-context.is-logged-out>small { color:#aeb9cc; line-height:1.5; }

/* Status partial */
.tuurio-status.is-partial .tuurio-status-dot { background:var(--tuurio-amber); }
.tuurio-status.is-partial { background:#fffaf1; border-color:#f0dfbd; color:#80623a; }

/* Scenario page: persona + readiness */
.tuurio-persona-big { padding:9px 12px 9px 9px; gap:10px; }
.tuurio-persona-big .tuurio-avatar { width:32px; height:32px; display:grid; place-items:center; flex:0 0 32px; border-radius:50%; background:var(--tuurio-blue); color:#fff; font-size:11px; font-weight:850; }
.tuurio-persona-big>div { display:flex; flex-direction:column; gap:1px; }
.tuurio-persona-big small { color:#8b95a7; font-size:8px; }
.tuurio-persona-big strong { font-size:11px; }
.tuurio-persona-big em { color:#8b95a7; font-size:8px; font-style:normal; }
.tuurio-test-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.tuurio-health-pill { display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border-radius:999px; font-size:9px; font-weight:800; white-space:nowrap; }
.tuurio-health-pill.is-ready { background:#edf9f4; color:#15734d; }
.tuurio-health-pill.is-partial { background:var(--tuurio-amber-soft); color:#9a651b; }
.tuurio-health-pill.is-missing { background:#f1f3f6; color:#7e8796; }
.tuurio-health-note { margin-top:24px; padding-top:18px; border-top:1px solid #e2e7ef; }
.tuurio-health-note strong { color:var(--tuurio-navy); font-size:10px; }
.tuurio-health-note p { margin:5px 0 0; color:#7a8495; font-size:10px; line-height:1.5; }
.tuurio-demo-note { margin-top:20px; padding:14px 16px; border:1px solid #f0dfbd; border-radius:12px; background:#fffaf1; }
.tuurio-demo-note strong { color:#875f21; font-size:11px; }
.tuurio-demo-note p { margin:5px 0 0; color:#7d6a4b; font-size:10px; line-height:1.5; }

/* Cross-plugin membership journey */
.tuurio-cross-demo { max-width:1140px; margin:0 auto 45px; padding:27px 32px; display:grid; grid-template-columns:180px 1fr auto; gap:24px; align-items:center; border:1px solid #d8e3fb; border-radius:18px; background:linear-gradient(135deg,#f0f5ff,#fbfcff); }
.tuurio-cross-demo>span { color:var(--tuurio-blue); font-size:9px; font-weight:850; letter-spacing:.12em; }
.tuurio-cross-demo strong { color:var(--tuurio-navy); font-size:16px; }
.tuurio-cross-demo a { color:var(--tuurio-blue)!important; font-size:11px; font-weight:800; }

/* Technical details per scenario */
.tuurio-tech-details-wrap { max-width:1140px; margin:0 auto 42px; padding:0 20px; }
.tuurio-technical-details { border:1px solid var(--tuurio-line); border-radius:18px; background:#fff; overflow:hidden; }
.tuurio-technical-details summary { position:relative; padding:20px 54px 20px 24px; cursor:pointer; list-style:none; color:var(--tuurio-navy); font-size:12px; font-weight:800; }
.tuurio-technical-details summary::-webkit-details-marker { display:none; }
.tuurio-technical-details summary::after { content:'+'; position:absolute; right:24px; top:15px; color:var(--tuurio-blue); font-size:22px; font-weight:400; }
.tuurio-technical-details[open] summary::after { content:'−'; }
.tuurio-technical-inner { padding:0 24px 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.tuurio-technical-inner>div { min-height:125px; padding:18px; border-radius:13px; background:var(--tuurio-soft-2); }
.tuurio-technical-inner span { color:#8a94a5; font-size:8px; font-weight:850; letter-spacing:.1em; }
.tuurio-technical-inner strong { display:block; margin-top:18px; color:var(--tuurio-navy); font-size:15px; }
.tuurio-technical-inner p { margin:7px 0 0; color:var(--tuurio-muted); font-size:10px; line-height:1.5; }
.tuurio-technical-details .tuurio-context { margin:0 24px 24px; background:var(--tuurio-navy); }

/* Helper pages */
.tuurio-access-success { max-width:1180px; margin:20px auto 70px; padding:30px; border:1px solid #cde8dc; border-radius:18px; background:#f0fbf6; color:#295e49; }
.tuurio-access-success strong { display:block; font-size:20px; }
.tuurio-access-success p { margin:8px 0 0; max-width:760px; color:#557667; font-size:13px; line-height:1.6; }

@media (max-width:1020px) {
  .tuurio-principle { grid-template-columns:1fr; }
  .tuurio-principle-flow { max-width:760px; }
  .tuurio-context { grid-template-columns:repeat(2,1fr); }
  .tuurio-cross-demo { grid-template-columns:1fr; }
}

@media (max-width:780px) {
  body.tuurio-demo-site .site-branding .site-title { font-size:20px!important; }
  .tuurio-quick-grid,.tuurio-perspective-grid { grid-template-columns:1fr; }
  .tuurio-quick-card { min-height:285px; }
  .tuurio-principle { padding:52px 22px; }
  .tuurio-principle-flow { grid-template-columns:1fr; }
  .tuurio-principle-flow>i { transform:rotate(90deg); text-align:center; }
  .tuurio-context { grid-template-columns:1fr; }
  .tuurio-technical-inner { grid-template-columns:1fr; }
  .tuurio-test-title-row { flex-direction:column; }
}

@media (max-width:520px) {
  .tuurio-quick { margin-top:70px; }
  .tuurio-quick-card { padding:23px; }
  .tuurio-quick-card h3 { font-size:25px; }
  .tuurio-mini-flow { align-items:flex-start; }
  .tuurio-cross-demo { margin-left:20px; margin-right:20px; }
}