@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/poppins-400.woff') format('woff')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/poppins-600.woff') format('woff')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/poppins-700.woff') format('woff')}
/* Ruby's palette and Poppins hierarchy, translated from the banking deck. */
:root{--bg:#0b0d20;--panel:#101328;--text:#f3f0f8;--muted:#b6b2c6;--purple:#c9a1e3;--mint:#93cbcd;--gold:#f0be83;--line:#2b2d43}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.65 Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}button,input{font:inherit}button{cursor:pointer}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:0.125rem solid var(--mint);outline-offset:0.375rem}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:600;letter-spacing:-.025em;line-height:1.17}h1{font-size:clamp(2.625rem,4.6vw,4.125rem);margin-bottom:1.875rem}h2{font-size:clamp(2rem,3.1vw,2.6875rem);margin-bottom:1.875rem}h3{font-size:1.375rem;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:var(--purple);margin-bottom:1rem}p{margin-bottom:1.5rem}em{font-style:normal;color:var(--purple)}.wrap{max-width:88rem;margin-inline:auto;padding:6.25rem 4rem}.eyebrow{font-size:0.6875rem;line-height:1.55;letter-spacing:.035em;font-weight:700;color:var(--mint);margin-bottom:1.375rem}.lead{font-size:clamp(1.3125rem,1.8vw,1.5625rem);line-height:1.45;letter-spacing:-.015em}.intro{max-width:36.875rem;font-size:1.0625rem;line-height:1.65;color:var(--text)}.prose{font-size:1.0625rem;color:var(--text)}.prose p:last-child{margin-bottom:0}.highlight{color:var(--mint)}.caption{font-size:0.75rem;color:var(--muted);line-height:1.6;margin:1.125rem 0 0}
header{max-width:88rem;margin:auto;padding:1.75rem 4rem;display:flex;justify-content:space-between;align-items:center;gap:1.875rem}.brand{display:flex;align-items:center;gap:0.4375rem;flex-shrink:0;min-height:2.625rem}.gt-logo{width:11.25rem}.brand-product{width:5.75rem}.home-page .brand-product{display:none}nav{display:flex;gap:2.125rem;align-items:center;font-size:0.75rem}nav a{padding:0.5625rem 0;white-space:nowrap;border-bottom:0.0625rem solid transparent}nav a:hover,nav a[aria-current=page]{color:var(--purple);border-bottom-color:var(--purple)}
/* Use Ruby's exact cover crop and orientation of the kiwi. */
.hero{position:relative;min-height:43.125rem;display:flex;align-items:center;padding-top:3.125rem;padding-bottom:4.5rem;overflow:hidden}.hero-copy{position:relative;z-index:1;width:62%;max-width:46.5625rem}.hero-product{margin:0 0 0.875rem}.hero-product img{width:9.875rem}.hero h1{font-size:clamp(3rem,4.7vw,4.1875rem);line-height:1.12;letter-spacing:-.025em;margin-bottom:2.1875rem}.hero .lead{margin-bottom:1.625rem}.hero .intro{max-width:35.625rem;color:var(--muted);font-size:1rem}.hero-art{position:absolute;inset:2rem -3.125rem 1.375rem auto;width:42%;display:flex;align-items:center;pointer-events:none}.hero-art img{width:100%;max-width:none}.actions{display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.125rem;min-height:3rem;padding:0.8125rem 1.4375rem;border:0.0625rem solid transparent;border-radius:0.1875rem;font-size:0.75rem;font-weight:600;line-height:1.5}.primary{background:var(--purple);color:var(--bg)}.primary:hover{background:#dbbbed;color:var(--bg)}.secondary{background:transparent;border-color:#66647b;color:var(--text)}.secondary:hover{border-color:var(--purple);background:#c9a1e30c;color:var(--text)}.text-link{display:inline-block;border-bottom:0.0625rem solid #80708f;padding-bottom:0.3125rem;font-size:0.8125rem}.proof-strip{display:flex;justify-content:space-between;gap:1.25rem;padding-block:1.625rem;border-top:0.0625rem solid var(--line);border-bottom:0.0625rem solid var(--line);font-size:0.6875rem;color:var(--mint)}.proof-strip span:before{content:'+';margin-right:0.75rem;color:var(--purple)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:5.3125rem}.band{border-block:0.0625rem solid #ffffff07;background:#0e1024}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.625rem;margin-top:2.875rem;margin-bottom:2.25rem}.principles article{padding-top:1.5rem;border-top:0.0625rem solid var(--line)}.number{display:block;font-size:0.6875rem;font-weight:700;color:var(--mint);margin-bottom:1.5rem}.principles h3{font-size:1.3125rem}.principles p{font-size:0.9375rem;line-height:1.65;margin-bottom:0}.illustrated{position:relative;overflow:hidden}.section-copy{position:relative;z-index:1}.illustrated .section-copy{max-width:75%}.illustrated .split{display:block}.illustrated .prose{max-width:47.5rem}.statement{padding-block:6.875rem}.statement h2{max-width:47.5rem}.statement h2 em br{display:none}.network-art{position:absolute;width:36.875rem;right:-16.25rem;top:50%;transform:translateY(-50%);opacity:.3;pointer-events:none}.network-art img{width:100%}.about .section-copy{max-width:70%}.about .network-art{width:38.125rem;right:-11.875rem;opacity:.24}.about .text-link{margin-top:0.5rem}
.demo-teaser{position:relative;min-height:36.25rem;display:flex;align-items:center;overflow:hidden}.demo-teaser .section-copy{width:61%;max-width:44.375rem}.demo-teaser h2{max-width:41.875rem}.demo-teaser .intro{max-width:35.625rem}.request-art{position:absolute;right:-5.625rem;top:50%;transform:translateY(-50%);width:52%;pointer-events:none}.request-art img{width:100%}.applications{border-top:0.0625rem solid var(--line)}.use-cases{margin-top:2.8125rem}.use-cases article,.tech-list article{display:flex;gap:2.1875rem;border-top:0.0625rem solid var(--line);padding:1.875rem 0}.use-cases article>span,.tech-list article>span{font-size:0.75rem;font-weight:600;color:var(--mint);padding-top:0.375rem}.use-cases article>div{display:grid;grid-template-columns:.85fr 1.2fr;gap:4.0625rem;flex:1}.use-cases h3{margin:0;font-size:1.3125rem}.use-cases p,.tech-list p{margin:0;font-size:1rem}.progress{display:grid;grid-template-columns:1fr 1fr;gap:5.9375rem}.progress .intro{max-width:30.625rem}.milestones article{padding:0 0 1.875rem 1.5625rem;border-left:0.0625rem solid #4a3e59}.milestones article:last-child{padding-bottom:0}.milestones article>span{display:block;font-size:0.625rem;color:var(--mint);font-weight:700;margin-bottom:0.8125rem}.milestones h3{font-size:1.25rem;margin-bottom:0.75rem}.milestones p{font-size:0.9375rem;margin:0}
footer{max-width:88rem;margin:auto;padding:2.625rem 4rem 2.75rem;display:grid;grid-template-columns:1.25fr .65fr 1fr;gap:2.8125rem;border-top:0.0625rem solid var(--line)}.footer-brand{display:flex;align-items:center;gap:0.375rem;width:max-content}.footer-brand img:first-child{width:9.375rem}.footer-brand img:last-child{width:4.875rem}footer p{font-size:0.6875rem;color:var(--muted);margin:1rem 0 0;max-width:17.5rem}footer>div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem;font-size:0.75rem}footer small{font-size:0.625rem;color:var(--muted);text-align:right;line-height:1.8}footer small a{display:inline-block;margin-top:0.75rem;color:var(--mint)}
.page-head{padding-top:4.375rem;padding-bottom:5.625rem}.page-head .section-copy{max-width:77%}.page-head h1{font-size:clamp(2.4375rem,4.3vw,3.8125rem)}.page-head .intro{max-width:44.375rem}.page-head .network-art{right:-17.5rem;width:40.625rem;opacity:.27}.narrow{max-width:40.625rem}.tech-list{max-width:65.625rem;margin-top:2.625rem}.tech-list article{gap:2.75rem;padding-block:1.9375rem}.tech-list h3{font-size:1.3125rem;margin-bottom:0.75rem}.boundary{max-width:80rem;margin-bottom:4.5rem;padding:2.1875rem 2.5rem;border:0.0625rem solid var(--line);background:var(--panel)}.boundary h3{font-size:1.4375rem}.boundary p:not(.eyebrow){font-size:0.875rem;color:var(--muted)}.boundary p:last-child{margin-bottom:0}.boundary .actions{margin-top:1.5rem}
.demo-head{position:relative;padding-top:2.1875rem;padding-bottom:4.0625rem;overflow:hidden}.demo-head .section-copy{width:73%}.demo-head h1{font-size:clamp(2.25rem,3.6vw,3.1875rem)}.demo-head .request-art{width:24.375rem;right:-4.375rem;opacity:.8}.demo-head .intro{max-width:43.75rem}.back{display:inline-block;margin-bottom:2.25rem;font-size:0.75rem;color:var(--muted)}.player{max-width:80rem;padding:0;border:0.0625rem solid #454258;background:var(--panel)}.player-top{padding:1.1875rem 1.5625rem;border-bottom:0.0625rem solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1.25rem;font-size:0.6875rem;font-weight:600;color:var(--mint)}.badge{color:var(--gold);border:0.0625rem solid #715736;background:#f0be8308;padding:0.3125rem 0.625rem;font-size:0.625rem;font-weight:400;white-space:nowrap}.player-body{display:grid;grid-template-columns:1.4fr 1fr;min-height:26.25rem}.diagram{padding:2.125rem 1.75rem}.request-node{border:0.0625rem solid #53516d;max-width:17.8125rem;margin:auto;text-align:center;padding:1.0625rem}.request-node>span{display:block;font-size:0.625rem;color:var(--mint);font-weight:600}.request-node strong{display:block;font-size:1.0625rem;font-weight:600;margin:0.25rem 0}.request-node small{font-size:0.625rem;color:var(--muted)}.fabric-line{height:1.5rem;width:0.0625rem;background:var(--purple);margin:auto}.fabric-node{border:0.0625rem solid #766087;background:#c9a1e30b;padding:0.75rem;text-align:center}.fabric-node>span{display:block;font-weight:600;letter-spacing:.08em;font-size:1.25rem;color:var(--mint)}.fabric-node small{font-size:0.625rem;color:var(--muted)}.provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.625rem;margin-top:1.5625rem}.provider{position:relative;border:0.0625rem solid #383b54;padding:0.875rem 0.4375rem;text-align:center;transition:background .15s,border-color .15s}.provider:before{content:'';position:absolute;top:-1.625rem;left:50%;height:1.5625rem;width:0.0625rem;background:#514561}.provider>span{display:inline-grid;place-items:center;border:0.0625rem solid #726380;border-radius:50%;width:1.5625rem;height:1.5625rem;font-size:0.6875rem;color:var(--purple)}.provider h3{font-size:0.6875rem;letter-spacing:0;margin:0.5625rem 0 0.3125rem;color:var(--text);font-weight:600}.provider small{font-size:0.5625rem;display:block;color:var(--muted);line-height:1.5;min-height:1.75rem}.provider.active{border-color:var(--purple);background:#c9a1e315}.provider.complete{border-color:var(--mint);background:#93cbcd10}.provider.failed{border-color:var(--gold);background:#f0be8310}.conditions{display:flex;justify-content:space-between;gap:0.5rem;margin-top:1.5625rem;color:var(--muted);font-size:0.5625rem}.conditions .done{color:var(--mint)}.caption-panel{padding:2.125rem;background:#14162c;border-left:0.0625rem solid var(--line)}.caption-panel h2{font-size:1.8125rem;line-height:1.25;letter-spacing:-.02em;min-height:4.875rem;margin-bottom:1.125rem}.caption-panel>p:not(.caption){font-size:0.875rem;min-height:6.25rem}.caption-panel .eyebrow{display:block;margin-bottom:1.25rem;font-size:0.625rem}.authority{display:flex;gap:1.875rem;border-top:0.0625rem solid var(--line);padding-top:1.0625rem}.authority span{font-size:0.5625rem;font-weight:600;color:var(--mint)}.authority b{display:block;font-size:1.3125rem;font-weight:600;letter-spacing:0;color:var(--purple);margin-top:0.4375rem}.caption-panel .caption{font-size:0.625rem}.controls{display:flex;gap:0.75rem;align-items:center;padding:1.125rem 1.5625rem;border-top:0.0625rem solid var(--line);flex-wrap:wrap}.controls .button{font-size:0.6875rem;min-height:2.75rem;padding:0.6875rem 1.0625rem}.restart{border:0;background:transparent;color:var(--muted);font-size:0.6875rem;padding:0.6875rem}.restart:hover{color:var(--purple)}.controls>span{margin-left:auto;color:var(--muted);font-size:0.6875rem}button:disabled{opacity:.4;cursor:default}.scrub-label{display:block;font-size:0.625rem;color:var(--muted);padding:0 1.5625rem}input[type=range]{width:calc(100% - 3.125rem);margin:0.5625rem 1.5625rem 1.5rem;accent-color:var(--purple);cursor:pointer}.demo-notes{display:grid;grid-template-columns:1fr 1fr;gap:5.3125rem;padding-bottom:3.4375rem}.demo-notes ol{padding-left:1.4375rem;margin:0;font-size:1rem}.demo-notes li{padding:0 0 1.5rem 0.625rem}.demo-notes strong{display:block;font-weight:600;color:var(--purple)}.trace-section{padding-top:0;padding-bottom:3.4375rem}.trace-section details{border-block:0.0625rem solid var(--line);padding:1.4375rem 0}.trace-section summary{cursor:pointer;font-size:0.875rem;list-style:none}.trace-section summary::-webkit-details-marker{display:none}.trace-section summary span{float:right;color:var(--purple)}.trace-section p{color:var(--muted);font-size:0.8125rem;margin-top:1.5rem}pre{max-height:20rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:0.6875rem/1.6 monospace;padding:1.25rem;background:#080b1b;color:#bfc8d5}.gate{display:flex;justify-content:space-between;gap:1.25rem;font-size:0.75rem;padding:0.5625rem 0.75rem;border-bottom:0.0625rem solid var(--line)}.gate b{color:var(--mint);font-weight:400}.gate b.pending,.gate b.failed{color:var(--gold)}.sr-only{position:absolute;width:0.0625rem;height:0.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:-624.9375rem}.skip:focus{left:1.25rem;top:0.625rem;padding:0.625rem;background:var(--bg);z-index:20}
@media(min-width:1500px){.hero{min-height:46.25rem}.hero-art{right:-1.875rem;width:43%}}
@media(max-width:1150px){
.wrap{padding:5rem 2.625rem}header{padding:1.5625rem 2.625rem}nav{gap:1.5rem}.hero{min-height:41.25rem;padding-top:2.8125rem;padding-bottom:4.0625rem}.hero-copy{width:64%}.hero h1{font-size:3.3125rem}.hero .lead{font-size:1.3125rem}.hero .intro{max-width:31.25rem}.hero-art{right:-3.75rem;width:43%}.hero-product img{width:8.5625rem}.proof-strip{padding-block:1.5rem;font-size:0.625rem}.split,.progress,.demo-notes{gap:3.125rem}.principles{gap:2.1875rem}.principles h3{font-size:1.1875rem}.principles p{font-size:0.875rem}.network-art{right:-18.75rem}.illustrated .section-copy{max-width:78%}.demo-teaser .section-copy{width:64%}.request-art{width:51%;right:-7.1875rem}.use-cases article>div{gap:2.5rem}.about .network-art{right:-18.125rem}.about .section-copy{max-width:76%}.page-head .network-art{right:-22.5rem}.page-head h1{font-size:3.0625rem}.demo-head .section-copy{width:78%}.demo-head .request-art{right:-10rem}.boundary,.player{margin-inline:2.625rem}.boundary{padding:2rem}.player{padding:0}.diagram{padding:1.75rem 1.125rem}.caption-panel{padding:1.75rem}.caption-panel h2{font-size:1.625rem}.provider-grid{gap:0.4375rem}footer{padding:2.375rem 2.625rem;gap:1.875rem}.footer-brand img:first-child{width:7.9375rem}.footer-brand img:last-child{width:4.1875rem}
}
@media(max-width:820px){
header{padding:1.375rem 1.75rem;gap:1.25rem}.gt-logo{width:9.375rem}.brand-product{width:4.6875rem}nav{gap:1.125rem;font-size:0.6875rem}.wrap{padding:4.0625rem 2rem}.hero{min-height:40rem}.hero h1{font-size:2.75rem}.hero-copy{width:68%}.hero .intro{max-width:26.875rem;font-size:0.9375rem}.hero .lead{font-size:1.25rem}.hero-art{right:-6.875rem;width:47%;opacity:.75}.actions{gap:1.375rem}.proof-strip{padding-block:1.4375rem;gap:0.9375rem;flex-wrap:wrap}.illustrated .section-copy{max-width:82%}.network-art{right:-22.5rem;opacity:.2}.about .network-art{right:-21.875rem}.about .section-copy{max-width:82%}.split,.progress,.demo-notes{gap:2.25rem}.principles{gap:1.5625rem}.principles h3 br{display:none}.principles h3{font-size:1.125rem}.demo-teaser .section-copy{width:72%}.request-art{right:-11.25rem;width:56%;opacity:.7}.use-cases h3{font-size:1.125rem}.use-cases article>div{gap:1.75rem}.page-head .section-copy{max-width:88%}.page-head h1{font-size:2.625rem}.page-head .network-art{right:-25rem}.demo-head h1{font-size:2.3125rem}.demo-head .section-copy{width:85%}.demo-head .request-art{opacity:.4;right:-13.4375rem}.boundary,.player{margin-inline:2rem}.player{padding:0}.player-body{grid-template-columns:1fr}.caption-panel{border-left:0;border-top:0.0625rem solid var(--line)}.caption-panel h2,.caption-panel>p:not(.caption){min-height:0}.diagram{padding:1.875rem}.provider h3{font-size:0.75rem}.conditions{font-size:0.625rem}footer{padding:2.125rem 2rem;grid-template-columns:1.3fr 1fr;gap:1.875rem}footer small{grid-column:1/-1;text-align:left}.footer-brand img:first-child{width:9.375rem}.footer-brand img:last-child{width:4.875rem}
}
@media(max-width:720px){header{flex-wrap:wrap;gap:1.125rem}nav{width:100%;justify-content:space-between;gap:1rem}}
@media(max-width:600px){
body{font-size:1rem}.wrap{padding:3.5rem 1.5rem}header{padding:1.5rem 1.5rem 1.125rem;flex-wrap:wrap;gap:1.3125rem}.brand{min-height:2.1875rem}.gt-logo{width:10rem}.brand-product{width:5.125rem}nav{width:100%;justify-content:space-between;gap:0.625rem;font-size:0.625rem}nav a{padding:0.5rem 0}h1{font-size:2.4375rem}h2{font-size:2rem;line-height:1.2}h3{font-size:1.3125rem}.eyebrow{font-size:0.625rem;margin-bottom:1.25rem}.lead{font-size:1.3125rem}.prose,.intro{font-size:1rem}.hero{display:block;min-height:0;padding-top:2.375rem;padding-bottom:0}.hero-copy{width:100%}.hero-product img{width:7.5rem}.hero-product{margin-bottom:1rem}.hero h1{font-size:clamp(2.125rem,8.7vw,3.0625rem);line-height:1.15;margin-bottom:1.75rem}.hero .lead{font-size:1.125rem;line-height:1.5}.hero .intro{font-size:0.9375rem;max-width:29.375rem}.hero .actions{gap:1.3125rem;margin-top:1.75rem}.button{padding:0.8125rem 1.125rem;font-size:0.6875rem}.text-link{font-size:0.75rem}.hero-art{position:relative;inset:auto;opacity:1;width:88%;height:21.25rem;margin:0.9375rem -1.5rem -0.3125rem auto;overflow:hidden;align-items:flex-start;justify-content:flex-end}.hero-art img{height:23.125rem;width:auto;max-width:none}.proof-strip{padding-block:1.375rem;flex-direction:column;gap:0.6875rem;font-size:0.6875rem}.split,.progress,.demo-notes{grid-template-columns:1fr;gap:1.3125rem}.illustrated .section-copy,.about .section-copy,.page-head .section-copy{max-width:100%}.network-art{width:26.25rem;right:-20.625rem;opacity:.14;top:42%}.statement .prose{padding-right:0.875rem}.statement h2 em br{display:initial}.principles{grid-template-columns:1fr;gap:1.8125rem;margin-top:2rem;margin-bottom:2rem}.principles article{padding-top:1.4375rem}.principles h3{font-size:1.3125rem;max-width:21.25rem}.principles p{font-size:0.9375rem;max-width:30.625rem}.number{margin-bottom:1rem}.demo-teaser{display:block;min-height:0;padding-bottom:0}.demo-teaser .section-copy{width:100%}.demo-teaser h2{max-width:28.75rem}.demo-teaser .request-art{position:relative;inset:auto;transform:none;opacity:1;width:100%;height:18.4375rem;overflow:hidden;margin:1rem 0 0 1.5rem}.demo-teaser .request-art img{width:100%;max-width:24.375rem;margin-left:auto}.use-cases{margin-top:2.125rem}.use-cases article{gap:1.25rem;padding:1.625rem 0}.use-cases article>div{grid-template-columns:1fr;gap:0.8125rem}.use-cases h3{font-size:1.3125rem}.use-cases p{font-size:0.9375rem}.milestones{margin-top:1.0625rem}.milestones h3{font-size:1.25rem}.about .network-art{width:26.25rem;right:-18.75rem;opacity:.13}.about .prose{padding-right:0.75rem}footer{padding:2.1875rem 1.5rem;grid-template-columns:1fr;gap:1.75rem}footer>div:nth-child(2){flex-direction:row;flex-wrap:wrap;gap:1.25rem;font-size:0.6875rem}footer p{max-width:none;font-size:0.625rem}footer small{grid-column:auto;font-size:0.5625rem}.page-head{padding-top:2.25rem}.page-head h1{font-size:clamp(2rem,7.5vw,2.6875rem)}.page-head .lead{font-size:1.3125rem}.page-head .network-art{right:-21.875rem;width:28.125rem;opacity:.13}.tech-list{margin-top:2rem}.tech-list article{gap:1.4375rem;padding-block:1.625rem}.tech-list h3{font-size:1.25rem}.tech-list p{font-size:0.9375rem}.boundary{margin:0 1.5rem 3.125rem;padding:1.625rem 1.4375rem}.boundary h3{font-size:1.3125rem}.boundary p:not(.eyebrow){font-size:0.8125rem}.demo-head{padding-top:1.75rem;padding-bottom:2.375rem}.demo-head .section-copy{width:100%}.demo-head h1{font-size:clamp(2rem,7.7vw,2.6875rem)}.demo-head .request-art{right:-16.875rem;width:21.875rem;opacity:.22}.demo-head .intro{font-size:0.9375rem}.back{margin-bottom:1.875rem}.player{margin-inline:0.875rem;padding:0}.player-top{font-size:0.5625rem;padding:1rem;gap:0.625rem}.badge{font-size:0.5625rem}.diagram{padding:1.5625rem 0.9375rem}.request-node{max-width:15.625rem}.fabric-node{padding-inline:0.375rem}.fabric-node small{font-size:0.5625rem}.provider-grid{gap:0.375rem}.provider{padding:0.75rem 0.1875rem}.provider h3{font-size:0.5625rem}.provider small{font-size:0.5rem}.conditions{font-size:0.5rem;gap:0.3125rem;flex-wrap:wrap}.caption-panel{padding:1.5rem}.caption-panel h2{font-size:1.625rem}.caption-panel>p:not(.caption){font-size:0.8125rem}.caption-panel .eyebrow{font-size:0.5625rem}.authority{gap:1.875rem}.controls{padding:1rem;gap:0.5rem}.controls .button{padding:0.625rem 0.6875rem;font-size:0.625rem}.restart{padding:0.5625rem 0.25rem;font-size:0.625rem}.controls>span{font-size:0.625rem}.scrub-label{padding-inline:1rem}input[type=range]{width:calc(100% - 2rem);margin-inline:1rem}.demo-notes{gap:1.125rem}.demo-notes ol{font-size:0.9375rem}.trace-section{padding-top:0}.trace-section summary{font-size:0.75rem;max-width:100%}.trace-section summary span{margin-left:0.5rem}.gate{font-size:0.625rem;padding-inline:0.1875rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Make the overview network clearly visible at its existing placement. */
.statement .network-art{opacity:1;filter:brightness(1.65)}
@media(max-width:820px){.statement .network-art{opacity:.85}}
@media(max-width:600px){.statement .network-art{opacity:.5}}
/* Australian thinking: leave the complete globe visible beside the company story. */
.about .section-copy{max-width:58%}
.about .about-art{width:40%;max-width:33.125rem;right:0.875rem;opacity:1;filter:none}
@media(max-width:820px){
 .about .section-copy{max-width:100%}
 .about .about-art{position:relative;top:auto;right:auto;transform:none;width:min(100%,30rem);margin:2rem auto -0.625rem}
}

.about .about-art img{mask-image:radial-gradient(ellipse closest-side,#000 90%,transparent 100%)}

/* Let the desktop design fill the window; rem keeps user text sizing effective. */
@media(min-width:1408px){
 html{font-size:calc(.5rem + .56818182vw)}
 .wrap,header,footer{max-width:none}
 .boundary,.player{width:calc(100% - 8rem)}
 .hero h1{font-size:clamp(3rem,4.7vw,5.25rem)}
 h2{font-size:clamp(2rem,3.1vw,3.5rem)}
 .page-head h1{font-size:clamp(2.4375rem,4.3vw,5rem)}
 .demo-head h1{font-size:clamp(2.25rem,3.6vw,4rem)}
 .about{min-height:calc(40vw + 4rem)}
 .about .about-art{max-width:none}
}
/* The header and opening panel occupy the first desktop viewing window. */
@media(min-width:821px){
 .home-page .hero{min-height:calc(100svh - 6.125rem)}
}