.landing{--refresh-panel:#f1f5fc;--refresh-border:#d8e1ef;--refresh-muted:#526079}html[data-theme=dark] .landing{--refresh-panel:#192230;--refresh-border:#304055;--refresh-muted:#afbdd2}html body .landing .landing-hero-background{opacity:1;filter:none;background:linear-gradient(90deg,#080d16 0%,#080d16f0 31%,#080d1633 75%),url(/tao-art/connected-hooks.webp) 100%/cover no-repeat}html body .landing .landing-hero{background:#080d16;min-height:640px}html body .landing .landing-hero-content{padding-block:72px}html body .landing .landing-hero h1{max-width:790px}html body .landing .landing-hero p{max-width:700px}html body .network-explorer{grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;padding-block:80px;display:grid}.network-explorer h2,.workflow-heading h2,.strategy-callout h2,.workspace-cta h2{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(32px,3.6vw,56px);font-weight:600;line-height:1.08}.network-explorer-intro>p,.workflow-heading>p,.strategy-callout>div>p,.workspace-cta>div>p{color:var(--refresh-muted);max-width:420px;margin-bottom:28px;font-size:17px;line-height:1.65}.network-explorer .text-link{align-items:center;gap:12px;display:inline-flex}.network-console{border:1px solid var(--refresh-border);background:var(--refresh-panel);border-radius:28px;padding:10px;box-shadow:inset 0 1px #ffffff1f,0 20px 60px #0814280f}.network-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.network-switcher button{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;min-height:52px;padding:12px 10px;font-size:12px;display:flex}.network-switcher button:hover{background:#82acff1a}.network-switcher button[aria-pressed=true]{background:#82acff26;border-color:#82acff}.network-switcher button span{line-height:1.2}.network-detail{background:var(--glass-solid,#fff);border:1px solid var(--refresh-border);border-radius:20px;margin-top:8px;padding:28px}.network-detail-title{align-items:center;gap:14px;display:flex}.network-detail-title>div{flex:1}.network-detail-title h3{letter-spacing:-.03em;margin:5px 0 0;font-size:26px}.network-detail-title span{letter-spacing:.08em;color:var(--refresh-muted);font-size:10px}.network-detail-title .network-native{border:1px solid var(--refresh-border);border-radius:8px;padding:8px}.network-detail ul{gap:14px;margin:26px 0;padding:0;list-style:none;display:grid}.network-detail li{align-items:center;gap:12px;font-size:15px;display:flex}.network-detail li svg{color:var(--green);flex-shrink:0}.network-detail small{color:var(--refresh-muted);margin-top:16px;font-size:12px;display:block}html body .workflow-section{padding-block:90px}.workflow-heading{grid-template-columns:1fr 1fr;align-items:end;gap:0 80px;margin-bottom:36px;display:grid}.workflow-heading .eyebrow{grid-column:1/-1}.workflow-heading h2,.workflow-heading>p{margin-bottom:0}.workflow-list{border-top:1px solid var(--refresh-border)}.workflow-row{border-bottom:1px solid var(--refresh-border);grid-template-columns:46px 56px 1fr auto;align-items:center;gap:24px;padding:32px 12px;transition:background-color .18s;display:grid}.workflow-row:hover{background:#82acff12}.workflow-number{color:var(--refresh-muted);font-size:13px}.workflow-row>svg{color:var(--green)}.workflow-row h3{letter-spacing:-.025em;margin:0 0 8px;font-size:25px;font-weight:500}.workflow-row p{color:var(--refresh-muted);margin:0;font-size:15px;line-height:1.5}.workflow-action{align-items:center;gap:20px;font-size:13px;display:flex}html body .strategy-callout{color:#14243f;background:#dfeaff;border:1px solid #c7d8f3;border-radius:30px;grid-template-columns:1fr 1fr;gap:70px;margin-block:35px 80px;padding:60px;display:grid}.strategy-callout .eyebrow,.strategy-callout>div>p{color:#4b607f}.strategy-steps{gap:0;display:grid}.strategy-steps>div{border-top:1px solid #bacce6;padding:22px 0}.strategy-steps span{color:#4b607f;letter-spacing:.08em;margin-bottom:10px;font-size:11px;display:block}.strategy-steps strong{font-size:23px;font-weight:500}.strategy-steps p{color:#4b607f;margin:8px 0 0;font-size:14px;line-height:1.5}html body .workspace-cta{border-top:1px solid var(--refresh-border);grid-template-columns:1fr 1fr;gap:80px;padding-block:90px;display:grid}.workspace-cta h2 span{color:var(--green)}.workspace-choices{align-content:center;gap:12px;display:grid}.workspace-choices a{background:var(--refresh-panel);border:1px solid var(--refresh-border);border-radius:18px;align-items:center;gap:20px;padding:24px;display:flex}.workspace-choices a:hover{border-color:#82acff}.workspace-choices a>span{flex:1}.workspace-choices strong{font-size:19px;font-weight:500;display:block}.workspace-choices small{color:var(--refresh-muted);margin-top:7px;font-size:13px;display:block}@media (max-width:900px){html body .network-explorer{grid-template-columns:1fr;gap:30px}.network-explorer-intro>p{max-width:600px}.workflow-row{grid-template-columns:30px 36px 1fr;gap:16px}.workflow-action{grid-column:3}html body .strategy-callout{gap:30px;padding:36px}html body .workspace-cta{gap:32px}}@media (max-width:600px){html body .landing .landing-hero{min-height:660px}html body .landing .landing-hero-content{padding-block:48px 210px}html body .landing .landing-hero-background{background:linear-gradient(#080d16 0%,#080d16f2 38%,#080d160d 100%),url(/tao-art/connected-hooks.webp) 70% bottom/auto 470px no-repeat}html body .network-explorer,html body .workflow-section,html body .workspace-cta{padding-block:48px}.network-switcher{gap:4px}.network-switcher button{text-align:center;flex-direction:column;gap:8px;padding:10px 4px}.network-detail{padding:20px}.network-detail-title h3{font-size:23px}.workflow-heading,html body .strategy-callout,html body .workspace-cta{grid-template-columns:1fr}.workflow-heading{gap:20px}.workflow-row{grid-template-columns:24px 1fr;padding-block:26px}.workflow-row>svg{display:none}.workflow-row h3{font-size:23px}.workflow-action{grid-column:2}html body .strategy-callout{width:calc(100% - 32px);margin-block:16px 48px;padding:28px}.workspace-choices a{gap:12px;padding:20px 16px}.workspace-choices strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.workflow-row{transition:none}}html body .landing .strategy-callout.landing-width{padding-inline:60px!important}@media (max-width:900px){html body .landing .strategy-callout.landing-width{padding-inline:36px!important}}@media (max-width:600px){html body .landing .strategy-callout.landing-width{padding-inline:28px!important}}