:root {
  --ink: #202124;
  --muted: #5f6368;
  --blue: #0b57d0;
  --blue-strong: #0a4ebc;
  --blue-soft: #d3e3fd;
  --surface: #ffffff;
  --surface-soft: #f7f9fc;
  --line: #e2e7ef;
  --green: #188038;
  --green-soft: #c4eed0;
  --purple: #7627bb;
  --purple-soft: #e9d5ff;
  --yellow: #a65d00;
  --yellow-soft: #ffdf9c;
  --shadow: 0 10px 35px rgba(32, 33, 36, 0.09), 0 2px 8px rgba(32, 33, 36, 0.05);
  --radius-lg: 36px;
  --radius-md: 24px;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
main [id] { scroll-margin-top: 96px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--surface);
  font-family: "Google Sans", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; padding: 12px 18px; border-radius: 12px; color: white; background: var(--blue); }
.skip-link:focus { top: 16px; }

.site-header {
  position: fixed;
  top: 14px;
  left: 50%;
  z-index: 50;
  width: min(calc(100% - 32px), 1240px);
  height: 66px;
  padding: 0 18px 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(218, 222, 230, 0.88);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 5px 22px rgba(60, 64, 67, 0.07);
  backdrop-filter: blur(18px);
  transform: translateX(-50%);
  transition: box-shadow 180ms ease, background 180ms ease;
}
.site-header.scrolled { background: rgba(255, 255, 255, 0.96); box-shadow: var(--shadow); }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 11px; font-size: 19px; font-weight: 720; letter-spacing: -0.3px; }
.brand-mark { position: relative; width: 34px; height: 34px; display: inline-block; border-radius: 11px; background: #d3e3fd; overflow: hidden; }
.brand-mark i { position: absolute; display: block; border-radius: 50%; }
.brand-mark i:nth-child(1) { width: 17px; height: 17px; left: 5px; top: 5px; background: #0b57d0; }
.brand-mark i:nth-child(2) { width: 14px; height: 14px; right: 4px; bottom: 4px; background: #34a853; }
.brand-mark i:nth-child(3) { width: 8px; height: 8px; left: 6px; bottom: 5px; background: #fbbc04; }
.desktop-nav { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; }
.desktop-nav > a, .nav-dropdown > button, .text-link { padding: 10px 13px; border-radius: 12px; color: #4f545a; font-size: 14px; font-weight: 580; transition: background 150ms ease, color 150ms ease; }
.desktop-nav > a:hover, .nav-dropdown > button:hover, .text-link:hover { color: var(--ink); background: #f1f4f8; }
.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:transparent;cursor:pointer}.nav-dropdown>button span{display:inline-block;margin-left:3px;transition:transform 160ms ease}.nav-dropdown.open>button span{transform:rotate(180deg)}
.dropdown-menu{position:absolute;left:50%;top:calc(100% - 1px);width:300px;padding:10px;display:none;border:1px solid #e0e5ec;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:var(--shadow);transform:translateX(-50%)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{display:grid;gap:4px}.dropdown-menu a{padding:12px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;border-radius:15px}.dropdown-menu a:hover,.dropdown-menu a.current{background:#f1f5fa}.dropdown-menu a>i{grid-row:1;width:42px;height:42px;display:grid;place-items:center;color:var(--blue);border-radius:13px;background:var(--blue-soft);font-style:normal}.dropdown-menu a>span{display:flex;flex-direction:column;gap:3px}.dropdown-menu b{font-size:13px}.dropdown-menu small{color:var(--muted);font-size:10px}.nav-dropdown>button.current{color:var(--blue);background:var(--blue-soft)}
.header-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; }
.button { min-height: 48px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; font-weight: 680; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 0 19px; color: white; background: var(--blue); font-size: 14px; }
.button-small:hover, .button-primary:hover { background: var(--blue-strong); box-shadow: 0 7px 18px rgba(11, 87, 208, 0.2); }
.menu-button, .mobile-nav { display: none; }

.hero {
  position: relative;
  min-height: 820px;
  padding: 162px max(28px, calc((100vw - var(--max)) / 2)) 108px;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 1.12fr);
  align-items: center;
  gap: 64px;
  overflow: hidden;
  background:
    radial-gradient(circle at 89% 22%, rgba(211, 227, 253, 0.9), transparent 28%),
    radial-gradient(circle at 68% 73%, rgba(227, 241, 255, 0.72), transparent 31%),
    linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
.hero::before { content: ""; position: absolute; width: 510px; height: 510px; right: -260px; top: 130px; border: 74px solid rgba(255, 255, 255, 0.68); border-radius: 50%; }
.hero-copy, .hero-product { position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #4f5965; font-size: 14px; font-weight: 700; letter-spacing: 0.03em; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: #34a853; box-shadow: 0 0 0 5px #e2f6e8; }
.hero h1 { margin: 24px 0 24px; color: #202124; font-size: clamp(54px, 5.4vw, 76px); line-height: 1.08; letter-spacing: -4px; font-weight: 780; }
.hero h1 span { color: var(--blue); }
.hero-lead { max-width: 600px; margin: 0; color: var(--muted); font-size: 19px; line-height: 1.8; }
.hero-actions { margin-top: 34px; display: flex; gap: 12px; }
.button-primary { color: white; background: var(--blue); box-shadow: 0 5px 14px rgba(11, 87, 208, 0.14); }
.button-secondary { color: var(--blue); background: var(--blue-soft); }
.button-secondary:hover { background: #c2d9fb; }
.trust-row { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px 20px; color: #59636f; font-size: 13px; }
.trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.check { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; color: var(--green); border-radius: 50%; background: #e2f6e8; font-style: normal; font-weight: 800; }

.hero-product { perspective: 1400px; }
.app-orb, .cta-logo { display: inline-flex; align-items: center; justify-content: center; color: white; background: var(--blue); font-weight: 750; }
.app-orb { width: 25px; height: 25px; border-radius: 8px; font-size: 12px; }
.rail-avatar { width: 30px; height: 30px; display: grid; place-items: center; color: #5e3a00; border-radius: 50%; background: #ffdf9c; font-size: 11px; font-style: normal; }
.blue { color: #0b57d0; background: #d3e3fd; }
.green { color: #137333; background: #c4eed0; }
.purple { color: #7025a8; background: #ead6ff; }
.yellow { color: #875000; background: #ffdf9c; }

.section { padding: 88px max(28px, calc((100vw - var(--max)) / 2)); }
.section-soft { background: #f6f8fc; }
.section-heading { max-width: 900px; margin: 0 auto 44px; text-align: center; }
.section-heading h2, .split-heading h2, .final-cta h2 { margin: 17px 0 18px; font-size: clamp(38px, 4vw, 56px); line-height: 1.15; letter-spacing: -2.1px; }
.section-heading > p, .split-heading > p { margin: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.blue-label { color: var(--blue); }
.green-label { color: var(--green); }
.purple-label { color: var(--purple); }
.expert-icon { grid-row: 1 / span 2; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; font-size: 19px; }

.split-heading { margin-bottom: 42px; display: grid; grid-template-columns: 1fr 0.72fr; gap: 54px; align-items: end; }
.split-heading h2 { margin-bottom: 0; }
.app-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; font-size: 22px; font-weight: 700; }
.sheet-icon { color: #087d3e; background: #c4eed0; }
.library-icon { color: #0b57d0; background: #d3e3fd; }
.mail-icon { color: #b3261e; background: #f9dedc; }
.schedule-icon { color: #7627bb; background: #ead6ff; }
.contact-icon { color: #875000; background: #ffdf9c; }
.distill-icon { color: #006874; background: #b8eaef; }
.finance-label { color: #006874; }
.market-cap { color: #137333; background: #c4eed0; }
.search-cap { color: #0b57d0; background: #d3e3fd; }
.report-cap { color: #7627bb; background: #ead6ff; }

.final-cta { position: relative; margin: 0 max(20px, calc((100vw - 1320px) / 2)) 30px; padding: 105px 30px; overflow: hidden; border-radius: 44px; color: white; background: var(--blue); text-align: center; }
.final-cta > *:not(.cta-orb) { position: relative; z-index: 2; }.cta-logo { width: 58px; height: 58px; margin: 0 auto; border: 2px solid rgba(255,255,255,.8); border-radius: 19px; background: white; color: var(--blue); font-size: 24px; }.final-cta h2 { margin: 22px 0 16px; font-size: clamp(42px, 5vw, 64px); }.final-cta p { margin: 0 0 30px; color: #d3e3fd; font-size: 17px; }.cta-button { color: var(--blue); background: white; }.cta-button:hover { box-shadow: 0 10px 28px rgba(0,0,0,.16); }.cta-orb { position: absolute; border-radius: 50%; background: rgba(255,255,255,.08); }.orb-left { width: 410px; height: 410px; left: -160px; bottom: -250px; border: 55px solid rgba(255,255,255,.05); }.orb-right { width: 330px; height: 330px; right: -110px; top: -180px; border: 45px solid rgba(255,255,255,.05); }

.site-footer { padding: 60px max(28px, calc((100vw - var(--max)) / 2)) 26px; background: #f7f9fc; }
.footer-top { padding-bottom: 42px; display: flex; justify-content: space-between; border-bottom: 1px solid #dde2e9; }.footer-top > div:first-child > p { margin: 15px 0 0; color: var(--muted); font-size: 14px; }.footer-links { display: flex; gap: 90px; }.footer-links div { display: flex; flex-direction: column; gap: 12px; }.footer-links b { margin-bottom: 3px; font-size: 13px; }.footer-links a { color: var(--muted); font-size: 13px; }.footer-links a:hover { color: var(--blue); }.footer-bottom { padding-top: 22px; display: flex; justify-content: space-between; color: #7b838d; font-size: 11px; }

/* Multi-page structure */
.desktop-nav a.current,.text-link.current{color:var(--blue);background:var(--blue-soft)}
.page-hero{position:relative;min-height:680px;padding:126px max(28px,calc((100vw - var(--max))/2)) 68px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:58px;overflow:hidden}
.page-hero::after{content:"";position:absolute;z-index:-1;width:480px;height:480px;right:-180px;top:120px;border:70px solid rgba(255,255,255,.6);border-radius:50%}
.page-hero-copy h1{margin:20px 0 24px;font-size:clamp(52px,5.2vw,72px);line-height:1.1;letter-spacing:-3.5px}.page-hero-copy>p{max-width:610px;margin:0;color:var(--muted);font-size:18px;line-height:1.8}.page-hero-art{min-width:0}
.lyna-page-hero{background:radial-gradient(circle at 82% 32%,#dbe9ff,transparent 36%),#fbfdff}.apps-page-hero{background:radial-gradient(circle at 84% 32%,#d8f5e0,transparent 37%),#fbfefc}.finance-page-hero{background:radial-gradient(circle at 82% 32%,#d8f3f5,transparent 36%),#fbfefe}.about-page-hero{background:radial-gradient(circle at 82% 32%,#e6ddff,transparent 36%),#fdfcff}
.finance-page-hero .page-hero-copy h1{font-size:clamp(46px,4vw,52px)}
.page-next{max-width:var(--max);margin:18px auto 72px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:28px;background:#eef5ff}.page-next small{color:var(--blue);font-weight:750}.page-next h2{margin:5px 0 0;font-size:25px}.page-next .button{width:auto;flex:0 0 auto}

/* Homepage */
.home-intro{background:#f6f8fc}.gateway-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gateway-card{min-height:270px;padding:28px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e0e5ec;border-radius:28px;transition:transform 160ms ease,box-shadow 160ms ease}.gateway-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.gateway-card .gateway-icon{width:50px;height:50px;margin-bottom:auto;display:grid;place-items:center;border-radius:16px;font-size:21px;font-weight:800}.gateway-card small{margin-top:20px;font-weight:750}.gateway-card h3{margin:6px 0 8px;font-size:26px}.gateway-card p{margin:0 0 16px;color:var(--muted);line-height:1.6}.gateway-card b{font-size:12px}
.gateway-blue{background:#eef5ff}.gateway-blue .gateway-icon{color:var(--blue);background:var(--blue-soft)}.gateway-blue small,.gateway-blue b{color:var(--blue)}.gateway-green{background:#eef9f1}.gateway-green .gateway-icon{color:var(--green);background:var(--green-soft)}.gateway-green small,.gateway-green b{color:var(--green)}
.download-section{padding-top:35px}.download-card{padding:64px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center;overflow:hidden;border-radius:40px;background:linear-gradient(135deg,#eef5ff,#f7fbff);box-shadow:inset 0 0 0 1px #d8e5f7}.download-copy h2{margin:15px 0;font-size:46px;line-height:1.2;letter-spacing:-1.8px}.download-copy>p:not(.download-meta){color:var(--muted);font-size:16px;line-height:1.75}.platform-switch{width:max-content;margin:28px 0 14px;padding:5px;display:flex;gap:4px;border-radius:99px;background:#dde7f5}.platform-switch button{min-width:112px;padding:10px 17px;color:#596573;border:0;border-radius:99px;background:transparent;cursor:pointer;font:inherit;font-weight:700}.platform-switch button.active{color:var(--blue);background:white;box-shadow:0 2px 8px rgba(60,64,67,.12)}.platform-switch button span{margin-right:5px}.download-primary{width:max-content}.download-primary[aria-disabled="true"]{pointer-events:none;filter:grayscale(.7);opacity:.68}.download-meta{margin:11px 0 0;color:#64707c;font-size:12px}.download-visual{position:relative;padding:30px 10px 50px}.download-device{overflow:hidden;border:1px solid #cbd9ec;border-radius:25px;background:white;box-shadow:0 22px 54px rgba(44,74,118,.18);transform:rotate(1.5deg)}.download-device-bar{height:45px;padding:0 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2e8f1;background:#f9fbfe}.download-device-bar i{width:8px;height:8px;border:1px solid #8a96a4;border-radius:50%}.download-device-bar span{margin-left:auto;font-size:11px;font-weight:750}.download-device-body{height:310px;overflow:hidden;background:#f8fafd}.download-chatview-image{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.download-detected{position:absolute;left:50%;bottom:15px;padding:12px 17px;display:flex;align-items:center;gap:9px;border-radius:99px;background:white;box-shadow:var(--shadow);transform:translateX(-50%);white-space:nowrap;font-size:11px}.download-detected span{width:26px;height:26px;display:grid;place-items:center;color:var(--blue);border-radius:50%;background:var(--blue-soft)}

/* Lyna page */
.lyna-orchestrator{position:relative;height:500px;border-radius:40px;background:radial-gradient(circle at center,white 0 18%,transparent 18.5%),radial-gradient(circle at center,transparent 0 39%,rgba(11,87,208,.13) 39.5% 40%,transparent 40.5%),rgba(255,255,255,.55)}.center-agent{position:absolute;left:50%;top:50%;width:96px;height:96px;display:grid;place-items:center;color:white;border:8px solid white;border-radius:32px;background:var(--blue);box-shadow:0 14px 32px rgba(11,87,208,.23);transform:translate(-50%,-50%);font-size:38px;font-weight:800}
.agent-node{position:absolute;width:148px;padding:15px;display:grid;grid-template-columns:37px 1fr;column-gap:10px;border-radius:18px;background:white;box-shadow:var(--shadow)}.agent-node i{grid-row:1/span 2;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-style:normal}.agent-node b{font-size:11px}.agent-node small{margin-top:3px;color:var(--muted);font-size:9px}.node-search{left:3%;top:14%}.node-search i{color:var(--blue);background:var(--blue-soft)}.node-data{right:0;top:20%}.node-data i{color:var(--green);background:var(--green-soft)}.node-write{left:4%;bottom:12%}.node-write i{color:var(--purple);background:var(--purple-soft)}.node-tools{right:3%;bottom:10%}.node-tools i{color:var(--yellow);background:var(--yellow-soft)}
.responsibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.responsibility-grid article{min-height:310px;padding:30px;border:1px solid #e0e5ec;border-radius:28px;background:white}.responsibility-grid article>span{float:right;color:#a3abb5;font-size:12px;font-weight:800}.responsibility-grid h3{margin:58px 0 13px;font-size:23px}.responsibility-grid p{color:var(--muted);line-height:1.7}
.timeline-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline-cards article{padding:26px;border-radius:26px;background:white}.timeline-cards article>span{width:34px;height:34px;display:grid;place-items:center;color:var(--blue);border-radius:50%;background:var(--blue-soft);font-weight:800}.timeline-cards small{color:var(--blue);font-weight:750}.timeline-cards h3{margin:12px 0 9px;font-size:19px}.timeline-cards p{margin:0;color:var(--muted);line-height:1.6;font-size:13px}

/* Apps page */
.guide-icon{color:#006874;background:#b8eaef}
.app-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.app-detail{min-height:290px;padding:30px;display:grid;grid-template-columns:56px 1fr;column-gap:19px;align-content:start;border:1px solid #e0e5ec;border-radius:30px;background:white}.app-detail>.app-icon{width:56px;height:56px;grid-row:1/span 2}.app-detail small{color:var(--muted);font-size:11px;font-weight:700}.app-detail h3{margin:5px 0 11px;font-size:26px}.app-detail p{margin:0;color:var(--muted);line-height:1.7}.app-detail.featured{position:relative;min-height:410px;grid-column:1/-1;grid-template-columns:56px .8fr 1.2fr;background:#eef8f1;border-color:#d6ecdc}.app-detail ul{margin:21px 0 0;padding:0;display:grid;gap:8px;list-style:none}.app-detail li{color:#52605a;font-size:12px}.app-detail li::before{content:"✓";margin-right:8px;color:var(--green)}
.app-panel-preview{position:relative;grid-column:1/-1;margin:24px 0 0;overflow:hidden;border:1px solid #dfe5ec;border-radius:18px;background:#eef2f7;aspect-ratio:12/7;box-shadow:0 8px 22px rgba(60,64,67,.08)}.app-panel-preview img{width:100%;height:100%;display:block;object-fit:cover}.app-detail.featured .app-panel-preview{grid-column:3;grid-row:1/span 2;align-self:stretch;margin:0;aspect-ratio:auto;min-height:330px}
.marketplace-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.marketplace-gallery article{min-height:220px;padding:24px;border-radius:25px;background:#f6f0fc}.marketplace-gallery span{font-size:28px}.marketplace-gallery h3{margin:34px 0 8px;font-size:17px}.marketplace-gallery p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.app-flow{padding:48px;display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center;border-radius:34px;background:white}.app-flow h2{margin:12px 0;font-size:38px}.app-flow p{color:var(--muted);line-height:1.7}.app-flow ol{margin:0;padding:0;display:flex;align-items:center;gap:8px;list-style:none}.app-flow li{flex:1;min-height:140px;padding:18px;display:flex;align-items:flex-start;flex-direction:column;border-radius:20px;background:#f1f5fa}.app-flow li span{width:34px;height:34px;display:grid;place-items:center;color:var(--blue);border-radius:11px;background:var(--blue-soft)}.app-flow li b{margin-top:auto;font-size:12px}.app-flow li small{margin-top:4px;color:var(--muted);font-size:9px}.app-flow ol>i{color:#87909b;font-style:normal}

/* Scenario pages */
.secretary-page-hero{background:radial-gradient(circle at 82% 32%,#e8dcfb,transparent 36%),#fdfbff}.ecommerce-page-hero{background:radial-gradient(circle at 82% 32%,#ffe7c2,transparent 36%),#fffdf8}.ecommerce-label{color:#9a4f00}.ecommerce-cap{color:#9a4f00;background:#ffdf9c}
.finance-page-hero,.secretary-page-hero,.ecommerce-page-hero{grid-template-columns:1.08fr .92fr;gap:55px}
.scene-heading{max-width:760px;margin:90px 0 34px}.scene-heading h2{margin:13px 0 10px;font-size:42px}.scene-heading p{margin:0;color:var(--muted);font-size:16px}.scene-gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scene-gateway-grid>a{min-height:310px;padding:30px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e0e5ec;border-radius:30px;background:white;transition:transform 160ms ease,box-shadow 160ms ease}.scene-gateway-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.scene-gateway-grid>a>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;font-size:21px}.scene-gateway-grid small{margin-top:auto;color:var(--muted);font-weight:700}.scene-gateway-grid h3{margin:7px 0 10px;font-size:25px}.scene-gateway-grid p{margin:0 0 20px;color:var(--muted);line-height:1.65}.scene-gateway-grid b{color:var(--blue);font-size:12px}
.scene-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.scene-capability-grid article{min-height:360px;padding:30px;border:1px solid #e0e5ec;border-radius:30px;background:white}.scene-capability-grid article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;font-size:21px}.scene-capability-grid small{display:block;margin-top:27px;color:var(--blue);font-weight:750}.scene-capability-grid h3{margin:7px 0 12px;font-size:25px}.scene-capability-grid p{margin:0;color:var(--muted);line-height:1.7}.scene-capability-grid ul{margin:22px 0 0;padding:0;display:grid;gap:9px;list-style:none}.scene-capability-grid li{color:#59636e;font-size:12px}.scene-capability-grid li::before{content:"✓";margin-right:8px;color:var(--green)}
.scene-workflow{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;list-style:none}.scene-workflow li{position:relative;min-height:310px;padding:26px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e0e5ec;border-radius:28px}.scene-workflow li>span{position:absolute;right:22px;top:20px;color:#9ba4af;font-size:11px;font-weight:800}.scene-workflow li>i{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;font-style:normal}.scene-workflow li>div{margin-top:auto}.scene-workflow small{color:var(--blue);font-weight:750}.scene-workflow h3{margin:8px 0 10px;font-size:19px}.scene-workflow p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.scene-deliverables{padding:48px;display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center;border-radius:34px;background:white}.scene-deliverables h2{margin:13px 0 0;font-size:40px;line-height:1.25}.deliverable-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.deliverable-list article{padding:16px;display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;border-radius:17px;background:#f4f7fa}.deliverable-list article>span{width:40px;height:40px;display:grid;place-items:center;color:var(--blue);border-radius:13px;background:var(--blue-soft)}.deliverable-list p{margin:0;display:flex;flex-direction:column;gap:4px}.deliverable-list b{font-size:12px}.deliverable-list small{color:var(--muted);font-size:9px}.scene-deliverables+.finance-note{margin-top:18px}.finance-note span{color:#6b5c40;font-size:13px;line-height:1.6}.scene-switch{max-width:var(--max);margin:20px auto 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.scene-switch a{padding:28px;display:flex;flex-direction:column;gap:7px;border-radius:26px;background:#eef5ff}.scene-switch small{color:var(--muted)}.scene-switch b{color:var(--blue);font-size:20px}

.finance-note{margin-top:18px;padding:20px 24px;display:flex;gap:18px;border-radius:18px;background:#fff7e4}.finance-note b{flex:0 0 auto;color:#805300}

/* Human and Lyna shared App model */
.co-use-section{background:#fff}.co-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.co-use-grid article{min-height:360px;padding:30px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e0e5ec;border-radius:30px;background:#f8fafc}.co-use-grid article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;font-weight:800}.human-mode{color:#875000;background:var(--yellow-soft)}.chat-mode{color:var(--blue);background:var(--blue-soft)}.agent-mode{color:var(--purple);background:var(--purple-soft)}.co-use-grid small{margin-top:30px;color:var(--blue);font-weight:750}.co-use-grid h3{margin:7px 0 12px;font-size:23px;line-height:1.35}.co-use-grid p{margin:0;color:var(--muted);line-height:1.7}.mode-example{margin-top:auto;padding:13px;border-radius:14px;background:white;color:#59636e;font-size:11px;line-height:1.55}
.shared-state-panel{margin-top:20px;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(290px,1.18fr) 52px minmax(0,1fr);gap:14px;align-items:center;border-radius:28px;background:#202124;color:white}.shared-state-panel>div{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.shared-state-panel>div:nth-of-type(2){grid-template-columns:112px 1fr}.shared-state-panel>div>span:not(.shared-app-icons){width:48px;height:48px}.shared-state-panel p{margin:0;display:flex;flex-direction:column;gap:5px}.shared-state-panel small{color:#9aa0a6}.shared-state-panel b{font-size:11px;line-height:1.5}.state-connector{width:52px;height:32px;display:grid;place-items:center;border:1px solid rgba(138,180,248,.28);border-radius:999px;background:rgba(138,180,248,.1);font-style:normal}.state-connector::before{content:"↔";color:#a8c7fa;font-size:28px;line-height:1}.shared-app-icons{width:112px;height:auto;display:grid!important;grid-template-columns:repeat(4,26px);gap:4px;color:#202124;background:transparent}.shared-app-icon{width:26px!important;height:26px!important;display:grid;place-items:center;border-radius:8px;font-size:11px;font-weight:800}.shared-state-panel .rail-avatar{font-style:normal}.shared-state-note{margin:14px 0 0;color:var(--muted);text-align:center;font-size:12px}
.communication-section{background:white}.communication-bridge{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.communication-orbit{position:relative;height:520px;border-radius:50%;background:radial-gradient(circle at center,#eef5ff 0 19%,transparent 19.5%),radial-gradient(circle at center,transparent 0 42%,#dce9fb 42.5% 43%,transparent 43.5%)}.bridge-center{position:absolute;left:50%;top:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:white;box-shadow:0 14px 36px rgba(52,82,128,.17);transform:translate(-50%,-50%)}.bridge-center span{color:var(--blue);font-size:10px;font-weight:750}.bridge-center b{margin:5px 0;font-size:19px}.bridge-center small{color:var(--muted)}.bridge-node{position:absolute;padding:14px 16px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;border-radius:18px;background:white;box-shadow:var(--shadow)}.bridge-node>i{width:40px;height:40px;display:grid;place-items:center;color:var(--blue);border-radius:13px;background:var(--blue-soft);font-style:normal;font-weight:800}.bridge-node p{margin:0;display:flex;flex-direction:column;gap:3px}.bridge-node small{color:var(--muted)}.bridge-node b{font-size:11px}.bridge-ai{left:5%;top:13%}.bridge-people{right:1%;top:20%}.bridge-capability{left:3%;bottom:15%}.bridge-capability>i{color:var(--purple);background:var(--purple-soft)}.bridge-task{right:5%;bottom:10%}.bridge-task>i{color:var(--green);background:var(--green-soft)}.communication-paths{display:grid;gap:10px}.communication-paths article{padding:20px;display:grid;grid-template-columns:42px 1fr;gap:14px;border-left:4px solid var(--blue);border-radius:6px 18px 18px 6px;background:#f4f7fb}.communication-paths article:nth-child(2){border-left-color:var(--purple)}.communication-paths article:nth-child(3){border-left-color:var(--green)}.communication-paths article>span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);border-radius:50%;background:white;font-weight:800}.communication-paths small{color:var(--blue);font-weight:750}.communication-paths h3{margin:4px 0 7px;font-size:17px}.communication-paths p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.instant-communication-board{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.communication-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.communication-benefits article{padding:20px;border-radius:22px;background:white}.communication-benefits span{color:var(--blue);font-size:10px;font-weight:800}.communication-benefits h3{margin:27px 0 8px;font-size:17px}.communication-benefits p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.chatview-screenshot{margin:0;overflow:hidden;border:1px solid #d9e2ee;border-radius:28px;background:#f8fafd;aspect-ratio:12/7;box-shadow:0 16px 42px rgba(46,76,119,.14)}.chatview-screenshot img{width:100%;height:100%;display:block;object-fit:cover}.chatview-screenshot--hero{border-radius:30px;box-shadow:0 30px 76px rgba(47,72,112,.2);transform:rotateY(-2deg) rotateX(1deg)}
.chatview-screenshot--portrait{width:min(100%,430px);aspect-ratio:52/76;margin-inline:auto}.chatview-screenshot--portrait img{object-position:top}.chatview-screenshot--hero{width:min(100%,390px);margin-left:auto}.context-chatview{align-self:center}.subagent-real-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.subagent-real-layout>.chatview-screenshot{justify-self:center}.subagent-explanation{display:grid;gap:12px}.subagent-explanation article{padding:22px;display:grid;grid-template-columns:48px 1fr;gap:14px;border-left:5px solid var(--blue);border-radius:8px 22px 22px 8px;background:linear-gradient(90deg,#eef5ff,white)}.subagent-explanation article:nth-child(2){border-left-color:var(--green);background:linear-gradient(90deg,#eef9f1,white)}.subagent-explanation article:nth-child(3){border-left-color:var(--purple);background:linear-gradient(90deg,#f6f0fc,white)}.subagent-explanation article>span{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);border-radius:50%;background:white;font-size:19px}.subagent-explanation small{color:var(--blue);font-weight:750}.subagent-explanation h3{margin:5px 0 8px;font-size:19px}.subagent-explanation p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.app-original-stack{position:relative;height:500px}.app-original-stack figure{position:absolute;margin:0;overflow:hidden;border:1px solid #dce4ee;border-radius:24px;background:white;box-shadow:0 16px 42px rgba(45,75,114,.15)}.app-original-stack figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.app-original-stack figure:nth-child(1){z-index:3;left:2%;top:12%;width:88%;aspect-ratio:12/7}.app-original-stack figure:nth-child(2){z-index:2;right:0;top:2%;width:62%;aspect-ratio:12/7;transform:rotate(4deg)}.app-original-stack figure:nth-child(3){z-index:1;left:0;bottom:0;width:58%;aspect-ratio:12/7;transform:rotate(-5deg)}.scene-original-ui{margin:0;overflow:hidden;border:1px solid #dce4ee;border-radius:28px;background:white;aspect-ratio:12/7;box-shadow:0 20px 52px rgba(47,72,112,.17);transform:rotate(1deg)}.scene-original-ui img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.original-ui-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.original-ui-detail>.scene-original-ui{align-self:center}.original-ui-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.original-ui-notes article{padding:20px;border-radius:21px;background:white}.original-ui-notes small{color:var(--blue);font-weight:750}.original-ui-notes h3{margin:26px 0 8px;font-size:17px}.original-ui-notes p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.lifecycle-original-ui{align-self:center;transform:none}

/* Detailed business content */
.platform-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.platform-layers article{min-height:390px;padding:30px;border:1px solid #e0e5ec;border-radius:30px;background:white}.platform-layers article>span{float:right;color:#9ca5af;font-size:11px;font-weight:800}.platform-layers article>i{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-style:normal}.platform-layers small{display:block;margin-top:48px;color:var(--blue);font-weight:750}.platform-layers h3{margin:8px 0 12px;font-size:23px}.platform-layers p{color:var(--muted);line-height:1.7}.platform-layers ul{margin:20px 0 0;padding:0;display:grid;gap:8px;list-style:none}.platform-layers li{color:#59636e;font-size:12px}.platform-layers li::before{content:"✓";margin-right:8px;color:var(--green)}
.output-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.output-catalog article{padding:26px;display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:center;border-radius:26px;background:white}.output-catalog article>span{width:54px;height:54px;display:grid;place-items:center;color:var(--blue);border-radius:17px;background:var(--blue-soft);font-size:21px}.output-catalog small{color:var(--blue);font-weight:750}.output-catalog h3{margin:5px 0 7px}.output-catalog p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.context-model{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.context-chatview{align-self:center}.context-concept{padding:28px;display:flex;flex-direction:column;justify-content:center;border-radius:30px;background:#f4f7fb}.context-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.context-inputs article{padding:13px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;border-radius:15px;background:white}.context-inputs article>span{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);border-radius:12px;background:var(--blue-soft);font-weight:800}.context-inputs article:nth-child(2)>span{color:var(--green);background:var(--green-soft)}.context-inputs article:nth-child(3)>span{color:var(--purple);background:var(--purple-soft)}.context-inputs article:nth-child(4)>span{color:var(--yellow);background:var(--yellow-soft)}.context-inputs article>div{display:flex;flex-direction:column;gap:3px}.context-inputs small{color:var(--muted)}.context-inputs b{font-size:10px}.context-arrow{margin:10px 0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.context-arrow span{color:var(--blue);font-size:17px}.context-hub{padding:18px;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;border-radius:20px;background:#202124;color:white}.context-hub>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--blue);font-size:20px;font-weight:800}.context-hub small{color:#8ab4f8;font-size:8px;font-weight:750}.context-hub h3{margin:5px 0;font-size:16px}.context-hub p{margin:0;color:#bdc1c6;font-size:10px;line-height:1.5}.context-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.context-actions span{padding:9px 6px;color:var(--blue);border-radius:99px;background:white;text-align:center;font-size:9px;font-weight:750}
.control-grid,.team-platform-grid,.business-standard,.adoption-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.control-grid{grid-template-columns:repeat(3,1fr)}.control-grid article,.team-platform-grid article,.business-standard article{min-height:260px;padding:27px;border:1px solid #e0e5ec;border-radius:27px;background:white}.control-grid span,.team-platform-grid span,.business-standard span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:var(--blue-soft);font-weight:800}.control-grid h3,.team-platform-grid h3,.business-standard h3{margin:40px 0 10px;font-size:20px}.control-grid p,.team-platform-grid p,.business-standard p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.app-scenarios{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.app-scenarios article{padding:32px;border-radius:30px;background:#f4f7fb}.app-scenario-head{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center}.app-scenario-head>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:white;font-size:24px}.app-scenario-head small{color:var(--blue);font-weight:750}.app-scenario-head h3{margin:4px 0 0;font-size:21px}.app-scenarios ol{margin:27px 0 20px;padding:0;display:grid;gap:8px;list-style:none}.app-scenarios li{padding:12px;display:grid;grid-template-columns:120px 1fr;gap:10px;border-radius:13px;background:white;font-size:12px}.app-scenarios li b{color:var(--blue);white-space:nowrap}.app-scenarios li span{color:var(--muted)}.app-scenarios article>p{margin:0;padding-top:16px;border-top:1px solid #dce2e9;color:#53606c;font-size:12px;line-height:1.6}.team-platform-grid article{min-height:250px}
.role-collaboration{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.role-collaboration article{padding:28px;display:grid;grid-template-columns:48px 1fr;gap:15px;border:1px solid #e0e5ec;border-radius:28px}.role-collaboration article>span{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);border-radius:16px;background:var(--blue-soft);font-weight:800}.role-collaboration small{color:var(--blue);font-weight:750}.role-collaboration h3{margin:6px 0 10px;font-size:19px}.role-collaboration p{color:var(--muted);font-size:13px;line-height:1.65}.role-collaboration b{display:block;margin-top:18px;color:#4e5965;font-size:11px;line-height:1.5}
.lifecycle-board{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.lifecycle-board>ol{margin:0;padding:0;display:grid;gap:9px;list-style:none}.lifecycle-board>ol li{padding:18px;display:grid;grid-template-columns:40px 1fr;gap:13px;border-radius:20px;background:white}.lifecycle-board li>span{width:40px;height:40px;display:grid;place-items:center;color:#6f7780;border-radius:13px;background:#e9edf2;font-weight:800}.lifecycle-board li.done>span{color:var(--green);background:var(--green-soft)}.lifecycle-board li.active{border:1px solid #cdb7e4;background:#fbf8ff}.lifecycle-board li.active>span{color:var(--purple);background:var(--purple-soft)}.lifecycle-board li small{color:var(--purple);font-weight:750}.lifecycle-board li h3{margin:4px 0 6px;font-size:17px}.lifecycle-board li p{margin:0;color:var(--muted);font-size:11px}
.cadence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cadence-grid article{min-height:350px;padding:28px;border-radius:29px;background:white}.cadence-grid article>span{width:46px;height:46px;display:grid;place-items:center;color:#9a4f00;border-radius:15px;background:#ffdf9c;font-weight:800}.cadence-grid small{display:block;margin-top:28px;color:#9a4f00;font-weight:750}.cadence-grid h3{margin:7px 0 16px;font-size:21px}.cadence-grid ul{margin:0;padding:0;display:grid;gap:9px;list-style:none}.cadence-grid li{color:var(--muted);font-size:12px}.cadence-grid li::before{content:"✓";margin-right:7px;color:var(--green)}.cadence-grid b{display:block;margin-top:25px;padding-top:16px;border-top:1px solid #e3e7ec;color:#59636e;font-size:11px;line-height:1.5}
.adoption-steps article{padding:24px;display:grid;grid-template-columns:40px 1fr;gap:13px;border-radius:24px;background:#f4f7fa}.adoption-steps article>span{width:40px;height:40px;display:grid;place-items:center;color:var(--blue);border-radius:13px;background:var(--blue-soft);font-weight:800}.adoption-steps small{color:var(--blue);font-weight:750}.adoption-steps h3{margin:5px 0 9px;font-size:17px}.adoption-steps p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}

/* Varied visual language and wrap fixes */
.home-hero{grid-template-columns:1fr 1fr;gap:48px}.home-hero h1{font-size:clamp(54px,4.8vw,66px)}
.lyna-page-hero .page-hero-copy h1,.apps-page-hero .page-hero-copy h1,.about-page-hero .page-hero-copy h1{font-size:clamp(50px,4.6vw,60px)}
.secretary-page-hero .page-hero-copy h1,.ecommerce-page-hero .page-hero-copy h1{font-size:clamp(46px,4vw,54px)}

.timeline-cards{position:relative;padding-top:35px;gap:0}.timeline-cards::before{content:"";position:absolute;left:12%;right:12%;top:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),#7e57c2,#34a853)}.timeline-cards article{position:relative;min-height:250px;padding:76px 24px 24px;background:transparent;text-align:center}.timeline-cards article>span{position:absolute;left:50%;top:0;z-index:2;width:46px;height:46px;border:7px solid #f6f8fc;background:white;box-shadow:0 0 0 3px var(--blue);transform:translateX(-50%)}.timeline-cards article:nth-child(2)>span{color:var(--purple);box-shadow:0 0 0 3px var(--purple)}.timeline-cards article:nth-child(3)>span{color:var(--green);box-shadow:0 0 0 3px var(--green)}.timeline-cards article:nth-child(4)>span{color:var(--yellow);box-shadow:0 0 0 3px var(--yellow)}.timeline-cards h3{font-size:18px}.timeline-cards p{max-width:220px;margin:0 auto}

.app-flow{grid-template-columns:.72fr 1.28fr;overflow:hidden}.app-flow ol{position:relative;width:460px;height:460px;margin:0 auto;display:block;border:2px dashed #a8c7fa;border-radius:50%;background:radial-gradient(circle,#d3e3fd 0 23%,transparent 23.5%)}.app-flow ol::after{content:"共享业务状态";position:absolute;left:50%;top:50%;width:145px;height:145px;display:grid;place-items:center;color:var(--blue);border-radius:50%;background:white;box-shadow:var(--shadow);transform:translate(-50%,-50%);font-size:15px;font-weight:800}.app-flow li{position:absolute;width:155px;min-height:96px;padding:14px;justify-content:center;border:1px solid #dfe6ee;border-radius:22px;background:white;box-shadow:0 7px 18px rgba(60,64,67,.08)}.app-flow li:nth-of-type(1){left:50%;top:-34px;transform:translateX(-50%)}.app-flow li:nth-of-type(2){right:-54px;top:50%;transform:translateY(-50%)}.app-flow li:nth-of-type(3){left:50%;bottom:-34px;transform:translateX(-50%)}.app-flow li:nth-of-type(4){left:-54px;top:50%;transform:translateY(-50%)}.app-flow li span{margin-bottom:8px}.app-flow li b{margin-top:0}.app-flow ol>i{display:none}

.scene-workflow{position:relative;padding-top:32px;gap:0}.scene-workflow::before{content:"";position:absolute;left:9%;right:9%;top:78px;height:4px;border-radius:4px;background:linear-gradient(90deg,#d3e3fd,#c4eed0,#ead6ff,#ffdf9c)}.scene-workflow li{position:relative;min-height:290px;padding:105px 22px 20px;border:0;border-radius:0;background:transparent;text-align:center}.scene-workflow li>i{position:absolute;left:50%;top:22px;z-index:2;width:56px;height:56px;border:8px solid white;border-radius:50%;box-shadow:var(--shadow);transform:translateX(-50%)}.scene-workflow li>span{left:50%;right:auto;top:0;transform:translateX(35px)}.scene-workflow li>div{margin-top:0}.scene-workflow p{max-width:230px;margin:0 auto}

.role-collaboration{grid-template-columns:1fr;gap:10px}.role-collaboration article{min-height:0;padding:22px 28px;grid-template-columns:56px 1fr;border:0;border-left:5px solid var(--blue);border-radius:8px 24px 24px 8px;background:linear-gradient(90deg,#eef5ff,white)}.role-collaboration article:nth-child(2){border-left-color:var(--purple);background:linear-gradient(90deg,#f6f0fc,white)}.role-collaboration article:nth-child(3){border-left-color:var(--green);background:linear-gradient(90deg,#eef9f1,white)}.role-collaboration article>span{width:48px;height:48px;border-radius:50%}.role-collaboration h3{margin:5px 0}.role-collaboration p{margin:0}.role-collaboration b{margin-top:8px}

.cadence-grid{align-items:start}.cadence-grid article{min-height:390px;padding:50px 30px 30px;border-radius:180px 180px 28px 28px;border-top:8px solid var(--yellow-soft);text-align:center}.cadence-grid article:nth-child(2){border-top-color:var(--blue-soft)}.cadence-grid article:nth-child(3){border-top-color:var(--purple-soft)}.cadence-grid article>span{margin:0 auto;width:58px;height:58px;border-radius:50%;font-size:18px}.cadence-grid ul{text-align:left}.cadence-grid b{text-align:left}

.app-flow{grid-template-columns:.9fr 1.1fr}.app-flow h2{font-size:34px}

/* About page */
.about-symbol{position:relative;height:480px}.symbol-center{position:absolute;left:50%;top:50%;z-index:3;width:112px;height:112px;display:grid;place-items:center;border-radius:36px;background:white;box-shadow:var(--shadow);transform:translate(-50%,-50%)}.symbol-center .brand-mark{width:68px;height:68px;border-radius:22px;transform:scale(1.6)}.symbol-ring{position:absolute;left:50%;top:50%;border:1.5px solid rgba(118,39,187,.2);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:280px;height:280px}.ring-two{width:430px;height:430px}.symbol-note{position:absolute;margin:0;padding:10px 15px;border-radius:99px;background:white;box-shadow:var(--shadow);font-size:12px;font-weight:750}.note-one{left:4%;top:20%;color:var(--blue)}.note-two{right:1%;top:31%;color:var(--purple)}.note-three{left:13%;bottom:16%;color:var(--green)}
.about-statement{max-width:900px}.about-statement h2{margin:18px 0;font-size:55px;line-height:1.2;letter-spacing:-2px}.about-statement p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.belief-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.belief-grid article{min-height:240px;padding:27px;border-radius:27px;background:white}.belief-grid span{color:var(--blue);font-size:12px;font-weight:800}.belief-grid h3{margin:54px 0 10px;font-size:21px}.belief-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.product-map{display:grid;gap:12px}.product-map article{padding:24px;display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;border:1px solid #e0e5ec;border-radius:24px}.product-map article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-style:normal;font-weight:800}.product-map h3{margin:4px 0 5px}.product-map p{margin:0;color:var(--muted);font-size:13px}.product-map a{color:var(--blue);font-size:12px;font-weight:750}.contact-card{padding:52px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;border-radius:36px;background:white}.contact-card h2{margin:13px 0;font-size:42px;line-height:1.25}.contact-card>div>p{color:var(--muted);line-height:1.7}.contact-actions{display:grid;gap:12px}.contact-actions>*{padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border-radius:18px;background:#f3f6fa}.contact-actions>*>span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:var(--blue-soft)}.contact-actions p{margin:0;display:flex;flex-direction:column;gap:4px}.contact-actions small{color:var(--muted)}.contact-actions b{font-size:13px}.contact-actions i{color:var(--blue);font-style:normal}

/* Denser capability narrative */
.gateway-grid{grid-template-columns:repeat(3,1fr)}
.gateway-purple{background:#f6f0fc}.gateway-purple .gateway-icon{color:var(--purple);background:var(--purple-soft)}.gateway-purple small,.gateway-purple b{color:var(--purple)}
.capability-journey{padding-bottom:72px}.journey-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journey-rail::before{content:"";position:absolute;left:9%;right:9%;top:31px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green),var(--purple),var(--yellow))}.journey-rail article{position:relative;min-height:270px;padding:64px 24px 24px;border-radius:26px;background:#f7f9fc}.journey-rail article>span{position:absolute;left:24px;top:13px;z-index:1;width:38px;height:38px;display:grid;place-items:center;border:6px solid white;border-radius:50%;color:var(--blue);background:var(--blue-soft);font-size:10px;font-weight:800}.journey-rail article:nth-child(2)>span{color:var(--green);background:var(--green-soft)}.journey-rail article:nth-child(3)>span{color:var(--purple);background:var(--purple-soft)}.journey-rail article:nth-child(4)>span{color:var(--yellow);background:var(--yellow-soft)}.journey-rail small{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em}.journey-rail h3{margin:8px 0 11px;font-size:21px}.journey-rail p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.journey-rail b{display:block;margin-top:20px;color:#4d5965;font-size:11px}
.identity-section{max-width:1320px;margin:28px auto;padding:80px max(34px,calc((1320px - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;overflow:hidden;border-radius:42px;color:white;background:#202124}.identity-copy small{color:#a8c7fa;font-size:11px;font-weight:800;letter-spacing:.12em}.identity-copy h2{margin:17px 0 20px;font-size:clamp(44px,5vw,66px);line-height:1.05;letter-spacing:-2.8px}.identity-copy h2 span{color:#a8c7fa}.identity-copy p{max-width:600px;margin:0;color:#c8cdd3;font-size:16px;line-height:1.85}.identity-network{position:relative;height:390px;border:1px solid #47515f;border-radius:50%;background:radial-gradient(circle at center,rgba(168,199,250,.18) 0 21%,transparent 21.5%),radial-gradient(circle at center,transparent 0 47%,rgba(168,199,250,.18) 47.5% 48%,transparent 48.5%)}.identity-center,.identity-person{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:800}.identity-center{left:50%;top:50%;width:105px;height:105px;color:#202124;background:#a8c7fa;transform:translate(-50%,-50%);font-size:38px}.identity-person{width:54px;height:54px;color:#202124;background:white}.person-one{left:9%;top:18%}.person-two{right:8%;top:22%}.person-three{left:15%;bottom:13%}.person-four{right:13%;bottom:10%}.identity-network>b{position:absolute;left:50%;bottom:28px;padding:9px 14px;border-radius:99px;color:#dce6f8;background:#343b45;transform:translateX(-50%);white-space:nowrap;font-size:10px}.identity-principles{display:grid;gap:11px}.identity-principles article{padding:20px;display:grid;gap:7px;border:1px solid #47515f;border-radius:18px}.identity-principles span{color:#a8c7fa;font-size:11px;font-weight:750}.identity-principles b{font-size:14px}

.expert-system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.expert-system-grid article{min-height:260px;padding:23px;border:1px solid #e0e5ec;border-radius:24px;background:white}.expert-system-grid article>span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:var(--blue-soft);font-weight:800}.expert-system-grid article:nth-child(2)>span,.expert-system-grid article:nth-child(4)>span{color:var(--purple);background:var(--purple-soft)}.expert-system-grid article:nth-child(3)>span{color:var(--green);background:var(--green-soft)}.expert-system-grid article:nth-child(5)>span{color:var(--yellow);background:var(--yellow-soft)}.expert-system-grid small{display:block;margin-top:27px;color:var(--muted);font-size:10px;font-weight:750}.expert-system-grid h3{margin:7px 0 10px;font-size:18px}.expert-system-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.delivery-evidence{display:grid;grid-template-columns:.75fr 1.1fr .7fr;gap:16px;align-items:center}.delivery-panel{position:relative;margin:0;overflow:hidden;border:1px solid #dce3eb;border-radius:25px;background:white;box-shadow:var(--shadow)}.delivery-panel>img{width:100%;height:330px;display:block;object-fit:cover}.delivery-panel.office-mini>img{object-fit:cover;object-position:center top}.delivery-panel figcaption{padding:16px 18px;display:flex;justify-content:space-between;gap:10px}.delivery-panel figcaption b{font-size:13px}.delivery-panel figcaption span{color:var(--muted);font-size:10px}.delivery-summary{grid-column:1/-1;padding:26px 30px;display:grid;grid-template-columns:.45fr 1fr 1fr;gap:24px;align-items:center;border-radius:24px;background:white}.delivery-summary small{color:var(--green);font-weight:750}.delivery-summary h3{margin:0;font-size:21px}.delivery-summary ul{margin:0;padding:0;display:grid;gap:7px;list-style:none}.delivery-summary li{color:var(--muted);font-size:12px}.delivery-summary li::before{content:"✓";margin-right:8px;color:var(--green)}

.module-directory{padding-bottom:70px}.module-table{overflow:hidden;border:1px solid #dfe5ec;border-radius:27px;background:white}.module-row{padding:18px 23px;display:grid;grid-template-columns:.55fr 1fr 1fr 1fr;gap:20px;align-items:start;border-top:1px solid #e6eaf0}.module-row:first-child{border-top:0}.module-row strong{color:var(--blue);font-size:14px}.module-row span{color:var(--muted);font-size:12px;line-height:1.55}.module-head{color:#4c5662;background:#eef3f9;font-size:11px}.capability-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capability-facts article{padding:25px;border-radius:25px;background:white}.capability-facts article>span{width:46px;height:46px;display:grid;place-items:center;color:var(--purple);border-radius:15px;background:var(--purple-soft);font-size:19px}.capability-facts small{display:block;margin-top:22px;color:var(--purple);font-weight:750}.capability-facts h3{margin:6px 0 10px;font-size:20px}.capability-facts p{min-height:62px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.capability-facts dl{margin:20px 0 0;padding-top:15px;display:grid;gap:7px;border-top:1px solid #e3e7ec}.capability-facts dl>div{display:grid;grid-template-columns:42px 1fr;gap:7px}.capability-facts dt{color:#7a838e;font-size:10px;font-weight:750}.capability-facts dd{margin:0;color:#48525d;font-size:10px}.capability-boundary{margin:20px 0 0;padding:17px 20px;color:#5b5268;border-left:4px solid var(--purple);border-radius:4px 16px 16px 4px;background:#f4edfa;font-size:12px;line-height:1.6}

.scene-contract{padding-top:80px}.task-contract{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.task-contract article{padding:28px;border:1px solid #e0e5ec;border-radius:27px;background:white}.task-contract small{color:var(--blue);font-weight:750}.task-contract h3{margin:8px 0 18px;font-size:21px;line-height:1.35}.task-contract ul{margin:0;padding:0;display:grid;gap:9px;list-style:none}.task-contract li{color:var(--muted);font-size:12px;line-height:1.5}.task-contract li::before{content:"✓";margin-right:8px;color:var(--green)}.source-strip{margin-top:16px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;border-radius:20px;background:#e9f6f7}.source-strip b{margin-right:6px;color:#006874;font-size:11px}.source-strip span{padding:7px 11px;border-radius:99px;background:white;color:#52616a;font-size:10px}.ecommerce-strip{background:#fff4e2}.office-scene-evidence{margin-top:18px;padding:30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;align-items:center;border-radius:30px;background:#f6f0fc}.office-scene-evidence figure{margin:0;overflow:hidden;border-radius:20px;background:white;box-shadow:var(--shadow)}.office-scene-evidence img{width:100%;height:330px;display:block;object-fit:cover;object-position:top}.office-scene-evidence figcaption{padding:10px 14px;color:var(--muted);font-size:9px}.office-scene-evidence small{color:var(--purple);font-weight:750}.office-scene-evidence h3{margin:8px 0 12px;font-size:26px}.office-scene-evidence p{color:var(--muted);line-height:1.75}.office-scene-evidence a{color:var(--purple);font-size:12px;font-weight:750}

/* Office page */
.office-page-hero{background:radial-gradient(circle at 82% 32%,#dce9ff,transparent 38%),#fbfdff}.office-hero-stage{position:relative;height:570px}.office-addon-preview,.office-chat-preview{position:absolute;margin:0;overflow:hidden;border:1px solid #d8e1ee;background:white;box-shadow:0 20px 54px rgba(44,74,118,.17)}.office-addon-preview{left:0;top:45px;width:64%;height:480px;border-radius:28px;z-index:2}.office-addon-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.office-chat-preview{right:0;top:0;width:48%;height:540px}.office-live-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:45px;align-items:center}.office-addon-large{margin:0;overflow:hidden;border:1px solid #d8e1ee;border-radius:27px;background:white;box-shadow:var(--shadow)}.office-addon-large img{width:100%;height:580px;display:block;object-fit:cover;object-position:top}.office-addon-large figcaption{padding:12px;color:var(--muted);font-size:9px;text-align:center}.office-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.office-actions article{padding:22px;display:grid;grid-template-columns:43px 1fr;gap:13px;border-radius:22px;background:white}.office-actions article>span{width:43px;height:43px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:var(--blue-soft);font-weight:800}.office-actions h3{margin:0 0 7px;font-size:17px}.office-actions p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.office-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.office-modes article{min-height:320px;padding:28px;border:1px solid #e0e5ec;border-radius:28px}.office-modes article>span{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);border-radius:16px;background:var(--blue-soft);font-size:20px}.office-modes small{display:block;margin-top:33px;color:var(--blue);font-size:10px;font-weight:750}.office-modes h3{margin:8px 0 12px;font-size:23px}.office-modes p{color:var(--muted);font-size:13px;line-height:1.7}.office-modes b{display:block;margin-top:20px;color:#4d5965;font-size:11px}.excel-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.excel-compare>article{padding:30px;border-radius:29px;background:white}.excel-title{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center}.excel-title>span{width:50px;height:50px;display:grid;place-items:center;color:var(--green);border-radius:16px;background:var(--green-soft);font-weight:800}.excel-title small{color:var(--green);font-weight:750}.excel-title h3{margin:5px 0 0;font-size:22px}.excel-compare ul{margin:25px 0 0;padding:0;display:grid;gap:10px;list-style:none}.excel-compare li{color:var(--muted);font-size:12px}.excel-compare li::before{content:"✓";margin-right:8px;color:var(--green)}.excel-compare figure{margin:24px 0 0;overflow:hidden;border-radius:18px}.excel-compare figure img{width:100%;height:250px;display:block;object-fit:cover}

/* Expanded Office collaboration */
body[data-page="office"] .section{padding-top:70px;padding-bottom:70px}body[data-page="office"] .section-heading{margin-bottom:34px}body[data-page="office"] .split-heading{margin-bottom:34px}.word-capability-band{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.word-capability-band article{padding:16px 18px;border-radius:18px;background:white}.word-capability-band small{display:block;margin-bottom:5px;color:var(--blue);font-size:10px;font-weight:750}.word-capability-band b{font-size:12px;line-height:1.45}.office-workpack{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:stretch}.office-library-preview{margin:0;overflow:hidden;border:1px solid #dce3eb;border-radius:26px;background:#f6f8fc;box-shadow:var(--shadow)}.office-library-preview img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover;object-position:top}.office-workpack-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.office-workpack-list article{padding:20px;display:grid;grid-template-columns:42px 1fr;gap:12px;border-radius:21px;background:#f5f7fa}.office-workpack-list article>span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:var(--blue-soft);font-weight:800}.office-workpack-list article:nth-child(2)>span{color:var(--purple);background:var(--purple-soft)}.office-workpack-list article:nth-child(3)>span{color:var(--green);background:var(--green-soft)}.office-workpack-list article:nth-child(4)>span{color:var(--yellow);background:var(--yellow-soft)}.office-workpack-list small{color:var(--blue);font-size:10px;font-weight:750}.office-workpack-list h3{margin:5px 0 8px;font-size:17px;line-height:1.35}.office-workpack-list p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.office-prompt-strip{margin-top:13px;padding:13px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-radius:17px;background:#eef5ff}.office-prompt-strip b{margin-right:4px;color:var(--blue);font-size:11px}.office-prompt-strip span{padding:7px 10px;border-radius:99px;background:white;color:#52606d;font-size:10px}

/* App category switch */
.app-category-switch{width:max-content;max-width:100%;margin:0 auto 18px;padding:5px;display:flex;gap:4px;border-radius:999px;background:#e8edf4}.app-category-switch button{padding:9px 15px;border:0;border-radius:999px;color:#626c77;background:transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.app-category-switch button.active{color:var(--blue);background:white;box-shadow:0 2px 8px rgba(60,64,67,.1)}.app-detail[hidden]{display:none}

/* Apps page typography hierarchy: label / title / body / meta */
body[data-page="apps"] .co-use-grid small,body[data-page="apps"] .app-detail small,body[data-page="apps"] .app-scenario-head small,body[data-page="apps"] .capability-facts small,body[data-page="apps"] .browser-handoff small{font-size:12px;line-height:1.4}body[data-page="apps"] .co-use-grid p,body[data-page="apps"] .app-detail p{font-size:14px;line-height:1.7}body[data-page="apps"] .mode-example{font-size:12px}body[data-page="apps"] .app-detail li{font-size:13px}body[data-page="apps"] .shared-state-panel small{font-size:12px}body[data-page="apps"] .shared-state-panel b{font-size:12px}body[data-page="apps"] .communication-benefits span{font-size:12px;letter-spacing:.01em}body[data-page="apps"] .communication-benefits h3{margin:18px 0 8px;font-size:19px}body[data-page="apps"] .communication-benefits p{font-size:13px;line-height:1.65}body[data-page="apps"] .marketplace-gallery h3{font-size:18px}body[data-page="apps"] .marketplace-gallery p{font-size:13px}body[data-page="apps"] .app-scenario-head h3{font-size:20px}body[data-page="apps"] .app-scenarios li,body[data-page="apps"] .app-scenarios article>p{font-size:13px}body[data-page="apps"] .module-row span{font-size:13px}body[data-page="apps"] .module-head{font-size:12px}body[data-page="apps"] .capability-facts h3{font-size:19px}body[data-page="apps"] .capability-facts p{font-size:13px}body[data-page="apps"] .capability-facts dt,body[data-page="apps"] .capability-facts dd{font-size:11px}body[data-page="apps"] .browser-showcase figcaption span{font-size:12px}body[data-page="apps"] .browser-handoff h3{font-size:18px}body[data-page="apps"] .browser-handoff p,body[data-page="apps"] .browser-boundary{font-size:13px}body[data-page="apps"] .app-category-switch button{font-size:13px}

/* Built-in AI browser */
.browser-icon{color:#5b3f91;background:#e9d5ff}.app-detail.featured.browser-featured{background:#f3f0fb;border-color:#dfd4ef}.browser-panel-preview img{object-position:top}.browser-collaboration-section{background:#f8f7fc}.browser-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.browser-showcase figure{margin:0;overflow:hidden;border:1px solid #dce2eb;border-radius:26px;background:white;box-shadow:0 10px 28px rgba(45,55,75,.09)}.browser-showcase img{width:100%;aspect-ratio:11/7;display:block;object-fit:cover;object-position:top}.browser-showcase figcaption{padding:17px 20px;display:flex;justify-content:space-between;gap:18px}.browser-showcase figcaption b{font-size:14px}.browser-showcase figcaption span{color:var(--muted);font-size:11px;text-align:right}.browser-handoff{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.browser-handoff article{padding:20px;display:grid;grid-template-columns:36px 1fr;gap:11px;border-radius:20px;background:white}.browser-handoff article>span{width:36px;height:36px;display:grid;place-items:center;color:var(--purple);border-radius:12px;background:var(--purple-soft);font-weight:800}.browser-handoff small{color:var(--purple);font-size:10px;font-weight:750}.browser-handoff h3{margin:4px 0 7px;font-size:16px}.browser-handoff p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.browser-boundary{margin:15px 0 0;padding:15px 18px;border-left:4px solid var(--purple);border-radius:4px 16px 16px 4px;color:#5b5268;background:#eee8f6;font-size:12px;line-height:1.65}

/* Information density pass */
.hero{min-height:730px;padding-top:136px;padding-bottom:76px;gap:44px}.hero h1{margin:18px 0}.hero-lead{line-height:1.65}.hero-actions{margin-top:26px}.trust-row{margin-top:24px}
.section-heading h2,.split-heading h2{margin-top:12px;margin-bottom:12px}.section-heading>p,.split-heading>p{line-height:1.62}
.scene-heading{margin-top:72px;margin-bottom:34px}.scene-gateway-grid{gap:14px}.scene-gateway-grid>a{min-height:275px;padding:27px}.scene-gateway-grid h3{margin-top:22px}
.responsibility-grid article{min-height:260px;padding:26px}.responsibility-grid h3{margin-top:42px}.timeline-cards article{min-height:210px;padding-top:68px}
.platform-layers{gap:13px}.platform-layers article{min-height:335px;padding:26px}.platform-layers small{margin-top:34px}.platform-layers p{line-height:1.6}
.communication-orbit{height:460px}.communication-paths article{padding:17px}.output-catalog article{padding:21px}
.app-detail-grid{gap:14px}.app-detail{min-height:250px;padding:25px}.app-detail.featured{min-height:360px}.app-detail h3{font-size:23px}.app-panel-preview{margin-top:18px}.marketplace-gallery{gap:9px}.marketplace-gallery article{min-height:185px;padding:20px}.marketplace-gallery h3{margin-top:24px}.app-flow{padding:38px}.co-use-grid article{min-height:300px;padding:26px}.shared-state-panel{padding:24px}.instant-communication-board{gap:30px}.team-platform-grid article{min-height:215px}
.scene-capability-grid{gap:13px}.scene-capability-grid article{min-height:310px;padding:26px}.scene-capability-grid small{margin-top:21px}.scene-capability-grid h3{font-size:22px}.scene-workflow li{min-height:250px}.cadence-grid article{min-height:335px;padding:42px 26px 26px}.role-collaboration article{padding-block:18px}.scene-deliverables{padding:38px}.scene-switch{margin-bottom:72px}
.journey-rail article{min-height:235px}.identity-section{padding-top:62px;padding-bottom:62px}.identity-network{height:340px}.expert-system-grid article{min-height:225px}.delivery-panel>img{height:290px}.module-row{padding-block:15px}.capability-facts article{padding:22px}.capability-facts small{margin-top:17px}.task-contract article{padding:24px}.office-scene-evidence{padding:24px}.office-hero-stage{height:520px}.office-addon-preview{height:435px}.office-chat-preview{height:500px}.office-addon-large img{height:520px}.office-modes article{min-height:280px;padding:24px}.office-modes small{margin-top:25px}.excel-compare>article{padding:25px}.final-cta{padding-top:78px;padding-bottom:78px}.site-footer{padding-top:48px}
body[data-page="office"] .office-addon-large img{height:390px}body[data-page="office"] .excel-compare{align-items:start}body[data-page="office"] .excel-compare figure img{height:170px}body[data-page="office"] .office-library-preview img{min-height:420px}

.reveal { opacity: 0; transform: translateY(16px); transition: opacity 500ms ease, transform 500ms ease; }
.reveal.visible { opacity: 1; transform: none; }
@media (max-width: 1020px) {
  .desktop-nav, .text-link { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 150px; }
  .hero-copy { max-width: 750px; text-align: center; margin: 0 auto; }
  .hero-lead { margin: 0 auto; }.hero-actions, .trust-row { justify-content: center; }
  .hero-product { width: min(740px, 100%); margin: 0 auto; }
  .page-hero{grid-template-columns:1fr;padding-top:140px}.page-hero-copy{max-width:760px;text-align:center;margin:0 auto}.page-hero-copy>p{margin:0 auto}.page-hero-copy .hero-actions{justify-content:center}.page-hero-art{width:min(760px,100%);margin:0 auto}
  .app-flow,.contact-card{grid-template-columns:1fr}.responsibility-grid,.timeline-cards{grid-template-columns:repeat(2,1fr)}.marketplace-gallery{grid-template-columns:repeat(3,1fr)}.belief-grid{grid-template-columns:repeat(2,1fr)}
  .scene-workflow{grid-template-columns:repeat(2,1fr)}.scene-deliverables{grid-template-columns:1fr}
  .platform-layers{grid-template-columns:1fr}.context-model,.original-ui-detail,.lifecycle-board{grid-template-columns:1fr}.control-grid,.role-collaboration,.cadence-grid{grid-template-columns:repeat(2,1fr)}.team-platform-grid,.business-standard,.adoption-steps{grid-template-columns:repeat(2,1fr)}
  .download-card{grid-template-columns:1fr;gap:35px}.download-copy{text-align:center}.platform-switch,.download-primary{margin-left:auto;margin-right:auto}.download-meta{text-align:center}.download-visual{width:min(680px,100%);margin:0 auto}
  .communication-bridge,.instant-communication-board{grid-template-columns:1fr}.communication-orbit{width:min(680px,100%);margin:0 auto}.communication-paths{grid-template-columns:repeat(3,1fr)}.communication-paths article{grid-template-columns:1fr}.communication-benefits{grid-template-columns:repeat(2,1fr)}
  .subagent-real-layout{grid-template-columns:1fr}.subagent-explanation{grid-template-columns:repeat(3,1fr)}.subagent-explanation article{grid-template-columns:1fr}.app-original-stack{width:min(720px,100%);margin:0 auto}.scene-original-ui{max-width:720px;margin:0 auto}
  .gateway-grid{grid-template-columns:repeat(2,1fr)}.journey-rail{grid-template-columns:repeat(2,1fr)}.journey-rail::before{display:none}.identity-section{margin-inline:20px;grid-template-columns:1fr}.expert-system-grid{grid-template-columns:repeat(3,1fr)}.delivery-evidence{grid-template-columns:.8fr 1.2fr}.delivery-evidence .office-mini{grid-column:2}.delivery-summary{grid-template-columns:1fr}.capability-facts{grid-template-columns:repeat(2,1fr)}.office-live-layout{grid-template-columns:1fr}.office-addon-large{width:min(450px,100%);margin:auto}.office-modes{grid-template-columns:repeat(2,1fr)}
  .browser-handoff{grid-template-columns:repeat(2,1fr)}
  .office-workpack{grid-template-columns:1fr}.office-library-preview img{height:420px;min-height:0}
}

@media (max-width: 720px) {
  :root { --radius-lg: 28px; }
  .site-header { top: 8px; width: calc(100% - 16px); height: 58px; border-radius: 18px; }
  .site-header .brand { font-size: 17px; }.brand-mark { width: 30px; height: 30px; }
  .header-actions .button-small { display: none; }
  .menu-button { width: 40px; height: 40px; padding: 0; display: grid; place-content: center; gap: 4px; border: 0; border-radius: 12px; background: #edf2f8; }
  .menu-button span { width: 18px; height: 2px; display: block; border-radius: 2px; background: #444b54; }
  .mobile-nav { position: absolute; top: 65px; left: 0; right: 0; padding: 10px; border: 1px solid #e1e6ed; border-radius: 18px; background: white; box-shadow: var(--shadow); }
  .mobile-nav.open { display: grid; }.mobile-nav a { padding: 11px 14px; border-radius: 11px; font-size: 14px; }.mobile-nav a:hover,.mobile-nav a.current { background: #f1f4f8; }.mobile-nav-label{padding:12px 14px 4px;color:#87909b;font-size:10px;font-weight:750;letter-spacing:.08em}
  main [id]{scroll-margin-top:78px}
  .hero { min-height: auto; padding: 108px 20px 50px; gap: 28px; }.hero h1 { font-size: 44px; letter-spacing: -2.4px; }.hero-lead { font-size: 16px; }.hero-actions { flex-direction: column; }.button { width: 100%; }.trust-row { align-items: flex-start; flex-direction: column; }.hero-product { width: calc(100% + 4px); }
  .section { padding: 54px 20px; }.section-heading { margin-bottom: 28px; }.section-heading h2, .split-heading h2 { font-size: 34px; letter-spacing: -1.2px; }.section-heading > p, .split-heading > p { font-size: 15px; }.split-heading { grid-template-columns: 1fr; gap: 13px; margin-bottom:28px; }.final-cta { margin: 0 10px 16px; padding: 54px 22px; border-radius: 30px; }.final-cta h2 { font-size: 38px; }.site-footer { padding: 38px 22px 24px; }.footer-top { flex-direction: column; gap: 24px; }.footer-links { gap: 40px; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
  .page-hero{min-height:auto;padding:104px 20px 48px;gap:24px}.page-hero-copy h1,.finance-page-hero .page-hero-copy h1,.secretary-page-hero .page-hero-copy h1,.ecommerce-page-hero .page-hero-copy h1,.lyna-page-hero .page-hero-copy h1,.apps-page-hero .page-hero-copy h1,.about-page-hero .page-hero-copy h1{font-size:42px;letter-spacing:-2px}.page-hero-copy>p{font-size:15px}.page-hero-copy .hero-actions{flex-direction:column}.page-next{margin:8px 20px 48px;padding:23px;align-items:flex-start;flex-direction:column}.page-next h2{font-size:23px}.page-next .button{width:100%}
  .gateway-grid,.responsibility-grid,.timeline-cards,.app-detail-grid,.marketplace-gallery,.belief-grid{grid-template-columns:1fr}.gateway-card,.responsibility-grid article,.marketplace-gallery article,.belief-grid article{min-height:auto}.gateway-card{padding:24px}.app-flow,.contact-card{padding:23px}.app-flow ol{align-items:stretch;flex-direction:column}.app-flow ol>i{transform:rotate(90deg);align-self:center}.lyna-orchestrator{height:340px}.agent-node{width:122px;padding:10px}.agent-node b{font-size:9px}.agent-node small{font-size:8px}.app-detail.featured{min-height:auto;grid-column:auto;grid-template-columns:56px 1fr}.app-detail.featured .app-panel-preview{grid-column:1/-1;grid-row:auto;min-height:205px;margin-top:18px}.finance-note{flex-direction:column}.about-statement h2,.contact-card h2{font-size:32px}.product-map article{grid-template-columns:46px 1fr}.product-map a{grid-column:2}.about-symbol{height:315px}.ring-two{width:286px;height:286px}.ring-one{width:196px;height:196px}.symbol-note{font-size:9px}.contact-actions b{font-size:11px}
  .scene-heading{margin-top:52px;margin-bottom:28px}.scene-heading h2{font-size:32px}.scene-gateway-grid,.scene-capability-grid,.scene-workflow,.scene-switch{grid-template-columns:1fr}.scene-gateway-grid>a,.scene-capability-grid article{min-height:auto;padding:23px}.scene-workflow li{min-height:185px}.scene-deliverables{padding:24px;gap:24px}.scene-deliverables h2{font-size:31px}.deliverable-list{grid-template-columns:1fr}.scene-switch{margin:8px 20px 54px}.footer-links{flex-wrap:wrap}
  .co-use-grid,.output-catalog,.control-grid,.app-scenarios,.team-platform-grid,.role-collaboration,.cadence-grid,.business-standard,.adoption-steps{grid-template-columns:1fr}.co-use-grid article,.team-platform-grid article{min-height:auto}.shared-state-panel{grid-template-columns:1fr;padding:20px}.shared-state-panel>i{transform:rotate(90deg);justify-self:center}.context-concept{padding:18px}.context-inputs{grid-template-columns:1fr}.context-actions{grid-template-columns:repeat(2,1fr)}.platform-layers article{min-height:auto;padding:23px}.output-catalog article{grid-template-columns:46px 1fr}.app-scenarios{gap:10px}.app-scenarios article{padding:24px}.original-ui-notes{grid-template-columns:1fr}.role-collaboration article{grid-template-columns:42px 1fr}.cadence-grid article{min-height:auto;padding-top:36px}.adoption-steps article{padding:18px}
  .timeline-cards{padding:0 0 0 54px}.timeline-cards::before{left:21px;right:auto;top:22px;bottom:22px;width:3px;height:auto}.timeline-cards article{min-height:180px;padding:24px 8px;text-align:left}.timeline-cards article>span{left:-32px;top:28px;transform:none}.timeline-cards p{margin:0;max-width:none}.app-flow ol{width:100%;height:auto;display:grid;gap:10px;border:0;background:none}.app-flow ol::after{display:none}.app-flow li,.app-flow li:nth-of-type(1),.app-flow li:nth-of-type(2),.app-flow li:nth-of-type(3),.app-flow li:nth-of-type(4){position:static;width:100%;min-height:90px;transform:none}.scene-workflow{padding:0 0 0 56px}.scene-workflow::before{left:24px;right:auto;top:28px;bottom:28px;width:4px;height:auto}.scene-workflow li{min-height:200px;padding:34px 8px;text-align:left}.scene-workflow li>i{left:-38px;top:34px;transform:none}.scene-workflow li>span{left:auto;right:8px;top:20px;transform:none}.scene-workflow p{margin:0;max-width:none}.cadence-grid article{border-radius:120px 120px 28px 28px}
  .download-section{padding-top:10px}.download-card{padding:30px 22px;border-radius:30px}.download-copy h2{font-size:35px;letter-spacing:-1.2px}.platform-switch{width:100%}.platform-switch button{min-width:0;flex:1;padding-inline:10px}.download-primary{width:100%}.download-visual{padding:10px 0 45px}.download-device-body{height:245px}.download-detected{font-size:10px}
  .communication-bridge{gap:20px}.communication-orbit{height:370px}.bridge-center{width:108px;height:108px}.bridge-center b{font-size:15px}.bridge-node{width:130px;padding:9px;grid-template-columns:32px 1fr}.bridge-node>i{width:32px;height:32px}.bridge-node b{font-size:9px}.bridge-ai{left:0;top:7%}.bridge-people{right:0;top:12%}.bridge-capability{left:0;bottom:8%}.bridge-task{right:0;bottom:6%}.communication-paths{grid-template-columns:1fr}.communication-paths article{grid-template-columns:42px 1fr}.instant-communication-board{grid-template-columns:1fr}.communication-benefits{grid-template-columns:1fr}
  .chatview-screenshot--portrait{width:min(100%,300px)}.subagent-explanation{grid-template-columns:1fr}.subagent-explanation article{grid-template-columns:44px 1fr}.app-original-stack{height:310px}.app-original-stack figure:nth-child(1){top:15%;width:94%}.app-original-stack figure:nth-child(2){width:70%}.app-original-stack figure:nth-child(3){width:66%}.scene-original-ui{width:100%}
  .gateway-grid,.journey-rail,.expert-system-grid,.delivery-evidence,.capability-facts,.task-contract,.office-modes,.excel-compare{grid-template-columns:1fr}.journey-rail article{min-height:auto;padding:21px}.identity-section{margin:10px;padding:48px 22px;border-radius:30px}.identity-network{height:280px}.identity-copy h2{font-size:39px;letter-spacing:-1.8px}.identity-network>b{bottom:15px;white-space:normal;text-align:center}.expert-system-grid article{min-height:auto;padding:20px}.delivery-evidence .office-mini,.delivery-summary{grid-column:auto}.delivery-panel>img{height:220px}.module-table{overflow:visible;border:0;background:transparent}.module-row{min-width:0;margin-bottom:8px;padding:13px 14px;grid-template-columns:76px 1fr;gap:4px 10px;border:1px solid #e1e6ed;border-radius:16px;background:white}.module-row.module-head{display:none}.module-row strong{grid-row:1/span 3;align-self:start;padding-top:2px}.module-row span{grid-column:2;font-size:11px}.module-row span::before{display:inline-block;width:34px;color:#8a939e;font-size:9px;font-weight:750}.module-row span:nth-of-type(1)::before{content:"人"}.module-row span:nth-of-type(2)::before{content:"Lyna"}.module-row span:nth-of-type(3)::before{content:"交付"}.capability-facts article p{min-height:auto}.office-scene-evidence{padding:18px;grid-template-columns:1fr}.office-hero-stage{height:430px}.office-addon-preview{width:72%;height:335px}.office-chat-preview{width:54%;height:385px}.office-actions{grid-template-columns:1fr}.office-addon-large img{height:360px}.office-modes article{min-height:auto}.source-strip{align-items:flex-start}.task-contract article{padding:21px}
  .browser-showcase,.browser-handoff{grid-template-columns:1fr}.browser-showcase figcaption{align-items:flex-start;flex-direction:column;gap:5px}.browser-showcase figcaption span{text-align:left}.browser-handoff article{padding:17px}
  .app-category-switch{width:100%;margin-bottom:14px;overflow-x:auto;justify-content:flex-start;border-radius:18px;scrollbar-width:none}.app-category-switch::-webkit-scrollbar{display:none}.app-category-switch button{flex:0 0 auto;padding-inline:13px;white-space:nowrap}.finance-page-hero .page-hero-copy h1,.secretary-page-hero .page-hero-copy h1{font-size:40px}.scene-original-ui{aspect-ratio:2/1}
  .shared-state-panel>i.state-connector{width:38px;height:52px;transform:none}.state-connector::before{content:"↕"}.shared-state-panel>div:nth-of-type(2){grid-template-columns:112px 1fr}.shared-app-icons{justify-self:start}
  body[data-page="apps"] .communication-benefits span,body[data-page="apps"] .co-use-grid small,body[data-page="apps"] .app-detail small,body[data-page="apps"] .app-scenario-head small,body[data-page="apps"] .capability-facts small,body[data-page="apps"] .browser-handoff small{font-size:13px}body[data-page="apps"] .communication-benefits h3{font-size:20px}body[data-page="apps"] .communication-benefits p,body[data-page="apps"] .marketplace-gallery p,body[data-page="apps"] .app-scenarios li,body[data-page="apps"] .app-scenarios article>p,body[data-page="apps"] .browser-handoff p{font-size:13px}body[data-page="apps"] .module-row span{font-size:12px}
  body[data-page="office"] .section{padding-top:56px;padding-bottom:56px}.word-capability-band,.office-workpack-list{grid-template-columns:1fr}.office-library-preview img{height:300px}.office-prompt-strip{align-items:flex-start;flex-direction:column}.office-prompt-strip span{border-radius:13px;line-height:1.5}
  body[data-page="office"] .office-addon-large img{height:360px}body[data-page="office"] .office-library-preview img{height:300px;min-height:0}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Legal and support pages */
.legal-main { padding: 132px max(20px, calc((100vw - 920px) / 2)) 72px; background: var(--surface-soft); }
.legal-hero { margin-bottom: 24px; padding: 42px; border-radius: 32px; background: white; box-shadow: var(--shadow); }
.legal-hero h1 { margin: 14px 0; font-size: clamp(38px, 5vw, 56px); letter-spacing: -2px; }
.legal-hero p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.8; }
.legal-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 24px; color: #69727d; font-size: 13px; }
.legal-document { padding: 18px 42px 42px; border-radius: 32px; background: white; }
.legal-document section { padding: 28px 0; border-bottom: 1px solid var(--line); }
.legal-document section:last-child { border-bottom: 0; }
.legal-document h2 { margin: 0 0 14px; font-size: 22px; }
.legal-document h3 { margin: 20px 0 8px; font-size: 16px; }
.legal-document p, .legal-document li { color: #4f5965; font-size: 15px; line-height: 1.85; }
.legal-document ul, .legal-document ol { margin: 10px 0 0; padding-left: 22px; }
.legal-document a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.support-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.support-card { padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface-soft); }
.support-card h2 { font-size: 19px; }
.support-card p { margin-bottom: 18px; }
.support-card .button { width: fit-content; color: white; text-decoration: none; }

@media (max-width: 720px) {
  .legal-main { padding: 92px 12px 40px; }
  .legal-hero, .legal-document { padding: 26px 22px; border-radius: 24px; }
  .legal-hero h1 { font-size: 38px; letter-spacing: -1.4px; }
  .legal-document section { padding: 23px 0; }
  .support-grid { grid-template-columns: 1fr; }
}