:root { --ink:#142334; --muted:#5f6d78; --line:#e5e9e9; --paper:#f8f9f8; --navy:#0e2235; --navy2:#142e42; --blue:#1c5b74; --teal:#2b7d76; --gold:#b8a17c; --soft:#e8efed; --shadow:0 20px 70px rgba(22,39,51,.09); }
    * { box-sizing: border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:#fff; color:var(--ink); font-family: "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,sans-serif; -webkit-font-smoothing: antialiased; }
    a { color:inherit; text-decoration:none; }
    button,input,select { font:inherit; }
    button { cursor:pointer; }
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid rgba(38,139,145,.47); outline-offset:3px; }
    .wrap { width:min(1180px,calc(100% - 52px)); margin:auto; }
    .review { background:#ebf1f0; color:#496460; padding:9px 18px; font-size:12px; text-align:center; letter-spacing:.02em; border-bottom:1px solid #d4dedb; }
    .nav-wrap { position:sticky; top:0; z-index:30; background:rgba(255,255,255,.94); border-bottom:1px solid #eef0f1; backdrop-filter: blur(16px); }
    nav { height:76px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
    .brand { display:flex; align-items:center; gap:12px; min-width:180px; }
    .brand-icon { width:38px; height:38px; border-radius:11px; background:var(--navy); color:white; font-family: Georgia,serif; font-style:italic; font-size:29px; line-height:38px; text-align:center; }
    .brand-text strong { display:block; font-size:19px; letter-spacing:.09em; }
    .brand-text small { color:#839099; display:block; font-size:9px; font-weight:700; letter-spacing:.18em; padding-top:1px; }
    .nav-links { display:flex; align-items:center; gap:32px; color:#475865; font-size:14px; }
    .nav-links a:hover { color:#17817b; }
    .nav-actions { display:flex; align-items:center; gap:15px; }
    .nav-cta,.btn { border:0; border-radius:7px; padding:13px 22px; font-weight:600; font-size:14px; display:inline-flex; justify-content:center; align-items:center; gap:10px; transition:transform .2s,background .2s,box-shadow .2s; }
    .nav-cta:hover,.btn:hover { transform:translateY(-2px); }
    .nav-cta { background:var(--navy); color:#fff; white-space:nowrap; }
    .nav-cta:hover,.btn-dark:hover { background:#244861; }
    .menu-toggle { display:none; border:1px solid var(--line); border-radius:8px; background:white; font-size:23px; padding:5px 12px; }
    .hero { background:linear-gradient(120deg,#0b2032 0%,#132b3c 61%,#163c4b 100%); color:white; overflow:hidden; position:relative; }
    .hero:before { content:""; pointer-events:none; position:absolute; width:530px; height:530px; border-radius:50%; background:radial-gradient(circle,rgba(79,145,147,.13),transparent 67%); top:-215px; right:-145px; }
    .hero-grid { min-height:618px; display:grid; grid-template-columns: 1fr 1.03fr; gap:48px; align-items:center; padding:78px 0 80px; position:relative; }
    .kicker { font-size:12px; font-weight:600; letter-spacing:.17em; color:#b4d4d3; display:flex; align-items:center; gap:13px; }
    .kicker:before { content:""; width:27px; height:1px; background:#8bb0ae; display:block; }
    h1 { font-size:clamp(39px,4.15vw,63px); line-height:1.27; letter-spacing:-.055em; margin:25px 0 21px; font-weight:650; }
    h1 em { font-style:normal; color:#bdd8d3; }
    .hero-tagline { font-size:20px; line-height:1.75; color:#e4ebe9; font-weight:500; margin-bottom:14px; }
    .hero-desc { color:#aebfc7; font-size:15px; line-height:2.0; max-width:480px; margin:0 0 32px; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
    .btn-light { background:#f3f5f3; color:#132737; }
    .btn-outline { border:1px solid #547180; background:transparent; color:white; }
    .btn-dark { background:var(--navy); color:white; }
    .btn-ghost { border:1px solid #cbd9d8; background:#fff; color:#23505c; }
    .hero-notes { margin-top:31px; display:flex; gap:23px; flex-wrap:wrap; color:#a4b9bb; font-size:12px; }
    .hero-notes span:before { content:"✓"; color:#98c5bf; margin-right:7px; }
    .product-mock { background:#fff; border:1px solid rgba(255,255,255,.3); border-radius:17px; padding:0; box-shadow:0 33px 70px rgba(0,0,0,.31); color:var(--ink); overflow:hidden; transform:perspective(1500px) rotateY(-4deg) rotateX(1deg); }
    .mock-top { height:54px; display:flex; align-items:center; justify-content:space-between; gap:10px; background:#f8f9f8; padding:0 22px; border-bottom:1px solid var(--line); }
    .mock-dots { display:flex; gap:6px; }.mock-dots i { width:7px;height:7px;background:#c6d1d4;border-radius:50%; }
    .mock-header { font-size:11px; color:#677781; font-weight:600; }
    .mock-status { font-size:10px; color:#4e887f; background:#e6f2ee; border-radius:12px; padding:5px 10px; }
    .mock-main { padding:25px 26px 24px; }
    .mock-title { font-size:13px; letter-spacing:.02em; color:#809096; display:flex; align-items:center; justify-content:space-between; }
    .mock-title strong { color:#1c3440; font-weight:700; font-size:17px; margin-top:7px; display:block; }
    .mock-case { background:#f7f9f8; border:1px solid #e5eae7; border-radius:11px; padding:14px 16px; margin-top:20px; font-size:13px; line-height:1.9; }
    .mock-case b { display:block; font-size:11px; color:#728585; font-weight:600; margin-bottom:4px; }
    .mock-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:18px; }
    .mock-tab { border:1px solid #e1e8e7; border-radius:8px; padding:10px 2px; background:white; color:#607880; font-size:12px; }
    .mock-tab.active { background:#e5f1ed; border-color:#a3cbc3; color:#1c6b65; font-weight:700; }
    .mock-stage { min-height:132px; border-left:3px solid #3e9186; background:linear-gradient(105deg,#f1f8f5,#fff); margin-top:15px; padding:17px 20px; border-radius:0 9px 9px 0; }
    .mock-stage h3 { font-size:14px; margin:0 0 8px; }
    .mock-stage p { margin:0; line-height:1.85; font-size:12px; color:#526975; }
    .mock-foot { margin-top:18px; padding-top:15px; border-top:1px solid #e7eeeb; display:flex; justify-content:space-between; font-size:11px; color:#83928e; }
    .section { padding:104px 0; }
    .section.alt { background:#f7f9f8; }
    .eyebrow { font-size:12px; font-weight:750; letter-spacing:.19em; color:#3a8a81; text-transform:uppercase; }
    .h2 { font-size:clamp(31px,3.4vw,45px); letter-spacing:-.04em; line-height:1.35; font-weight:650; margin:15px 0 17px; }
    .h2 em { font-style:normal; color:var(--teal); }
    .intro { font-size:15px; line-height:1.95; color:#6a7c85; max-width:710px; margin:0; }
    .center { text-align:center; }.center .intro { margin:0 auto; }
    .difference { margin-top:44px; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .compare-card { border:1px solid #e2e9e7; border-radius:14px; padding:32px; background:#fff; }
    .compare-card.highlight { background:#eef5f2; border-color:#b7d6cd; }
    .compare-card .label { font-size:13px; font-weight:700; color:#67747a; }
    .compare-card.highlight .label { color:#246f66; }
    .compare-card h3 { font-size:22px; margin:10px 0 23px; }
    .compare-card ul { margin:0; padding:0; list-style:none; }
    .compare-card li { font-size:14px; color:#536773; padding:12px 0; border-top:1px solid rgba(59,88,88,.12); line-height:1.6; }
    .compare-card li b { color:#243c45; }
    .day-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; margin-top:45px; }
    .day-list { display:flex; flex-direction:column; gap:9px; }
    .day-trigger { border:1px solid #e4e9e8; background:#fff; text-align:left; padding:19px 22px; border-radius:12px; display:grid; grid-template-columns:65px 1fr 23px; align-items:center; gap:10px; transition:all .2s; }
    .day-trigger.active { border-color:#8bbcb1; background:#e9f2ee; box-shadow:0 9px 26px rgba(39,93,86,.09); }
    .day-time { color:#6c8684; font-size:13px; font-weight:700; }
    .day-trigger h3 { margin:0 0 5px; font-size:16px; }
    .day-trigger p { margin:0; color:#849298; font-size:12px; }
    .day-arrow { color:#88aaa6; font-size:21px; }
    .day-result { background:var(--navy); border-radius:15px; color:white; min-height:390px; padding:34px; box-shadow:var(--shadow); }
    .day-result .small { color:#9bbab8; font-size:12px; letter-spacing:.12em; }
    .day-result h3 { font-size:26px; font-weight:600; line-height:1.5; margin:18px 0 28px; }
    .day-block { border-top:1px solid #345065; padding:17px 0; }
    .day-block label { color:#9db9b8; font-size:11px; display:block; margin-bottom:9px; }
    .day-block div { font-size:14px; line-height:1.85; color:#e0e8eb; }
    .day-end { color:#b3c8c8; font-size:12px; margin-top:10px; }
    .ability-grid { margin-top:42px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .ability { padding:31px 24px; border:1px solid #e4ece9; border-radius:14px; background:white; min-height:264px; }
    .ability-index { font-size:12px; color:#859da0; font-weight:600; }
    .ability-symbol { width:46px; height:46px; margin:22px 0; border:1px solid #c9dfd7; display:flex; align-items:center; justify-content:center; border-radius:13px; color:#2c786e; background:#edf7f2; font-size:22px; }
    .ability h3 { font-size:20px; margin:0 0 12px; }.ability p { font-size:13px; line-height:1.9; color:#687982; margin:0; }
    .ability-note { margin-top:22px; color:#86949a; font-size:12px; }
    .memory-grid { display:grid; grid-template-columns:.87fr 1.13fr; gap:56px; align-items:center; }
    .memory-copy .h2 { max-width:470px; }.memory-copy p { font-size:14px; line-height:2; color:#667984; }
    .memory-points { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
    .memory-points span { background:#ebf3ee; color:#367168; font-size:12px; border-radius:4px; padding:9px 13px; }
    .memory-ui { border:1px solid #dce7e3; border-radius:15px; background:#fff; box-shadow:var(--shadow); padding:29px; }
    .memory-ui h3 { font-size:14px; margin:0 0 19px; color:#334c55; }
    .context-four { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
    .context-item { border:1px solid #e5ebea; border-radius:9px; padding:17px; }
    .context-item b { font-size:13px; display:block; color:#24766e; margin-bottom:7px; }
    .context-item span { font-size:12px; color:#60747e; line-height:1.7; }
    .context-result { border-left:3px solid #3b867d; background:#f0f6f2; margin-top:15px; padding:19px; border-radius:0 8px 8px 0; }
    .context-result b { font-size:13px; }.context-result p { margin:8px 0 0; font-size:13px; line-height:1.8; color:#4d6970; }
    .scene-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }
    .scene { overflow:hidden; border:1px solid #e1e7e5; border-radius:14px; background:#fff; display:flex; flex-direction:column; }
    .scene-art { height:150px; position:relative; overflow:hidden; padding:24px; display:flex; align-items:flex-end; }
    .scene-art:before { position:absolute;content:"";width:230px;height:230px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-80px;top:-130px;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 75px rgba(255,255,255,.035); }
    .scene-art.one { background:linear-gradient(120deg,#254c5b,#497c78); }.scene-art.two { background:linear-gradient(120deg,#344a5a,#778b87); }.scene-art.three { background:linear-gradient(120deg,#33445d,#766c75); }
    .scene-art span { color:#eef8f5; font-size:36px; font-family:Georgia,serif; position:relative; }
    .scene-body { padding:27px; flex:1; }
    .scene-body small { color:#288076; font-weight:700; font-size:11px; }.scene-body h3 { margin:10px 0 13px; font-size:19px; }
    .scene-body p { font-size:13px; line-height:1.8; color:#647782; min-height:73px; }
    .scene-body .value { font-size:12px; color:#2c6e69; background:#edf5f0; padding:10px; border-radius:6px; line-height:1.65; margin-top:12px; }
    .outcome-layout { display:grid; grid-template-columns:.84fr 1.16fr; gap:55px; align-items:center; margin-top:43px; }
    .outcome-list { display:flex; flex-direction:column; gap:12px; }
    .outcome-tab { border:1px solid #dfe7e4; background:#fff; border-radius:10px; text-align:left; padding:19px 22px; display:flex; gap:14px; align-items:center; }
    .outcome-tab.active { border-color:#8cb8ad; background:#f0f7f3; }
    .outcome-tab span { font-size:22px; color:#3a7d75; }.outcome-tab strong { font-size:15px; }.outcome-tab small { display:block; font-size:12px; color:#879399; margin-top:5px; }
    .document { background:white; border:1px solid #e0e5e3; border-radius:14px; box-shadow:0 20px 80px rgba(21,43,54,.1); padding:0; overflow:hidden; }
    .document-top { background:#f1f3f3; border-bottom:1px solid #e3e9e7; padding:13px 25px; display:flex; justify-content:space-between; font-size:11px; color:#869394; }
    .document-content { padding:32px 42px; min-height:320px; }
    .document-type { font-size:10px; letter-spacing:.1em; color:#438479; }
    .document h3 { font-size:23px; margin:10px 0 21px; }
    .document p { color:#5a717c; line-height:2; font-size:13px; }.document h4 { font-size:12px; margin:20px 0 9px; }
    .doc-lines { display:grid; gap:10px; }.doc-lines span { height:7px; background:#eaf0ec; border-radius:7px; }.doc-lines span:nth-child(2) { width:83%; }.doc-lines span:nth-child(3){width:92%;}.doc-lines span:nth-child(4){width:65%;}
    .document-end { border-top:1px solid #edf0ee; margin-top:23px; padding-top:13px; font-size:11px; color:#91a09f; }
    .principle { background:#122f42; color:white; padding:65px 0; }
    .principle-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
    .principle h2 { font-size:32px; line-height:1.5; font-weight:600; margin:0; }.principle p { font-size:14px; line-height:2; color:#bcd0d0; margin:0; }
    .final-cta { text-align:center; padding:94px 0 110px; }
    .final-cta .h2 { margin-top:12px; }.final-cta p { color:#75838d; line-height:1.9; font-size:14px; margin:0 auto 25px; max-width:670px; }
    footer { border-top:1px solid #e7ebe8; padding:26px 0; background:#f9faf9; color:#859197; font-size:12px; }
    footer .wrap { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
    footer a { color:#4f7e79; }
    .modal-backdrop { display:none; position:fixed; inset:0; z-index:60; background:rgba(5,25,36,.7); align-items:center; justify-content:center; padding:24px; }
    .modal-backdrop.open { display:flex; }.modal { max-width:490px; width:100%; border-radius:16px; background:white; padding:29px; position:relative; box-shadow:0 30px 90px rgba(0,0,0,.25); }
    .modal h3 { font-size:23px; margin:0 0 10px; }.modal p { font-size:13px; line-height:1.8; color:#6b7b82; margin:0 0 21px; }.modal label { font-size:12px; color:#60747c; display:block; margin-bottom:8px; }
    .modal select,.modal input { width:100%; border:1px solid #dce6e3; border-radius:8px; padding:12px 14px; margin-bottom:15px; background:#fff; }
    .modal .btn { width:100%; }.modal-close { position:absolute; top:16px; right:18px; border:0; background:#edf1f0; color:#405962; width:30px; height:30px; border-radius:50%; font-size:19px; }
    .disclaimer { padding:12px; border-radius:7px; background:#f3f5f3; font-size:12px; line-height:1.7; color:#677983; margin-top:15px; }
    @media (max-width:1100px) { .nav-links { gap:18px; } .hero-grid { gap:26px; } .ability { padding:26px 18px; } .day-grid { gap:28px; } }
    @media (max-width:850px) { .nav-links { display:none; position:absolute; top:75px; left:0; right:0; flex-direction:column; background:#fff; gap:0; padding:18px 26px; align-items:flex-start; border-bottom:1px solid var(--line); box-shadow:0 20px 20px rgba(0,0,0,.05); } .nav-links.open { display:flex; }.nav-links a { padding:12px 0; width:100%; } .menu-toggle { display:block; } .hero-grid,.day-grid,.memory-grid,.outcome-layout,.principle-grid { grid-template-columns:1fr; } .hero-grid { padding:60px 0; }.product-mock { transform:none; max-width:600px; }.ability-grid { grid-template-columns:repeat(2,1fr); }.scene-grid { grid-template-columns:1fr; }.scene-art { height:116px; }.scene-body p { min-height:0; }.section { padding:75px 0; } }
    @media (max-width:570px) { .wrap { width:min(100% - 34px,1180px); } nav { height:67px; }.brand { min-width:0; }.brand-text strong { font-size:17px; }.brand-text small { font-size:8px; }.nav-links { top:66px; }.nav-cta { display:none; }.review { font-size:10px; }.hero-grid { padding:55px 0 65px; }.hero-tagline { font-size:17px; }.hero-desc { font-size:14px; }.hero-actions .btn { flex:1; padding:13px 10px; font-size:12px; }.mock-main { padding:21px 18px; }.mock-stage { padding:14px; }.difference { grid-template-columns:1fr; }.compare-card { padding:24px; }.day-trigger { padding:15px 11px; grid-template-columns:52px 1fr 15px; }.day-result { padding:25px; min-height:360px; }.day-result h3 { font-size:22px; }.ability-grid,.context-four { grid-template-columns:1fr 1fr; gap:9px; }.ability { padding:21px 16px; min-height:245px; }.ability h3 { font-size:18px; }.context-item { padding:12px; }.document-content { padding:25px 25px; }.principle h2 { font-size:26px; } }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .btn,.nav-cta,.day-trigger { transition:none; } }
  

/* Multi-page editorial system */
.nav-links a[aria-current="page"]{color:#14786e;font-weight:750;position:relative}.nav-links a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:#2a827a}
.page-hero{background:linear-gradient(130deg,#112838 5%,#17384a 72%,#20505b);color:#fff;padding:96px 0 90px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-120px;top:-160px;width:610px;height:610px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.02)}
.page-hero .wrap{position:relative;z-index:1}.page-label{color:#aad0c9;letter-spacing:.19em;text-transform:uppercase;font-size:12px;font-weight:750;margin-bottom:22px}.page-hero h1{max-width:880px;font-size:clamp(37px,4.6vw,58px);margin:0 0 26px;line-height:1.37}.page-hero h1 em{color:#a9d5cb;font-style:normal}.page-hero p{max-width:800px;line-height:2;color:#c7d4d8;font-size:16px;margin:0 0 28px}.page-hero .hero-actions{margin-top:28px}.hero-crumb{margin-top:34px;font-size:12px;color:#a7bbc1}.hero-crumb a{color:#cfdfdf}.hero-crumb span{margin:0 10px}
.page-section{padding:92px 0}.page-section.soft{background:#f7f9f8}.section-top{max-width:790px;margin-bottom:35px}.section-top .h2{font-size:clamp(28px,3vw,42px)}.section-top p{font-size:15px;color:#677883;line-height:1.95}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.info-card{background:white;border:1px solid #e1e9e7;border-radius:15px;padding:30px;box-shadow:0 10px 38px rgba(21,52,58,.035)}.info-card.soft{background:#f5f8f6}.info-card h3{font-size:21px;margin:12px 0}.info-card p{font-size:14px;line-height:1.92;color:#647780;margin:0}.info-card .mini{color:#358579;font-size:11px;letter-spacing:.09em;font-weight:750}.info-card ul{padding-left:21px;color:#5e717c;font-size:14px;line-height:2}.pill-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#207b75;font-weight:700;font-size:13px}
.band{padding:42px;border-radius:19px;background:#0e2637;color:white}.band h3{font-size:26px;margin:0 0 15px}.band p{color:#c1d1d3;line-height:1.9}.band .lightnote{font-size:12px;color:#acc5c4}.band .btn{margin-top:8px}
.module-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-42px;position:relative;z-index:3}.module-jump a{display:block;background:white;border:1px solid #dae7e4;border-radius:13px;padding:23px 24px;box-shadow:0 14px 46px rgba(14,48,54,.09);transition:transform .2s}.module-jump a:hover{transform:translateY(-4px)}.module-jump small{color:#29877f;font-weight:700;letter-spacing:.11em}.module-jump strong{display:block;font-size:20px;margin:8px 0}.module-jump span{display:block;font-size:13px;color:#6a7b84;line-height:1.7}
.product-shell{display:grid;grid-template-columns:230px 1fr;min-height:420px;border:1px solid #dce8e4;border-radius:17px;overflow:hidden;box-shadow:var(--shadow);background:white}.shell-side{padding:25px 17px;background:#ecf3f0;border-right:1px solid #dce8e4}.shell-side .system-id{font-size:12px;letter-spacing:.09em;color:#68837d;font-weight:750;padding:0 14px 22px}.shell-menu{display:block;padding:13px 16px;border-radius:8px;color:#657e7a;font-size:14px;margin-bottom:6px}.shell-menu b{display:block;color:#1b3c45;font-size:16px}.shell-menu.active{background:white;color:#2b7a71;box-shadow:0 4px 17px rgba(20,65,65,.06)}.shell-body{padding:31px 37px}.shell-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e7ece9;padding-bottom:18px;margin-bottom:25px}.shell-head strong{font-size:20px}.shell-sub{font-size:12px;color:#829393}.task-note{background:#f3f8f6;border-radius:11px;border:1px solid #dcece5;padding:22px;margin-top:14px}.task-note .minor{font-size:12px;color:#527f77;font-weight:750}.task-note h3{margin:9px 0;font-size:20px}.task-note p{font-size:14px;line-height:1.9;color:#58717b;margin:0}.task-flow{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.task-flow span{font-size:13px;background:#f5f8f7;border:1px solid #dce6e2;border-radius:30px;padding:8px 13px;color:#44635f}.module-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}.module-detail h2{font-size:36px;margin:10px 0 20px}.module-detail p{font-size:15px;color:#657985;line-height:2}.module-small{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.module-small span{background:#edf4f0;border-radius:5px;padding:8px 13px;color:#357b73;font-weight:700;font-size:12px}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:39px 1fr;gap:15px;padding:22px;background:white;border:1px solid #e0e9e6;border-radius:11px}.step-num{width:36px;height:36px;background:#e8f2ee;border-radius:9px;color:#2a7f74;display:flex;align-items:center;justify-content:center;font-weight:800}.step h3{font-size:16px;margin:3px 0 7px}.step p{font-size:13px;line-height:1.9;color:#697e84;margin:0}.tipline{background:#ebf2ef;color:#3f726a;padding:16px 19px;border-left:3px solid #4d9387;font-size:13px;line-height:1.9;border-radius:0 8px 8px 0;margin-top:20px}
.scenario-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 25px}.filter-btn{border:1px solid #d3e2dd;padding:10px 17px;background:white;color:#50716d;border-radius:30px;font-size:13px;font-weight:700}.filter-btn.active{background:#183d4a;color:white;border-color:#183d4a}.scene-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.scene-card{border:1px solid #e0e9e6;background:white;border-radius:14px;padding:27px;position:relative}.scene-card[hidden]{display:none}.scene-tag{font-size:11px;color:#2e7c72;font-weight:750;letter-spacing:.05em}.scene-card h3{font-size:21px;margin:10px 0}.scene-card .sproblem{color:#3a5262;font-size:14px;line-height:1.8;font-weight:600}.scene-card .ssummary{color:#6f8189;font-size:13px;line-height:1.9;margin:10px 0}.scene-card details{margin-top:18px;border-top:1px solid #e9eeea;padding-top:15px}.scene-card summary{list-style:none;cursor:pointer;color:#277d76;font-size:13px;font-weight:750}.scene-card summary::-webkit-details-marker{display:none}.scene-card summary:after{content:' +';}.scene-card details[open] summary:after{content:' −'}.scene-breakdown{margin-top:17px;display:grid;gap:12px}.scene-breakdown p{margin:0;color:#65777f;line-height:1.85;font-size:13px}.scene-breakdown b{color:#294351}.scene-result{margin-top:15px;background:#eaf2ee;color:#25675e;border-radius:9px;padding:13px;font-size:13px;line-height:1.75}
.big-number{font-family:Georgia,serif;font-size:66px;color:#b4c9c3;line-height:1}.thesis{padding:25px 0;border-top:1px solid #e2e9e6;display:grid;grid-template-columns:90px 1fr;gap:26px}.thesis h3{font-size:25px;margin:5px 0 12px}.thesis p{color:#667985;font-size:14px;line-height:1.95;margin:0;max-width:780px}.method-diagram{display:grid;grid-template-columns:1.05fr .95fr;gap:19px;margin:26px 0}.method-brain{background:#e8f1ee;border:1px solid #cfe2d9;border-radius:14px;padding:28px}.method-brain h3{font-size:24px;margin:10px 0}.method-brain p,.method-wing p{color:#657a80;font-size:13px;line-height:1.85}.method-wings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.method-wing{background:#f7faf8;border:1px solid #e0e9e6;border-radius:13px;padding:23px}.method-wing h3{font-size:20px;margin:9px 0}.method-flywheel{background:#163747;color:white;padding:28px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:30px}.method-flywheel h3{font-size:22px;margin:0 0 8px}.method-flywheel p{color:#c2d4d3;font-size:14px;line-height:1.85;margin:0}.book-mark{font-family:Georgia,serif;font-size:18px;color:#c7e1d8;letter-spacing:.05em}
.about-stat{font-size:25px;color:#285c61;font-weight:800}.team-row{display:grid;grid-template-columns:1fr 2fr;gap:25px;border-top:1px solid #e1e8e5;padding:27px 0}.team-row h3{margin:0;font-size:19px}.team-row p{font-size:14px;line-height:1.9;color:#637985;margin:0}.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.values-row article{padding:24px;border-radius:13px;background:#eff5f2}.values-row h3{margin:6px 0 12px;font-size:18px}.values-row p{color:#667d81;font-size:13px;line-height:1.9;margin:0}
.page-end{background:#102d3c;color:white;padding:70px 0}.page-end .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.page-end h2{margin:0 0 13px;font-size:29px}.page-end p{color:#b9cdcd;font-size:14px;line-height:1.8;margin:0}
.prototype-marker{background:#eaf2ef;color:#4d6864;font-size:12px;border-bottom:1px solid #d8e6e0;padding:10px 16px;text-align:center}
@media(max-width:850px){.page-hero{padding:70px 0}.module-jump,.three-col{grid-template-columns:1fr}.two-col,.scene-cards,.method-diagram,.module-detail,.values-row{grid-template-columns:1fr}.four-col{grid-template-columns:repeat(2,1fr)}.page-end .wrap{display:block}.page-end .btn{margin-top:25px}.nav-links a[aria-current="page"]:after{display:none}.product-shell{grid-template-columns:1fr}.shell-side{display:flex;flex-wrap:wrap;gap:4px;border:0;border-bottom:1px solid #dce8e4}.shell-side .system-id{width:100%;padding:0 8px 12px}.shell-menu{flex:1;min-width:75px;padding:12px 8px}.shell-body{padding:22px}.module-detail{gap:25px}.team-row{grid-template-columns:1fr;gap:10px}.thesis{grid-template-columns:64px 1fr;gap:15px}.thesis .big-number{font-size:48px}}
@media(max-width:520px){.page-section{padding:67px 0}.page-hero h1{font-size:35px}.module-jump{margin-top:-20px}.module-jump a{padding:20px}.four-col,.method-wings{grid-template-columns:1fr}.scene-card{padding:22px}.band{padding:26px}.method-flywheel{display:block}.thesis{grid-template-columns:1fr;gap:1px}.thesis .big-number{font-size:39px}}

/* Production additions: keyboard access, contact UI and responsive layout */
:root{color-scheme:light;--focus:#3a9c8f}
.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;background:#fff;color:#102d3c;padding:10px 16px;border-radius:8px;box-shadow:0 9px 20px rgba(0,0,0,.1)}
.skip-link:focus{top:12px}
html{scroll-padding-top:85px}body{min-width:320px}
.nav-links a{position:relative;padding:8px 0}
.nav-cta:focus-visible,.filter-btn:focus-visible,.mock-tab:focus-visible,.day-trigger:focus-visible,.outcome-tab:focus-visible,.menu-toggle:focus-visible,summary:focus-visible{outline:3px solid #56b4a3;outline-offset:3px}
.nav-cta{min-height:44px}
footer{background:#091c29;color:#c8d3d6;padding:58px 0 44px!important}
.footer-layout{display:grid;grid-template-columns:1.4fr .65fr 1.1fr;gap:42px;align-items:start}
.footer-brand{color:#fff;font-size:22px;font-weight:750}.footer-brand span{font-family:Georgia,serif;color:#7cc3ba;font-size:16px;margin-left:7px}
.footer-main p{margin:12px 0 42px;color:#a2b6bf;font-size:14px}.footer-main small{color:#9cb0b8;font-size:12px}
.footer-nav,.footer-contact{display:flex;flex-direction:column;gap:13px;font-size:13px}.footer-nav strong,.footer-contact strong{color:#fff;font-size:14px;margin-bottom:7px}.footer-nav a,.footer-contact a{color:#b9cbd0}
.footer-nav a:hover,.footer-contact a:hover,.footer-main a:hover{text-decoration:underline}.footer-contact p{font-size:12px;line-height:1.7;color:#859eaa;margin:8px 0}
.contact-dialog{max-width:510px}.contact-dialog h3{font-size:25px;margin:11px 0 14px}.contact-dialog > p{color:#607781;font-size:14px;line-height:1.9}
.contact-number{display:flex;flex-direction:column;gap:4px;background:#edf5f1;border:1px solid #d4e7df;border-radius:12px;padding:24px;margin:22px 0}
.contact-number span{color:#456b67;font-size:12px;font-weight:700}.contact-number strong{font-size:30px;letter-spacing:.02em;color:#112b3e}.contact-number small{color:#69827d;font-size:11px}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-status{font-size:12px!important;color:#667e84!important}.contact-origin{display:inline-block;color:#206c6c;font-weight:650;font-size:13px;margin-top:9px}
.text-link{color:#207b75;font-weight:700;text-decoration:underline}
.scene-card,.info-card,.ability,.module-jump a{transition:box-shadow .2s ease,transform .2s ease}
.scene-card:hover,.info-card:hover,.ability:hover{box-shadow:0 18px 46px rgba(20,50,55,.06)}
.scene-card:target{border-color:#3b9288;box-shadow:0 0 0 4px rgba(55,145,136,.1)}
.filter-btn[aria-pressed="true"]{background:#183d4a;color:#fff;border-color:#183d4a}
@media(max-width:900px){.footer-layout{grid-template-columns:1fr 1fr}.footer-main{grid-column:1/-1}.footer-main p{margin-bottom:15px}}
@media(max-width:600px){.footer-layout{grid-template-columns:1fr;gap:29px}.footer-main{grid-column:auto}.contact-actions .btn{width:100%}.contact-number strong{font-size:26px}nav{height:70px}.nav-wrap{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.error-page{min-height:100vh;max-width:760px;margin:auto;padding:22vh 28px 60px}.error-page h1{font-size:clamp(42px,5vw,68px)}.error-page p{font-size:17px;color:#607781;line-height:1.8;margin-bottom:28px}
footer .wrap.footer-layout{display:grid;grid-template-columns:1.4fr .65fr 1.1fr;align-items:start;justify-content:initial;gap:42px}
footer .footer-brand{color:#fff}footer .footer-nav a,footer .footer-contact a{color:#b9cbd0}
.contact-actions .btn{width:auto;flex:1;white-space:nowrap}
@media(max-width:900px){footer .wrap.footer-layout{grid-template-columns:1fr 1fr}}
@media(max-width:600px){footer .wrap.footer-layout{grid-template-columns:1fr}.contact-actions .btn{width:100%}}