.motion-control{background:transparent;color:#c2d0bb;border:1px solid #aec9aa36;border-radius:30px;padding:9px 13px;display:inline-flex;gap:9px;align-items:center;font-size:10px;letter-spacing:0;min-height:38px;white-space:nowrap}.motion-control[hidden]{display:none}.motion-control:hover{background:#fff1}.hero-bottom{gap:18px}.hero-bottom>a{margin-left:auto}.signal-story{margin:42px 0 48px;border:1px solid #8fa58838;border-radius:22px;background:radial-gradient(ellipse at 50% 48%,#2c533749,transparent 58%),linear-gradient(120deg,#19352666,#0a211966);padding:25px 32px 22px;overflow:hidden}.signal-meta{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.16em;color:#aabda3}.signal-meta>span:last-child{color:#9bac92;letter-spacing:.1em}.signal-scene{display:grid;grid-template-columns:1fr .4fr 1.4fr .4fr 1fr;align-items:center;min-height:320px}.signal-input,.signal-output{position:relative;z-index:2;display:grid;justify-items:center;gap:24px;min-width:0}.signal-label{font-size:9px;letter-spacing:.15em;color:#c4cbb0;white-space:nowrap}.signal-caption{font-size:10px;color:#adbaa5}.sample-stack{height:90px;width:190px;position:relative;perspective:650px}.sample-stack>span{position:absolute;display:grid;place-items:center;width:65px;height:80px;border-radius:14px;border:1px solid #c8e4c136;background:linear-gradient(135deg,#d4eed424,#5186620b);box-shadow:0 15px 22px #0002,inset 0 1px #fff1;color:#d2e6c7;font-size:28px;font-weight:600;transform:rotate(-9deg);animation:sample-float 7s ease-in-out infinite}.sample-stack>span:nth-child(1){left:0;top:5px;opacity:.35}.sample-stack>span:nth-child(2){left:29px;top:1px;opacity:.55;animation-delay:-1s}.sample-stack>span:nth-child(3){left:62px;top:-4px;color:#f6c6b8;background:linear-gradient(135deg,#a952493d,#512b2740);z-index:2;animation-delay:-2s}.sample-stack>span:nth-child(4){left:96px;top:1px;opacity:.55;animation-delay:-3s}.sample-stack>span:nth-child(5){left:126px;top:5px;opacity:.35;animation-delay:-4s}.signal-bridge{height:1px;background:linear-gradient(90deg,transparent,#bcd3ad46,transparent);position:relative;overflow:hidden}.signal-bridge i{display:block;width:22px;height:1px;background:#f1e9b8;box-shadow:0 0 7px #ecda86;animation:signal-travel 4s ease-in-out infinite}.bridge-two i{animation-delay:2s}.signal-core{height:290px;position:relative;display:grid;place-items:center;isolation:isolate}.signal-core>.signal-label{position:absolute;bottom:10px}.signal-ball{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;position:relative;z-index:2;background:radial-gradient(circle at 30% 22%,#ffddc7,#e59f86 5%,#cc6555 19%,#963f3e 46%,#492c30 77%,#7c4841);box-shadow:inset 1px 2px 3px #ffdbc766,inset -7px -9px 20px #271f2780,0 28px 28px #020c1644;animation:signal-breathe 7s ease-in-out infinite}.signal-ball:before{content:"";position:absolute;width:43%;height:24%;top:11%;left:17%;border-radius:50%;background:linear-gradient(#fff5,#fff0);transform:rotate(-27deg);filter:blur(5px)}.signal-ball>span{font-size:58px;font-weight:800;color:#ffead5;text-shadow:0 3px 6px #3d171e66;transform:rotate(9deg)}.signal-orbit{position:absolute;width:240px;height:240px;border:1px solid #bec8a321;border-radius:50%;transform:rotateX(56deg) rotate(-25deg)}.orbit-b{transform:rotateX(25deg) rotateY(52deg);width:265px;height:265px}.signal-sweep{position:absolute;width:225px;height:225px;border:1px solid #cdd8ab19;border-radius:50%;animation:signal-orbit 24s linear infinite}.signal-sweep:before{content:"";position:absolute;top:29px;left:30px;width:5px;height:5px;border-radius:50%;background:#e8c897;box-shadow:0 0 12px #e8c89788}.signal-record{width:180px;padding:14px 15px 11px;background:linear-gradient(135deg,#c8e5c315,#7c976507);border:1px solid #b8d0ad2e;box-shadow:0 14px 24px #0002;border-radius:13px;transform:rotate(3deg);animation:record-float 7s ease-in-out infinite}.signal-record>span{display:flex;align-items:center;gap:7px;font-size:11px}.signal-record i{width:5px;height:5px;border-radius:50%;background:#e69c90}.signal-record b{font-size:8px;font-weight:400;color:#9eaf99;margin-left:auto}.signal-record svg{width:100%;height:58px;display:block;margin-top:6px}.signal-chart-grid{stroke:#bed1ad15;stroke-width:1}.signal-chart{stroke:#b7d5a9;stroke-width:1.5;stroke-dasharray:100;animation:signal-draw 8s ease-in-out infinite}.signal-record .signal-record-bottom{font-size:8px;color:#afc3a5;border-top:1px solid #b6cfa91c;padding-top:9px}.signal-record-bottom b{color:#d2d9b0}.signal-story figcaption{border-top:1px solid #adc39d24;padding-top:20px;display:flex;justify-content:space-between;gap:18px;color:#a8b7a0;font-size:10px;line-height:1.8}.signal-story figcaption a{color:#dbbe85;white-space:nowrap}@keyframes sample-float{50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes signal-travel{0%{transform:translate(-26px);opacity:0}15%,70%{opacity:1}to{transform:translate(125px);opacity:0}}@keyframes signal-breathe{50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes record-float{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes signal-orbit{to{transform:rotate(360deg)}}@keyframes signal-draw{0%,10%{stroke-dashoffset:100;opacity:.3}45%,90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.3}}.reading-section{padding:88px 0}.reading-section h2{font-size:52px}.reading-hub{font-size:12px;display:flex;gap:26px;align-items:center}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.reading-card{border:1px solid #6b815631;border-radius:16px;overflow:hidden;background:#f8f6eb;transition:transform .3s,border-color .3s}.reading-card:hover{transform:translateY(-5px);border-color:#6a815e99}.reading-card:hover .reading-arrow{transform:translate(3px,-3px)}.reading-art{height:170px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#becbb077,transparent 70%),#e4e9da;border-bottom:1px solid #6b81561c}.reading-art:after{content:"";position:absolute;border:1px solid #718b6726;width:280px;height:280px;border-radius:50%;pointer-events:none}.field-digit{height:62px;width:55px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f5f8eb,#d2ddc9);border:1px solid #8d9f7866;box-shadow:0 14px 17px #5673481c;font-size:30px;color:#31513b;transform:rotate(-12deg);position:relative;z-index:1}.field-digit.red{color:#8c3a36;transform:rotate(7deg) translateY(8px);background:linear-gradient(135deg,#faf4e8,#e3c9b9)}.field-digit.small{font-size:12px;transform:rotate(17deg) translateY(-2px)}.field-chart{height:65px;display:flex;align-items:end;gap:9px}.field-chart i{height:35px;width:15px;background:#6e927b;border-radius:5px 5px 0 0}.field-chart i:nth-child(2){height:51px}.field-chart i:nth-child(3){height:24px}.field-chart i:nth-child(4){height:63px;background:#305d47}.field-chart i:nth-child(5){height:40px}.field-chart i:nth-child(6){height:27px}.field-chart i:nth-child(7){height:49px}.field-chart-label{position:absolute;bottom:24px;font-size:7px;letter-spacing:.16em;color:#536b4e}.field-clock{width:84px;height:84px;border-radius:50%;border:1px solid #6b88564d;box-shadow:inset 0 0 0 6px #f5f6e680;display:grid;align-content:center;justify-items:center;font-size:24px;color:#32543d;background:#eef0e5;transform:rotate(-12deg);z-index:1}.field-clock span{font-size:7px;letter-spacing:.15em;margin-top:1px}.field-clock.second{width:98px;height:98px;transform:rotate(9deg);margin-left:-22px;background:#264b36;color:#e4e8cc;box-shadow:inset 0 0 0 6px #537b554d}.reading-copy{padding:25px;position:relative}.reading-copy>span:first-child{font-size:8px;letter-spacing:.13em;color:#617156}.reading-copy h3{font-size:20px;letter-spacing:-.6px;line-height:1.4;margin:15px 0 12px}.reading-copy p{font-size:12px;line-height:1.8;color:#63755a;max-width:240px;min-height:45px}.reading-arrow{display:block;margin-top:20px;font-size:22px;transition:transform .25s}.reading-pro-link{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#627559;margin-top:30px}.reading-pro-link strong{font-weight:600;color:#254d38}.footer-top{flex-wrap:wrap}@media(max-width:1000px){.signal-story{padding-inline:22px}.sample-stack{transform:scale(.85)}.signal-record{width:155px}.signal-ball{width:120px;height:120px}.signal-orbit{width:205px;height:205px}.orbit-b{width:230px;height:230px}.signal-sweep{width:205px;height:205px}.reading-copy{padding:20px}.reading-copy h3{font-size:18px}}@media(max-width:800px){.signal-scene{grid-template-columns:1fr .2fr 1.2fr .2fr 1fr;min-height:290px}.signal-core{height:260px}.signal-ball{width:104px;height:104px}.signal-ball>span{font-size:46px}.signal-orbit,.signal-sweep{width:170px;height:170px}.orbit-b{width:190px;height:190px}.signal-record{width:135px;padding:12px}.sample-stack{transform:scale(.72)}.signal-label{font-size:7px}.signal-caption{font-size:8px}.reading-grid{gap:12px}.reading-copy{padding:19px 16px}.reading-copy h3{font-size:17px}.reading-copy p{font-size:11px}.reading-section h2{font-size:43px}}@media(max-width:620px){.hero-bottom>span{display:none}.hero-bottom>a{margin-left:0}.hero-bottom{height:70px}.signal-story{padding:19px 18px;margin-block:30px}.signal-meta{font-size:7px;letter-spacing:.09em}.signal-scene{grid-template-columns:1fr 1fr;min-height:0;column-gap:25px;padding-bottom:23px}.signal-core{grid-column:1/-1;grid-row:1;height:230px}.signal-core>.signal-label{bottom:8px;font-size:8px}.signal-ball{width:115px;height:115px}.signal-orbit,.signal-sweep{width:185px;height:185px}.orbit-b{width:210px;height:210px}.signal-input,.signal-output{gap:14px;padding-top:20px}.signal-bridge{display:none}.sample-stack{width:145px;height:90px;transform:scale(.68);transform-origin:center center;margin-right:30px}.signal-label{font-size:7px}.signal-caption{font-size:8px}.signal-record{width:130px}.signal-story figcaption{font-size:9px;display:block;padding-top:17px}.signal-story figcaption a{display:block;margin-top:7px}.reading-section{padding:56px 0}.reading-section h2{font-size:39px}.reading-section .split-heading{align-items:start;gap:20px}.reading-hub{font-size:11px}.reading-grid{grid-template-columns:1fr;gap:18px;margin-top:26px}.reading-card{display:grid;grid-template-columns:105px 1fr}.reading-art{height:100%;min-height:190px;border:0;border-right:1px solid #6b81561c;gap:0}.field-digit{position:absolute;left:12px;top:48px;width:44px;height:57px;font-size:27px}.field-digit.red{left:42px;top:83px}.field-digit.small{display:none}.field-chart{transform:scale(.58)}.field-chart-label{font-size:6px;letter-spacing:0;bottom:38px}.field-clock{position:absolute;width:66px;height:66px;left:9px;top:35px;font-size:20px}.field-clock.second{width:70px;height:70px;left:45px;top:91px}.reading-copy{padding:22px 18px}.reading-copy h3{font-size:19px;margin-top:10px}.reading-copy p{font-size:11px;min-height:0}.reading-copy>span:first-child{font-size:7px}.reading-arrow{margin-top:10px;font-size:20px}.reading-pro-link{font-size:11px;text-align:center;gap:7px}.motion-control{font-size:9px}}@media(max-width:360px){.signal-story{padding-inline:12px}.signal-record{width:110px;padding:10px}.sample-stack{transform:scale(.6);margin-right:15px}.signal-scene{column-gap:10px}.signal-meta{font-size:6px}.reading-card{grid-template-columns:84px 1fr}.reading-copy{padding:18px 14px}.reading-copy h3{font-size:17px}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after,body.page-hidden *,body.page-hidden *:before,body.page-hidden *:after,.motion-offscreen *,.motion-offscreen *:before,.motion-offscreen *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.signal-story *,.signal-story *:before,.signal-story *:after{animation:none!important}.reading-card,.reading-arrow{transition:none}.signal-chart{stroke-dashoffset:0}.motion-ready .reveal:not(.revealed){opacity:1;transform:none}}.signal-story figcaption{align-items:center}.signal-story .motion-control{margin-left:auto}.signal-story figcaption>a{margin-left:6px}@media(max-width:620px){.signal-story figcaption{display:flex;flex-wrap:wrap;gap:12px}.signal-story figcaption>span{width:100%}.signal-story .motion-control{margin-left:0}.signal-story figcaption>a{margin-top:0;margin-left:auto}}
