.cooling-page { --cs-green:#193e2d; --cs-gold:#d9ae62; --cs-rose:#ac466a; --cs-ink:#27382d; background:radial-gradient(circle at 93% 6%,#e8edde 0,transparent 28rem),linear-gradient(180deg,#fcfaf6,#f6f0e7 60%,#fcfaf6); color:var(--cs-ink); }
.cs-container { width:var(--moreos-shell-content-size); margin-inline:auto; }
.cooling-page main { overflow:clip; }
.cooling-page :is(button,a):focus-visible { outline:3px solid #a44a69; outline-offset:5px; }
.cooling-page p { font-size:17px; line-height:1.75; }
.cooling-page h1,.cooling-page h2,.cooling-page h3 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.045em; }
.cooling-page h1 { font-size:clamp(48px,5.1vw,73px); line-height:1.02; margin:30px 0 28px; }
.cooling-page h2 { font-size:clamp(36px,4vw,58px); line-height:1.08; margin:20px 0 25px; }
.cooling-page h3 { font-size:29px; line-height:1.15; margin:18px 0; }
.cooling-page h1 em,.cooling-page h2 em { color:var(--cs-rose); font-weight:400; }
.cooling-page .eyebrow { display:block; font-size:12px; letter-spacing:.18em; color:#8b6540; }
.cooling-page .ss-button { font-size:15px; }
.cooling-page .ss-button-primary { background:var(--cs-green); border-color:var(--cs-green); }
.cs-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(32px,5vw,76px); padding-block:68px 88px; }
.cs-hero .ss-breadcrumb { font-size:13px; }
.cs-lockup { display:flex; align-items:center; gap:12px; color:#415840; font-size:12px; letter-spacing:.13em; }
.cs-lockup>span { display:grid; place-items:center; background:var(--cs-green); color:#e9c782; border-radius:15px; width:54px; height:54px; font:25px Georgia,serif; }
.cs-lockup i { margin-inline:8px; color:var(--cs-rose); font-style:normal; }
.cs-lead { max-width:37rem; color:#736e64; }
.cs-small-note { font-size:13px!important; color:#867a6a; margin-top:22px; }
.cs-pulse { color:#fff; padding:28px; background:radial-gradient(circle at 100% 0,#68734a66,transparent 55%),linear-gradient(140deg,#294f36,#163426); border:1px solid #b39b6055; border-radius:32px; box-shadow:0 35px 65px #17342629; }
.cs-pulse header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:12px; letter-spacing:.08em; }
.cs-pulse header span { display:flex; align-items:center; gap:10px; }
.cs-pulse header i,.cs-demo-toolbar>span i { width:8px; height:8px; border-radius:50%; background:#e5bc72; }
.cs-pulse header>b { color:#e8c683; font-size:11px; }
.cs-pulse>p { font:32px/1.14 Georgia,serif; margin:34px 0; }
.cs-pulse>p em { color:#ebc883; }
.cs-pulse-reading { display:grid; gap:12px; }
.cs-pulse-reading>span { color:#c9d6c4; font-size:14px; }
.cs-pulse-reading>strong { font:86px/1 Georgia,serif; }
.cs-pulse-reading small { font:24px sans-serif; margin-left:10px; color:#c1cfbf; }
.cs-pulse-reading>b { font-size:13px; font-weight:500; color:#b4d7b5; }
.cs-spark { display:flex; align-items:end; height:64px; gap:6px; margin-block:22px; }
.cs-spark i { background:#98b490; height:36%; flex:1; border-radius:2px 2px 0 0; }
.cs-spark i:nth-child(3n) { height:62%; }.cs-spark i:nth-child(5n) { height:86%; }.cs-spark i:nth-child(2n) { height:47%; }
.cs-pulse-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding-top:20px; border-top:1px solid #ffffff22; }
.cs-pulse-meta span { display:grid; gap:9px; font-size:12px; color:#b6c5b3; }.cs-pulse-meta strong { font-size:13px; color:#edf2e8; }
.cs-pulse-alert { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:18px; margin-top:24px; background:#af4c672b; border:1px solid #da91a74a; border-radius:16px; text-decoration:none; }
.cs-pulse-alert span { display:grid; gap:6px; }.cs-pulse-alert b { font-size:14px; color:#fff; }.cs-pulse-alert small { color:#dec6cd; font-size:12px; }.cs-pulse-alert>strong { color:#ebc883; }
.cs-jump { background:#f2f0e7; border-block:1px solid #d7d8c6; }
.cs-jump>div { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 28px; padding-block:17px; }
.cs-jump a { font-size:14px; color:#5d6152; padding-block:4px; }
.cs-demo-band { padding-block:82px; background:radial-gradient(circle at 100% 0,#65804c35,transparent 46rem),#173f2d; color:#fff; }
.cs-section-heading { max-width:820px; }
.cs-section-heading>p { color:#776f63; }
.cs-demo-band .cs-section-heading { max-width:930px; }
.cs-demo-band h2 em,.cs-evidence-band h2 em { color:#e3ba70; }
.cs-demo-band .eyebrow,.cs-evidence-band .eyebrow { color:#d8bc82; }
.cs-demo-band p,.cs-evidence-band .cs-section-heading>p { color:#c2cebb; }
.cs-demo-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; margin:36px 0 20px; align-items:center; }
.cs-demo-toolbar>span { display:flex; gap:10px; align-items:center; color:#d0dcc7; font-size:13px; }
.cs-demo-toolbar>div { display:flex; flex-wrap:wrap; gap:10px; }
.cs-demo-toolbar :is(button,a) { background:#ffffff0d; border:1px solid #bfcdaa40; color:#f6f7ee; border-radius:10px; padding:11px 15px; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; }
/* One concentric corner system: the screen radius follows the visible bezel,
   including on phones where the iframe itself is scaled down. */
.cs-ipad { --cs-ipad-radius:clamp(16px,2.4vw,36px); --cs-ipad-bezel:clamp(5px,1vw,12px); position:relative; padding:var(--cs-ipad-bezel); border-radius:var(--cs-ipad-radius); background:#303328; border:1px solid #c3bc8560; box-shadow:0 35px 85px #061e1b66; }
.cs-ipad::before { content:""; position:absolute; width:clamp(2px,.4vw,5px); aspect-ratio:1; top:calc((var(--cs-ipad-bezel) + 1px) / 2); left:50%; transform:translate(-50%,-50%); border-radius:50%; background:#484c40; }
.cs-ipad-screen { overflow:hidden; isolation:isolate; border-radius:calc(var(--cs-ipad-radius) - var(--cs-ipad-bezel) - 1px); background:#fff; }
.cs-ipad iframe { display:block; width:100%; height:1100px; border:0; border-radius:0; background:#faf9f6; transform-origin:top left; }
/* Only the device extends beyond the text rail, equally on both sides. */
@media(min-width:1300px) { .cs-ipad { --cs-device-bleed:min(80px,max(0px,calc((100vw - var(--moreos-shell-content-width)) / 2 - 24px))); width:calc(100% + 2 * var(--cs-device-bleed)); margin-inline:calc(-1 * var(--cs-device-bleed)); } }
.cs-ipad:fullscreen { width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; }.cs-ipad:fullscreen .cs-ipad-screen { height:100%!important; border-radius:0; }.cs-ipad:fullscreen iframe { height:100%; border-radius:0; }.cs-ipad:fullscreen::before { display:none; }
.cs-demo-caption { font-size:14px!important; max-width:960px; margin:24px 0 0; }
.cs-video { margin:0; min-width:0; }
.cs-video-player { position:relative; container-type:inline-size; aspect-ratio:16/9; overflow:hidden; isolation:isolate; border-radius:26px; background:#f8f7f1; box-shadow:0 18px 55px #6954401a,0 0 0 1px #d9cfbb80; }
.cs-video video { display:block; width:100%; height:100%; aspect-ratio:16/9; border:0; border-radius:inherit; background:#f8f7f1; object-fit:contain; }
.cs-video-section .cs-film-cover { position:absolute; inset:0; display:block; width:100%; height:100%; aspect-ratio:auto; overflow:hidden; border:0; border-radius:inherit; background:#061810; box-shadow:none; }
.cs-film-cover::before { display:none; }
/* Editable interface text stays sharp while the photographic cover scales. */
.cs-film-reference { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.cs-cover-brand { position:absolute; top:6%; right:4%; display:flex; align-items:center; gap:1.15cqw; padding:.85cqw 1.4cqw; border-radius:10cqw; background:#eeece2; box-shadow:0 .5cqw 2cqw #0002; }
.cs-cover-brand img { display:block; width:14.5cqw; height:auto; }
.cs-cover-brand>span { padding-left:1.15cqw; border-left:1px solid #aaa98d80; color:#62683d; font-size:1.1cqw; font-weight:800; letter-spacing:.15em; }
.cs-cover-readings { position:absolute; top:25%; right:4%; width:38%; display:grid; gap:.85cqw; color:#eeeFE6; text-align:left; }
.cs-cover-readings .cs-cover-readings-label { display:flex; align-items:center; gap:.65cqw; margin:0 0 .45cqw; color:#aebdb1; font-size:1.05cqw; font-weight:700; letter-spacing:.15em; line-height:1.4; text-transform:uppercase; }
.cs-cover-readings-label svg { width:1.5cqw; height:1.5cqw; fill:none; stroke:#d9b863; stroke-width:1.8; }
.cs-cover-reading { display:grid; grid-template-columns:3.1cqw minmax(0,1fr) auto; align-items:center; gap:1cqw; min-height:6.1cqw; padding:1cqw 1.15cqw; border:1px solid #bbc7ad33; border-radius:1.3cqw; background:#061c14b8; }
.cs-cover-icon { display:grid; place-items:center; width:3.1cqw; height:3.1cqw; border-radius:.85cqw; background:#d8b95d26; color:#dab969; }
.cs-cover-icon svg { width:1.65cqw; height:1.65cqw; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.cs-cover-reading-name,.cs-cover-reading-value { display:grid; gap:.4cqw; min-width:0; }
.cs-cover-reading-name strong { font-size:1.3cqw; font-weight:700; line-height:1.35; }
.cs-cover-reading-name>span { color:#95a999; font-size:1cqw; line-height:1.3; }
.cs-cover-reading-value { padding-right:.9cqw; border-right:.2cqw solid #7eaa8d; text-align:right; }
.cs-cover-reading-value strong { color:#acc9af; font:400 2.25cqw/1.1 Georgia,serif; white-space:nowrap; }
.cs-cover-reading-value>span { color:#95a999; font-size:.85cqw; letter-spacing:.04em; }
.cs-cover-reading.is-alert .cs-cover-reading-value { border-color:#cd7899; }
.cs-cover-reading.is-alert .cs-cover-reading-value strong { color:#e398b6; }
.cs-film-cover[hidden],.cs-video-error[hidden] { display:none; }
.cs-video-section .cs-video .video-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; display:grid; place-items:center; width:clamp(44px,7.4cqw,110px); height:clamp(44px,7.4cqw,110px); padding:0; cursor:pointer; border:0; background:#c41258; box-shadow:0 0 0 .8cqw #9eb59835,0 0 0 1cqw #d9bd5f30,0 .6cqw 2cqw #0003; }
.cs-video .video-play::before { display:none; }
.cs-video .video-play svg { display:block; width:32%; height:32%; fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.cs-video .video-play:hover { filter:brightness(1.1); }
.cs-video .video-play:disabled { cursor:wait; }
.cs-video .video-play:focus-visible { outline:3px solid #f0d68e; outline-offset:8px; }
.cs-video-tools { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin:0 0 16px; opacity:1; transition:opacity .2s ease; }
.cs-video-tools[hidden] { display:none; }
.cs-video-control { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; padding:12px 17px; border:1px solid #bba98480; border-radius:30px; color:#304936; background:#fffaf2cf; font-family:inherit; font-size:16px; font-weight:700; line-height:1.3; cursor:pointer; }
.cs-video-control svg { width:20px; height:20px; }
.cs-video-control [data-play-icon] { display:inline-block; width:14px; text-align:center; font-size:12px; }
.cs-video-control:hover,.cs-video-width[aria-pressed=true] { background:#e8e9df; border-color:#849173; }
.cs-video-control:focus-visible { outline:3px solid #a54269; outline-offset:3px; }
.cs-video-control:disabled { opacity:.6; cursor:wait; }
.cs-video-toggle { color:#943653; border-color:#ad466a60; }
.cs-video.is-controls-quiet .cs-video-tools { opacity:0; pointer-events:none; }
.cs-video.is-controls-quiet .cs-video-tools:focus-within { opacity:1; pointer-events:auto; }
.cooling-page .cs-share-status { margin:0; color:#526354; font-size:14px; line-height:1.5; }
.cs-share-status:not(:empty) { padding-bottom:14px; }
.cs-share-fallback { padding:16px; margin-bottom:16px; border:1px solid #d8c6a9; border-radius:18px; background:#fffaf2; font-size:14px; }
.cs-share-fallback[hidden] { display:none; }
.cs-share-fallback>div { display:flex; gap:8px; margin-top:8px; }
.cs-share-fallback input { width:100%; min-width:0; border:1px solid #bba984; border-radius:9px; padding:10px; font:inherit; color:#304936; background:white; }
.cs-share-fallback input:focus-visible { outline:3px solid #a54269; outline-offset:2px; }
.cs-video-section.is-page-wide .ss-video-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
.cs-video-section.is-page-wide .ss-video-copy { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:end; column-gap:64px; max-width:none; }
.cs-video-section.is-page-wide .ss-video-copy>.eyebrow { grid-column:1; }
.cs-video-section.is-page-wide .ss-video-copy h2 { grid-column:1; }
.cs-video-section.is-page-wide .cs-video-intro { grid-column:2; grid-row:1 / span 2; }
.cs-video-section.is-page-wide .cs-video { width:100%; }
.cooling-page .cs-video-section .ss-video-copy h2 { font:500 clamp(40px,4.4vw,62px)/1.02 Georgia,"Times New Roman",serif; letter-spacing:-2px; margin:13px 0 0; }
.cooling-page .cs-video-intro>p { margin:0; font-size:16px; line-height:1.75; }
.cs-video-intro { margin-top:24px; }
.cs-video-intro .video-link { margin-top:18px; font-size:16px; }
.cooling-page .cs-video-section.is-page-wide .ss-video-copy h2 { font-size:clamp(36px,3vw,50px); letter-spacing:-1.5px; line-height:1.08; }
@media(max-width:800px) { .cs-video-section.is-page-wide .ss-video-copy { grid-template-columns:minmax(0,1fr); }.cs-video-section.is-page-wide .cs-video-intro { grid-column:1; grid-row:auto; margin-top:22px; } }
.cs-video-section .cs-video figcaption { display:block; font-size:12px; line-height:1.6; text-align:left; color:#7b6f5e; margin-top:20px; }
.cs-video-error { padding:12px; font-size:14px!important; color:#923653; }
.cs-video-error a { text-decoration:underline; }
@media(max-width:620px) { .cs-video-player { border-radius:20px; }.cs-video-control { min-height:46px; padding:10px 11px; gap:6px; font-size:14px; }.cs-video-control svg { width:18px; height:18px; } }
.cs-section { padding-block:100px; }
.cs-chain { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:0; margin:48px 0 0; list-style:none; }
.cs-chain li { padding:28px 23px; border:1px solid #d8c6a9; border-radius:22px; background:#ffffff80; }
.cs-chain li>b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#e8ddc6; color:#6f5932; margin-bottom:26px; }
.cs-chain li>span,.cs-number { display:block; font-size:12px; letter-spacing:.1em; font-weight:700; color:#9b4c65; }
.cs-chain p,.cs-start-grid p,.cs-scenarios p { color:#726c5f; font-size:16px; }
.cs-callout { display:grid; grid-template-columns:1fr 1.5fr; gap:28px; padding:27px 30px; margin-top:28px; border-left:3px solid #ad8a4a; background:#eae4d77a; border-radius:0 15px 15px 0; }
.cs-callout strong { font:24px/1.25 Georgia,serif; }.cs-callout p { margin:0; font-size:16px; color:#726c5f; }
.cs-soft-band { background:#eee8dc66; border-block:1px solid #d1c5b044; }
.cs-scenarios { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:42px; }
.cs-scenarios article { display:flex; flex-direction:column; padding:28px; background:#fffcf7; border:1px solid #d7c6ac; border-radius:24px; }
.cs-scenarios article>p { flex:1; }.cs-scenarios button { width:100%; margin-top:20px; display:flex; justify-content:space-between; gap:12px; padding:16px 0 0; border:0; border-top:1px solid #dfd3c0; background:none; color:#923653; cursor:pointer; font-size:15px; font-weight:700; text-align:left; }
.cs-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(30px,6vw,80px); align-items:center; }
.cs-text-link { display:inline-block; padding-block:10px; color:#923653; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.cs-norm-card { padding:32px; border:1px solid #b3b695; border-radius:24px; background:linear-gradient(140deg,#f7f8ef,#eeeddf); }.cs-norm-card dl { margin-block:24px; }
.cs-norm-card dl>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding-block:17px; border-bottom:1px solid #c5c5ab; font-size:15px; }.cs-norm-card dd { margin:0; color:#30543d; font-weight:700; }.cs-norm-card p { font-size:14px; color:#6e715f; }
.cs-evidence-band { background:linear-gradient(125deg,#2d4435,#233328); color:#fff; }
.cs-timeline { list-style:none; padding:0; margin:42px 0 0; }
.cs-timeline li { display:grid; grid-template-columns:80px 1fr 110px; gap:28px; align-items:start; padding-block:26px; border-top:1px solid #c4d0ae30; }
.cs-timeline time { font:26px Georgia,serif; color:#e2bb72; }.cs-timeline b { font-size:18px; font-weight:500; }.cs-timeline p { margin:10px 0 0; font-size:16px; color:#becbb8; }.cs-timeline li>span { padding:8px 12px; background:#ffffff0a; border:1px solid #e1bd753d; border-radius:30px; color:#e1c990; font-size:12px; text-align:center; }
.cs-evidence-foot { padding:28px; background:#ffffff08; border:1px solid #e1bd753d; border-radius:20px; margin-top:28px; }.cs-evidence-foot strong { font-size:16px; color:#e1c990; }.cs-evidence-foot p { margin-bottom:0; font-size:15px; color:#becbb8; }
.cs-human { display:grid; grid-template-columns:190px 1fr; gap:56px; align-items:center; padding:48px; border:1px solid #d1ba91; border-radius:28px; background:#fffcf7; }.cs-human ul { padding-left:20px; font-size:16px; line-height:1.8; }
.cs-seal { display:flex; flex-direction:column; justify-content:center; align-items:center; aspect-ratio:1; border:1px solid #b9985d; outline:1px dashed #c2ac85; outline-offset:-12px; border-radius:50%; background:#f4eedf; color:#766444; gap:12px; }.cs-seal small { letter-spacing:.1em; font-size:12px; }.cs-seal strong { font:28px Georgia,serif; }
.cs-start-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; margin-top:42px; }.cs-start-grid article { border-top:1px solid #c7b48f; padding-top:24px; }.cs-start-grid b { color:#977341; font:26px Georgia,serif; }
.cs-faq details { border-bottom:1px solid #d7c8b2; padding-block:22px; }.cs-faq summary { font-size:17px; font-weight:600; cursor:pointer; }.cs-faq p { font-size:16px; color:#746b5f; }
.cs-closing { border-top:1px solid #d6c3a5; padding-block:80px; }.cs-closing p { max-width:700px; color:#746b5f; }
.cs-sources { border-top:1px solid #d6c3a5; padding-block:30px 70px; }.cs-sources>strong { font-size:14px; }.cs-sources>p { max-width:900px; font-size:14px; color:#746b5f; }.cs-sources>a { display:inline-block; font-size:13px; color:#8b4860; margin:8px 24px 0 0; text-decoration:underline; }
.cooling-page section[id] { scroll-margin-top:125px; }
@media(max-width:1000px) { .cs-hero { grid-template-columns:1fr; }.cs-pulse { max-width:650px; }.cs-chain,.cs-start-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cs-scenarios { grid-template-columns:1fr; }.cs-split { grid-template-columns:1fr; }.cs-human { grid-template-columns:130px 1fr; padding:30px; gap:30px; }.cs-seal strong { font-size:22px; } }
@media(max-width:620px) { .cs-hero { padding-block:38px 58px; gap:34px; }.cooling-page h1 { font-size:clamp(39px,10.5vw,57px); }.cooling-page h2 { font-size:clamp(31px,8vw,44px); }.cooling-page p { font-size:16px; }.cs-pulse { padding:22px; }.cs-pulse-meta { grid-template-columns:1fr; }.cs-pulse-meta span { grid-template-columns:1fr 1fr; }.cs-jump>div { justify-content:start; gap:10px 20px; }.cs-section,.cs-demo-band { padding-block:62px; }.cs-chain,.cs-start-grid { grid-template-columns:1fr; }.cs-callout { grid-template-columns:1fr; padding:23px; gap:15px; }.cs-ipad iframe { height:900px; }.cs-demo-toolbar>div { width:100%; }.cs-timeline li { grid-template-columns:60px 1fr; gap:16px; }.cs-timeline li>span { grid-column:2; justify-self:start; }.cs-human { grid-template-columns:1fr; padding:24px; }.cs-seal { width:130px; }.cs-norm-card { padding:24px; }.cs-sources { padding-bottom:45px; } }
@media(prefers-reduced-motion:reduce) { .cooling-page * { scroll-behavior:auto!important; }.cs-video-tools { transition:none; } }