:root{--ink:#07110f;--paper:#f2efe6;--mint:#72e1b5;--coral:#ff765f;--yellow:#f4d35e;--blue:#63a7ff;--muted:#9ca8a2;--line:rgba(7,17,15,.16);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,input{font:inherit}.skip-link{position:fixed;z-index:50;top:10px;left:10px;padding:10px 14px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.topbar{height:76px;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%;color:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:700;letter-spacing:-.03em}.brand-mark{display:flex;align-items:center;gap:2px;height:20px}.brand-mark i{display:block;width:2px;background:var(--mint);animation:brandwave 1.6s ease-in-out infinite}.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:5px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:12px;animation-delay:.15s}.brand-mark i:nth-child(3){height:20px;animation-delay:.3s}@keyframes brandwave{50%{transform:scaleY(.45)}}nav{display:flex;gap:30px}nav a{color:inherit;text-decoration:none;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}nav a:hover{opacity:1;color:var(--mint)}.hero{min-height:100svh;background:var(--ink);color:var(--paper);position:relative;display:grid;grid-template-columns:minmax(360px,.85fr) 1.15fr;align-items:center;padding:120px clamp(20px,5vw,90px) 80px;gap:4vw;overflow:hidden}.hero:before{content:"";position:absolute;width:58vw;height:58vw;right:-20vw;top:-25vw;border:1px solid rgba(114,225,181,.13);border-radius:50%;box-shadow:0 0 0 7vw rgba(114,225,181,.025),0 0 0 14vw rgba(114,225,181,.018)}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#40725f;margin:0 0 24px}.dark-section .eyebrow,.hero .eyebrow{color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6vw,84px);line-height:1.02;letter-spacing:-.065em;margin-bottom:30px;max-width:820px}h1 em,h2 em{font-style:normal;color:var(--mint)}.lede{font-size:clamp(16px,1.45vw,20px);line-height:1.65;color:#b9c2be;max-width:620px}.lede strong{color:#fff;font-weight:500}.primary-button{display:inline-flex;align-items:center;gap:34px;background:var(--mint);color:var(--ink);text-decoration:none;padding:15px 18px 15px 22px;margin-top:22px;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}.primary-button span{font-size:18px}.hero-instrument{height:min(600px,70vh);position:relative}.hero-instrument canvas{width:100%;height:100%;display:block}.hero-label{position:absolute;inset:25px 10px auto;display:flex;justify-content:space-between;color:#8b9893;font:10px var(--mono);letter-spacing:.12em}.transform-pill{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font:10px var(--mono);letter-spacing:.12em;color:var(--mint)}.transform-pill b{font-size:25px}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.15em;color:#75817c;display:flex;align-items:center;gap:12px}.scroll-cue i{display:block;width:52px;height:1px;background:#75817c}.section{padding:clamp(80px,10vw,150px) clamp(20px,7vw,120px)}.section-heading{display:grid;grid-template-columns:.48fr 1fr;column-gap:5vw;margin-bottom:70px}.section-heading .eyebrow{grid-column:1}.section-heading h2{grid-column:2;font-size:clamp(42px,5.6vw,78px);line-height:1.04;letter-spacing:-.06em;margin:0}.section-heading>p:last-child{grid-column:2;font-size:18px;color:#aab5b0;line-height:1.7;max-width:650px;margin:25px 0 0}.section-heading.compact{grid-template-columns:.38fr 1fr}.analogy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.analogy-card{background:var(--paper);min-height:430px;padding:28px;display:flex;flex-direction:column}.card-number{font:11px var(--mono);color:#79837f}.analogy-card h3{font-size:22px;letter-spacing:-.04em;margin:30px 0 14px}.analogy-card p{color:#68716d;line-height:1.65;font-size:14px}.prism,.views-demo,.everywhere-demo{height:200px;margin-top:30px;display:flex;align-items:center;justify-content:center}.prism{position:relative}.prism span{width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:85px solid rgba(7,17,15,.8);transform:rotate(-10deg)}.prism:before{content:"";position:absolute;width:42%;height:3px;background:var(--ink);left:0;top:54%;transform:rotate(-8deg);transform-origin:right}.prism i{position:absolute;left:60%;width:38%;height:2px;transform-origin:left}.prism i:nth-of-type(1){background:#ff765f;transform:rotate(-19deg)}.prism i:nth-of-type(2){background:#f4a45e;transform:rotate(-12deg)}.prism i:nth-of-type(3){background:#f4d35e;transform:rotate(-5deg)}.prism i:nth-of-type(4){background:#72e1b5;transform:rotate(2deg)}.prism i:nth-of-type(5){background:#63a7ff;transform:rotate(9deg)}.views-demo{gap:18px;font:11px var(--mono)}.views-demo span{border:1px solid var(--ink);padding:22px 14px}.views-demo b{font-size:24px;color:var(--coral)}.everywhere-demo{gap:8px}.everywhere-demo i{width:3px;border-radius:3px;height:15%;background:var(--mint)}.everywhere-demo i:nth-child(2),.everywhere-demo i:nth-child(6){height:35%}.everywhere-demo i:nth-child(3),.everywhere-demo i:nth-child(5){height:65%}.everywhere-demo i:nth-child(4){height:95%;background:var(--coral)}.dark-section{background:var(--ink);color:var(--paper)}.mixer-shell{border:1px solid #294039;padding:24px}.canvas-head{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.12em;color:#7e8c86;margin-bottom:16px}.canvas-head small{letter-spacing:0;text-transform:none}.sound-button,.outline-button{border:1px solid #365149;background:transparent;color:var(--mint);padding:8px 12px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.sound-button:hover,.outline-button:hover{background:var(--mint);color:var(--ink)}.wide-canvas{width:100%;height:270px;display:block;border-bottom:1px solid #273a34}.wave-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:28px 0}.wave-control>span,.scan-slider>span{display:flex;justify-content:space-between;margin-bottom:15px;font:11px var(--mono);letter-spacing:.04em}.wave-control output{color:#a4b0ab}.wave-control input,.scan-slider input{width:100%;accent-color:var(--mint)}.wave-control.coral input{accent-color:var(--coral)}.wave-control.yellow input{accent-color:var(--yellow)}.frequency-view{display:grid;grid-template-columns:1fr 2fr;align-items:end;border-top:1px solid #273a34;padding-top:28px;font:10px var(--mono);letter-spacing:.1em;color:#89958f}.frequency-view small{display:block;letter-spacing:0;margin-top:6px}.spectrum-bars{height:110px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #52605b;background:repeating-linear-gradient(0deg,transparent 0,transparent 26px,rgba(255,255,255,.04) 27px)}.spectrum-bars i{width:14%;min-height:3px;transition:height .25s}.spectrum-bars i:nth-child(1){background:var(--coral)}.spectrum-bars i:nth-child(2){background:var(--mint)}.spectrum-bars i:nth-child(3){background:var(--yellow)}.draw-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.draw-panel{padding:22px}.draw-panel+div{border-left:1px solid var(--line)}.draw-canvas{width:100%;height:300px;display:block;background:rgba(255,255,255,.28);touch-action:none}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.preset-row button,.mask-controls button{cursor:pointer;border:1px solid var(--line);background:transparent;padding:8px 12px;font:10px var(--mono);text-transform:uppercase}.preset-row button:hover{background:var(--ink);color:#fff}.insight{font:12px var(--mono);color:#58625d;display:flex;gap:10px;align-items:center;margin:18px 0 0}.insight i{width:8px;height:8px;border-radius:50%;background:var(--coral)}.bridge{text-align:center}.bridge>h2{font-size:clamp(42px,6vw,82px);line-height:1;letter-spacing:-.06em}.image-frequency-demo{display:flex;align-items:center;justify-content:center;gap:24px;margin:70px auto 35px}.demo-tile{font:9px var(--mono);letter-spacing:.1em;color:#6e7773}.stripe-img,.mini-phantom{width:135px;height:135px;border:1px solid var(--line);margin-bottom:12px}.stripe-img{background:repeating-linear-gradient(90deg,#15211e 0,#15211e 36px,#dcdcd3 36px,#dcdcd3 72px)}.stripe-img.medium{background:repeating-linear-gradient(45deg,#9fb6ad 0,#9fb6ad 12px,#ece9df 12px,#ece9df 24px)}.stripe-img.fine{background:repeating-linear-gradient(-35deg,#ff765f 0,#ff765f 3px,#f2efe6 3px,#f2efe6 7px)}.mini-phantom{border-radius:50%;background:radial-gradient(ellipse at 38% 44%,#17241f 0 7%,transparent 8%),radial-gradient(ellipse at 62% 44%,#17241f 0 7%,transparent 8%),radial-gradient(ellipse at 50% 64%,transparent 0 14%,#17241f 15% 17%,transparent 18%),radial-gradient(ellipse,#84bda6 0 45%,#d3a85f 46% 65%,#17241f 66% 70%,transparent 71%)}.plus,.equals{font:300 24px var(--mono);color:#86908c}.bridge-note{max-width:660px;margin:auto;line-height:1.7;color:#626c67}.scanner-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-bottom:130px}.scanner-visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.scanner-ring{width:300px;height:300px;border:35px solid #e7e1d5;border-radius:50%;box-shadow:inset 0 0 0 12px #62716b,0 22px 60px #000;position:relative}.scanner-ring:after{content:"";position:absolute;inset:-36px;border-radius:50%;border:1px solid #668279}.scanner-ring i{position:absolute;inset:20px;border:1px dashed var(--mint);border-radius:50%;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.patient{position:absolute;left:50%;bottom:37px;width:155px;height:54px;border-radius:60% 60% 45% 45%;transform:translateX(-50%);background:#d29f81}.patient:before{content:"";position:absolute;width:53px;height:53px;border-radius:50%;background:#d29f81;left:51px;top:-37px}.patient span{position:absolute;width:220px;height:8px;left:-32px;bottom:-20px;background:#d9ddd9;border-radius:6px}.gradient-wave{position:absolute;font:9px var(--mono);letter-spacing:.1em;color:var(--mint);opacity:.6}.gx{left:1%;top:22%}.gy{right:1%;bottom:20%;color:var(--coral)}.signal-pulse{position:absolute;width:110%;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='60' viewBox='0 0 500 60'%3E%3Cpath d='M0 30h130l8-4 8 12 8-30 8 45 8-43 8 29 8-12 8 3H500' fill='none' stroke='%2372e1b5' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;top:46%;filter:drop-shadow(0 0 8px #72e1b5);animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.2;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1)}}.story-steps{list-style:none;padding:0;margin:0}.story-steps li{display:flex;gap:18px;border-top:1px solid #314039;padding:25px 0;color:#78837f;transition:.3s}.story-steps li:first-child{color:#fff}.story-steps li>span{font:11px var(--mono);color:var(--mint)}.story-steps b{font-size:18px}.story-steps p{font-size:14px;line-height:1.6;margin:8px 0 0;max-width:500px}.kspace-lab{border-top:1px solid #314039;padding-top:70px;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw}.lab-intro h3{font-size:36px;letter-spacing:-.05em}.lab-intro>p{color:#96a29d;line-height:1.7}.scan-slider{display:block;margin:35px 0 20px}.dual-canvas{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}.dual-canvas figure,.mask-visuals figure{margin:0;position:relative}.dual-canvas figcaption,.mask-visuals figcaption{font:10px var(--mono);letter-spacing:.1em;margin-bottom:12px;display:flex;justify-content:space-between}.dual-canvas figcaption small{color:#718079;letter-spacing:0}.dual-canvas canvas,.mask-visuals canvas{width:100%;aspect-ratio:1;display:block;background:#020403;image-rendering:auto}.fourier-arrow{text-align:center;color:var(--mint);font:8px var(--mono);letter-spacing:.1em}.fourier-arrow b{display:block;font-size:24px}.scan-line{position:absolute;left:0;right:0;height:2px;background:#fff;box-shadow:0 0 8px var(--mint);pointer-events:none}.mask-lab{display:grid;grid-template-columns:.65fr 1.2fr;gap:6vw}.mask-controls{display:flex;flex-direction:column;gap:10px}.mask-controls button{display:flex;text-align:left;align-items:center;gap:14px;padding:16px}.mask-controls button i{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;position:relative}.mask-controls button:first-child i:after{content:"";position:absolute;width:10px;height:10px;inset:10px;background:var(--coral);border-radius:50%}.mask-controls button:nth-child(2) i{background:radial-gradient(circle,var(--coral),var(--ink))}.mask-controls button:nth-child(3) i{border:8px solid var(--ink)}.mask-controls button.active{background:var(--ink);color:#fff}.mask-controls b,.mask-controls small{display:block}.mask-controls small{font-size:9px;margin-top:5px;color:#7f8b85;text-transform:none}.mask-visuals{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center}.mask-explanation{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;line-height:1.7;color:#606a65}.truth-callout{margin:90px auto 0;max-width:900px;border:1px solid var(--ink);padding:28px;display:grid;grid-template-columns:.4fr 1fr;gap:30px}.truth-callout span{font:10px var(--mono);letter-spacing:.12em;color:var(--coral)}.truth-callout p{font-size:20px;line-height:1.55;margin:0}.landscape-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw;align-items:center}.landscape-section .section-heading{display:block;margin:0}.landscape-section .section-heading h2{margin-bottom:28px}.landscape-section .section-heading>p:last-child{margin-left:0}.landscape-wrap{height:600px;position:relative}.landscape-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.drag-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.1em;color:#788780}.summary{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.summary-word{font:500 clamp(60px,13vw,200px)/.8 var(--mono);writing-mode:vertical-rl;transform:rotate(180deg);color:transparent;-webkit-text-stroke:1px #93a09a;letter-spacing:-.12em}.summary-copy h2{font-size:clamp(36px,5vw,70px);line-height:1.05;letter-spacing:-.06em}.summary-copy>p:last-of-type{font-size:18px;line-height:1.7;color:#64706a}footer{padding:30px clamp(20px,5vw,70px);display:flex;justify-content:space-between;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:.1em;color:#6f7974}footer p{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-instrument{height:420px}.section-heading,.section-heading.compact{display:block}.section-heading h2{margin-top:18px}.analogy-grid{grid-template-columns:1fr}.analogy-card{min-height:auto}.draw-grid,.scanner-story,.kspace-lab,.landscape-section,.summary{grid-template-columns:1fr}.draw-panel+div{border-left:0;border-top:1px solid var(--line)}.image-frequency-demo{gap:8px}.stripe-img,.mini-phantom{width:90px;height:90px}.demo-tile:nth-of-type(2),.demo-tile:nth-of-type(3),.image-frequency-demo .plus:nth-of-type(4){display:none}.mask-lab{grid-template-columns:1fr}.summary-word{writing-mode:horizontal-tb;transform:none}.landscape-wrap{height:450px}}@media(max-width:600px){.section{padding:75px 18px}.topbar{height:64px}.hero{padding:100px 18px 60px}.hero-instrument{height:310px}.wave-controls{grid-template-columns:1fr}.frequency-view{grid-template-columns:1fr}.spectrum-bars{margin-top:20px}.draw-canvas{height:230px}.scanner-ring{width:230px;height:230px;border-width:27px}.scanner-visual{height:310px}.dual-canvas{grid-template-columns:1fr 30px 1fr}.fourier-arrow span{display:none}.mask-visuals{grid-template-columns:1fr 25px 1fr}.truth-callout{grid-template-columns:1fr}.landscape-wrap{height:330px}.image-frequency-demo{margin-top:45px}.stripe-img,.mini-phantom{width:78px;height:78px}footer{display:block}footer p{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}